ÍNDICE
ÍNDICE ...7
AGRADECIMIENTOS ...13
ANTES DE EMPEZAR...15
CAPÍTULO 1. ¿DE QUÉ VAMOS A HABLAR? ...17
1.1TIPOSDEWEB...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ÉTIPODEWEBELEGIR? ...20
CAPÍTULO 2. CRITERIOS PREVIOS ...21
2.1ELOBJETIVO...22 2.2ELCONTENIDO ...23 2.3ELUSO...24 2.4TIPODEUSUARIO ...25 2.5ELEMENTOSGRÁFICOS ...26 2.6FICHADETRABAJO...27 2.7LAPLANIFICACIÓN...28
2.8UNCASOPRÁCTICO...31
CAPÍTULO 3. ELEMENTOS I: COMPOSICIÓN, ELEMENTOS BÁSICOS ...35 3.1ELPUNTO ...36 3.2LALÍNEA ...37 3.3LAFORMA ...38 3.3.1 Formas geométricas...38 3.3.2 Formas orgánicas...40 3.4ELFORMATO ...40 3.5ELCOLOR ...40
3.5.1 Relación entre colores ...45
3.5.2 Simbología del color ...45
3.6LATEXTURA...47
3.7UNCASOPRÁCTICO...48
CAPÍTULO 4. ELEMENTOS II: IMAGEN Y TIPOGRAFÍA ...53
4.1LAIMAGEN ...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
4.2TIPOGRAFÍA...64
4.3UNCASOPRÁCTICO...67
CAPÍTULO 5. ELEMENTOS III: ANIMACIÓN...71
5.1INTRODUCCIÓN ...72
5.2ELLENGUAJEDEANIMACIÓN ...75
5.3UNCASOPRÁCTICO...77
CAPÍTULO 6. FICHEROS GRÁFICOS Y DE ANIMACIÓN...79
6.1FICHEROSGRÁFICOS...80 6.1.1 GIF ...81 6.1.2 JPG ...82 6.1.3 PNG ...82 6.2FICHEROSDEANIMACIÓ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.2APRENDAMOSATRABAJARCONHTML ...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.3UNEJEMPLOPRÁ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
CAPÍTULO 8. ESTILOS PARA TODOS CON CSS ...111
8.1¿QUÉNECESITAREMOS?...112
8.2APRENDAMOSATRABAJARCONCSS...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.3UNEJEMPLOPRÁ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.2INSTALACIÓNDESERVIDORES ...134
9.2.1 Instalación en GNU/Linux ...134
9.2.2 Instalación en Microsoft Windows ...135
9.3PHPMYADMINYLASBASESDEDATOS ...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.4USODESQLENLASBASESDEDATOS ...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.5UNEJEMPLOPRÁCTICO...145 9.5.1 Selección de tablas ...145
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.2ELEMENTOSDEPHP ...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.3UNEJEMPLOPRÁCTICO...164
10.3.1 ¡A programar!...164
CAPÍTULO 11. PUBLICACIÓN EN INTERNET...171
11.1PROTEGERINTELECTUALMENTENUESTRAOBRA...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.2PUBLICARNUESTRAWEBENINTERNET ...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.3UNEJEMPLOPRÁCTICO...189
CAPÍTULO 12. CÓMO PUBLICITAR TU WEB...191
12.1RETOCARLAWEBPARAQUELOSBUSCADORESLA 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.2HERRAMIENTASPARAWEBMASTERS ...195
12.2.1 Google Webmaster Central ...196
12.2.2 Webmaster Center Bing ...198
12.3HERRAMIENTASDEPAGO ...199
12.4OTRASHERRAMIENTAS ...200
MATERIAL ADICIONAL ...203