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. formato abierto

2. Accesibilidad e intercambio de la información.

2.1. Consorcio para la web.

2.1.1. W3C son las siglas de World Wide Web Consortium, un consorcio fundado en 1994 para dirigir a la Web hacia su pleno potencial mediante el desarrollo de protocolos comunes que promuevan su evolución y aseguren su interoperabilidad.

2.2. iniciativa para la accesibilidad

2.2.1. La Iniciativa de Accesibilidad Web del W3C (WAI) desarrolla estándares y materiales de apoyo para ayudarlo a comprender e implementar la accesibilidad.

2.3. pautas de accesibilidad.

2.3.1. Las Pautas de Accesibilidad para el Contenido Web (WCAG) 2.0 (traducción al castellano de Web Content Accessibility Guidelines 2.0) es la última versión de las pautas de accesibilidad del contenido en la Web del World Wide Web Consortium (W3C).

2.4. intercambio de informacion

2.5. tipos de formato.

2.5.1. formato cerrado o propietario.

2.5.2. formato publicitario

3. páginas web.

3.1. ¿Que es una pagina web?

3.1.1. Una página web, o página electrónica, página digital, o ciberpágina​​ es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes y muchas otras cosas, adaptada para la llamada World Wide Web (WWW) y que puede ser accedida mediante un navegador web.

3.2. ¿Que es un sitio web?

3.2.1. Definición de sitio web. Sitio es un lugar que sirve para algo o un espacio ocupado (o que puede llegar a serlo). ... Un sitio web, por lo tanto, es un espacio virtual en Internet. Se trata de un conjunto de páginas web que son accesibles desde un mismo dominio o subdominio de la World Wide Web (WWW).

3.3. tipos de páginas web

3.3.1. estatica

3.3.1.1. Las páginas web estáticas son básicamente informativas y están enfocadas principalmente a mostrar una información permanente, donde el navegante se limita a obtener dicha información sin poder interactuar con la página visitada. En las páginas web estáticas no se utilizan bases de datos ni se requiere programación.

3.3.2. animadas

3.3.2.1. Las páginas web animadas son aquellas que se realizan con la tecnología FLASH, ésta permite que una página web presente el contenido con ciertos efectos animados continuados. El uso de esta tecnología permite diseños más vanguardistas, modernos y creativos.

3.3.3. dinámicas

3.3.3.1. Las páginas web dinámicas son aquellas en las que la información presentada se genera a partir de una petición del usuario de la página. ... Los lenguajes utilizados para la generación de este tipo de páginas son principalmente: Perl CGI, PHP , JSP y ASP .

3.3.4. de contenidos

3.3.4.1. Una tabla de contenido es un reflejo de la estructura de un documento y contiene los títulos de los temas y subtemas que forman el documento. Una tabla de contenidos puede contener o no el número de página y puede establecerse un enlace directo a los puntos contenidos en la tabla.

4. lenguaje HTML en páginas web.

4.1. lenguaje HTML

4.1.1. HTML es el acrónimo de HyperText Markup Language (Lenguaje de Marcado de Hipertexto) y es el lenguaje que se utiliza para crear las páginas web. Este lenguaje indica a los navegadores cómo deben mostrar el contenido de una página web.

4.2. Etiquetas HTML

4.2.1. Una etiqueta (términos a veces reemplazados por el anglicismo tag) es una marca con clase que delimita una región en los lenguajes basados en XML. ... La Web se basa en el HTML, o «lenguaje de marcado de hipertexto», que está basado en el uso de etiquetas.

5. enlaces en páginas web.

5.1. crear un enlace de texto

5.2. crear un enlace en una imagen

5.3. crear un enlace a una página de Internet

5.4. crear un enlace a otros tipos de documentos

5.5. crear un enlace a un correo electronico

5.6. crear un enlace a un vídeo

6. imágenes en páginas web.

6.1. ¿que son los vínculos relativos?

6.2. insertar una imagen

6.3. modificar una imagen

7. Editores de paginas web.

7.1. editores de texto

7.1.1. Resultado de imagen de editores de texto Un editor de texto es un programa informático que permite crear y modificar archivos digitales compuestos únicamente por textos sin formato, conocidos comúnmente como archivos de texto o “texto plano”. El programa lee el archivo e interpreta los bytes leídos según el código de caracteres que usa el editor.

7.2. editores visuales

7.2.1. zompoZer

7.2.1.1. KompoZer es un editor de páginas web de código abierto que combina archivos web manejables y de fácil uso del editor de páginas WYSIWYG. Hay binarios disponibles para GNU/Linux, Windows, MacOSX y OS/2.

7.2.2. adobe dreamweaver

7.2.2.1. El Dreamweaver, es un programa de la empresa Adobe que sirve para diseño y programación web, básicamente para hacer o modificar páginas de Internet. Para utilizarlo necesitas al menos algún conocimiento de lenguaje Html o PHP, estos son códigos o lenguajes que se utilizan para desarrollar sitios web.

7.3. herramientas de la web 2.0

7.3.1. Las presentaciones ya son ampliamente utilizadas para la enseñanza; sin embargo herramientas web 2.0 como: Prezi, Slideshare, Issuu y Scribd permiten publicar y compartir el contenido de las presentaciones, facilitando la revisión y aporte de comentarios del público al que van dirigidas.

7.4. editores online

7.4.1. Un editor de páginas web es una aplicación diseñada con el fin de facilitar la creación y edición de documentos HTML o XHTML. Su complejidad puede variar desde la de un simple editor de texto plano, entornos WYSIWYG, hasta editores WYSIWYM.

7.5. gestores de contenido

7.5.1. Un sistema de gestión de contenidos o CMS es un programa informático que permite crear un entorno de trabajo para la creación y administración de contenidos, principalmente en páginas web, por parte de los administradores, editores, participantes y demás usuarios.​

7.5.2. Un sistema de gestión de contenido web (en inglés web content management system , abreviadamente, WCMS) es un sistema de software que proporciona autorías de sitio web, colaboración y herramientas de administración diseñadas para permitir, a los usuarios con poco conocimiento de lenguajes de programación web.

8. Tablas en las paginas web.

8.1. insertar una tabla como estructura de la pagina web.

8.2. insertar una tabla para mostrar datos

8.3. escribir textos en una tabla

8.4. modificar la estructura de una tabla

8.5. cambiar el aspecto de una tabla

9. trabajar con paginas web.

9.1. cambiar los colores de una página.

9.2. guardar una página web

9.3. cambiar las propiedades de una pagina

9.4. modos de edición.

9.5. comprobar las páginas creadas.

9.6. trabajar con varias paginas web.

10. crear páginas web con KompoZer

10.1. crear y administrar un sitio web local

10.2. crear una pagina web.

10.3. escribir texto en una página web

11. Hojas de estilo en paginas web

11.1. crear una hoja de estilos enlazada

11.2. crear reglas de estilo

11.3. enlazar una hoja de estilo a una pagina web