Diseño de páginas web.

Get Started. It's Free
or sign up with your email address
Diseño de páginas web. by Mind Map: Diseño de páginas web.

1. Páginas web.

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

1.1.1. Son los documentos que conforman la World Wide Web

1.1.2. Ofrecen información combinando texto, sonido, video, etc.

1.1.3. El navegador web se encarga de leer, interpretar y mostrar estos documentos.

1.2. ¿Qué es un sitio web?

1.2.1. Conjunto de paginas web pertenecientes a una empresa o persona.

1.2.2. El sitio web debe estar organizado.

1.2.3. Una vez subido a un servidor se hacen publicas y se puede acceder a ellas desde cualquier parte del mundo.

1.3. Tipos de paginas web:

1.3.1. Páginas web estáticas.

1.3.1.1. Solo permite visualizar su contenido, se actualiza con poca regularidad.

1.3.2. Páginas web animadas.

1.3.2.1. Las paginas estáticas se pueden animar añadiendo lenguaje de programación compatible con HTML.

1.3.3. Páginas web dinámicas.

1.3.3.1. Permiten al usuario interactuar con la pagina.

1.3.3.2. Permiten modificar o introducir información.

1.3.4. Paginas web de contenidos.

1.3.4.1. Los usuarios pueden participar activamente en la creación de contenidos para esta web.

2. Crear paginas con KompoZer

2.1. Crear y administrar un sitio web local.

2.2. Crear una pagina web.

2.3. Escribir texto en una pagina web.

3. Trabajar con paginas web.

3.1. Cambiar los colores de una pagina.

3.2. Guardar una pagina web.

3.3. Cambiar las propiedades de una pagina.

3.4. Modos de edición.

3.5. Comprobar las páginas creadas.

3.6. Trabajar con varias paginas web.

4. Imágenes en páginas web.

4.1. ¿Qué son los vínculos relativos?

4.2. Insertar una imagen.

4.3. Modificar una imagen.

5. Lenguaje HTML en páginas web.

5.1. Lenguaje HTML

5.1.1. Se utiliza para crear paginas web.

5.1.2. Se trata de un con junto de palabras claves , tags o etiquetas que permiten dar formato al texto.

5.2. Etiquetas HTML

5.2.1. Han de escribirse entre los símbolos <>

5.2.2. Algunos ejemplos son:

5.2.2.1. <head>

5.2.2.2. <body>

5.2.2.3. <h1>

5.2.3. Suelen ser dobles, una para indicar el comienzo y otra para cerrar.

6. Accesibilidad e intercambio de información.

6.1. Consorcio para la web (W3C)

6.1.1. World Wide Web Consortium.

6.1.2. Pautas y protocolos comunes para todos los usuarios.

6.1.3. Favorecer la evolución del World Wide Web.

6.2. Iniciativa para la accesibilidad (WAI)

6.2.1. Web Accesibility Initiative.

6.2.2. Promover y garantizar el acceso a la web de cualquier persona.

6.2.3. Las paginas web que siguen este protocolo pueden mostrar el logo WAI para informar a los usuarios.

6.3. Pautas de accesibilidad (WCAG)

6.3.1. Pautas de Accesibilidad al Contenido en la Web.

6.3.2. Se publican periódicamente y están en constante revisión.

6.4. Intercambio de información.

6.4.1. Los documentos pueden crearse con diferentes programas.

6.4.2. Cada formato tiene unas características particulares.

6.4.3. La mejor manera de intercambiar información es usar uno de los formatos estándar.

6.5. Tipos de formato:

6.5.1. Formato cerrado o propietario.

6.5.1.1. DOCX

6.5.2. Formato publicado.

6.5.2.1. RTF

6.5.3. Formato abierto.

6.5.3.1. ODF

7. Editores de páginas web.

7.1. Editores de texto.

7.1.1. Se pueden crear con todos los editores de texto, incluso aquellos más sencillos.

7.2. Editores visuales.

7.2.1. Permiten crear paginas web sin tener conocimientos de HTML

7.2.2. Ejemplos: KompoZer y Adobe Dreamweaver.

7.3. Herramientas de la web 2.0

7.3.1. Se pueden crear documentos HTML utilizando herramientas de la web 2.0

7.3.2. Blogs, wikis, etc.

7.4. Editores online.

7.4.1. Crear paginas web sin necesidad de utilizar ninguna aplicación especifica.

7.4.2. Existen algunos gratuitos y otros de pago.

7.5. Gestores de contenido.

7.5.1. Plataforma que permite crear una estructura de soporte para que diferentes usuarios puedan crear, publicar y administrar información con un diseño común.

8. Tablas en paginas web.

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

8.2. Insertar una tabla para mostrar datos.

8.3. Escribir texto en una tabla.

8.4. Modificar la estructura de una tabla.

8.5. Cambiar el aspecto de una tabla.

9. Enlaces en paginas web.

9.1. Crear un enlace de texto.

9.2. Crear un enlace en una imagen.

9.3. Crear un enlace a una pagina de Internet.

9.4. Crear un enlace a otros tipos de documentos.

9.5. Crear un enlace a un correo electrónico.

9.6. Crear un enlace a un video.

10. Hojas de estilo en paginas web.

10.1. Crear una hoja de estilos enlazada

10.2. Crear reglas de estilo.

10.3. Enlazar una hoja de estilos a una pagina web.