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. CONSORCIO PARA LA WEB. 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.

1.2. INICIATIVA PARA LA ACCESIBILIDAD. Es un área de trabajo incluida en el consorcio W3C cuyo objetivo es promover y garantizar el acceso a la web de cualquier persona.

1.3. PAUTAS DE ACCESIBILIDAD. Están dirigidas sobre todo, a desarrolladores de herramientas de autor para la web y de contenidos web, proporcionan soluciones para aquellos casos en los que el diseño de la página pueda producir problemas de acceso a la información.

1.4. INTERCAMBIO DE INFORMACIÓN. Cuando varias personas intercambian información, han de asegurarse de que el formato que utilizan es compatible con sus programas, en caso contrario no podrán acceder.

1.5. TIPOS DE FORMATO. -Formato cerrado. Solo la pueden utilizar las aplicaciones de su propiedad. -Formato publicado. Puede ser utilizado por aplicaciones por aplicaciones de otras empresas. -Formato abierto. Suelen pertenecer a organizaciones sin ánimo de lucro.

2. Páginas web

2.1. ¿QUÉ ES? son los documentos que conforman la World Wibe Web, el servicio más conocido y utilizado de internet.

2.1.1. LENGUAJE HTML. Permite incluir información de distinta naturaleza y, además, ofrece la posibilidad de utilizar hiperenlaces para poder navegar de un página a otra.

2.2. ¿QUÉ ES UN SITIO WEB? Es un conjunto de páginas web pertenecientes a una persona, empresa o entidad. Es necesario crear carpetas en las que guardar todo su contenido de forma ordenada.

2.3. TIPOS DE PÁGINAS WEB. Se pueden clasificar según distintos criterios.

2.3.1. PÁGINAS WEB ESTÁTICAS. Son documentos HTML que muestran información.

2.3.2. PÁGINAS WEB ANIMADAS. Se pueden animar incluyendo scripts o applets, que son pequeños programas escritos en un lenguaje de programación compatible con HTML.

2.3.3. PÁGINAS WEB DINÁMICAS. Estas páginas están basadas en un lenguaje de programación web y en la utilización de bases de datos.

2.3.4. PÁGINAS WEB DE CONTENIDOS. Con estas aplicaciones se crean páginas web dinámicas cuya información se actualiza constantemente con la colaboración de un conjunto de usuarios.

3. Editores de páginas web

3.1. EDITORES DE TEXTO. Con cualquier editor de texto, incluso con los más sencillos, se pueden crear páginas web.

3.2. EDITORES VISUALES. Permiten crear páginas web sin tener conocimientos de HTML.

3.2.1. KOMPOZER. Es un editor de software libre de fácil manejo que permite visualizar los documentos con su aspecto real.

3.2.2. ADOBE DREAMWAVER. Es uno de los editores de documentos HTML comerciales más utilizados.

3.3. HERRAMIENTAS DE LA WEB 2.0. También se pueden crear documentos HTML utilizando herramientas de la web 2.0 disponibles en distintos servidores de Internet o aplicaciones específicas.

3.4. EDITORES ONLINE. Se pueden crear páginas web sin necesidad de utilizar ninguna aplicación específica.

3.5. GESTORES 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.

3.5.1. Los usuarios tienen distintos niveles de acceso. Desde el administrador hasta los visitantes, existe una graduación de usuarios que varía según la plataforma utilizada.

4. Crear páginas web con KompoZer

4.1. El modo de iniciarlo depende del sistema operativo con el que se esté trabajando.

4.1.1. CREAR Y ADMINISTRAR UN SITIO WEB LOCAL. Antes de iniciar la creación de una página web, se debe crear una carpeta en el disco duro del ordenador que actuará como sitio web local. PASOS: crear una carpeta, iniciar Kompozer, hacer clic en el botón Nuevo sitio, seleccionar la carpeta creada y hacer clic en Aceptar.

4.1.2. CREAR UNA PÁGINA WEB. Abrir el menú Archivo, activar las opciones que se deseen y hacer clic en el botón Crear.

4.1.3. ESCRIBIR TEXTO EN UNA PÁGINA WEB.

