introducción al lenguaje html 5

A C A D E M I A
M A S T E R
T.952 78 39 30 F.952 78 27 22
Plaza Istan Edif. Alfa 1 Local 1
29670 San Pedro Alcántara - Málaga
[email protected] | www.academia-master.com
INTRODUCCIÓN AL LENGUAJE HTML 5
OBJETIVOS:
-
Conocer los principios del lenguaje de hipertexto con marcas HTML. Conocer la evolución del lenguaje
-
Conocer la sintaxis de este lenguaje. Conocer las etiquetas básicas para la edición de páginas web.
-
HTML en sus sucesivas versiones.
Aprender a crear páginas web escribiendo código HTML directamente. Facilitar la compresión de los
programas de edición de páginas web como Adobe Dreamweaver.
A efectos prácticos este manual se basará en la versión HTML4, vigente a fecha de hoy, pero se hará
mención de las novedades previstas para la versión HTML5, sobre la que se está trabajando en la
actualidad.
Mostrar una visión general de Internet y los servicios que ofrece. Conocer el servicio Web para
optimizar su funcionamiento. Entender el funcionamiento de un lenguaje con marcas como HTML.
Conocer la evolución y las tendencias futuras del lenguaje HTML. Conocer la posibilidad de crear
-
documentos para la Web utilizando sólo código HTML.
Entender que es un documento HTML. Aprender a crear documentos básicos HTML. Conocer las
limitaciones del código HTML. Entender la sintaxis del código HTML. Conocer las etiquetas mínimas
necesarias para crear un documento HTML.
Consolidar el conocimiento del funcionamiento de las etiquetas. Conocer las peculiaridades del
comportamiento del texto en HTML. Establecer una clasificación general de las etiquetas. Aprender a
trabajar el texto en los documentos HTML. Profundizar en el conocimiento de las peculiaridades del
-
comportamiento del texto en HTML.
-
Aprender a insertar imágenes en las páginas Web. Aprender a modificar las imágenes colocadas.
-
Aprender a definir tablas.
-
los formularios.
-
Conocer las ventajas de los marcos flotantes.
Aprender a estructurar y organizar el texto. Aprender a dar formato y aplicar estilo al texto. Conocer la
estructura del código para crear listas. Conocer los diferentes formatos gráficos compatibles con HTML.
Aprender a crear mapas de imagen. Entender el concepto de hipertexto. Conocer los diferentes tipos de
enlaces. Aprender a asignar y configurar los enlaces. Conocer el origen y evolución de las tablas.
Aprender a modificar tablas ya definidas. Entender el uso de las tablas como estructura básica de
diseño. Entender la función que cumplen los formularios. Familiarizarse con las etiquetas que definen
Entender la importancia de un formulario bien diseñado. Entender el concepto de marco. Conocer los
aspectos positivos y negativos del uso de los marcos. Aprender a crear páginas basadas en marcos.
Entender el concepto de hoja de estilo. Diferenciar los tipos de hojas de estilo. Conocer las diferentes
etiquetas y atributos de las hojas de estilo. Conocer las diferentes propiedades de estilo que definen las
hojas CSS. Entender el concepto de plug-in o extensión. Conocer las diferentes maneras de insertar
-
contenidos multimedia en las páginas HTML.
Conocer las etiquetas que insertan objetos y contenidos multimedia. Conocer la filosofía que inspira la
nueva versión HTML5. Conocer las nuevas tendencias en la Web.
Disponer de información sobre las nuevas etiquetas. Conocer la sintaxis y el funcionamiento teórico de
las nuevas etiquetas. Conocer la evolución del diseño y programación de páginas Web. Entender la
necesidad de ayudarse de un editor de páginas Web. Conocer la oferta actual de editores de contenidos
web. Entender cómo utiliza HTML el programa Adobe Dreamweaver.
1
A C A D E M I A
M A S T E R
T.952 78 39 30 F.952 78 27 22
Plaza Istan Edif. Alfa 1 Local 1
29670 San Pedro Alcántara - Málaga
[email protected] | www.academia-master.com
CONTENIDOS:
MODULO ÚNICO: INTRODUCCIÓN ALLENGUAJE HTML
TEMA1. ORÍGENES YEVOLUCIÓN DE HTML
Los servicios que ofrece Internet-Los componentes principales del servicio Web
El funcionamiento del servicio Web-El lenguaje de marcas HTML
Origen y versiones de HTML
Publicar documentos HTMLen un servidor Web
TEMA2. ESTRUCTURABÁSICADE UN DOCUMENTO HTML
¿Qué es un documento HTML?
¿Qué se necesita para crear un documento HTML?
Nombrar correctamente los documentos HTML
Los componentes y las etiquetas-Estructura básica de un documento HTML
TEMA3. ETIQUETAS PRINCIPALES
Estructura general de las etiquetas
Comportamiento del texto en HTML
Clasificación de las etiquetas según los contenidos que definen
TEMA4. ELCONTROLDELTEXTO
Introducir texto
Organizar el texto
Aplicar formato y estilo al texto
TEMA5. ELCONTROLDE LAS IMÁGENES
Los formatos gráficos en HTML
Insertar imágenes en las páginas
Los mapas de imagen
TEMA6. LOS ENLACES
El concepto de enlace
Tipos de enlaces
Enlaces internos
Enlaces locales
Enlaces externos
Enlaces de correo electrónico
TEMA7. LAS TABLAS
El origen y el uso actual de las tablas
Estructura básica de las tablas
El uso de tablas complejas
Modificar tablas ya creadas
El contenido de las tablas
2
A C A D E M I A
M A S T E R
T.952 78 39 30 F.952 78 27 22
Plaza Istan Edif. Alfa 1 Local 1
29670 San Pedro Alcántara - Málaga
[email protected] | www.academia-master.com
TEMA8. LOS FORMULARIOS
¿Qué es y para qué sirve un formulario?
¿Cómo funciona un formulario?
Estructura básica de un formulario
Aplicar estilo a un formulario
TEMA9. LOS MARCOS
¿Qué son los marcos?
Ventajas e inconvenientes del uso de los marcos
Diseñar páginas con marcos-Los marcos flotantes
TEMA10. LAS HOJAS DE ESTILO CSS
¿Qué son las hojas de estilo?
Tipos de hojas de estilo
Etiquetas principales de las hojas de estilo-Propiedades controlados por las hojas de estilo
TEMA11. OTROS CONTENIDOS MULTIMEDIA
¿Qué son los plug-ins?
Añadir contenedores. La etiqueta <DIV>
Añadir texto en movimiento. La etiqueta <MARQUEE>
Añadir efecto de sonido. La etiqueta <BGSOUND>
Añadir applets de Java. La etiqueta <APPLET>
Añadir plug-ins externos. La etiqueta <EMBED>
Añadir objetos varios. La etiqueta <OBJECT>
TEMA12. NOVEDADES DE HTML5
Intención general de la versión HTML5
Nuevas etiquetas para organizar el texto
Nuevas etiquetas para mejorar la estructura del documento
Nuevas etiquetas de ayuda al navegador
Nuevas etiquetas de mejora de la interactividad
TEMA13. PASAR DE HTMLAADOBE DREAMWEAVER
Diseño frente a programación de páginas web
¿Por qué emplear un programa de edición de contenidos para la Web?
¿Cómo utiliza el código HTML Adobe Dreamweaver?
3