Desarrollo Web

1. Introducción

En la presente actividad se desarrollará una explicación breve sobre las distintas prácticas hechas en las primeras semanas de clase (archivos .html, .css y .xml).

1. Procedimiento

1. CMS o plantilla

Para crear mi plantilla accedí a la plataforma https://mex.000webhost.com/ me registré y con la herramienta de Zyro elegí la plantilla Gust y simplemente diseñé mi página (con imágenes, textos, colores, botones y menús).

1. Currículum

Para el desarrollo de mi curriculum hice uso de una plantilla de Word y simplemente plasmé mis datos personales.

1. Principal.html

Para crear el documento principal primero debemos comenzar con el cuerpo de nuestro documento con las etiquetas de abertura y cerradura (html, head y body), posteriormente hacemos uso de las etiquetas básicas para colocar títulos, párrafos, tablas, imágenes, links, listas ordenadas/no ordenadas, etc. con sus respectivos atributos como lo son bgcolor, border, size, color, aling, entre otros. Debemos recordar que este documento se guarda con extensión [nombre archivo].html.

[pic 1]

                                                                                             Imagen 2.3.1 Código del documento principal.html.

[pic 2]

                                                                                        Imagen 2.3.2 Página principal.html.

1.  Formulario

Para hacer nuestro formulario creamos un archivo con extensión .html y escribimos la estructura básica del mismo, para mejor estructuración de nuestro formulario se creó una tabla y en las respectivas filas hacemos uso de la etiqueta <input> para crear nuestros controles interactivos de tipo text, password, checkbox, entre otros.  

[pic 3][pic 4]

                                                                                                           Imagen 2.4.1 Código formulario.

[pic 5]

Imagen 2.4.2 Formulario en web.

1.  CSS

Sabemos que el término CSS hace referencia a hojas de estilo, básicamente se trata del diseño de nuestra página web, para desarrollar este documento creamos un archivo con extensión .html y dentro del código crearemos un estilo de tipo texto, este procedimiento también se puede hacer en otro documento con extensión .css.

Creamos nuestro estilo dentro del head del documento .html usando la etiqueta <style type="text/css"> y haciendo su estructura básica, una vez hecho esto procedemos a crear nuestros estilos con el uso de #[nombre estilo]  o simplemente aplicamos estilo a  ciertas etiquetas. Para aplicar estos estilos a nuestras etiquetas de html colocamos el atributo id=”[nombre estilo] ” o class =”[nombre estilo] ”.

...