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. 1.ACCESIBILIDAD E INTERCAMBIO DE INFORMACIÓN

1.1. CONSORCIO PARA LA WEB (W3C)

1.1.1. WORLD WIDE WEB CONSORTIUM

1.1.1.1. INTENCIÓN: PROPONER PAUTAS Y PROTOCOLOS COMUNES PARA TODOS LOS USUARIOS QUE PERMITIERAN

1.1.1.1.1. OBTENER EL MÁXIMO POTENCIAL

1.1.1.1.2. FAVORECER LA EVOLUCIÓN DE LA WORLD WIDE

1.1.2. HAY GRUPOS QUE TRABAJAN EN EL DESARROLLO DE

1.1.2.1. ESPECIFICACIONES

1.1.2.2. PROGRAMAS QUE PUEDAN DISTRIBUIRSE GRATUITAMENTE POR TODO EL MUNDO

1.2. INICIATIVA PARA LA ACCESIBILIDAD (WAI)

1.2.1. WEB ACCESSIBILITY INITIATIVE

1.2.1.1. ÁREA DE TRABAJO INCLUIDA EN EL CONSORCIO W3C OBJETIVO:

1.2.1.1.1. PROMOVER Y GARANTIZAR EL ACCESO A LA WEB DE CUALQUIER PERSONA

1.2.1.1.2. IDIOMA

1.2.1.1.3. CULTURA

1.2.1.1.4. LOCALIZACIÓN GEOGRÁFICA

1.2.1.1.5. INFRAESTRUCTURA DE RED EXISTENTE

1.2.2. LOGOS DE CONFORMIDAD

1.2.2.1. NIVEL A

1.2.2.2. NIVEL AA

1.2.2.3. NIVEL AAA

1.3. PAUTAS DE ACCESIBILIDAD (WCAG)

1.3.1. PRETENDE ORIENTAR EN LA GENERACIÓN DE PÁGINAS WEB PARA QUE SE ELIMINEN LAS BARRERAS EN EL ACCESO A LA INFORMACIÓN

1.4. INTERCAMBIO DE INFORMACIÓN

1.4.1. LOS DOCUMENTOS PUEDEN CREARSE CON DIFERENTE PROGRAMAS

1.4.2. CUANDO VARIAS PERSONAS INTERCAMBIAN INFORMACIÓN, HAN DE ASEGURARSE DE QUE EL FORMATO QUE UTILIZAN ES COMPATIBLE CON SUS PROGRAMAS

1.4.3. CARACTERÍSTICAS

1.4.3.1. ESTÁN MUY DIFUNDIDOS

1.4.3.2. SON DE TIPO PUBLICADO O ABIERTO

1.4.3.3. NO SON ESPECÍFCOS DE NINGÚN PROGRAMA NI SISTEMA OPERATIVO

1.5. TIPOS DE FORMATO

1.5.1. FORMATO CERRADO O PROPIETARIO

1.5.2. FORMATO PUBLICADO

1.5.3. FORMATO ABIERTO

2. PÁGINAS WEB

2.1. ¿QUÉ ES?

2.1.1. DOCUMENTOS QUE CONFORMAN LA WORLD WIDE WEB (SERVICIO MÁS CONOCIDO Y UTILIZADO DE INTERNET)

2.1.2. HTML

2.1.2.1. HYPERTEXT MARKUP LANGUAGE

2.1.2.2. LENGUAJE CON EL QUE LAS PÁGINAS DEBEN CREARSE

2.2. ¿QUÉ ES UN SITIO WEB?

2.2.1. CONJUNTO DE PÁGINAS WEBPERTENECIENTES A UNA PERSONA, EMPRESA O ENTIDAD

2.3. TIPOS DE PÁGINAS WEB

2.3.1. PÁGINAS WEB ESTÁTICAS

2.3.1.1. DOCUMENTOS HTML QUE MUESTRAN INFORMACIÓN

2.3.2. PÁGINAS WEB DINÁMICAS

2.3.2.1. ADOBE FLASH

2.3.3. PÁGINAS WEB DE CONTENIDO

2.3.3.1. WEB 2.0

3. EDITORES DE PÁGINAS WEB

3.1. EDITORES DE TEXTO

3.1.1. LOS MAS SENCILLOS SON AQUELLOS QUE TRABAJAN ÚNICAMENTE CON TEXTO PLANO, ESTO ES, SIN FORMATO

3.1.2. EL DOCUMENTO DE TEXTO SE DEBE GUARDAR CON EL FORMATO HTM O TML

3.1.3. PARA VER SU ASPECTO HAY QUE ABRIRLO CON UN NAVEGADOR

3.2. EDITORES VISUALES

3.2.1. TAMBIÉN LLAMADOS "EDITORES WYSIWYG"

3.2.2. PERMITEN CREAR PÁGINAS WEB SIN TENER CONOCIMIENTOS DE HTML

3.2.3. EL USUSARIOS DISEÑA EL DOCUMENTO CON LAS HERRAMIENTAS DEL DEL EDITOR,

3.2.4. PERMITE QUE EL USUARIO PUEDA VER EL DOCUMENTO CON EL ASPECTO QUE TANDRÁ CUANDO SE VISUALICE CON UN NAVEGADOR WEB

3.2.5. Kompo Zer

3.2.5.1. EDITOR DE SOFTWARE LIBRE DE FÁCIL MANEJO QUE PERMITE VISUALIZAR LOS DOCUMENTOS CON SU ASPECTO REAL

3.2.5.2. DISPONE DE VERSIONES PARA DIFERENTES SISTEMAS OPERATIVOS

3.2.6. Adobe Dreamweaver

