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. 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 el máximo potencial y favorecer la evolución de la World Wide Web.

1.2. 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, con independencia del tipo hardware o software que posea, de su idioma, su cultura, su localización geográfica o la infraestructura de red existente.

1.3. WCAG

1.3.1. Conocidas como "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 en el acceso a la información.

1.4. Intercambio de información

1.4.1. La mejor manera para intercambiar información es utilizar alguno de los consideraos formatos estándar, ya que, de este modo, se garantiza que cualquier usuario tenga acceso.

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 utilizarlos libremente

2. Páginas web

2.1. ¿Qué es?

2.1.1. Son los documentos que conforman la World Wide Web, el servicio más conocido y utilizado de Internet.

2.1.1.1. Lenguaje HTML

2.1.1.1.1. El potencial de este lenguaje es que permite incluir información de distinta naturaleza y ofrece la posibilidad de utilizar hiperenlaces para poder navegar de una página a otra

2.2. ¿Qué es un sitio web?

2.2.1. Un conjunto de páginas web pertenecientes a una persona, empresa o entidad. Dicho sitio está constituido por los documentos HTML correspondientes a las páginas web y por todos los recursos que se hayan utilizado en ellas: imágenes, vídeos, sonidos...

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. Las páginas web estáticas se pueden animar incluyendo "scripts" o "applets", que son pequeños programas escritos en un lenguaje de programación compatible con HTML y, por lo tanto, interpetables por los navegadores web.

2.3.3. Páginas web dinámicas

2.3.3.1. Estas páginas están basadas en un lenguaje de programación web y en la utilización de bases de datos, por lo que el servidor donde se vayan a alojar debe estar preparado para ello.

2.3.4. Páginas web de contenidos

2.3.4.1. Se crean páginas web dinámicas cuya información se actualiza constantemente con la colaboración de un conjunto de usuarios pertenecientes a una empresa o entidad.

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. ZompoZer

3.2.1.1. Permite visualizar los documentos con su aspecto real.

3.2.2. Adobe Dreamweaver

3.2.2.1. Proporciona herramientas avanzadas de diseño 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 distintos servidores de Internet o aplicaciones específicas en línea.

3.4. Editores online

3.4.1. La gran ventaja es que se pueden crear páginas web sin necesidad de utilizar ninguna aplicación específica. El único requisito indispensable es disponer de un navegador web para acceder a Internet.

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 ZompoZer

4.1. 1. Crear y administrar un sitio web local

4.2. 2. Crear una página web

4.3. 3. Escribir texto en una página web

5. Trabajar con páginas web

5.1. 1. Cambiar los colores de una página

5.2. 2. Guardar una página web

5.3. 3. Cambiar las propiedades de una página

5.4. 4. Modos de edición

5.5. 5. Comprobar las páginas creadas

5.6. 6. Trabajar con varias páginas web

6. Tablas en páginas web

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

6.2. 2. Insertar una tabla para mostrar datos

6.3. 3. Escribir texto en una tabla

6.4. 4. Modificar la estructura de una tabla

6.5. 5. Cambiar el aspecto de la tabla

7. Imágenes en páginas web

7.1. Vínculos relativos

7.1.1. Todos los elementos que se incluyen en las páginas web, excepto el texto escrito, no se almacenan en el archivo de la misma página, sino que esta contiene vínculos a cada elemento que indican en qué archivo están los mismos

7.2. 1. Insertar una imagen

7.3. 2. Modificar una imagen

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. ¿Qué es?

9.1.1. Es el 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 y al resto de elementos utilizados en las páginas.

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. Tipos de etiquetas

9.3.1. <html>...</html>

9.3.1.1. Indican el comienzo y el final del documento web

9.3.2. <head>...</head>

9.3.2.1. Especifican los elementos y propiedades de la cabecera de la página web

9.3.3. <title>...</title>

9.3.3.1. Delimitan el texto que aparecerá en la barra de título del navegador

9.3.4. <h1>...</h1>

9.3.4.1. Definen un texto etiquetado como Título 1

9.3.5. <table>...</table>

9.3.5.1. Definen las características y el contenido de una tabla

9.3.6. <tr>...</tr>

9.3.6.1. Definen las características y el contenido de una fila de la tabla

9.3.7. <td>...</td>

9.3.7.1. Definen las características y el contenido de una celda de una fila de la tabla

9.3.8. <p>...</p>

9.3.8.1. Determinan un párrafo del texto

9.3.9. <br>

9.3.9.1. Provoca un salto de línea en el texto. No necesita etiqueta de cierre complementaria

10. Hojas de estilo en páginas web

10.1. 1. Crear una hoja de estilos enlazada

10.2. 2. Crear reglas de estilo

10.3. 3. Enlazar una hoja de estilos a una página web