Cree su primer sitio web Del diseño a la realización

Capítulo 1: Introducción

A. Introducción 17

Capítulo 2: Los lenguajes

A. Objetivo 21

B. HTML 21

1. Estado de la cuestión 21

2. Los componentes del HTML 21

3. Los atributos 22 4. Los caracteres 23 5. Los espacios 24 6. División de palabras 24 7. Los colores 24 C. Las CSS 25 1. Estado de la cuestión 25 2. Los selectores 26 3. Formato 26 4. Diseño de página 26

Capítulo 3: Los navegadores

A. Objetivo 33

B. Visualización 33

D. Navegadores principales 34

1. Microsoft Internet Explorer 34

2. Apple Safari 34

3. Mozilla Firefox 34

4. Opera 34

5. Google Chrome 34

6. Cuota de mercado 34

E. Respeto de los estándares 36

F. Medios de difusión 36

1. Sitios para pantallas de ordenador 36

2. Sitios para pantallas pequeñas 38

Capítulo 4: El contenido de las páginas web

A. Objetivo 43 B. Texto 43 1. Encabezados 43 2. Párrafos 44 3. Citas 44 4. Listas numeradas 44

5. Listas con viñetas 45

6. Listas de definiciones 45

7. Otros tipos de texto 45

C. Formato del texto 46

1. Negrita 46

2. Cursiva 46

3. Subrayado y tachado 46

5. Otros formatos 47

D. Fuentes de caracteres 47

1. La problemática 47

2. Fuentes genéricas 47

E. Tamaño de los caracteres 49

1. La problemática 49

2. Las unidades relativas 49

F. Hiperenlaces 49

1. Utilizar los enlaces 49

2. Diferentes tipos de enlaces 49

3. Destino de los enlaces 52

G. Imágenes 54

1. Imágenes optimizadas para la web 54

2. Tamaño de las imágenes 55

3. Formatos para la web 55

4. Dibujos 56

H. Formularios 57

1. Utilidad de los formularios 57

2. Elementos de un formulario 57

I. Contenido multimedia 59

1. Tecnología utilizada 59

2. Evolución tecnológica 60

J. Interacción con el usuario 60

1. Programación 60

2. Ejemplos 60

1. Sitios estáticos 62

2. Sitios dinámicos 63

Capítulo 5: Técnicas de creación

A. Objetivo 67

B. Crear sitios web 67

1. Desarrollo puro 67

2. Editores de código fuente 67

3. Programas gráficos 68

4. Límites de las soluciones de creación 69

C. Gestores de contenido 70 1. Soluciones eficaces 70 2. Requisitos técnicos 70 3. CMS Made Simple 71 4. WordPress 72 5. Joomla! 73 6. Drupal 73

D. Diseñar el contenido gráfico 74

1. ¿Quién debe hacerlo? 74

2. Fotos 74

3. Vídeo 75

4. Audio 75

5. Animaciones 75

6. Dibujo 75

Capítulo 6: Los diferentes tipos de contenido web

B. Sitios de presentación 79

C. Sitios de información 80

D. Sitios de venta en línea 81

E. Blogs 82

F. Foros 84

G. Wikis 87

H. Otros servicios de contenido 89

1. Fuentes RSS 89

2. Twitter 90

3. Redes sociales 90

4. Newsletters 91

I. Evolución de los contenidos 91

1. En los sitios 91

2. Soluciones técnicas 94

Capítulo 7: Ergonomía de los sitios web

A. Objetivo 97

B. Definiciones 97

1. Ergonomía 97

2. Ergonomía de los sitios web 97

1. Ley de la proximidad 98

2. Ley de la similitud 98

3. Elementos en los que hacer clic 99

D. Algunos consejos de ergonomía 101

1. Arquitectura del sitio 101

2. Organización visual 104

3. Homogeneidad de la interfaz 105

4. Costumbres 105

5. Botones y enlaces 105

6. Fuentes y enlaces 106

7. Ayuda a los usuarios 107

8. Una interfaz rápida 108

9. El usuario decide 109

E. Algunas ideas preconcebidas 109

1. La regla de los tres clics 109

