Tema 6: diseño de páginas web

Get Started. It's Free
or sign up with your email address
Rocket clouds
Tema 6: diseño de páginas web by Mind Map: Tema 6: diseño de páginas web

1. Accesibilidad e intercambio de info

1.1. Consorcio para la web (W3C)

1.1.1. Asociación internacional que se fundó en 1994 con la intención de proponer pautas y protocolos comunes para todos los usuarios que permiten obtener el máximo potencial y favorecer la evolución de la World Wide Web.

1.2. Iniciativa para la accesibilidad(WAI)

1.2.1. Área de trabajo incluida en el consorcio W3C cuyo objetivo es promover y garantizar el acceso a la web de cualquier persona.

1.3. Pautas de accesibilidad (WCAG)

1.3.1. Serie de directrices que se han tomado como referencia para elaborar la legislación de las tecnologías de la información en todo el mundo.

1.4. Intercambio de información

1.4.1. Los diferentes programas confieren características particulares que determinan el formato del documento y las aplicaciones que permitirán visualizarlo y editarlo.

1.5. Tipos de formato

1.5.1. Formato cerrado o propietario

1.5.1.1. Solo la pueden utilizar las aplicaciones de su propiedad.

1.5.2. Formato publicado

1.5.2.1. Puede ser utilizado por aplicaciones de otras empresas.

1.5.3. Formato abierto

1.5.3.1. Cualquier desarrollador de aplicaciones puede utilizarlo libremente.

2. Páginas web

2.1. ¿Qué es una página web?

2.1.1. Son los documentos que conforman la World Wide Web.

2.1.2. Lenguaje HTML

2.1.2.1. Las páginas web deben crearse con un lenguaje específico, HTML, ya que es el único modo de garantizar que cualquier persona pueda visualizarlas con independencia del navegador web que utilice.

2.2. ¿Qué es un sitio web?

2.2.1. Conjunto de páginas web pertenecientes a una persona, empresa o entidad.

2.3. Tipos de páginas web

2.3.1. Páginas web estáticas

2.3.1.1. Son documentos HTML que muestran información.

2.3.2. Páginas web animadas

2.3.2.1. Se pueden animar incluyendo scripts o applets.

2.3.3. Páginas web dinámicas

2.3.3.1. Ofrecen al usuario la posibilidad de interactuar con la página e incluso de modificar o introducir información.

2.3.4. Páginas web de contenidos

2.3.4.1. Los gestores de contenidos proporcionan una plataforma en la que los usuarios pueden participar activamente en la elaboración de la información mostrada.

3. Editores de páginas web

3.1. Editores de texto

3.1.1. Con ellos se pueden crear páginas web.

3.2. Editores visuales

3.2.1. KompoZer

3.2.1.1. Editor de software libre de fácil manejo que permite visualizar los documentos con su aspecto real.

3.2.2. Adobe Dreamweaver

3.2.2.1. Es uno de los editores de documentos HTML comerciales más utilizados.

3.3. Herramientas de la web 2.0

3.3.1. También se pueden crear documentos HTML utilizando herramientas de la web 2.0 disponibles en distintos servidores de Internet o aplicaciones específicas en línea.

3.4. Editores online

3.4.1. Con ellos se pueden crear páginas web sin necesidad de utilizar ninguna aplicación específica.

3.5. Gestores de contenidos

3.5.1. Un sistema de gestión de contenidos es una plataforma que permite crear una estructura de soporte para que distintos usuarios puedan crear, publicar y administrar información con un diseño común.

4. Crear páginas web con KompoZer

4.1. Crear y administrar un sitio web local

4.2. Crear un página web

4.3. Escribir texto en una página web

4.3.1. Modificar el formato de los caracteres

4.3.2. Escribir una lista

4.3.3. Modificar el formato de los párrafos

5. Trabajar con páginas web

5.1. Cambiar los colores de una página

5.2. Guardar una página web

5.3. Cambiar las propiedades de una página

5.4. Modos de edición

5.5. Comprobar las páginas creadas

5.6. Trabajar con varias páginas web

6. Tablas en páginas web

6.1. Insertar una tabla como estructura de la página web

6.2. Insertar una tabla para mostrar datos

6.3. Escribir texto en una tabla

6.4. Modificar la estructura de una tabla

6.4.1. Insertar o eliminar filas y columnas

6.4.2. Unir celdas

6.5. Cambiar el aspecto de una tabla

7. Imágenes en páginas web

7.1. ¿Qué son los vínculos relativos?

7.2. Insertar una imagen

7.3. Modificar una imagen

7.3.1. Cambiar el tamaño

7.3.2. Distribuir texto alrededor

8. Enlaces en páginas web

8.1. Crear un enlace de texto

8.2. Crear un enlace en una imagen

8.3. Crear un enlace a una página de Internet

8.4. Crear un enlace a otros tipos de documentos

8.5. Crear un enlace a un correo electrónico

8.6. Crear un enlace a un vídeo

9. Lenguaje HTML en páginas web

9.1. Lenguaje HTML

9.1.1. Es el que se utiliza para crear páginas web.

9.1.2. En KompoZer, el código fuente de la página que se está diseñando se puede ver activando el modo de edición Código fuente.

9.2. Etiquetas HTML

9.2.1. Los documentos creados con lenguaje HTML están constituidos por un conjunto de elementos que pueden tener propiedades diferentes.

9.3. Etiquetas HTML en KompoZer

9.3.1. Algunas etiquetas son imprescindibles porque definen la estructura obligatoria de cualquier documento web.

9.3.1.1. Etiqueta que indica el comienzo del cuerpo de la página

9.3.1.2. Etiqueta para crear un enlace

9.3.1.3. Etiqueta para crear una lista con viñetas.

9.3.1.4. La barra de estado muestra que el texto resaltado está dentro de la página web, en su cuerpo, como elemento de una lista con viñetas.

9.3.1.5. Etiqueta para aplicar el estilo de párrafo Título 1.

9.3.1.6. Etiqueta que especifica un aumento del tamaño de la fuente.

9.3.1.7. Etiqueta que identifica un elemento de una lista.

10. Hojas de estilo en páginas web

10.1. Crear una hoja de estilos enlazada

10.2. Crear reglas de estilo

10.3. Enlazar una hoja de estilos a una páginas web