Producto 3
12
{ Diseño de Páginas Web Por: Andrés Iván Martínez López
-
Upload
martinezm1 -
Category
Internet
-
view
47 -
download
0
description
Producto 3
Transcript of Producto 3
{
Diseño de PáginasWeb
Por: Andrés Iván Martínez López
HTML es el acrónimo deHyperText Markup Language(Lenguaje de Marcado deHipertexto) y es el lenguajeque se utiliza para crear laspáginas web. Este lenguajeindica a los navegadores cómodeben mostrar el contenido deuna página web.
Qué es HTML?
Antes de empezar a diseñar un sitio Web hayque organizarlo y para ello hay que tener clarocuál va a ser el propósito del sitio Web, suscontenidos y la audiencia potencial de la quedispondrá. Lo que va a determinar la estructurade la Web van a ser en gran medida loscontenidos; ellos nos deben indicar cual de lossiguientes tipos de estructura es el másadecuado.
Estructura de un SitioWeb
En esta estructura existe una página principalque llamaremos index desde la que se puedellegar a otras páginas de la Web. Estas otraspáginas a su vez son un nodo para llegar a otrogrupo de páginas. De esta manera llegaremos atener las páginas agrupadas en niveles, demanera que para llegar desde el primero alúltimo se deben atravesar los intermedios. Esuna estructura muy jerarquizada.
Árbol
Esta forma de organizar el sitio es totalmente opuesto alanterior. Realmente no existe una página raíz oprincipal, lo que tenemos es una especie de lista depáginas donde cada una tiene dos vecinas: una a laizquierda y otra a la derecha, excepto las páginas de losextremos. Una variante presentaría las páginas primeray última enlazadas. Esta forma de organizar un sitio esmuy parecido a un libro donde cada página sería uncapítulo del mismo.
Listas
Esta estructura aprovechalas ventajas de las dosanteriores. Las páginasestán jerarquizadas enniveles, pero dentro de cadanivel se organizan comolistas, de forma quepodemos recorrer todas laspáginas de un mismo nivelsin sin tener que salir de él.
Mixta
Las páginas del sitio también puedenestar totalmente interconectadas, esdecir, desde cada página podemos ir acualquier otra del sitio. Realmente lainterconexión de absolutamente todaslas páginas sería un caso extremo. Esuna estructura de apariencia algoanárquica en la que hay que cuidarmucho de no dejar enlaces abiertos, esdecir, apuntando a una páginainexistente.
Red
Las etiquetas son una marca omarcas que se dejan en untexto para que luego seaninterpretadas, generalmentepara realizar alguna acciónsobre el mismo texto marcado.Por ejemplo, el lenguaje HTMLse basa en la aplicación demúltiples etiquetas para darformato y darle característicasa un texto. Este texto esinterpretado y mostrado porun navegador.
Etiquetas
Salida Etiquetas requeridas
El texto en negritas. El <B>texto</B> en negritas.
El texto en itálicas. El <I>texto</I> en itálicas.
El texto en formato teletipo.El <TT>texto</TT> en formato teletipo.
El texto en 2 tamaños más grandes y en rojo. El tamaño puede ser un valor absoluto en el rango 1..7.
El <FONT SIZE = +2 COLOR = "RED"> texto </FONT> en 2 tamaños más grandes y en rojo. El tamaño puede ser ...
Utilizar la dirección de [email protected] contactarme.
Utilizar la dirección de e-mail <ADDRESS> [email protected]</ADDRESS> para contactarme.
Etiquetas de HTML
Salida Etiquetas requeridas
Encabezado H1<H1>EncabezadoH1<\H1>
Encabezado H3<H3>Encabezado H3<\H3>
Encabezado H6<H6>EncabezadoH6<\H6>
Más etiquetas
Última oración del párrafo.Primera oración del nuevo párrafo.
Última oración ... <P> Primera oració del ...
Una oraciónsobre otra.
Una oración <BR> sobre otra.
<HTML><HEAD><TITLE>Página de
ejemplo</TITLE></HEAD><BODY><H2> Encabezado </H2><P>Primer párrafo debajo del
encabezado.</P><H3> Un encabezado <BR> en dos
renglones </H3><P>Párrafo con partes <B>en
negrita</B> </P></BODY>
</HTML>
Ejemplo de Pagina Web
Todo consultado el 27/Ago/2014 en:
http://www.masadelante.com/faqs/html
http://roble.pntic.mec.es/jprp0006/tecnologia/4eso_informatica/kompozer/introduccion/estructura_sitio.htm
http://www.alegsa.com.ar/Dic/etiqueta.php
http://ima.udg.es/~dagush/cursohtml/etiquet1.htm
Fuentes