2. Los internautas no hacen scrolling 109

3. Los internautas leen en F, E, Z... 111

4. Un sitio multimedia y técnico 113

Capítulo 8: Consejos para el diseño

A. Objetivo 117

B. La calidad profesional 117

C. Libros de estilo 117

D. Diseño adaptado a los usuarios 118

F. Imprimir páginas 118

Capítulo 9: La navegación en los sitios web

A. Objetivo 121

B. Página de inicio 121

1. Una navegación comprensible 121

2. La página de inicio gráfica 121

3. La página de inicio portal 124

4. Las páginas de inicio intermedias 127

5. Volver a la página de inicio 129

C. La navegación en el sitio 129

1. La navegación clásica 129

2. Barra de navegación principal 130

3. La barra de navegación secundaria 132

4. La barra de navegación de acceso rápido 137

5. La barra de navegación de información 137

6. Mapa del sitio 138

7. El hilo de Ariadna 140

D. Esquema de navegación clásico 140

E. Navegación original 141

Capítulo 10: Accesibilidad de los sitios web

B. La discapacidad y la web 147

1. Cifras 147

2. Discapacidad sensorial y motora 147

3. Programas y materiales adaptados 147

4. Crear un sitio accesible 148

C. Marco legal en España 148

D. Crear sitios accesibles 149

1. Para sitios públicos 149

2. Las normas del W3C 149

3. La referencia europea 149

4. Técnicas aplicables 149

Capítulo 11: La gestión y la redacción del contenido

A. Objetivo 153

B. Gestión de contenidos 153

1. Actualizar el contenido 153

2. Gestionar la dinámica de redacción 153

3. Aportar contenido útil 153

4. La credibilidad del sitio 153

5. Contactos 154

C. Consejos para escribir para la web 154

1. Objetivo del sitio 154

2. Simple 154

3. Abreviar 154

4. Errores que deben evitarse 155

5. La pirámide invertida 155

7. La importancia de los títulos 156

Capítulo 12: Posicionamiento web

A. Objetivo 161

B. Buscadores 161

1. Uso de los buscadores 161

2. Búsquedas de los internautas 162

3. Posicionamiento orgánico 162

4. Palabras clave 162

C. Criterios in page 163

1. Principios 163

2. Título de las páginas 163

3. El elemento meta description 164

4. URL de páginas optimizadas 164

5. Enlaces explícitos 165

6. Imágenes optimizadas 166

7. Elementos del encabezado 166

8. Palabras en negrita 167

9. Calidad del contenido 167

D. Los criterios off page 167

1. Principios 167

2. Backlinks 167

3. La reputación 168

E. Análisis de las visitas 168

1. Google Analytics 168

2. Visión general 169

3. Algunas definiciones 170

5. Fuentes de tráfico 171 6. Contenido visitado 172

Capítulo 13: El alojamiento

3. Elegir un nombre de dominio 176

4. Sintaxis de los nombres de dominio 176

5. Registrar un nombre de dominio 177

6. Disponibilidad de un nombre de dominio 177

C. Alojamiento 178

1. Acceder a Internet 178

2. Alojamiento de los ISP 178

3. Alojamiento gratuito 179

4. Alojamiento profesional compartido 179

5. Alojamiento profesional dedicado 179

D. Requisitos técnicos 180

1. Valorar el proyecto 180

2. Espacio de almacenamiento 180

3. Visitas del sitio 180

4. Correo electrónico 181

5. Seguridad de las redes 181

6. Copias de seguridad 181

7. Servicio técnico 182

A. Objetivo 185

B. Actores del proyecto 185

1. Gestión del proyecto 185

2. Equipo profesional 185 3. Profesiones 185 C. Aspectos jurídicos 186 1. Leyes vigentes 186 2. AEPD 187 3. Aviso legal 187

D. Protección jurídica de los sitios web 189

1. Nombre del dominio 189

2. Contenido 189

3. Diseño y estructura 189

4. Información sobre la protección 190

E. Gestión del proyecto 190

1. Pliego de condiciones 190

2. El esquema del proyecto 190

3. Diseño 191

