Nivel Intermedio. Escribir lenguaje de marcado HTML. Utilizar programas editores de HTML. Utilizar Hojas de Estilo en Cascada CSS

Transcripción

1 Diseño Web Estático Nivel Intermedio Escribir lenguaje de marcado HTML Utilizar programas editores de HTML Utilizar Hojas de Estilo en Cascada CSS Configurar sitios web locales Personas provenientes del mundo del diseño gráfico, aunque también está orientado a profesionales del diseño y creativos. Publicar sitios web El objetivo es capacitarles profesionalmente en el campo del diseño de páginas web y la creación de imagen corporativa e interfaz para internet.

2 I. INFORMACIÓN GENERAL. 1. Nombre del Curso: Diseño Web 2. Modalidad : Regular 3. Duración: 40 Horas. 4. A quien está destinado: Informáticos y personas en general, interesados en conocer las nuevas tecnologías de desarrollo web. Este curso está pensado para personas provenientes del mundo del diseño gráfico, aunque también está orientado a profesionales del diseño y creativos. El objetivo es capacitarles profesionalmente en el campo del diseño de páginas web y la creación de imagen corporativa e interfaz para Internet. 5. Para qué te preparará: Con el aprendizaje de nuestro curso de Diseño Web, usted podrá expandir sus medios a todo el mundo, publicitando su negocio o institución incrementando las ventas sin necesidad de un espacio físico. 6. Lugar: UNAN-Managua, Laboratorios de. 7. Horario: 8. Conocimientos previos: Dominio del sistema operativo Windows xp o superior, Manejo de Internet, El alumno no necesita tener conocimientos sobre desarrollo web, el curso está diseñado para iniciar desde un nivel básico. Para aquellos que han tomado capacitaciones previas en la materia, le ayudamos a reforzar los conocimientos que considere necesarios para continuar una nueva etapa con nosotros. 2

3 II. DATOS ESPECÍFICOS 1. Presentación El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios y páginas web. No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta cuestiones tales como navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen y vídeo. En el presente curso se propone el estudio de herramientas que permitan la elaboración de un buen diseño con una jerarquía bien elaborada de contenidos que aumenten la eficiencia de la web como canal de comunicación e intercambio de datos y que brinda posibilidades como el contacto directo entre el productor y el consumidor de contenidos. 2. Objetivos del Curso. Conocer el lenguaje de marcado de hipertexto HTML. Aprender a manejar la herramienta de diseño Web, Dreamweaver CS3. Utilizar hojas de estilo en cascada para formatear una página web. Dominar el tratamiento de sitios Web para organizar y controlar la información relacionada con las páginas creadas. Publicar sitios web en internet a través de hosting gratuito o propietario. 3. Metodología: Para el buen desarrollo de este curso contamos con un Aula Virtual para realizar cada una de las tutorías correspondientes con el material y la instrucción dada semanalmente. El alumno podrá utilizar un foro "exclusivo" para las lecciones que se irán estudiando a través del tiempo, logrando intercambiar opiniones con el resto miembros. También habrá un foro destinado a consultas al docente, donde se establecerá una comunicación permanente durante el curso. 3

4 4. CONTENIDO DEL CURSO 4.1 Módulo 1: Conceptos Básicos Distribución de Contenidos en el Tiempo Nº Unidad y Tema Teóricas Prácticas Total 1 Introducción al diseño Web Total: Contenido: I Unidad: Introducción al Diseño Web 1. Qué es una página web? 2. Qué es el Diseño Web? 3. Qué es www? 4. Protocolo http 5. Dominio y alojamiento web 6. Alojamiento gratuito y patentado 7. Introducción a HTML 8. Especificación oficial 9. HTML y XHTML 10. Lenguaje de etiquetas 11. Estructura básica de una página web 4.2 Módulo 2: Lenguaje Marcad de Hipertexto y Hojas de estilo en cascada. Distribución de Contenidos en el Tiempo Nº Unidad y Tema Teóricas Prácticas Total 1 Etiquetas y atributos html HTML y CSS Total:

5 Contenido: I Unidad. Etiquetas y atributos html 1. Formato de textos 2. Enlaces 3. Tablas a) Encabezados b) Cuerpo c) Filas y columnas 4. Listas 5. Imágenes y objetos 6. Tablas y formularios II Unidad. HTML y CSS 1. Funcionamiento básico de CSS 2. Como incluir una CSS en un HTML 3. Selectores básicos 4. Agrupación de reglas 5. Unidades de Medida y colores 6. Formateo de: a) Texto b) Listas c) Enlaces d) Tablas e) Formularios 4.3 Módulo 3: Editor Web Dreamweaver CS3. Distribución de Contenidos en el Tiempo Nº Unidad y Tema Teóricas Prácticas Total 3 Introducción a Dreamweaver CS3 Enlaces Formularios 4 CSS 5 6 Plantillas Validación HTML y CSS Publicación de Sitio Total:

6 Contenido. III Unidad. Introducción a Dreamweaver CS3 1. Entorno Gráfico 2. Panel de herramientas 3. Vistas Diseño 4. Ventas de documento 5. Administrar sitios a) Crear y eliminar sitios b) Administración de archivos 6. Index.html- Configuraciones 7. Tablas en Dreamweaver CS3 8. Celdas 9. Unión de celdas 10. Filas - Columnas 11. El inspector de propiedades 12. Contenido de celdas 13. Inserción de imágenes en tablas Enlaces 1. Vínculos en Dreamweaver CS3 2. Vínculos con texto 3. Vínculos con imágenes 4. Fuentes de letras 5. Texto 6. Blank y Parent_ 7. Links en imágenes a través de zonas 8. Biblioteca de Botones Flash Formularios html 1. Formularios en Dreamweaver CS3 2. Campos de texto 3. Validar formularios 4. Lista-Menú 5. Área de texto 6. Botón enviar 7. Estilos CSS IV Unidad. CSS en Dreamweaver 1. Estilos automáticos 2. Crear archivos css 3. Vincular archivos css a un html 4. Aplicación de estilos utilizando el inspector de propiedades 5. CSS personalizadas para tablas 6

7 V Unidad. Plantillas html 1. Uso de plantillas html 2. Archivos DWT 3. Configuración de sitios utilizando plantillas 4. Creación de un sitio web utilizando plantillas Validación html y CSS 1. Validación de html 2. Comprobación de html en diferentes navegadores 3. Validación de CSS 4. Comprobación de CSS en diferentes navegadores VI Unidad. Publicación de sitios 1. Los sitios remotos a) Alojamiento gratuito 2. Definir una carpeta remota 3. Cargar los archivos locales 7