Você está na página 1de 4

Materia: Lenguajes de programacin Web

Programa: Maestra en tecnologas de informacin y


comunicacin

Profesor: Juan Pablo Bernal Saldaa

Alumno: Ren Alfonso Vzquez Ruz

Tarea: Sesin 9 Programacin del lado del servidor

Objetivo: Realizar una pgina web con elementos bsicos, con el fin de mostrar
una tabla de los servicios que ofrece una empresa con su logo e informacin de
contacto.

Procedimiento
1. Declarar las etiquetas de apertura del documento HTML mediante <html>.
2.

Declarar la etiqueta del encabezado <head> y colocar dentro la etiqueta


<title> seguido del texto que ir como ttulo de la pgina, posteriormente se
cierran ambas etiquetas.

3.

Poner la etiqueta de inicio del cuerpo de la pgina <body> para ir


ingresando el contenido de la misma.

4.

Insertar la imagen del logotipo al inicio del contenido mediante


<img>indicando el nombre de la imagen.

5.

Ingresar como texto la leyenda Servicios ofrecidos dentro de la etiqueta


<h2> para que el texto sea ms grande al del resto del contenido.

6. Se crea la estructura de la tabla mediante <table> agregndose dos


columnas que irn como encabezado mediante la etiqueta <tr> para indicar
la fila y <td> para las columnas de la tabla con el texto Servicio y Precio
respectivamente.
7. Se ingresa el contenido de la tabla de igual manera empezando mediante
<tr> para comenzar la fila y <td> para ir ingresando la descripcin y servicio
en columnas separadas, al cambiar de fila cerrar </tr> e iniciar de nuevo
para ingresar una nueva fila con <tr>, al terminar cerrar la tabla mediante
</table>.
8. Se realiza un salto de lnea <br/> para espaciar entre la tabla y el siguiente
contenido y se ingresa en negritas con la etiqueta <b> el texto de contacto
Para mayores informes contactar al correo y cerramos la etiqueta de
negrita.
9. Ingresar un link de enlace para envo de correo mediante <a href=>
ingresando el correo de contacto dentro de la propiedad href como dentro
de la etiqueta <a> el cual servir como texto que se desplegara en pantalla.
10. Se cierran las etiquetas del cuerpo del documento y el documento html con
</body> y </html> respectivamente.

Resultados del reporte


Como resultado del procedimiento descrito, se cre la pgina de servicios
propuesta, se anexa cdigo del html en el archivo comprimido, as como tambin a
continuacin se muestra un pantallazo del resultado visual de dicho html.

Conclusiones personales
En esta actividad se pudo apreciar la creacin de una pgina html con los
elementos bsicos para dicha implementacin, sin embargo, lo ideal sera integrar
ms elementos para que la pgina se vuelva ms robusta, sugiriendo empezar por
agregar ms secciones como por ejemplo para una empresa puede ser inicio,
quienes somos, servicios y contctanos para que est ms completa.
En el rubro del CSS no se integr para este ejercicio, sin embargo, es importante
el uso del CSS para el diseo, fuentes, colores, etc. de la pgina, y actualmente
tambin para que la pgina se vuelva responsiva, es decir, se pueda visualizar
ptimamente dependiendo del tamao de la pantalla del dispositivo desde donde
se visualiza (Tablet, Smartphone, pc.).
Para el dinamismo de la pgina a futuro se puede mejorar con la integracin de un
formulario de contacto que mande correo al recibir un mensaje de algn cliente
potencial, as como un formulario de registro para poder captar ms clientes, todo
esto posible mediante la vinculacin con PHP.
En conclusin este fue un ejercicio muy til para denotar el uso de los elementos
bsicos para poder crear un sitio web solamente con HTML, as como tambin
denotar los puntos que se podran mejorar con el uso del CSS y PHP para mejorar
la presentacin y el dinamismo de la pgina respectivamente.

Referencias bibliogrficas
Sintes, B. (2013). Pginas web HTML / XHTML y hojas de estilo CSS. Consultado
24
septiembre,
2015,
de
Sitio
web:
http://www.mclibre.org/consultar/htmlcss/xhtml/xhtml_html_diferencias.html

Alvarez, K.. (2007). Disear pginas web en HTML. Consultado 28 septiembre,


2015, de Sitio web: http://www.monografias.com/trabajos91/disenar-paginas-weblenguaje-html/disenar-paginas-web-lenguaje-html.shtml

Você também pode gostar