Contenidos del curso
Objetivos:
Introducir al alumno en el diseño de páginas Web, utilizando hipertexto, añadiendo los enlaces, gráficos, tablas, formularios, etc...
Requisitos:
Es necesario un conocimiento mínimo de Windows, el conocimiento de cualquier navegador (Internet Explorer o Netscape Navigator) y en general de todos los servicios de Internet.
Duración:
El curso tiene una duración aproximada de 40 horas. Estas horas son estimadas a modo de referencia, no todos los estudiantes necesitan las mismas horas, todo depende de la capacidad de cada uno en asimilar el programa. Nuestros cursos no van por horas, se rigen por el programa del curso.
En CEPI-BASE los cursos finalizan cuando el alumno ha terminado el programa.
Temario del curso: Diseño de Páginas Web
INTRODUCCIÓN
· El diseño de las páginas de www
· Los editores de HTML
· Herramientas Gráficas
· Publicar documentos
· El html
· Origen del Lenguaje
· Los programas de este curso
· Convenciones utilizadas en este dossier
· Terminología usada en el manejo del Ratón
· Terminología usada en el manejo del Teclado
· Terminología utilizada en este Dossier
HTML, el alma de WWW
· El documento de html
· Las etiquetas
· El nombre de archivo de un documento HTML
· Estructura de un documento
· Etiquetas de la cabecera
· Etiquetas para el Texto
· Títulos
· Tipos y tamaños de letra
· Los colores
· Imágenes de fondo y texturas
· Los caracteres especiales
· Letras acentuadas
· Otros caracteres especiales
· Los Sets de Caracteres (Charset)
· EJERCICIOS
HTML con FrontPage Express
· Presentación del editor
· Abrir el Editor
· La ventana del Editor
· Las barras de Herramientas
· Abrir un documento en FrontPage Express
· Cerrar FrontPage Express
· Utilizar HTML en el editor
· Crear un documento con el editor
· Crear un Documento nuevo en Blanco
· Guardar un Documento
· Usar las plantillas y los asistentes
· Normas para los nombres de archivos
· Dar formato al texto
· Los párrafos y los títulos
· Enfatizar el texto
· El Aspecto del Documento
· Líneas Horizontales
· EJERCICIOS
Incorporar Elementos a una Página
· Los enlaces
· La etiqueta A
· Insertar enlaces FrontPage Express y con otros documentos
· Integración de servicios de Internet
· Los Gráficos
· La etiqueta IMG
· Imágenes con FrontPageExpress
· Enlaces con imagenes
· Las listas
· Listas de Elementos
· Crear Listas utilizando FrontPage Express
· Lista de Definiciones
· Música de fondo
· Tipos de archivos de sonido
· Control de Sonido de Windows
· La etiqueta BGSOUND
· Sonido de Fondo utilizando FrontPage Express
· Música con Netscape Navigator
· Añadir videos en las páginas web
· Los videos con FrontPage Express
· Ficheros de descarga
· Añadir ficheros de descarga con FrontPage Express
· EJERCICIOS
Las Tablas
· HTML para crear tablas
· Los Atributos de la tabla , etiqueta TABLE
· Los Atributos de las filas, TR
· Atributos de las celdas, TH y TD
· Las tablas con FrontPage Express
· Crear una nueva tabla
· Insertar y eliminar celdas
· Modificar las propiedades de la tabla
· EJERCICIOS
Los Marcos
· Definicion de los Marcos
· Las Etiquetas
· Ejercicios
· Los Enlaces
· Enlaces con Destino
· Los Distintos valores del atributo Target
· Indicar el destino de un enlace desde FrontPage Express
· Combinar distintos Marcos
· Marcos y Sub-marcos
· Rejillas de Marcos
· EJERCICIOS
Los Fomularios
· Definición de los Formularios
· La etiqueta FORM
· Las Etiquetas de los Controles
· Los Controles de los Formularios
· Ejemplos
· Recepción y codificación de los datos de un formulario
· Formularios con Frontpage Express
· Insertar campos
· Propiedades de los Controles
· Modificar las Propiedades del Formulario
· Formularios Avanzados
· Otros Controles
· El Atributo Tabindex
· EJERCICIOS
Mapas Sensitivos
· Definición de un mapa
· Las Etiquetas utilizadas en la definición
· Crear las Áreas sensibles
· Como buscar las Coordenas de una Imagen
· Microsoft Photo Editor
· Determinar las coordenadas
· EJERCICIOS
· Atributos avanzados de la etiqueta AREA
· Los Dioses
Hojas de estilos
· Hojas de estilos
· Cambiar el estilo de etiquetas concretas
· Cambio global del estilo en un documento HTML
· Cambio global del estilo en varios documento HTML
· Atributos de las hojas de estilos
· Normas de las hojas de estilos
· Agrupar atributos
· Las clases
· Las capas
· Definición de capas
· Atributos de las capas
· Lenguajes de script
· Conceptos varios
· Los contadores
· Applets o programas de java
Estructuración de un Web Site
· Estructuración del Sitio Web en el Ordenador Local
· Tipos de estructuración
· Ejemplos de estructuración
· Referencias Absolutas y referencias relativas
· Herramientas para la estructuración del sitio web
· Crear y nombrar carpetas
· Copiar y Mover Documentos
· Crear carpetas y mover Ficheros
· Utilización de referencias relativas
· Los enlaces
· EJERCICIOS
· Utilización de referencias relativas
· Los enlaces
Colgar y registrar la página en la red
· Colgar la página en internet
· El servicio de FTP
· Acerca de Geocities
· El asistente para la publicación en Web
· Otros sistemas de publicar en el Web
· Registrar un sitio en un buscador
· Registro de URL en directorios
· Registro en motores de búsqueda