Proyecto
Páginas: 12 (2870 palabras)
Publicado: 14 de noviembre de 2012
Centro Universitario UAEM Valle de Chalco
Análisis de Sistemas
DISEÑO DE PÁGINAS WEB CON HTML
Las páginas Web son documentos que se relacionan con otros en forma hipertextual, es decir, que podemos movernos por las páginas con sólo hacer clic en los enlaces, ligas o links.
Planificación:
Es conveniente tomar en cuenta las siguientes sugerencias con el fin de desarrollar un bosquejo delo que se quiere llevar a cabo:
a) Hay que pensar cuál será el Objetivo de nuestra página, es decir, si será comercial para vender o promocionar algún negocio, o bien si únicamente será una página personal.
b) El diseño de nuestra página Web debe ser directo y funcional. Debemos ir al grano y organizar el contenido de nuestra página pensando siempre en beneficio de nuestrosvisitantes.
c) Debemos proyectar el contenido y funcionamiento de la página a través de la elaboración de un borrador.
d) No debemos cargar nuestra página Web de mucha información, imágenes y otros elementos. Lo más recomendable es incluir entre 15 y 20 Kb de gráficos por página.
e) Elegir cuidadosamente el lugar donde se colocará un vínculo.
Es necesario crear una carpeta donde seincluirán todos los archivos que formarán parte de la página Web, podemos crear dentro de esta carpeta otras para almacenar imágenes, sonidos, videos, etcétera.
Nuestra primer página deberá guardarse con el nombre de Index.html, de está manera el navegador la reconocerá como la página principal.
HTML
Html significa HipeterText Markup Language, Lenguaje de Marcación de Hipertexto e indica alnavegador de Internet la forma de representar el texto y los gráficos que la página Web puede contener.
Etiquetas o Tags
Un documento html consta de texto que define el contenido de la página Web y de una serie de etiquetas que son las instrucciones del lenguaje que definen la forma en que debe presentarse el contenido de la página Web.
Las etiquetas siempre comienzan con el símbolo menor que“<” y terminan con el símbolo mayor que “>”.
La palabra que se encierra entre esos dos símbolos indica que acción debe realizar el navegador de Internet o que tipo de información aparece a continuación.
Para indicarle al navegador de Internet hasta dónde ha de aplicarse la acción de una etiqueta, se utiliza la misma etiqueta pero con el símbolo “/” justo delante de la palabra.Estructura de un documento HTML
La estructura básica de un documento html es la siguiente:
<HTML>
<HEAD>
<TITLE>Aquí va el titulo de nuestra página</TITLE>
</HEAD>
<BODY>
Contenido de la página
</BODY>
</HTML>
En donde:
<HTML> Indica el comienzo de todo documento html.
<HEAD> Indica el inicio de lacabecera de la página.
<TITLE>Título</TITLE> Entre las dos etiquetas queda el titulo de la página, este titulo es el que aparece en la barra de titulo del navegador.
</HEAD> Indica el fin de la cabecera de la página.
<BODY> Marca el inicio del cuerpo de la página Web.
En el espacio entre <BODY> y </BODY> se colocarán las etiquetas que conformaran las páginas.</BODY> Indica el fin del cuerpo de la página.
</HTML> Marca el fin de toda la página Web.
La mayoría de las etiquetas aparecen en la estructura básica por parejas. Todo documento html está formado por dos bloques que pueden incorporar otros comandos: <HEAD> … </HEAD> y <BODY> … </BODY>
Para crear páginas Web, muchos diseñadores generan estaestructura básica y la guardan en un archivo, así cada vez que van a diseñar una nueva página Web la abren para utilizarla como una plantilla.
Bloc de notas (Editando nuestras páginas Web)
Las páginas Web son archivos de texto, y para crearlos, basta utilizar cualquier editor de texto capaz de guardar los archivos con formato de texto.
1. Abrimos el Bloc de notas.
2. Escribimos el...
Análisis de Sistemas
DISEÑO DE PÁGINAS WEB CON HTML
Las páginas Web son documentos que se relacionan con otros en forma hipertextual, es decir, que podemos movernos por las páginas con sólo hacer clic en los enlaces, ligas o links.
Planificación:
Es conveniente tomar en cuenta las siguientes sugerencias con el fin de desarrollar un bosquejo delo que se quiere llevar a cabo:
a) Hay que pensar cuál será el Objetivo de nuestra página, es decir, si será comercial para vender o promocionar algún negocio, o bien si únicamente será una página personal.
b) El diseño de nuestra página Web debe ser directo y funcional. Debemos ir al grano y organizar el contenido de nuestra página pensando siempre en beneficio de nuestrosvisitantes.
c) Debemos proyectar el contenido y funcionamiento de la página a través de la elaboración de un borrador.
d) No debemos cargar nuestra página Web de mucha información, imágenes y otros elementos. Lo más recomendable es incluir entre 15 y 20 Kb de gráficos por página.
e) Elegir cuidadosamente el lugar donde se colocará un vínculo.
Es necesario crear una carpeta donde seincluirán todos los archivos que formarán parte de la página Web, podemos crear dentro de esta carpeta otras para almacenar imágenes, sonidos, videos, etcétera.
Nuestra primer página deberá guardarse con el nombre de Index.html, de está manera el navegador la reconocerá como la página principal.
HTML
Html significa HipeterText Markup Language, Lenguaje de Marcación de Hipertexto e indica alnavegador de Internet la forma de representar el texto y los gráficos que la página Web puede contener.
Etiquetas o Tags
Un documento html consta de texto que define el contenido de la página Web y de una serie de etiquetas que son las instrucciones del lenguaje que definen la forma en que debe presentarse el contenido de la página Web.
Las etiquetas siempre comienzan con el símbolo menor que“<” y terminan con el símbolo mayor que “>”.
La palabra que se encierra entre esos dos símbolos indica que acción debe realizar el navegador de Internet o que tipo de información aparece a continuación.
Para indicarle al navegador de Internet hasta dónde ha de aplicarse la acción de una etiqueta, se utiliza la misma etiqueta pero con el símbolo “/” justo delante de la palabra.Estructura de un documento HTML
La estructura básica de un documento html es la siguiente:
<HTML>
<HEAD>
<TITLE>Aquí va el titulo de nuestra página</TITLE>
</HEAD>
<BODY>
Contenido de la página
</BODY>
</HTML>
En donde:
<HTML> Indica el comienzo de todo documento html.
<HEAD> Indica el inicio de lacabecera de la página.
<TITLE>Título</TITLE> Entre las dos etiquetas queda el titulo de la página, este titulo es el que aparece en la barra de titulo del navegador.
</HEAD> Indica el fin de la cabecera de la página.
<BODY> Marca el inicio del cuerpo de la página Web.
En el espacio entre <BODY> y </BODY> se colocarán las etiquetas que conformaran las páginas.</BODY> Indica el fin del cuerpo de la página.
</HTML> Marca el fin de toda la página Web.
La mayoría de las etiquetas aparecen en la estructura básica por parejas. Todo documento html está formado por dos bloques que pueden incorporar otros comandos: <HEAD> … </HEAD> y <BODY> … </BODY>
Para crear páginas Web, muchos diseñadores generan estaestructura básica y la guardan en un archivo, así cada vez que van a diseñar una nueva página Web la abren para utilizarla como una plantilla.
Bloc de notas (Editando nuestras páginas Web)
Las páginas Web son archivos de texto, y para crearlos, basta utilizar cualquier editor de texto capaz de guardar los archivos con formato de texto.
1. Abrimos el Bloc de notas.
2. Escribimos el...
Leer documento completo
Regístrate para leer el documento completo.