TEMA 6: DISEÑO DE PÁGINAS WEB

Mapa mental tema 6. María Fernández Suárez -8 4º ESO A

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

1. ACCESIBILIDAD E INTERCAMBIO DE INFORMACIÓN.

1.1. CONSORCIO PARA LA WEB (W3C)

1.1.1. W3C (World Wide Web Consortium) es una asociación cuya intención es proponer pautas y protocolos comunes para todos los usuarios. En este consorcio, hay variedad de grupos y programas de todo el mundo.

1.2. INICIATIVA PARA LA ACCESIBILIDAD (WAI)

1.2.1. WAI (Web Accessibility Initiative) es un área de trabajo incluida en el consorcio W3C. Su objetivo es consegui que la web sea más accesible y que esta accesibilidad no dependa de las circunstancias personales.

1.3. PAUTAS DE ACCESIBILIDAD (WCAG)

1.3.1. Son las "Pautas de Accesibilidad al Contenido en la Web" que pretenden orientar en la generación de páginas web para que se eliminen las barreras de acceso a la información.

1.4. INTERCAMBIO DE INFORMACIÓN

1.4.1. Cuando varias personas intercambian información, deben asegurarse de que es en el mismo formato ya que cada uno confiere diferentes características que determinan el documento y la forma de visualizarlo.

1.5. TIPOS DE FORMATO

1.5.1. Formato cerrado o propietario.

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

1.5.2. Formato publicado.

1.5.2.1. Su especificación pertenece a empresas pero su código sí está publicado y por tanto lo pueden utilizar otras empresas. (RTF)

1.5.3. Formato abierto.

1.5.3.1. La especificación de estos formatos está publicada en su totalidad. Cualquier desarrollador de aplicaciones puede utilizarlos libremente. (ODF)

1.5.4. Formatos recomendados.

1.5.4.1. TXT

1.5.4.2. ODF

1.5.4.3. PDF

1.5.4.4. HTML

1.5.4.5. XML

1.5.4.6. GIF, JPEG y PNG

2. PÁGINAS WEB.

2.1. ¿QUÉ ES UNA PÁGINA WEB?

2.1.1. Son los documentos que conforman la World Wide Web. Se trata de documentos de hipertexto que ofrecen diversidad de información: audio, imágenes, texto...

2.1.2. LENGUAJE HTML

2.1.2.1. Las páginas web deben crearse con un lenguaje específico, el lenguaje HTML. Este es el único modo de garantizar que cualquier persona pueda visualizarlo. Las etiquetas HTML se escriben entre <> y permiten dar formato a los elementos de la página web.

2.2. ¿QUÉ ES UN SITIO WEB?

2.2.1. Es un conjunto de páginas web pertenecientes a una persona, empresa o entidad. Dicho sitio está constituido por los documentos HTML correspondientes y por los recursos que hay en ellas.

2.3. TIPOS DE PÁGINAS WEB

2.3.1. Páginas web estáticas

2.3.1.1. Se llaman así porque su contenido se actualiza con poca frecuencia, y los usuarios que las visitan solo tienen acceso a visualizar el contenido.

2.3.2. Páginas web animadas

2.3.2.1. Son páginas web estáticas a las que se les añaden scripts o applets, que son programas escritos en un lenguaje compatible con HTML. También se pueden añadir animaciones gráficas.

2.3.3. Páginas web dinámicas

2.3.3.1. Ofrecen al usuario la posibilidad de interactuar, modificar o introducir la información que contiene. (Foros, blogs, wikis...)

2.3.4. Páginas web de contenidos

2.3.4.1. Los usuarios pueden participar activamente en la elaboración de la información mostrada. Existe un administrador que se encarga de revisar la información antes de publicarla.

3. EDITORES DE PÁGINAS WEB

3.1. No es necesario conocer el lenguaje HTML para crear páginas web, existen muchísimas más formas y programas que permiten crear y editar las páginas web.

3.2. EDITORES DE TEXTO

3.2.1. Podemos crear una página web hasta con el editor de texto más sencillo. De hecho, las páginas web son documentos de texto que contienen multitud de etiquetas HTML. El documento se deberá guardar como HTM o HTML y para visualizarlo, hay que abrirlo con un navegador.

3.3. EDITORES VISUALES

3.3.1. Son los llamados editores WYSIWYG, permiten crear páginas web sin necesidad de conocer el lenguaje HTML. Este tipo de editores permiten ver en todo momento el aspecto que tendrá la página web.

3.3.2. KompoZer

3.3.2.1. Es un editor de fácil manejo que permite visualizar los documentos con su aspecto real. Además, proporciona un módulo para administrar sitios web y la posibilidad de trabajar con hojas de estilos en cascada.

3.3.3. Adobe Dreamweaver

3.3.3.1. Es uno de los editores comerciales más utilizados. Proporciona herramientas avanzadas de diseño y facilita el uso de código HTML dinámico.

3.4. HERRAMIENTAS EN LA WEB 2.0

3.4.1. Puede haber pequeñas variaciones pero el proceso general siempre es el mismo: acceder a un servidor web 2.0 y comenzar el proceso de creación.

3.5. EDITORES ONLINE

3.5.1. La gran ventaja es que pueden crear páginas web sin la necesidad de usar ninguna aplicación específica, sólo es necesario el navegador. Además, permiten crear el sitio web y publicarlo directamente a Internet.

3.6. GESTORES DE CONTENIDO

3.6.1. 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 una 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.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 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. Es el que se utiliza para crear páginas web. Se trata de un conjunto de palabras clave o tags que permiten dar formato al texto y al resto de elementos utilizados en las páginas.

9.2. ETIQUETAS HTML

9.2.1. Son los elementos que se declaran en lenguaje HTML mediante unos comandos especiales. Están escritas entre <>. Ejemplo: <body> Este es el cuerpo del texto. <body/> Las etiquetas son dobles ya que hay que indicar el comienzo y el final.

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.