4. Realización 191

5. Pruebas de validación 191

6. Publicación en línea 191

Capítulo 15: Proyecto práctico de creación de un sitio web

A. Objetivo 195

C. Funciones 196

1. Estructura del sitio 196

2. Contenido 198

3. Comentarios 198

4. Fotos 198

5. Usuarios 200

D. Elegir un tema 200

1. Aspecto del sitio 200

2. Temas gratuitos 201

3. Temas de pago 202

4. temas personalizado 203

Capítulo 16: Instalar WordPress

A. Objetivo 207

B. Servidores locales 207

1. Los servidores necesarios 207

2. Paquetes de servidores 207

C. Instalación en local en Windows 209

1. Descargar WAMPserver 209

2. Iniciar los servidores 210

3. Crear la base de datos 210

4. Descargar WordPress 212

5. Instalar WordPress 213

D. Instalar en local en Mac 214

1. Descargar MAMP 214

2. Iniciar los servidores 215

4. Descargar WordPress 218

5. Instalar WordPress 219

E. Instalar WordPress en local 219

1. Iniciar los servidores 219

2. Iniciar la instalación 219

F. Instalar WordPress en producción 226

Capítulo 17: Acceso y administración

A. Objetivo 229

B. Acceder 229

1. Iniciar los servidores 229

2. Acceder 230 3. Cerrar sesión 231 C. Interfaz de administración 232 1. Acceder 232 2. Menús 234 3. Escritorio 235 4. Módulos 236 5. Ayuda en WordPress 237 6. Barra de herramientas 238

Capítulo 18: Ajustes y apariencia del sitio

A. Objetivo 243

B. Configuración general 243

2. Reescribir las URL 244

C. Utilizar el tema 245

1. Descargar el tema Arras 245

2. Instalar el tema Arras 247

D. Clasificación del contenido 248

1. Categorías de entradas 248

2. Crear categorías para el diseño de la página 249

3. Administrar las categorías 251

4. Apariencia, entradas y taxonomía 251

5. Asociar la apariencia a las categorías 253

6. Categoría predeterminada 256

7. Evolución de las categorías 257

8. Crear las demás categorías 257

E. Diseño con el tema Arras 259

1. Columnas 259

2. Estilo de color 260

3. Pie de página 260

F. Autores 261

Capítulo 19: Trabajar las imágenes

A. Objetivo 265

B. Imágenes en el sitio 265

C. Tamaño de las imágenes 267

1. Utilizar Adobe Photoshop Elements 268

2. Corregir una imagen 268

3. Abrir una imagen 271

4. Tamaño de la imagen 271 5. Zoom 272 E. Iluminar la imagen 273 1. Objetivo 273 2. Brillo y contraste 273 3. Corrección inteligente 273 4. Ajustar niveles 274 F. Imágenes subexpuestas 277 1. Objetivo 277 2. Ajustar 277 G. Reemplazar un color 279 1. Objetivo 279 2. Ajustar 280 3. Seleccionar 280 4. Reemplazar 283

H. Mitigar un color dominante 284

I. Convertir a blanco y negro 285

J. Eliminar imperfecciones 287

K. Optimizar imágenes 290

1. Tamaño de las imágenes 290

2. Recortar la imagen 292

3. Optimizar la imagen para la web 294

Capítulo 20: Administrar las imágenes

A. Objetivo 299

B. Administrar archivos 299

1. Carpeta de almacenamiento 299

2. Administrar archivos 299

3. Tamaño de inserción de las imágenes 300

C. Administrar la librería 301

1. Añadir una imagen 301

2. Configurar imágenes 302

3. Editar la configuración de las imágenes 304

4. Eliminar una imagen 306

5. Ver una imagen 306

Capítulo 21: Redactar entradas

A. Objetivo 309

B. Tipos de contenido 309

C. Taxonomía de las entradas 309

1. Categorías 309

2. Etiquetas 310

3. Páginas 310

4. Administrar las etiquetas 310

D. Crear entradas 312

1. Añadir una entrada nueva 312

2. Introducir el título 312

4. Etiquetas 314

5. La imagen de ilustración 315

