Diseño página web

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

1. Hojas de estilo en páginas web

1.1. Crear una hoja de estilos enlazada

1.2. Crear reglas de estilo

1.3. Enlazar una hoja de estilos a una página web

2. Lenguaje HTML en páginas web

2.1. Lenguaje HTML es el que se utiliza para crear páginas web se trata de un conjunto de palabras que permite dar formato al texto y al resto de elementos utilizados

2.2. Etiquetas HTML

2.2.1. Los documentos creados con lenguaje HTML están constituidos por un conjunto de elementos que pueden tener propiedades diferentes tipo de letra y color de la fuente.Todos los elementos se declaran en el lenguaje HTML mediante unos comandos especiales denominados etiquetas estás han de escribirse entre los símbolos<> Las etiquetas HTML suelen ser dobles ya que tienen que indicar el comienzo y el final de la zona del texto a la que afecta

3. Enlaces en páginas web

3.1. Crear un enlace de texto

3.2. Crear un enlace en una imagen

3.3. Crear un enlace a una página de internet

3.4. Crear un enlace a otros tipos de documentos

3.5. Crear un enlace a un correo electronico

3.6. Crear un enlace a un video

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

4.3.1. Cambiar el tamaño

4.3.2. Distribuir texto alrededor

5. Tablas en página web

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

5.2. Insertar una tabla para mostrar datos

5.3. Escribir texto en una tabla

5.4. Modificar la estructura de una tabla

5.4.1. Insertar o eliminar filas y columnas

5.4.2. Unir celdas

5.5. Cambiar el aspecto de una tabla

6. Trabajar con páginas web

6.1. Guardar una página web

6.2. Cambiar las propiedades de una página

6.3. Modos de edición

6.4. Comprobar las páginas creadas

6.5. Trabajar con varias páginas web

7. Editores de página web

7.1. Editores de texto

7.1.1. Con cualquier editor de texto se pueden crear páginas web .Las páginas web son en realidad documentos de texto que contiene multitud de etiquetas HTML necesarias para especificar las características y el contenido de las mismas lógicamente es necesario conocer el lenguaje HTML y tener nociones de programación para diseñar y crear páginas web

7.2. Editores visuales

7.2.1. Los editores visuales permiten crear páginas web sin tener conocimientos de HTML .El usuario diseñar documento con las herramientas del editor escribe el texto necesario y otros elementos como imágenes vídeos etcétera este tipo de editores permiten que el usuario pueda ver en todo momento el documento y con el aspecto que tendrá cuando se visualice con un navegador web

7.2.2. KompoZer

7.2.2.1. Composter es un editor de software libre que permite visualizar los documentos con aspecto real . Además se trata de un programa multiplataforma es decir disponer de versiones para diferentes sistemas operativos como Linux y Windows otra ventaja de Compostela es que proporciona un módulo para administrar sitios web.

7.2.3. Adobe Dreamweaver

7.2.3.1. Proporcionar herramientas avanzadas de diseño y facilidad el uso de código HTML dinámico (capas ,botones, flash ,barras de navegación, textos animados etc )También permite trabajar con marcos de frames y con hojas de estilos cascada lo que le otorga una enorme potencialidad

7.3. También se pueden crear documentos HTML utilizando herramientas de la web 2.0 disponibles en distintos servidores de Internet. Aunque puede haber pequeñas variaciones el proceso general siempre es el mismo acceder a un servidor web 2.0 y comenzar el proceso de creación en el que el usuario elige entre las opciones que se ofrecen de forma automática

7.4. Herramientas de la web 2.0

7.5. Editores online

7.5.1. 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 .Por otra parte estos editores suelen permitir crear un sitio web y publicar directamente en internet las páginas creadas

7.6. Gestores de contenidos

7.6.1. Es una plataforma que permite crear una estructura de soporte para que distintos usuarios pueden crear publicar y administrar información con un diseño común . Permiten a los usuarios la posición activa en la creación, la publicación y el mantenimiento de un sitio web .En los gestores de contenido los usuarios tienen distintos niveles de acceso desde la administradora hasta los visitantes,existe una graduación de usuarios que varía según plataforma utilizada los autores los editores y los publicadores.

8. Crear páginas web con KompoZer

8.1. Crear y administrar un sitio web local

8.2. Crear una página web

8.3. Escribir texto en una página web

8.3.1. Modificar el formato de los caracteres

8.3.2. Escribir una lista

8.3.3. Modificar el formato de los párrafos

8.3.3.1. Estilo

8.3.3.2. Alineación

8.3.3.3. Sangrado

9. Accesibilidad e intercambio de información

9.1. Consorcio para la web

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

9.2. Iniciativa para la accesibilidad

9.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 de hardware o software que posea , de su idioma , su cultura..

9.3. Pautas de accesibilidad

9.3.1. Están dirigidas , sobre todo, a desarrollarse de herramientas de autor para la web y de contenidos web , y proporcionan soluciones para aquellos casos en los que el diseño de la página puede producir problemas de acceso a la información

9.4. Intercambio de información

9.4.1. Los documentos pueden crearse con diferentes programas. Estos les confieren características particulares que determinan el formato del documento y las aplicaciones que permitirán visualizarlo y editarlo. El formato de un documento se identifica a través de la extensión del archivo que lo contiene

9.5. Tipos de formato

9.5.1. El formato determina sus características y viene dado por su especificación. Tipos de formatos: Formato cerrado o propietario,formato publicado y formato abierto.

9.5.1.1. Formato cerrado o propietario

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

9.5.1.2. Formato publicado

9.5.1.2.1. Su especificación pertenece a empresas , pero su código sí está publicado y , por tanto, puede ser utilizado por aplicaciones de otras empresas

9.5.1.3. Formato abierto

9.5.1.3.1. La especificación de estos formatos está publicada en su totalidad. Suelen pertenecer a organizaciones sin ánimo de lucro, por lo que cualquier desarrollador de aplicaciones puede utilizarlos libremente.

10. Página web

10.1. Las páginas web son los documentos que conforman la World WIde Web, el servicio más conocido y utilizado de internet . Son documentos de hipertexto , ofrecen información combinando texto,sonido, imágenes etc.

10.2. Lenguaje HTML

10.2.1. Es el lenguaje con el que se crea una página web ya que es el único modo de garantizar que cualquier persona pueda visualizar las con independencia del navegador web que utilice.

10.3. Un sitio web

10.3.1. Es un conjunto de páginas web pertenecientes a una persona, empresa o entidad. Dichos sitios están constituidos por los documentos HTML correspondientes a las páginas web y por todos los recursos que haya utilizado en ellas .

10.4. Tipos de páginas web

10.4.1. Páginas web estáticas

10.4.1.1. Las páginas web estáticas son documentos HTML que muestran información . No se llaman así porque no puedan contener animaciones, sino porque su contenido se actualiza con poca frecuencia.

10.4.2. Páginas web animadas

10.4.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 tanto,interpretables por los navegadores web.

10.4.3. Páginas web dinámicas

10.4.3.1. Las páginas dinámicas ofrecen al usuario la posibilidad de interactuar con la página incluso de modificar o introducir información .La página mostrará en cada momento el resultado de la acción que haya realizado los usuarios

10.4.4. Páginas web de contenidos

10.4.4.1. Los gestores de contenidos proporcionan una plataforma en la que los usuarios pueden participar activamente en la elaboración de la información mostrada con estas aplicaciones se crean páginas web dinámicas con información se actualiza constantemente con la colaboración de un conjunto de usuarios pertenecientes a una empresa o entidad