Conceptos básicos sobre el diseño de páginas web

FAQ | Internet y la web | El Diseño web | Páginas web | Lenguaje html | Imágenes | Tablas | Estilos

Internet y la web

• Alcance de Internet

• Protocolos de Internet

  • ¿Cómo funciona Internet?

  • ¿Qué protocolos existen?

  • ¿Qué es la web?

• El hipertexto y la web

  • ¿Qué es el hipertexto?

  • ¿Cómo se establecen las relaciones entre documentos?

  • ¿Cuándo se creó la web?

  • ¿Cuál era la idea originaria de la web?

• Funcionamiento de la web

  • ¿Cómo funciona la web?

  • ¿Qué es un cliente web?

  • ¿Qué información se recibe?

  • Clientes web más habituales

  • ¿Qué es un servidor web?

• Descarga y visionado de páginas web

  • ¿Cómo funciona la descarga y visionado de páginas web?

El Diseño web

• Historia del diseño web

  • Diseño web de primera generación

  • Diseño web de segunda generación

  • Diseño web de tercera generación

  • Diseño web de cuarta generación

  • Diseño web de quinta generación

• Fases del diseño web

  • Análisis y definición del diseño web

  • Creación de la página web de acuerdo al diseño web establecido

  • Programación de la navegabilidad de las páginas web del sitio

• Tipos de diseño web

  • Diseño web avanzado

  • Diseño web clásico

  • Diseño web industrial

Páginas web

• Contenido de una página web

  • ¿Que contiene una página web?

  • ¿Dónde se coloca el contenido?

• Interactividad en la web

  • ¿Qué es la interactividad y en qué consiste?

  • Tipos de interactividad

• Creación de páginas web

  • Formas de creación de una página web

  • ¿Hay ayuda de herramientas auxiliares?

Introducción al lenguaje html

• Los lenguajes de etiquetas

  • ¿Cómo funcionan las etiquetas?

• Características del lenguaje html

  • Formato de las etiquetas html

  • ¿Pueden tener atributos las etiquetas?

  • ¿Hay distinción entre mayúsculas y minúsculas?

  • ¿Cómo se escriben comentarios?

  • ¿Cómo se interpretan los espacios, tabulaciones y retornos de carro?

  • ¿Cómo genero en el código los espacios en blanco, tabulaciones y retornos de carro?

  • ¿Y los caracteres con acentos o la ñ?

  • ¿Qué estructuración tiene el html?

• Elementos básicos de html

  • ¿Cuál es la estructura de un documento html?

  • ¿Cuales son los elementos más importantes del encabezamiento?

  • ¿Qué contenidos tiene el cuerpo o body?

  • ¿Qué es un párrafo?

  • ¿Qué son los titulares?

  • ¿Cómo puedo darles estilo a mis caracteres?

  • ¿Qué son las listas?

  • ¿Cómo inserto imágenes?

  • ¿Qué son los hiperenlaces o enlaces hipertexto?

  • ¿Qué son las direcciones url?

  • ¿Qué tipos de direcciones urls existen?

  • ¿Qué es un enlace a un punto de una página?

  • ¿Se pueden enlazar otro tipo de archivos?

  • Estilos, fuentes y colores

  • La etiqueta DIV

  • La etiqueta SPAN

Imágenes

• Atributos de las imágenes

  • ¿Cuál es el tamaño de la imagen?

  • ¿Cómo funciona el atributo Alt?

• Tipos e información de las imágenes en la web

  • ¿Qué tipos de imágenes hay?

  • ¿Qué es la profundidad de color?

  • ¿Qué es una paleta de colores?

• Formatos de las imágenes en la web

  • Formato JPEG

  • Formato GIF

  • Formato PNG

  • ¿Qué formato elegir?

• Tipos especiales de imágenes

  • Imágenes transparentes

  • Imágenes entrelazadas

  • Imágenes de fondo

• Aplicaciones de las imágenes

  • Botones

  • Iconos

  • Menús de navegación

  • Imágenes de texto

Tablas

• Definición y creación de una tabla

  • ¿Tiene título una tabla?

  • Filas y columnas

• Atributos de las tablas

  • Propiedades de las celdas

  • Tamaño de las celdas

  • Alineación del contenido de las celdas

  • Color de fondo de las celdas

  • Imagen de fondo de las celdas

  • Configuración de las celdas vacías

• Atributos rowspan y colspan

  • Atributo colspan

  • Atributo rowspan

  • Tabla con los atributos rowspan y colspan juntos

• Aplicaciones de las tablas

Hojas de estilo

• Tipos de estilos

  • Estilos individuales

  • Estilos genéricos

  • Enlace a una hoja de estilos externa

• Definición de estilos propios

• Estilos por defecto

Diseño web de Hooping