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 se fundó en 1994 con la intención de proponer pautas y protocolos comunes a todos los usuarios.

1.2. Iniciativa para la accesibilidad (WAI)

1.2.1. Su objetivo es promover y garantizar el acceso a la web de cualquier persona.

1.3. Pautas de accesibilidad (WCAG)

1.3.1. Este 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.

1.4. Intercambio de información

1.4.1. Los documentos pueden crearse con varios programas los cuales les confieren características particulares.

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 una empresa, pero su código es publico.

1.5.3. Formato abierto

1.5.3.1. TXT

1.5.3.1.1. No permite dar formato al texto y suele utilizarse en correos, foros, etc...

1.5.3.2. ODF

1.5.3.2.1. Es un formato utilizado por LibreOffice y basado en XML.

1.5.3.3. PDF

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

1.5.3.4. HTML

1.5.3.4.1. Se trata de un formato sencillo para crear páginas web.

1.5.3.5. XML

1.5.3.5.1. Es un formato más evolucionado que HTML.

1.5.3.6. GIF, JPEG y 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.

2. 2. Páginas Web

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

2.1.1. Son los documentos que forman la World Wide Web. Se trata de documentos de hipertexto.

2.1.2. Lenguaje HTML: Este permite incluir información de distintas naturalezas y también ofrece hiperenceles.

2.2. ¿Qué es un sitio web?

2.2.1. Es un conjunto de páginas web que pertenecen a una misma persona. El sitio web debe estar organizado, por lo tanto es necesario guardar todo en carpetas de forma ordenada.

2.3. Tipos de páginas web

2.3.1. Páginas web estátcas

2.3.1.1. Son aquellas páginas las cuales su información se renueva con poca frecuencia.

2.3.2. Páginas web animadas

2.3.2.1. Consiste en agregar a las páginas animaciones gráficas.

2.3.3. Páginas web dinámicas.

2.3.3.1. Son aquellas las cuales los usuarios pueden hacer cambios en la misma página.

2.3.4. Páginas web de contenidos.

2.3.4.1. En estas páginas hay un administrador encargado de administrar a los usuarios y de otorgarles privilegios.

3. 3. Editores de Páginas Web

3.1. Editores de texto

3.1.1. Con cualquier editor de texto, incluso con los más sencillos se pueden crear páginas web.

3.2. Editores visuales

3.2.1. KompoZoper

3.2.1.1. Es un 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. Proporciona herramientas avanzadas de diseño y facilita el uso del HTML.

3.2.3. Permiten crear páginas web sin tener conocimientos de HTML.

3.3. Herramienta 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.

3.4. Editores Online

3.4.1. Se pueden crear páginas sin necesidad de utilizar ninguna aplicación específica.

3.5. Gestores de contenido

3.5.1. Es una plataforma que permite crear una estructura de soporte para que los usuarios puedan crear, publicar y administrar.

4. 4. Crear Páginas Web con KompoZer

5. 5. Trabajar con Páginas Web

6. 6. Trablas en Páginas Web

7. 7. Imágenes en Páginas Web

8. 8. Enlaces en Páginas Web

9. 9. Lenguaje HTML en Páginas Web

9.1. Lenguaje HTML

9.1.1. Se utiliza para crear páginas web. Se trata de palabras clave las cuales permiten dar formato al texto y al resto de elementos utilizados en las páginas.

9.2. Etiquetas HTML

9.2.1. <html>...</html>

9.2.2. <head>...</head>

9.2.3. <title>...</title>

9.2.4. <h1>...</h1>

9.2.5. <table>...</table>

9.2.6. <tr>...</tr>

9.2.7. <td>...</td>

9.2.8. <p>...</p>

9.2.9. <br>

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

10. 10. Hojas de Estilo en Páginas Web