Html Edición revisada y actualizada 2009

Este libro está dirigido a todos aquellos usuarios de Internet que quieran aprender cómo crear páginas Web, ya que HTML es el lenguaje estándar utilizado en la Web para representar la información intercambiada por sus usuarios en forma de documentos de hipertexto.

En este libro le enseñaremos los principios básicos de HTML, comenzando desde cero, y avanzando poco a poco hasta alcanzar un buen nivel de conocimientos, todo ello de una forma gradual y progresiva, usando para ello las técnicas didácticas más avanzadas y proporcionándole, en todo momento, un soporte de información adicional vía Web, que le ayudará a profundizar aún más en la realización de los ejemplos y ejercicios que aparecen en este manual.

Cómo usar este libro
Destinatarios de este libro
Organización del libro
Estructura de cada capítulo
Convenios empleados

Capítulo 1. Internet: otra forma de ver la información
¿Qué es una red informática?
¿Qué es Internet?
Internet: un poco de historia
Aplicaciones de Internet
Arquitectura Cliente/Servidor
La World Wide Web
Localización de recursos: URL (Uniform Resource Locator)
Transporte de la información: HTTP (Hypertext Transfer Protocol)
Representación de la información: HTML (Hypertext Markup Language)
La Web 2.0

Capítulo 2. Primeros pasos en HTML
Introducción
Estructura de un documento HTML
Esquema de una página
La cabecera de la página
El cuerpo de la página
Comentarios
Mi primer documento HTML
Acentos y otros símbolos
Indicar juegos de caracteres
Saltos de línea
Espacio entre palabras
Ver código fuente
Próximamente

Capítulo 3. Enriqueciendo el documento
Introducción
Los párrafos o bloques
Estilo del texto
Otras etiquetas de resaltado
Tamaño del texto
Títulos o encabezados
Tipos de letra
Tipos de letras predefinidos
Dando color al documento
Color de fondo de página
Sangrados y alineaciones
Alineaciones de múltiples párrafos
Otros efectos de texto
Inserción de líneas de separación
Tooltips (etiquetas de información)
Consejos

Capítulo 4. Imágenes
Introducción
Inserción de imágenes con IMG
Referencias de texto dentro de la imagen
Posiciones de la imagen dentro de la línea de texto actual
Apariencia final de la imagen: bordes y tamaño
Redimensionado: HEIGHT y WIDTH
Tamaño del borde: BORDER
Separación entre elementos gráficos: HSPACE y VSPACE
Creación de fondos con imágenes
Consejos y trucos importantes para realizar un buen diseño de página
Minimizar el tamaño de los ficheros de imágenes
Aumentar el tamaño de las imágenes mediante el redimensionado con WIDTH y HEIGHT
Repetir las mismas imágenes en distintas páginas
Evitar el abuso y la sobrecarga de imágenes en las páginas
Cuidado con los derechos de autor

Capítulo 5. Interconexión de páginas: hiperenlaces
Introducción
Creación de hiperenlaces
Enlaces al principio de otro documento HTML
Enlaces a una determinada posición dentro del mismo documento
Enlaces a una determinada posición de otro documento HTML
Mejoras en la apariencia de los hiperenlaces
Referencias a otros documentos y recursos
Hiperenlaces de la sección de cabecera por medio de la etiqueta <LINK>
Consejos y trucos relativos a la creación de hiperenlaces

Capítulo 6. Marcos
¿Qué es un marco?
Definición de marcos
Orientación de los marcos
Trabajar sin soporte de marcos
Definición de múltiples marcos
Tamaño de los marcos
Enlaces entre marcos
Marcos anidados
Marcos flotantes

Capítulo 7. Tablas
¿Qué es una tabla?
Definición básica de tablas en HTML
Tipos de bordes
Encabezados
Títulos de tabla
Aplicar formato a las tablas
Ancho y alto de las tablas
Ancho y alto de las celdas
Espacio entre celdas
Alineación en las tablas
Alineación en las celdas
Operaciones con celdas
Imágenes dentro de las celdas
Tablas dentro de celdas
Fusión de celdas
Mejorando el aspecto de la tabla
Dar color al borde
Colores en las celdas
Color de fondo en la tabla
Imagen de fondo en la tabla
Imagen de fondo en una celda
Organización de páginas

Capítulo 8. Formularios
¿Qué es un formulario?
Elementos de un formulario
Definición de formularios
Cuadros de texto
Tamaño visible y tamaño máximo
Contraseñas
Texto oculto
Listas de selección
Selección múltiple
Botones de radio
Casillas de verificación
??reas de texto
Botones de envío y borrado
Botones con imagen
Información recibida de un formulario
Presentación de formularios

