Curso de Diseño Web

Objetivos del curso

- Brindar la información necesaria para comprender las tecnologías involucradas en el diseño y programación de una página web.

- Adquirir conocimientos relacionados con el diseño y la manipulación de imágenes para páginas web.

- Estructurar y dar formato a tu propia página web.

- Incorporar al sitio web archivos multimedia como tablas, sonidos, imágenes, videos, entre otros, los cuales podremos visualizar desde cualquier navegador web.

Programa de estudio

MODULO 1 - Introducción y fundamentos a las tecnologías aplicadas al Internet
  • Cómo funciona Internet
  • Direcciones IP y nombres de dominio
  • Relación entre DNS y Dominios
  • Los navegadores Web
  • Sitios y Paginas web
  • Hosting y Servidores
  • Cómo instalar nuestro propio servidor local
  • Cómo colocar archivos en nuestro propio servidor
  • Software de FTP
  • Que es un servidor FTP
  • Cómo saber que software FTP es adecuado
  • Cómo transferir archivos al Hosting por FTP
MODULO 2 - El diseño y las imágenes
  • Introducción a la imagen digital
  • Resolución de la imagen
  • Ventanas y menús principales
  • Funcionabilidades básicas. Crear, abrir y guardar imágenes
  • Formatos de imagen
  • Copiar, cortar y pegar
  • Navegar por la imagen
  • Rejillas y guías
  • Crear, borrar, duplicar y organizar las capas
  • Redimensión y escalado de imágenes
  • Rotación y perspectiva de la Imagen
  • Cómo recortar una imagen
  • Como voltear o invertir una imagen
  • Selecciones. Creación y uso
  • Trabajando con textos, cómo insertar un texto en una imagen
  • Añadiendo nuevas tipografías
  • Trabajando con objetos simples / Cómo crear una forma básica
  • Dibujando una línea recta
MODULO 3 - Fundamentos del lenguaje HTML
  • Introducción a HTML
  • Etiquetas
  • Estructura básica de una página web
  • Título de la página
  • Colores en hexadecimal
  • El texto
  • Caracteres especiales y espacios en blanco
  • Saltos de línea
  • Texto preformateado
  • Sangría
  • Párrafos
  • Marquesinas
  • Las listas
  • Hiperenlace
  • Tipos de referencias
  • Formato de los enlaces
  • Formatos de imagen
  • Borde de una imagen
  • Tamaño de una imagen
  • Tabla, Fila, Columna o celda, Formato de la tabla
  • Encabezado de la columna (TH)
  • Título de la tabla
  • Combinar celdas
  • Marcos
  • Conjunto de marcos, sin marcos
  • Formularios
  • Video y audio
  • Películas Flash
  • Lenguajes de script / Javascript
  • Hojas de estilo, CSS
  • Qué son las hojas de estilo
  • Sintaxis de las hojas de estilo
  • Vincular una hoja de estilo
  • Las propiedades