6. Añadir contenido 318

E. Dar formato al texto 321

1. Dar formato a los caracteres 321

2. Dar formato a los párrafos 323

3. Títulos de párrafo 323

4. Alineación de párrafos 324

5. Listas 324

6. Párrafos de citas 325

7. Aumentar el margen de los párrafos 325

F. Crear enlaces en el contenido 326

G. Imágenes en el contenido 328

1. Insertar una imagen 328

2. Editar una imagen insertada 330

3. Eliminar una imagen insertada 331

H. Extracto de entadas 332

I. Autor de la entrada 333

Capítulo 22: Publicar entradas

A. Objetivo 337

B. Guardar un borrador 337

D. Publicar una entrada 340

E. Cambiar la publicación de una entada 340

F. Cambiar la fecha de publicación 341

1. Antedatar una entrada 341

2. Planificar la publicación de una entrada 342

G. Mover una entrada a la papelera 343

H. Administrar las entradas 344

1. Ver la lista de entradas 344

2. Ordenar las entradas 344

3. Filtrar por fecha 345

4. Filtrar por categoría 345

5. Filtrar por estado 346

6. Buscar una entrada 346

I. Editar una entrada 347

1. Editar 347

2. Edición rápida 347

J. Eliminar una entrada 348

1. Mover a la papelera 348

2. Administrar la papelera 348

Capítulo 23: Administrar las páginas

A. Objetivo 353

1. Añadir una página 353

2. Redactar el contenido de una página 354

3. Publicar páginas 354

4. Administrar las páginas 355

C. Administrar los menús 355

1. Ver 355

2. Añadir un menú 355

3. Seleccionar una ubicación 356

4. Añadir páginas al menú 357

5. Administrar las páginas en el menú 358

6. Ver el sitio 359

7. Crear un menú jerárquico 359

8. Página de inicio 360

Capítulo 24: Los widgets

A. Objetivo 365

B. Los widgets predeterminados 365

C. Administrar los widgets 366

1. Ubicaciones 366

2. Los widgets presentes 367

3. Eliminar widgets 367

4. Cambiar el orden de los widgets 369

D. Configurar los widgets 370

1. Configurar los widgets 370

2. Configurar el widget Entradas recientes 370

3. Configurar el widget Archivos 371

E. Añadir un widget 373

Capítulo 25: Listas de enlaces

A. Objetivo 377

B. Administrar las categorías de enlaces 377

1. Crear las categorías 377

2. Editar una categoría 379

3. Eliminar una categoría 380

4. Categoría predeterminada 380 C. Administrar enlaces 381 1. Añadir un enlace 381 2. Listas de enlaces 382 3. Editar un enlace 383 4. Eliminar un enlace 383

D. Ver los enlaces 384

1. Configurar el widget Enlaces 385

Capítulo 26: Los plugins

A. Objetivo 389

B. Una galería de imágenes 389

1. Objetivo 389

2. Añadir un plugin 389

3. Crear una entrada para la galería 391

4. Insertar las imágenes 392

C. Añadir un calendario de eventos 398 1. Objetivo 398 2. Añadir el plugin 399 3. Añadir un evento 400 4. Ver el calendario 402 5. Personalizar el plugin 405

Capítulo 27: Los comentarios

A. Objetivo 409

B. Configurar los comentarios 409

1. Autorizar comentarios 409

2. Indicar nombre y el correo electrónico 410

3. Aviso cuando haya comentarios nuevos 410

4. Filtrar comentarios 410 5. Cerrar comentarios 411 C. Administrar comentarios 411 1. Añadir un comentario 411 2. Aprobar comentarios 413 3. Comentarios indeseables 414

4. Mover un comentario a la papelera 415

5. Responder a un comentario 416

6. Editar un comentario 417

Capítulo 28: Los usuarios

A. Objetivo 421

C. Administrar los usuarios 421

1. Crear un usuario 421

2. Editar un usuario 423

3. Eliminar un usuario 424

D. Acceso de los usuarios 425

1. El administrador 425

2. El editor 425

3. El colaborador 426

4. Editar su propio perfil 426