HTML Básico
Fundamentos del HTML
Se
describe el lenguaje HTML, en el que están creadas las páginas web. El
alumno adquiere
los conocimientos necesarios para interpretar
correctamente las etiquetas del código HTML de
una página web, lo
que permite tener el control total de su diseño.1.
Introducción
Proporciona ejemplos de páginas web reales,
disponibles en
Internet; se presenta el lenguaje
HTML y se hace
hincapié en las diferencias entre los navegadores a la hora de interpretar
el
mismo código HTML.
2. La primera página web
Se
introducen las etiquetas HTML fundamentales, como html, head, body, etc.
Además, se
comprueba que el código HTML no es más que texto, por
lo que puede ser creado con un
sencillo editor de textos, como el Bloc
de notas de Windows.
3. Formato de texto
Describe las
características del texto de una página web, estudiando su formato, tanto
de
carácter como de párrafo. Así se estudian conceptos como los realces
negrita, subrayado,
cursiva y la distribución de párrafos y títulos o
su alineación y cómo se representan en el código
HTML.
4.
Incorporar imágenes
Estudia las etiquetas HTML necesarias para
incorporar imágenes en una página web,
describiendo los
formatos gráficos indicados para este propósito. También se introduce el
concepto
de
animación sencilla utilizando el formato GIF animado.
5.
Hipervínculos
Introduce el concepto de hipervínculo, fundamental
para poder "navegar" entre páginas web y
cómo podemos
representarlo en el código HTML.
6. Listas
Se aprende a añadir
listas numeradas y sin numerar en las páginas web a través del código
HTML.
7.
Insertar tablas
Introduce los conocimientos necesarios para poder
incorporar tablas en las páginas web a
través del código HTML,
comprobando cómo podemos modificar fácilmente su aspecto.
8.
Temas avanzados sobre tablas
Introduce conceptos avanzados en el
trabajo con tablas en páginas web. Se indica cómo
establecer
las dimensiones de la tabla, su número de columnas, etc. y cómo afecta
estos
detalles al cargar la tabla en la página web. Todo esto desde el
punto de vista de la
introducción del código HTML.
9.
Dividir la página en frames
Describe cómo dividir la página web en
frames o marcos a través del código HTML, de forma
que sea
posible mostar en pantalla más de una página web al mismo tiempo.
10.
Más sobre los frames
Introduce conceptos avanzados en el trabajo
con frames o marcos en que podemos dividir las
páginas web, indicando
cómo hacerlo en el lenguaje HTML
DreamWeaver 81.
Introducción a Dreamweaver: Presenta el mundo del
diseño de
páginas web e introduce el entorno de trabajo de Dreamweaver, describiendo
las ventanas, paneles, etc. que se va a encontrar el usuario. Finaliza
indiando cómo configurarlo para poder ver el resultado en distintos
navegadores y utilizar el sistema de ayuda.
2. Definir
sitios web: Presenta los pasos a seguir para configurar un sitio
web en Dreamweaver. Explica las diferencias entre el sitio local y el
remoto y cómo organizarlos para albergar el contenido creado.
3.
Diseño de páginas web: Se estudia cómo crear nuevas
páginas web en Dreamweaver, cómo elegir colores, trabajar con capas y
utilizar plantillas para que todo este trabajo sea mucho más rápido y
productivo.
4. Formato de texto: Se indica cómo
introducir texto en las páginas web creadas con Dreamweaver, como si de un
procesador de textos se tratara. Se estudia el formato, los estilos,
alineación y aplicación de sangrías e incluso la posibilidad de realizar
revisión ortográfica.
5. Vínculos y
comportamientos: Explica cómo insertar hipervínculos en las
páginas web creadas con Dreamweaver. Se indica la diferencia entre una
dirección absoluta y una relativa y cómo puede configurar Dreamweaver para
que se actualicen de forma automática.
6. Incorporar
imágenes: Explica cómo insertar imágenes en las páginas web
creadas con Dreamweaver. Introduce los formatos gráficos que se pueden
utilizar en una página web y sus diferencias; las propiedades de las
imágenes; imágenes de sustitución, gifs animados, mapas de imagen, barras
de navegación, etc.
7. Listas: Indica cómo se
pueden introducir listas numeradas, con viñetas y de definición en las
páginas web creadas con Dreamweaver. También presenta la regla y la
cuadrícula,
dos herramientas de
Dreamweaver que son útiles a la hora de
colocar los objetos en la página web.
8. Utilización
de tablas: Explica la forma de introducir tablas en las páginas
web creadas con Dreamweaver. Indica que las tablas pueden ser muy útiles
para conseguir una buena distribución de la página, explica cómo aplicar
el formato deseado a las tablas, cómo incluir contenido en las celdas, etc.
9.
División en marcos: Introduce el concepto de marco, como una
forma de dividir la página web en varias secciones y mostrar contenido
distinto en cada una de ellas. Indica la existencia de la estructura en
marcos (conjunto de marcos) y del contenido de cada uno de ellos.
10.
Formularios: Introduce los formularios en Dreamweaver, como forma
de preparar páginas web para que el visitante del sitio web envíe
información al servidor web. También introduce cómo podemos enviar la
información introducida en el formulario y validarla si es necesario antes
de ello.
11. Elementos multimedia: Presenta
elementos dinámicos que podemos insertar en las páginas web a través de
Dreamweaver; applets de
Java, html de
Fireworks,
animación Flash, vídeo,
audio, etc.
12. Publicar el sitio web: Explica los
pasos a seguir para preparar el sitio web creado en Dreamweaver y
finalmente publicarlo en el servidor web, es decir, ponerlo a disposición
de los navegantes.