ÍNDICE ÍNDICE...7 AGRADECIMIENTOS...13 ANTES DE EMPEZAR...15 CAPÍTULO 1. DE QUÉ VAMOS A HABLAR?...17 1.1 TIPOS DE WEB...18 1.1.1 Web sin elementos de animación derivados de Adobe Flash...18 1.1.2 Web Adobe Flash...19 1.1.3 Web mixta...19 1.2 QUÉ TIPO DE WEB ELEGIR?...20 CAPÍTULO 2. CRITERIOS PREVIOS...21 2.1 EL OBJETIVO...22 2.2 EL CONTENIDO...23 2.3 EL USO...24 2.4 TIPO DE USUARIO...25 2.5 ELEMENTOS GRÁFICOS...26 2.6 FICHA DE TRABAJO...27 2.7 LA PLANIFICACIÓN...28
8 NAVEGAR EN INTERNET: MI PRIMER PROYECTO WEB RA-MA 2.8 UN CASO PRÁCTICO...31 CAPÍTULO 3. ELEMENTOS I: COMPOSICIÓN, ELEMENTOS BÁSICOS...35 3.1 EL PUNTO...36 3.2 LA LÍNEA...37 3.3 LA FORMA...38 3.3.1 Formas geométricas...38 3.3.2 Formas orgánicas...40 3.4 EL FORMATO...40 3.5 EL COLOR...40 3.5.1 Relación entre colores...45 3.5.2 Simbología del color...45 3.6 LA TEXTURA...47 3.7 UN CASO PRÁCTICO...48 CAPÍTULO 4. ELEMENTOS II: IMAGEN Y TIPOGRAFÍA...53 4.1 LA IMAGEN...54 4.1.1 Leyes de la Gestalt...55 4.1.1.1 Leyes de la articulación Figura Fondo... 55 4.1.1.2 Ley de la primacía... 56 4.1.1.3 Leyes de una buena configuración... 56 4.1.1.4 Principio del cierre... 56 4.1.1.5 Principio de familiaridad... 57 4.1.1.6 Principio de la decisión... 57 4.1.1.7 Ley de la proximidad... 58 4.1.1.8 Ley de la semejanza... 59 4.1.1.9 Ley de la continuidad... 60 4.1.1.10 Ley del contraste... 60 4.1.2 Principios de la Percepción...61 4.1.2.1 Iconicidad y Abstracción... 61 4.1.2.2 Simplicidad y Complejidad... 62 4.1.2.3 Monosemia y Polisemia... 62 4.1.2.4 Originalidad y Redundancia... 63 4.1.2.5 Denotación y Connotación... 63
RA-MA ÍNDICE 9 4.2 TIPOGRAFÍA...64 4.3 UN CASO PRÁCTICO...67 CAPÍTULO 5. ELEMENTOS III: ANIMACIÓN...71 5.1 INTRODUCCIÓN...72 5.2 EL LENGUAJE DE ANIMACIÓN...75 5.3 UN CASO PRÁCTICO...77 CAPÍTULO 6. FICHEROS GRÁFICOS Y DE ANIMACIÓN...79 6.1 FICHEROS GRÁFICOS...80 6.1.1 GIF...81 6.1.2 JPG...82 6.1.3 PNG...82 6.2 FICHEROS DE ANIMACIÓN...83 6.2.1 SWF...84 6.2.2 GIF animado...84 6.2.3 APNG...85 CAPÍTULO 7. LA BASE DEL PROYECTO CON HTML...87 7.1 QUÉ NECESITAREMOS?...88 7.2 APRENDAMOS A TRABAJAR CON HTML...88 7.2.1 Estructura básica de una página Web...90 7.2.2 Distribución de nuestra Web en carpetas...90 7.2.3 HTML básico...91 7.2.3.1 Estructura de las etiquetas... 91 7.2.3.2 rutas locales... 92 7.2.3.3 Tabla de etiquetas en HTML4... 93 7.2.3.4 Tabla de etiquetas en HTML5... 101 7.3 UN EJEMPLO PRÁCTICO...101 7.3.1 Implementemos la composición general...102 7.3.2 Insertar los elementos estáticos...104 7.3.2.1 Introducir mapa desde Google Maps... 105 7.3.3 Formulario de Inscripción y Área de Administración...107
10 NAVEGAR EN INTERNET: MI PRIMER PROYECTO WEB RA-MA CAPÍTULO 8. ESTILOS PARA TODOS CON CSS...111 8.1 QUÉ NECESITAREMOS?...112 8.2 APRENDAMOS A TRABAJAR CON CSS...112 8.2.1 Insertar Estilos en nuestras páginas HTML...113 8.2.2 Estructura de las propiedades CSS...114 8.2.3 Identificadores y Clases...114 8.2.4 Propiedades...117 8.2.5 Estilos Avanzados...119 8.2.6 Posicionamiento de las cajas...120 8.2.7 La evolución con CSS3...122 8.3 UN EJEMPLO PRÁCTICO...123 8.3.1 Primero compongamos con CSS...123 8.3.1.1 El paso a código... 124 8.3.1.2 Enlazado de los estilos... 131 CAPÍTULO 9. AUTOMATIZAR CON MYSQL...133 9.1 QUÉ NECESITAREMOS?...134 9.2 INSTALACIÓN DE SERVIDORES...134 9.2.1 Instalación en GNU/Linux...134 9.2.2 Instalación en Microsoft Windows...135 9.3 PHPMYADMIN Y LAS BASES DE DATOS...136 9.3.1 Crear una Base de Datos...137 9.3.2 Creación de Tablas y Campos...138 9.3.3 Inserción y Modificación de datos...141 9.4 USO DE SQL EN LAS BASES DE DATOS...141 9.4.1 Consulta de datos...142 9.4.2 Mantenimiento de datos...143 9.4.2.1 Inserción de datos... 143 9.4.2.2 Actualización de datos... 144 9.4.2.3 Eliminación de datos... 144 9.5 UN EJEMPLO PRÁCTICO...145 9.5.1 Selección de tablas...145 9.5.2 Creación de Tablas e inserción de los datos...146
RA-MA ÍNDICE 11 9.5.3 Subir la Base de Datos al servidor remoto...146 CAPÍTULO 10. POTENCIA CON PHP...149 10.1 QUÉ NECESITAREMOS?...150 10.2 ELEMENTOS DE PHP...151 10.2.1 Sintaxis básica...152 10.2.2 Uso de Variables y Constantes...153 10.2.2.1 Variables... 153 10.2.2.2 Constantes... 155 10.2.3 Operadores...155 10.2.4 Estructuras de Control...156 10.2.4.1 Estructuras iterativas... 156 10.2.4.2 Estructuras repetitivas... 158 10.2.5 Definición de funciones...160 10.2.6 PHP y el acceso a MySQL...161 10.2.6.1 Pasos para trabajar con MySQL... 162 10.2.7 Incluir ficheros externos...163 10.3 UN EJEMPLO PRÁCTICO...164 10.3.1 A programar!...164 CAPÍTULO 11. PUBLICACIÓN EN INTERNET...171 11.1 PROTEGER INTELECTUALMENTE NUESTRA OBRA...172 11.1.1 Qué es Creative Commons?...172 11.1.2 Cómo se establece una licencia CC?...173 11.1.2.1 Otras licencias Creative Commons... 177 11.1.2.2 Licenciar con Creative Commons obras impresas... 178 11.1.3 Qué es Safe Creative?...179 11.1.4 Cómo se registra la propiedad intelectual en Safe Creative? 180 11.1.4.1 Subir la obra a registrar?... 182 11.2 PUBLICAR NUESTRA WEB EN INTERNET...184 11.2.1 Transformar nuestro servidor Web local en un servidor accesible desde el exterior...184 11.2.2 Publicar nuestra Web en un servidor de Internet...185 11.2.2.1 Gestión de nuestro alojamiento FTP... 186
12 NAVEGAR EN INTERNET: MI PRIMER PROYECTO WEB RA-MA 11.3 UN EJEMPLO PRÁCTICO...189 CAPÍTULO 12. CÓMO PUBLICITAR TU WEB...191 12.1 RETOCAR LA WEB PARA QUE LOS BUSCADORES LA ENCUENTREN...191 12.1.1 Retoquemos nuestra página...192 12.1.2 Registremos en los buscadores nuestra Web...193 12.1.3 Uso de otras Webs para nuestra promoción...194 12.2 HERRAMIENTAS PARA WEBMASTERS...195 12.2.1 Google Webmaster Central...196 12.2.2 Webmaster Center Bing...198 12.3 HERRAMIENTAS DE PAGO...199 12.4 OTRAS HERRAMIENTAS...200 MATERIAL ADICIONAL...203 ÍNDICE ALFABÉTICO...205