DISEÑO DE PÁGINAS WEB

Get Started. It's Free
or sign up with your email address
Rocket clouds
DISEÑO DE PÁGINAS WEB by Mind Map: DISEÑO DE PÁGINAS WEB

1. ACCESIBILIADD E INTERCAMBIO DE INFORMACIÓN

1.1. CONSORCIO PARA LA WEB - W3C

1.1.1. Asociación internacional para proponer pautas y protocolos comunes para todos los usuarios para obtener el máximo potencial y favorecer la evolución del World Wide Web. Es utilizado con múltiples propósitos.

1.2. INICIATIVA PARA LA ACCESIBILIDAD - WAI

1.2.1. Es un área de trabajo incluida en el consorcio W3C. Su objetivo es promover y garantizar el acceso a la web de cualquier persona. El objetivo es conseguir que la web sea más accesible para todo el mundo independientemente de las circunstancias personales ni del dispositivo. Pueden mostrar el logotipo WAI para informar de la conformidad de estas pautas.

1.3. PAUTAS DE ACCESIBILIDAD - WCAG

1.3.1. El trabajo de la WAI 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 conocidas como «Pautas de Accesibilidad al Contenido en la Web», que pretenden orientar para que se eliminen las barreras en el acceso de la información. Proporcionan soluciones para aquellos casos en los que el diseño de la página pueda producir problemas de acceso a la información. Estas pautas están en constante revisión y adecuación a los nuevos tiempos, por lo que suelen aparecer nuevas versiones de las mismas.

1.4. INTERCAMBIO DE INFORMACIÓN

1.4.1. Los documentos pueden crearse con diferentes programas. Esto les confieren características particulares que permitirán visualizarlo y editarlo. Cuando varias personas intercambian información, han de asegurarse de que el formato es compatible con sus programas, en caso contrario, no podrán acceder a ella. La mejor opción es utilizar algún formato estándar, ya que se garantiza que cualquier usuario tenga acceso.

1.5. TIPOS DE FORMATO

1.5.1. El formato de un documento determina sus características y viene dado por su especificación, la cual está definida por sus desarrolladores.

1.5.1.1. Formato cerrado o propietario

1.5.1.1.1. La especificación no está publicada, por lo que solo la pueden utilizar las aplicaciones de su propiedad.

1.5.1.2. Formato publicado

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

1.5.1.3. Formato abierto

1.5.1.3.1. Su especificación está publicada en su totalidad. Suelen pertenecer a organizaciones sin ánimo de lucro, por lo que cualquier desarrollador de aplicaciones puede utilizarlo libremente.

1.5.2. TXT

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

1.5.3. ODF

1.5.3.1. Es un formato estándar utilizado por LibreOffice y basado en XML.

1.5.4. PDF

1.5.4.1. Es un formato muy extendido. El aspecto de su documento es igual al de su impresión.

1.5.5. HTML

1.5.5.1. Es un formato sencillo utilizado para crear páginas web.

1.5.6. XML

1.5.6.1. Es un formato más evolucionado del HTML, por lo que lo está sustituyendo en Internet. Se ha dejado libre su especificación para poder ser utilizado por cualquier usuario que conozca este formato.

1.5.7. GIF, JPEG Y PNG

1.5.7.1. Son formatos gráficos y se diferencian entre sí por la calidad de la imagen y el tamaño del archivo.

2. PÁGINAS WEB

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

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

2.1.2. Lenguaje HTML

2.1.2.1. Las páginas web deben crearse con un lenguaje específico, el lenguaje HTML, ya que es el único modo de garantizar que cualquier persona pueda visualizarlas con independencia del navegador web que utilice. Los comandos se denominan "etiquetas HTML", se escriben entre los símbolos <> y permiten dar formato a los elementos de la página web. Este lenguaje 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 sitio web es un conjunto de páginas web pertenecientes a una persona, empresa o entidad. Dicho sitio está constituido por los documentos HTML correspondientes a la página web y por todos los recursos que se hayan utilizados en ellas. El sitio web debe estar organizado, es necesario crear carpetas en las que guardar todo su contenido de forma ordenada. Los diseñadores web suelen crear un sitio web en el disco duro del sitio local para guardar en él los documentos HTML creados y los recursos utilizados. Una vez comprobadas las páginas, copian todos los archivos del sitio local en el servidor web de su proveedor. Cuando se publica el sitio web, las páginas se hacen públicas y, así, pueden ser visitadas por cualquier usuario o a través de Internet.

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. Se llaman así porque su contenido e actualiza con poca frecuencia, únicamente cuando su creador o diseñador lo considera oportuno. Los usuarios que las visitan solo pueden visualizar su contenido.

