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. 1. Accesibilidad e intercambio de información

1.1. Consorcio para la web (W3C)

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

1.2. Iniciativa para la accesibilidad (WAI)

1.2.1. Es un á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. El trabajo de WAI ha dado como resultado una 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, son las WCAG.

1.4. Intercambio de información

1.4.1. Para que haya un intercambio de información los formatos han de ser compatibles.

1.5. Tipos de formato

1.5.1. Formato cerrado

1.5.1.1. La especificación de estos formatos no está publicada, y por tanto solo la pueden utilizar las aplicaciones de su propiedad.

1.5.2. Formato publicado

1.5.2.1. Su especificación pertenece a empresa, pero su código sí está publicado.

1.5.3. Formato abierto

1.5.3.1. ODF

1.5.3.1.1. Formato estándar, suele utilizarse en correos,

1.5.3.2. TXT

1.5.3.2.1. Texto plano, se suele utilizar en corres, fotos, etc..

1.5.3.3. PDF

1.5.3.3.1. Formato muy extendido. Su principal característica es que el aspecto del documento es idéntico al de su impresión.

1.5.3.4. HTML

1.5.3.4.1. Lenguaje que sirve para hacer páginas web, se debe escribir con las etiquetas "<" ">".

1.5.3.5. XML

1.5.3.5.1. Es un formato más evolucionado que HTML, por lo que lo está sustituyendo en Internet.

1.5.3.6. GIF, JPEG, PNG

1.5.3.6.1. Son formatos gráficos y se diferencian entre sí por la calidad de la imagen y el tamaño del archivo.

1.5.3.7. Características del formato abierto

1.5.3.7.1. La especificación de sus formatos está totalmente publicada.

2. 2.Páginas web

2.1. ¿Qué es?

2.1.1. Las páginas web o documentos HTML son los documentos que conforman la World Wide Web, el servicio más conocido de Internet.

2.1.2. Lenguaje HTML

2.1.2.1. Las páginas web han de crearse con un lenguaje específico, el lenguaje 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. Un sitio web es un conjunto de páginas web pertenecientes a una persona, empresa o entidad. Dicho sitio está constituido por documentos HTML. El sitio web debe estar organizado. Por lo tanto es necesario crear carpetas para guardar toda la información que haya en ella.

2.3. Tipos de páginas web

2.3.1. Páginas web estáticas.

2.3.1.1. Su contenido se actualiza con poca frecuencia, únicamente cuando su creador o diseñador lo considera oportuno.

2.3.2. Páginas web animadas.

2.3.2.1. Son páginas web las cuales se pueden animar incluyendo scripts o applets, que son pequeños programas escritos en un lenguaje de programación.

2.3.3. Páginas web dinámicas.

2.3.3.1. Estas páginas ofrecen al usuario la posibilidad de interactuar con la página o incluso de modificar o introducir información.

2.3.4. Páginas web de contenidos.

2.3.4.1. Los gestores de contenido proporcionan una plataforma en la que los usuarios pueden participar activamente.

3. 3.Editores de páginas web

3.1. Editores de texto

3.1.1. Son los editores con los cuales se crean las páginas web, hay que conocerlos y manejarlos para poder crear páginas web.

3.2. Editores visuales

3.2.1. Llamados "editores WYSIWYG", permiten crear páginas web sin tener conocimientos de HTML. El usuario diseña el documento con las herramientas del editor.

3.2.1.1. KompoZer

3.2.1.1.1. Es un editor de software libre de fácil manejo que permite visualizar los documentos con su aspecto real. Se trata de un programa multiplataforma.

3.2.1.2. Adobe Dreamweaver

3.2.1.2.1. Es uno de los editores de documentos de HTML comerciales más utilizados. Proporciona herramientas y facilita el uso de código HTML dinámico.

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 servidores de Internet o aplicaciones específicas en línea como Glogster.

3.4. Editores online

3.4.1. Pueden crear páginas sin la necesidad de utilizar ninguna aplicación específica. El único requisito indispensable es disponer de un navegador web.

3.5. Gestores de contenido

3.5.1. Es una plataforma que permite crear estructuras de soporte para distintos usuarios que puedan crear, publicar y administrar información con un diseño común.

4. 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 una página web

4.3.1. Modificar formato de los caracteres

4.3.2. Escribir una lista

4.3.3. Modificar el formato de los párrafos

5. 5. Trabajar con páginas web

5.1. Cambiar los colores de una página

5.2. Guardar una página web

5.3. Cambia las propiedades de una página

5.4. Modos de edición

6. Tablas en páginas web

6.1. Insertar una tabla

6.2. Editar una tabla

7. 7. Imágenes en páginas web

7.1. Insertar una imagen

7.2. Modificar una imagen

8. 9. Lenguaje HTML en páginas web

8.1. Lenguaje HTML

8.1.1. Es el lenguaje que se utiliza para crear páginas web. Se trata de un conjunto de palabras clave, tags o etiquetas que permiten dar formato al texto.

8.2. Etiquetas HTML

8.2.1. Las más importantes son: "<html>", "<body>", "<head>", "<h1>", "<font color>".