Este documento describe los conceptos básicos de diseño de páginas web, incluyendo una introducción a HTML, la estructura típica de un sitio web con secciones como contenido, logotipo y footer, una explicación de las etiquetas HTML y sus usos, y una lista de las etiquetas principales como <html>, <head>, <body>, <h1>, <a>, <table>, <p> e <img>. También incluye una sección de bibliografía con enlaces a recursos adicionales sobre desarrollo web.
Veamos la segunda parte del Desarrollo Web. Aquí hacemos un ejemplo de sitio Web en HTML creado desde un bloc de notas. Es el estilo de lo que se hacía en un principio con la Web 1.0.
Veamos la segunda parte del Desarrollo Web. Aquí hacemos un ejemplo de sitio Web en HTML creado desde un bloc de notas. Es el estilo de lo que se hacía en un principio con la Web 1.0.
1. Diseño de paginas Web
HECHO POR: HYOUNG JOON LEE Y JORGE
ALBERTO VALDES HERNANDEZ
2. ¿Qué es HTML?
HTML es el lenguaje que se emplea para el
desarrollo de páginas de internet.
Está compuesto por una serie de etiquetas que el
navegador interpreta y da forma en la pantalla.
3. ¿Cómo se estructura una pagina web?
Básicamente, los sitios web se componen y estructuran de
la siguiente manera:
Contenedor: Esto es lo que definimos en la regla y en dentro de este
contenedor estan todos los elementos del sitio.
Logotipo: Aquí es donde debemos dejar la imagen de la empresa, que
identificará la marca en todo el sitio.
Contenido: Lo más importante y fundamental de una buena página.
Lo que mantiene al visitante cautivo e interesado.
Footer: Localizado al final del sitio, abajo, generalmente dejamos ahí
información de Copyright y legales o menús secundarios.
4. ¿Qué es una etiqueta?
Una etiqueta o marca HTML es un código que se incluye en
los archivos creados con el lenguaje HTML para
estructurar, añadir significado o formato al contenido a una
página web.
5. Etiquetas principales de HTML
<HTML>: indica el comienzo del documento HTML.
* <HEAD>: indica que empieza la cabecera de la página. En ella se suele poner el título (<title> de la
web, una descripción y otras informaciones relacionadas con el contenido de la página.
* <BODY>: es el cuerpo de la página, donde va lo que se ve en el navegador al cargar una web. En el
body van los textos, las imágenes y todos los contenidos de la web.
* <H1>, <H2>, etc.: son los títulos o encabezados. Se utilizan para establecer determinados textos de
la página como titulares, suelen tener un tamaño de fuente mayor para diferenciarlos del resto del
texto. Son importantes en el posicionamiento en buscadores.
* <A>: define los enlaces.
* <TABLE>: es una tabla, y dentro de esta tenemos filas <TR> y celdas <TD>.
* <P>: el texto dentro de esta etiqueta forma un párrafo.
* <IMG>: imágenes.
* <BR>: salto de línea.
