Un paseo por la Web Qué es el HTML? Hojas de estilo en cascada (CSS) Qué herramientas necesitamos? LECCIÓN 2: ESTRUCTURA DEL CÓDIGO HTML

Tamaño: px

Comenzar la demostración a partir de la página:

Download "Un paseo por la Web Qué es el HTML? Hojas de estilo en cascada (CSS) Qué herramientas necesitamos? LECCIÓN 2: ESTRUCTURA DEL CÓDIGO HTML"

Aarón Soler Toledo
hace 6 años
Vistas:

1 NDICE LECCIÓN 1: INTRODUCCIÓN Un paseo por la Web Qué es el HTML? Hojas de estilo en cascada (CSS) Qué herramientas necesitamos? LECCIÓN 2: ESTRUCTURA DEL CÓDIGO HTML Las etiquetas HTML Guardar páginas web Introducir párrafos de texto Las etiquetas tienen atributos El título de la página LECCIÓN 3: TEXTO Títulos Texto predefinido Líneas separadoras Elementos de frase LECCIÓN 4: INCORPORAR IMÁGENES EN LA PÁGINA WEB Resolución y modo de color Formatos gráficos La etiqueta img Especificar las dimensiones de la imagen Imágenes como fondo LECCIÓN 5: HIPERVÍNCULOS O ENLACES Vínculos a otras páginas web Vínculos a una parte de una página web Vínculos a lugares de Internet Vínculos a direcciones de correo electrónico Imágenes que actúan como vínculos LECCIÓN 6: INTRODUCCIÓN A CSS (PARTE 1) Qué son las hojas de estilo en cascada (CSS)? Las reglas CSS Enlazar CSS con el código HTML Aplicar las reglas de estilo Herencia y cascada

2 LECCIÓN 7: INTRODUCCIÓN A CSS (PARTE 2) Las etiquetas HTML div y span Selectores avanzados de CSS Pseudoclases y pseudoelementos CSS LECCIÓN 8: DAR FORMATO AL TEXTO DE LAS PÁGINAS WEB Fuentes La propiedad abreviada font Propiedades de texto Decoración del texto y color LECCIÓN 9: LISTAS Listas sin numerar Listas numeradas Listas anidadas Imágenes como viñetas de una lista Listas de definiciones LECCIÓN 10: TABLAS Estructura de una tabla HTML Bordes, espacio entre celdas y relleno Color o imagen de fondo LECCIÓN 11: TEMAS AVANZADOS SOBRE TABLAS Establecer las dimensiones de la tabla Título y pie de tabla Especificar el número de columnas Unir celdas Tablas anidadas LECCIÓN 12: FRAMES El conjunto de frames Propiedades de los frames Bordes para los frames y contenido alternativo Iframes LECCIÓN 13: POSICIONAMIENTO MEDIANTE CSS (PARTE 1) Elementos flotantes El clearing El código CSS

3 LECCIÓN 14: POSICIONAMIENTO MEDIANTE CSS (PARTE 2) Posicionamiento estático Posicionamiento relativo Posicionamiento absoluto Posicionamiento fijo

4 NDICE LECCIÓN 1: INTRODUCCIÓN A DREAMWEAVER Para qué sirve Dreamweaver? Partes de la ventana de Dreamweaver La ventana de documento Trabajar con los paneles Preferencias LECCIÓN 2: CONFIGURACIÓN DE UN SITIO WEB Crear un sitio nuevo Crear un sitio a partir de uno existente Crear páginas web Propiedades de la página web LECCIÓN 3: TRABAJAR CON TEXTO Insertar texto Insertar caracteres especiales Revisar la ortografía Formato de texto LECCIÓN 4: TRABAJAR CON HIPERVÍNCULOS Y LISTAS Insertar hipervínculos El atributo target Insertar listas Crear una barra de navegación con listas LECCIÓN 5: TRABAJAR CON IMÁGENES Definir la carpeta de imágenes Insertar una imagen Alinear la imagen Imágenes de fondo LECCIÓN 6: EDICIÓN DE IMÁGENES Editar imágenes desde Dreamweaver Trabajar con un editor externo Crear un mapa de imagen

5 LECCIÓN 7: AÑADIR ELEMENTOS MULTIMEDIA Animaciones Flash Vídeo Flash Añadir otros tipos de vídeo Utilizar YouTube u otros servicios de hospedaje de vídeo Incluir audio LECCIÓN 8: TRABAJAR CON TABLAS Insertar una tabla Introducir contenido Seleccionar, unir y dividir celdas Aplicar formato CSS Importar datos y ordenar una tabla LECCIÓN 9: TRABAJAR CON FORMULARIOS (PARTE 1) Insertar el formulario Campos de texto Botones de opción Casillas de verificación Listas El control file Botones de comando LECCIÓN 10: TRABAJAR CON FORMULARIOS (PARTE 2) El control fieldset Mejorar la distribución del formulario Dar formato con CSS Formularios accesibles Maquetar el formulario con CSS LECCIÓN 11: MAQUETAR LA PÁGINA CON CSS Imagen de rastreo y otras ayudas visuales Insertar elementos div Aplicar posicionamiento CSS Elementos PA Diseños preestablecidos en Dreamweaver LECCIÓN 12: REVISAR Y PUBLICAR EL SITIO WEB Revisar el aspecto en distintos navegadores Comprobar las páginas Informes del sitio web Configurar el sitio remoto Publicar el sitio web

6 Este curso se ha desarrollado utilizando las aplicaciones Microsoft Windows 7 y Adobe Creative Suite. Por consiguiente, cualquier material utilizado, como imágenes, texto, etc., es propiedad de Microsoft Corporation y Adobe Systems Incorporated, con excepción de los recursos propios de CAE, S.A. Las marcas, logotipos, diseños de marcas, títulos y/o nombres comerciales que aparecen en el curso son propiedad de sus respectivos propietarios. CAE, S.A. es propietaria del contenido y del desarrollo del curso. Se prohíbe cualquier uso de dicho material distinto al relacionado con este curso. Queda prohibida la reproducción total o parcial de esta obra y sus ejercicios adicionales por cualquier medio o procedimiento y la distribución de ejemplares de ella mediante alquiler o préstamo. COMPUTER AIDED ELEARNING S.A. Domicilio social: C/ San Francisco de Borja, GANDIA (VALENCIA)

Documentos relacionados

Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4

Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Código: DWEB003 Duración: 160 Horas Objetivos: Diseño y desarrollo Web con HTML 5 y CSS Dotar al alumno de conocimientos teóricos y prácticos