3.2.6.1. EDITOR DE DOCUMENTO HTMLCOMERCIAL MAS UTILIZADO

3.2.6.2. PROPORCIONA HERRAMIENTAS DE DISEÑO AVANZADAS

3.2.6.3. FACILITA EL USO DEL CÓDIGO HTML DINÁMICO

3.3. HERRAMIENTAS DE LA WEB 2.0

3.3.1. DISPONIBLES EN DISTINTOS SERVIDORES DE INTERNET O APLICACIONES ESPECÍFICAS EN LÍNEA

3.3.2. PROCESO GENERAL

3.3.2.1. ACCEDER A UN SERVIDOR WEB 2.0 Y COMENZAR EL PROCESO DE CREACIÓN

3.4. EDITORES ONLINE

3.4.1. GRACIAS A ELLOS SE PUEDEN CREAR PÁGINAS WEB SIN LA NECESIDAD DE UTILIZAR NINGUNA APLICACIÓN ESPECÍFICA

3.4.2. ÚNICO REUISITO INDISPENSABLE: DISPONER DE UN NAVEGADOR WEB PARA ACCEDER A INTERNET

3.5. GESSTORES DE CONTENIDO

3.5.1. PLATAFORMA QUE PERMITE CREAR UNA ESTRUCTURA DE SOPORTE PARA QUE DISTINTOS USUARIOS PUEDAN

3.5.1.1. CREAR

3.5.1.2. PUBLICAR

3.5.1.3. ADMINISTRAR INFORMACIÓN CON UN DISEÑO COMÚN

3.5.2. PROPORCIONAN LA APARICION DE HERRAMIENTAS WEB 2.0

3.5.3. LOS USUSARIOS TIENEN DISTINTOS NIVELES DE ACCESO

3.5.4. DESDE EL ADMINISTRADOR HASTA LOS VISITANTES EXISTE UNA GRADUACIÓN DE USUSARIOS QUE VARÍA SEGÚN LA PLATAFORMA UTILIZADA

4. CREAR PÁGINAS WEB CON KompoZer

4.1. CREAR Y ADMINISTRAR UN SITIO WEB LOCAL

4.2. CREAR UNA PÁGINA WEB

4.3. ESCRIBIR TEXTO EN UNA PÁGINA WEB

5. TRABAJAR CON PÁGINAS WEB

5.1. CAMBIAR LOS COLORES DE UNA PÁGINA

5.2. GUARDAR PÁGINA WEB

5.3. CAMBIAR LAS PROPIEDADES DE UNA PÁGINA

5.4. MODOS DE EDICIÓN

5.5. COMPROBAR LAS PÁGINAS CREADAS

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

6.2. INSERTAR UNA TABLA PARA MOSTRAR LOS DATOS

6.3. ESCRIBIR TEXTO EN UNA TABLA

6.4. MODIFICAR LA ESTRUCTURA DE UNA TABLA

6.5. CAMBIAR EL ASPECTO DE UNA TABLA

7. IMÁGENES EN PÁGINAS WEB

7.1. VÍNCULOS RELATIVOS

7.2. INSERTAR UNA IMÁGEN

7.3. MODIFICAR UNA IMÁGEN

8. ENLACES EN PÁGINAS WEB

8.1. CREAR UN ENLACE DE TEXTO

8.2. CREAR UN ENLACE EN UNA IMÁGEN

8.3. CREAR UN ENLACE A UNA PÁGINA DE INTERNET

8.4. CREAR UN ENLACE A OTROS TIPOS DE DOCUMENTOS

8.5. CREAR UN ENLACE A UN CORREO ELECTRÓNICO

8.6. CREAR UN ENLACE A UN VÍDEO

9. LENGUAJE HTML EN PÁGINAS WEB

9.1. LEGUAJE HTML

9.1.1. SE UTILIZA PARA CREAR PÁGINAS WEB

9.1.2. CONJUNTO DE PALABRAS CLAVE, TAGS O ETIQUETAS QUE PERMITEN DAR FORMATO AL TEXTO Y AL RESTO DE ELEMENTOS UTILIZADOS EN LAS PÁGINAS

9.1.3. CÓDIGO FUENTE DE LA PÁGINA

9.1.3.1. KompoZer

9.1.3.1.1. SE PUEDE VER ACTIVANDO EL MODO DE EDICIÓN CÓDIGO FUENTE

9.2. ETIQUETAS HTML

9.2.1. COMANDOS ESPECIALES POR LOS QUE TODOS LOS ELEMENTOS SE DECLARAN EN EL LENGUAJE HTML

9.2.2. TIENEN QUE ESCRIBIRSE ENTRE LOS SÍMBOLOS<>

9.2.3. SUELEN SER DOBLES (INDICAN EL COMIENZO Y EL FINAL DE LA ZONA DE TEXTO A LA QUE AFECTA)

9.2.4. LAS 2 ETIQUETAS HTML DE COMIENZO Y FINAL PUEDEN ESTAR ESCRITAS EN LA MISMA LÍNEA O EN LÍNEAS DIFERENTES

9.2.5. DEFINEN LA ESTRUCTURA OBLIGATORIA DE CUALQUIER DOCUMENTO

9.2.6. LAS CARACTERÍSTICAS O PROPIEDADES DE CADA ELEMENTO TAMBIÉN SE DECLARAN COMO COMANDOS PROIOS DEL LENGUAJE HTML

10. HOJAS DE ESTILO ENPÁGINAS WEB

10.1. CREAR UNA HOJA DE ESTILOS ENLAZADA

10.2. CREAR REGLAS DE ESTILO

10.3. ENLAZAR UNA HOJA DE ESTILOS A UNA PÁGINA WEB