Creacin de pginas Web

Curso de creacin de pginas

Web
 Creacin de pginas Web

Objetivo del curso

El objetivo de este curso Bsico Online guiado, con multitud
ejemplos y ejercicios prcticos pensados para convertirlo en
una herramienta cuyo principal fin es ensear a crear pginas
web partiendo desde un nivel cero utilizando editores simples y
gratuitos, despus de cada tema existir un test de evaluacin
para fijar los conceptos aprendidos.
 Creacin de pginas Web

ndice del curso

Leccin 1.- Funcionamiento de las pginas web: editores,
navegadores, servidores, comunicaciones e intercambio de ficheros
Navegadores
Servidores y direcciones URL
Comunicaciones
A que llamamos un sitio web?
Alojamiento Web (Web Hosting)
 Creacin de pginas Web

ndice del curso

Leccin 2.- Qu es una pgina web?
Elementos en un documento HTML
Elementos llenos
Elementos vacos
Elementos con atributos
 Creacin de pginas Web

ndice del curso

Leccin 3.- Estructura HTML
Cabecera de documento HTML
Cuerpo de documento HTML
Cierre del documento HTML
 Creacin de pginas Web

ndice del curso

Leccin 4.- Formato del texto
Apariencia del Texto
Tipos de letra
Encabezados
Tamao de la letra
Etiqueta P (prrafo)
Lnea de Comentarios
Comando quiebre o salto de lnea
HR (lnea horizontal)
Caracteres Especiales
Otros caracteres
Preformateado
Blockquote
Alineado central de texto y objetos
 Creacin de pginas Web

ndice del curso

Leccin 5.- Listas
Listas desordenadas
Listas ordenadas
Listas definicin
 Creacin de pginas Web

ndice del curso

Leccin 6.- Enlaces o hipervnculo
Formato de enlace
Enlaces a otras pginas
Enlaces dentro de la pgina o locales
Enlace en un punto de otra pgina
Enlaces con una direccin de email
Vnculo a ficheros para descarga
 Creacin de pginas Web

ndice del curso

Leccin 7.- Imgenes
Formato GIF
Formato JPEG
Insertar imgenes
Como descargar una imagen que nos interesa de una pgina que
estamos visitando
Uso de imgenes como enlaces
 Creacin de pginas Web

ndice del curso

Leccin 8.- Tablas
TABLE
CAPTION
Bordes de la tabla
Tamao de la tabla
Espacio dentro de las celdas
Columna o Celdas
Tamao Columna o Celdas
Combinar Celdas o celdas expandidas
Alineacin texto de celdas
Anidamiento tablas
 Creacin de pginas Web

ndice del curso

Leccin 9.- Formularios
FORM
INPUT
TYPE
TEXTAREA
SELECT
 Creacin de pginas Web

ndice del curso

Leccin 10.- Elementos Multimedia
Sonido de fondo
Video y Audio
Video Flash
 Creacin de pginas Web

ndice
Leccin 11.- Gua de Diseo
del curso
Recomendaciones Generales
Qu es un buen diseo web?
Navegacin
Estructura de tu pgina
Texto
Colores
Tamao de la fuente
Color del texto
Espacios
Alineacin
Fondo
Tamao del documento
Imgenes
La estructura de navegacin
Organizacin de directorios
La ergonoma del color
Lo Que S Funciona En El Diseo Web
Gua de Eye Tracking Para El Diseo Web
 Creacin de pginas Web

ndice del curso

Leccin 11.- Accesibilidad web
Tcnicas y herramientas para evaluar la accesibilidad web
Revisin automtica.
Revisin manual.
TAW
BARRA AIS.
Nuevas recomendaciones, WCAG 2.0
Pautas de accesibilidad al contenido web 2.0 (WCAG 2.0)
Comparativa de WCAG 1.0 - WCAG 2.0
Diferencias estructurales y organizativas.
 Creacin de pginas Web

ndice del curso

Leccin 12.- Hojas de estilo en cascada o CSS
Enlace Reglas de estilo
El concepto de Cascada
 Creacin de pginas Web

ndice del curso

Leccin 13.- Sintaxis CSS
Definicin en la propia etiqueta HTML
Unidades Absolutas
Unidades Relativas
Los tantos por ciento % porcentajes
Dentro del documento HTML
En un Archivo
 Creacin de pginas Web

ndice del curso

Leccin 14.- Las propiedades de las reglas de estilo:
Propiedades de texto
Propiedades de las fuentes
Propiedades de los colores y fondos
Propiedades de mrgenes y padding
Propiedades de los bordes
 Creacin de pginas Web

ndice del curso

Leccin 15.- Enlace en CSS:
Pseudoclases y pseudoelementos
Definicin de los estilos
Clases
ID
Diferencias entre CLASES e ID
 Creacin de pginas Web

ndice del curso

Leccin 16.- Agrupar elementos con span y div:
Capas
Tamao de a capa
Posicionar capas
Desbordamiento
Solapamiento de capas
Visibilidad de capas
 Creacin de pginas Web

ndice del curso

Leccin 17.- JavaScript:
JavaScript con archivo externo
JavaScript etiquetas HTML
Funciones