4.1.3.1. MODIFICAR EL FORMATO DE LOS CARACTERES. Una vez que se ha escrito de texto, se pueden realizar modificaciones en el formato de sus caracteres mediante los botones de la barra de herramientas de formato.

4.1.3.2. ESCRIBIR UNA LISTA. Basta con activar uno de los botones, en función de cómo se quiera que aparezca el texto.

4.1.3.3. MODIFICAR EL FORMATO DE LOS PÁRRAFOS. -Estilo. Se pueden elegir determinados estilos para una lista desplegable. -Alineación. Se puede modificar la alineación predeterminada de los párrafos. -Sangrado.

5. Trabajar con páginas web

5.1. CAMBIAR LOS COLORES DE UNA PÁGINA. Abrir el menú formato y seleccionar colores, activar la opción Usar colores personalizados, hacer clic en Fondo y Aceptar.

5.2. GUARDAR UNA PÁGINA WEB. Hacer clic sobre el botón guardar, escribir el texto del título, hacer clic en Aceptar, activar la carpeta que se ha definido previamente, escribir un nombre para el archivo y hacer clic en Guardar.

5.3. CAMBIAR LAS PROPIEDADES DE UNA PÁGINA. Mediante la opción Título y propiedades de la página del menú Formato.

5.4. MODOS DE EDICIÓN. Se activan mediante las pestañas situadas en la parte inferior izquierda del área de trabajo.

5.5. COMPROBAR LAS PÁGINAS CREADAS. Hay que activar su ventana y cargarla mediante la opción Abrir.

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. No dependen de la finalidad con la que se utilice dicha tabla.

6.2. INSERTAR UNA TABLA PARA MOSTRAR DATOS. Es frecuente utilizar un grosor para sus bordes, de modo que estos se visualicen.

6.3. ESCRIBIR TEXTO EN UNA TABLA. Basta con activar las celdas e introducir el texto que se quiera en cada una.

6.4. MODIFICAR LA ESTRUCTURA DE UNA TABLA.

6.4.1. Insertar o eliminar celdas y columnas.

6.4.2. Unir celdas.

6.5. CAMBIAR EL ASPECTO DE UNA TABLA.

7. Imágenes en páginas web

7.1. ¿QUÉ SON LOS VÍNCULOS RELATIVOS?. Cuando la página web se visualiza en un navegador, el vínculo de la página le obliga a leer el elemento de su archivo.

7.2. INSERTAR UNA IMAGEN. Las imágenes más usadas en las páginas web son aquellas que tienen algún tipo de compresión.

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. Cualquier texto que esté escrito en la página web puede ser utilizado como un enlace.

8.2. CREAR UN ENLACE EN UNA IMAGEN.

8.3. CREAR UN ENLACE A UNA PÁGINA DE INTERNET. Para crear enlaces a páginas de otros sitios web, es importante escribir la dirección URL.

8.4. CREAR UN ENLACE A OTROS TIPOS DE DOCUMENTOS. Indicar el nombre y la ubicación del documento, y especificar el destino.

8.5. CREAR UN ENLACE A UN CORREO ELECTRÓNICO. La dirección URL del enlace ha de ser una dirección de correo electrónico.

8.6. CREAR UN ENLACE A UN VÍDEO. Se debe crear una URL del vídeo.

9. Lenguaje HTML en páginas web

9.1. LENGUAJE HTML. Se utiliza para crear páginas web.

9.2. ETIQUETAS HTML. Están constituidos por un conjunto de elementos que pueden tener propiedades diferentes.

10. Hojas de estilo en páginas web.

10.1. CREAR UNA HOJA DE ESTILOS ENLAZADA.

10.2. CREAR REGLAS DE ESTILO. La primera regla de estilo que se creará será para la etiqueta h1, correspondiente a los textos que se inserten en las páginas como títulos de primer nivel.

10.3. ENLAZAR UNA HOJA DE ESTILOS A UNA PÁGINA WEB. Para que las reglas de estilos que se han creado y aplicado en una hoja de estilos independiente afecten a una o varias páginas web, es necesario enlazarlas a ella.