2.3.2. Páginas web animadas

2.3.2.1. 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. Otro modo de amenizar una página web consiste en agregar animaciones creadas con Adobe Flash.

2.3.3. Páginas web dinámicas

2.3.3.1. Ofrecen al usuario la posibilidad de interactuar con la página e incluso de modificar o introducir información. La página mostrará en todo momento el resultado de la acción que haya realizado el usuario.

2.3.4. Páginas web de contenidos

2.3.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. La información de estas páginas web se actualiza constantemente con la elaboración de un conjunto de usuarios pertenecientes a una empresa o entidad. En los gestores de contenidos, hay un administrador encargado de administrar los usuarios y de otorgarles privilegios. Lo habitual es que la información de contenido sea pública.

3. EDITORES

3.1. Editores de texto

3.1.1. Con cualquier editor de texto se puede crear una página web. Las páginas web en realidad son documentos de texto que contienen multitud de etiquetas HTML, necesarias para especificar las características y el contenido de las mismas. Es necesario conocer el lenguaje HTML y tener nociones de programación para diseñarlas y crearlas. Para ver su aspecto es necesario abrirla con un navegador.

3.2. Editores visuales

3.2.1. Los "editores WYSIWYG" permiten crear páginas web sin tener conocimientos de HTML. El usuario diseña el documento con las herramientas del editor. Permiten ver al editor el aspecto final en todo momento. Además, el programa va escribiendo de forma automática el código HTML necesario para diseñar la página web.

3.2.2. KompoZer

3.2.2.1. Es un editor de software libre de fácil manejo que permite visualizar los documentos con su aspecto real. Es un programa multiplataforma. Proporciona un módulo para administrar sitios web. Esto permite crear páginas web en un servidor local y publicarlas posteriormente en Internet, e incluso trabajar directamente con las páginas del servidor remoto.

3.2.3. Adobe Dreamweaver

3.2.3.1. Proporciona herramientas avanzadas de diseño y facilita el uso de código HTML dinámico. Permite trabajar con marcos y con hojas de estilos en cascada.

3.3. Herramientas de la web 2.0

3.3.1. 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. Al crear una página web el usuario elige entre las opciones que se le ofrecen de forma automática. Éstas cambiarán en función de la herramienta y del servidor que se esté utilizando.

3.4. Editores online

3.4.1. Se pueden crear páginas web sin necesidad de utilizar ninguna aplicación específica. Lo único necesario es disponer de un navegador web para acceder a Internet. Suelen permitir crear un sitio web y publicar directamente en Internet las páginas creadas.

3.5. Gestores de contenido

3.5.1. Son plataformas que permiten crear una estructura de soporte para que distintos usuarios puedan crear, publicar y administrar información con un diseño común. Estos gestores han propiciado la aparición de las herramientas web 2.0. Los usuarios tienen distintos niveles de acceso. Desde el administrador hasta los visitantes, existe una graduación de usuarios que varían según la plataforma utilizada. El administrador es quien tiene todos los permisos, incluso los de gestión del resto de usuarios.

4. KompoZer (crear páginas web)

5. TRABAJAR CON PÁGINAS WEB

6. TABLAS EN PÁGINAS WEB

7. IMÁGENES EN PÁGINAS WEB

8. ENLACES EN PÁGINAS WEB

9. LENGUAJE HTML EN PÁGINAS WEB

9.1. Lenguaje

9.1.1. Se utiliza para crear páginas web. Es un conjunto de palabras clave, "tags" o etiquetas que permiten dar formato al texto y al resto de elementos utilizados.

9.1.2. En KompoZer, el código fuente de la página que se está diseñando se puede ver activado el modo de edición Código fuente.

9.2. Etiquetas

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

9.2.2. En KompoZer se pueden ver las etiquetas activando el modo de edición Diseño y seleccionando Etiquetas HTML de la lista desplegable Vista.

9.2.3. Etiquetas en KompoZer

9.2.3.1. Algunas etiquetas son imprescindibles porque definen la escritura obligatoria de cualquier documento web. Las características o propiedades de cada elemento también se declaran con comandos propios del lenguaje HTML: los "atributos". En caso de querer definir varios atributos en una etiqueta, estos se escriben seguidos y separados por punto y coma

10. HOJAS DE ESTILO EN PÁGINAS WEB