Capítulo 9. Mapas
¿Qué es un mapa?
Tipos de mapas
Elaboración de mapas
Zonas sensibles
Definición de mapas en HTML
Alternativa a los mapas
Utilizando mapas con marcos
Un ejemplo más complejo
Software para creación de mapas

Capítulo 10. Hojas de estilos
Introducción
Estilo para etiquetas concretas o grupos de etiquetas
Definición de estilos en secciones aisladas: atributo STYLE
Definición de estilos por bloques: etiqueta DIV
Inclusión global de estilos en un documento
Enlace de distintos documentos a una misma hoja de estilos
Consejos y trucos relativos al uso de estilos
Uso de varios métodos de estilos al mismo tiempo
Agrupación de distintos atributos
Variaciones por medio de clases
Aplicación de estilo a los enlaces
Uso de los comentarios

Capítulo 11. HTML Dinámico
Introducción
Inicio de la Era Dinámica
Inclusión de imágenes dinámicas
Elementos multimedia
Surgimiento del HTML Dinámico
El problema de las fuentes de datos dinámicas

Capítulo 12. Multimedia y Flash
Introducción
Cuestión de formatos
Reproducción de sonidos
Fondos sonoros para Mozilla Firefox
Fondos sonoros para Internet Explorer
Fondo sonoro mixto
Sonidos activados por el usuario
Marquesinas
Imágenes animadas
Incorporación de vídeo
Vídeo en Internet Explorer
Vídeo en Mozilla Firefox
Conectores
Flash
Conclusión

Capítulo 13. Java, Applets y JavaScript
Introducción
Lenguaje Java
Funcionamiento de Java
Applets de Java
Paso de parámetros
Lenguaje JavaScript
Etiquetas básicas
Ejemplos prácticos
Ejemplo 1: Mostrar banners
Ejemplo 2: Alertas
Ejemplo 3: Redireccionamiento automático
Ejemplo 4: Scroll automático
Ejemplo 5: Botones interactivos
Java vs JavaScript
Conclusión

Capítulo 14. Capas
¿Qué es una capa?
Capas en HTML
Situación de capas en pantalla
Color de fondo de la capa
Ancho y alto
Solapamiento de capas
Transparencia de capas
Capas anidadas
Ocultar capas
Capas y JavaScript
Movimiento de capas
Eventos
Menús desplegables
Conclusión

Capítulo 15. Gestión dinámica de datos: CGI, PHP, ASPy Java
Introducción
CGI
PHP y ASP
ASP
PHP
Diferencias entre PHP y ASP
Aplicaciones de las páginas ASP y PHP

Capítulo 16. XML y XHTML
Introducción
El estándar XML
¿Qué forma tiene el XML?
¿Qué es el XHTML?
Conclusión

Capítulo 17. RSS, Blogs y WebQuest
¿Qué es RSS?
Las ventajas de la sindicación
Herramientas de acceso a RSS
¿Cómo sindicarse?
HTML y RSS: creación y enlace de feeds
Otros estándares
Los Blogs
WebQuest
Conclusión

Capítulo 18. Microsoft Expression Web y KompoZer
Introducción
Microsoft Expression Web
Instalación y utilización de Microsoft Expression Web
Creación de páginas
Dando formato
Alineación de párrafos
Visualizar el código HTML
Primera visualización de su página
Insertar imágenes
Poner fondo a la página
Organizando la página: enlaces internos
Organizando aún más: enlaces externos
Para que le escriban
Tablas
Hacer pública la página
KompoZer
Instalación de KompoZer
Utilización de KompoZer
Creación de páginas
Dando formato
Visualizar el código HTML
Primera visualización de su página
Insertar imágenes
Poner fondo a la página
Organizando la página: enlaces internos
Organizando aún más: enlaces externos
Tablas
Hacer pública la página
Validación HTML
Conclusión

Capítulo 19. Publicación en Web
Introducción
La aplicación FTP
Otras aplicaciones de publicación: FileZilla
Utilización de FileZilla

Apéndice A. Tablas de colores y símbolos
Los colores
Construyendo colores con RGB
Juegos de Caracteres

Apéndice B. Para saber más
Introducción
Información de HTML en Internet
Tutoriales sobre desarrollo Web
Tutoriales y especificaciones del estándar HTML
Más información sobre estilos
Multimedia en HTML
HTML Dinámico
Páginas Web sobre Java
Páginas sobre JavaScript
Otros lenguajes relacionados con el diseño Web
Programación en PHP
Programación en PERL (programación de CGI)
ASP (Active Server Pages)
Miscelánea
RSS, Blog y WebQuest
Otras fuentes de información
Grupos de noticias
Correo electrónico
Bibliotecas de imágenes en la red
Programas útiles
Diseño gráfico
Generadores de mapas

??ndice alfabético