DISEÑO DE PÁGINAS WEB

Comienza Ya. Es Gratis
ó regístrate con tu dirección de correo electrónico
Rocket clouds
DISEÑO DE PÁGINAS WEB por Mind Map: DISEÑO DE PÁGINAS WEB

1. Accesibilidad e intercambio de información

1.1. Consorcio para la web (W3C)

1.1.1. asociación internacional fundada en 1994

1.1.2. propone pautas y protocolos comunes

1.1.3. especificaciones y programas gratuitos

1.1.4. códigos de referencia

1.1.5. labor educativa

1.2. Iniciativa para la accesibilidad (WAI)

1.2.1. área de trabajo incluida en W3C

1.2.2. promover y garantizar acceso a la web de cualquier persona

1.3. Pautas de accesibilidad (WCAG)

1.3.1. Pautas de Accesibilidad al Contenido en la Web

1.3.2. resultado del trabajo de las WAI

1.3.3. elaborar herramientas de autor, contenidos web y soluciones de diseño

1.3.4. se producen periódicamente y están en constante revisión

1.4. Intercambio de información

1.4.1. cada documento tiene características particulares

1.4.1.1. se identifican a través de la extensión del archivo

1.4.2. para intercambiar información el formato debe ser compatible

1.4.2.1. se puede utilizar formatos estándar

1.5. Tipos de formato

1.5.1. formato cerrado o propietario

1.5.1.1. la especificación no está publicada

1.5.1.1.1. solo la utilizan las aplicaciones de la propiedad

1.5.2. formato publicado

1.5.2.1. la especificación pertenece a empresas, pero está publicada

1.5.2.1.1. otros la pueden utilizar

1.5.3. formato abierto

1.5.3.1. la especificación está totalmente publicada

1.5.3.1.1. cualquiera lo puede utilizar

1.5.3.2. suele pertenecer a organizaciones sin ánimo de lucro

2. Páginas web

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

2.1.1. documentos que conforman la World Wide Web

2.1.2. documentos de hipertexto multimedia

2.1.2.1. combinan

2.1.2.1.1. texto

2.1.2.1.2. sonido

2.1.2.1.3. imágenes

2.1.2.1.4. vídeos...

2.1.2.1.5. animaciones

2.1.3. se debe abrir con un navegador web

2.1.3.1. aplicación capaz de leer, interpretar y mostrar los documentos

2.1.4. Lenguaje HTML

2.1.4.1. lenguaje para crear páginas web que garantiza que se puedan visualizar desde cualquier navegador

2.1.4.2. comandos o etiquetas entre <>

2.1.4.3. permite

2.1.4.3.1. incluir información de distinta naturaleza

2.1.4.3.2. utilizar hiperenlaces para navegar entre páginas

2.2. solo se puede visualizar

2.3. ¿Qué es un sitio web?

2.3.1. conjunto de páginas web perteneciente a una persona, empresa o entidad

2.3.2. Debe estar organizado en carpetas

2.3.3. diseñadores suelen crear un sitio local

2.3.3.1. sitio web en el disco duro

2.3.3.2. guardar documentos HTML y recursos

2.3.4. después copian los archivos a un sito remoto

2.3.4.1. servidor web de su proveedor

2.3.5. cuando se publica un sito web las páginas se hacen públicas

2.4. Tipos de páginas web

2.4.1. Páginas web estáticas

2.4.1.1. documentos HTML que muestran información

2.4.1.2. contenido se actualiza con poca frecuencia

2.4.1.2.1. cuando el creador considera

2.4.2. Páginas web animadas

2.4.2.1. incluyen scripts o applets

2.4.2.1.1. son pequeños programas escritos en un lenguaje compatible

2.4.2.2. también con animaciones gráficas

2.4.2.2.1. Adobe Flash

2.4.3. Páginas web dinámicas

2.4.3.1. usuario puede interactuar con la página

2.4.3.1.1. incluso modificar o introducir info.

2.4.3.2. basadas en un lenguaje de programación web y en la utilización de bases de datos

2.4.3.2.1. servidor preparado

2.4.3.3. como foros, blogs, wikis...

2.4.4. Páginas web de contenidos

2.4.4.1. usuarios pueden participar en la elaboración del contenido

2.4.4.2. con ellas se crean páginas web dinámicas

2.4.4.2.1. información actualizada

2.4.4.3. un administrador

2.4.4.3.1. otorga privilegios a los usuarios

2.4.4.4. información ofrecida suele ser pública

2.4.4.4.1. no hay que identificarse

3. Editores de páginas web

3.1. Editores de texto

3.2. Editores visuales

3.2.1. KompoZer

3.2.2. Adobe Dreamweaver

3.3. Herramientas de la web 2.0

3.4. Editores online

3.5. Gestores de contenidos

4. Crear páginas web con KompoZer

4.1. Crear y administrar un sitio web local

4.2. Crear una página web

4.3. Escribir texto en un 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 diseñ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 otro tipo 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. para crear páginas web

9.1.2. palabras clave o etiquetas que permiten dar formato al texto y otros elementos

9.1.3. En KompoZer

9.1.3.1. modo de edición Código fuente

9.2. Etiquetas HTML

9.2.1. en KompoZer

9.2.1.1. <html>...</html>

9.2.1.2. <head>...</headl>

9.2.1.3. <title>...</title>

9.2.1.4. <h1>...</h1>

9.2.1.5. <table>...</table>

9.2.1.6. <tr>...</tr>

9.2.1.7. <td>...</td>

9.2.1.8. <p>...</p>

9.2.1.9. <br>

9.2.1.10. <img src="ruta y nombre de imagen" />

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ágina web