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

Transcripción

1 Capítulo 1: Introducción A. Introducción 17 Capítulo 2: Los lenguajes A. Objetivo 21 B. HTML Estado de la cuestión Los componentes del HTML Los atributos Los caracteres Los espacios División de palabras Los colores 24 C. Las CSS Estado de la cuestión Los selectores Formato Diseño de página 26 Capítulo 3: Los navegadores A. Objetivo 33 B. Visualización 33 C. Los plugins 33 1/22

2 D. Navegadores principales Microsoft Internet Explorer Apple Safari Mozilla Firefox Opera Google Chrome Cuota de mercado 34 E. Respeto de los estándares 36 F. Medios de difusión Sitios para pantallas de ordenador Sitios para pantallas pequeñas 38 Capítulo 4: El contenido de las páginas web A. Objetivo 43 B. Texto Encabezados Párrafos Citas Listas numeradas Listas con viñetas Listas de definiciones Otros tipos de texto 45 C. Formato del texto Negrita Cursiva Subrayado y tachado Subíndice y superíndice 46 2/22

3 5. Otros formatos 47 D. Fuentes de caracteres La problemática Fuentes genéricas 47 E. Tamaño de los caracteres La problemática Las unidades relativas 49 F. Hiperenlaces Utilizar los enlaces Diferentes tipos de enlaces Destino de los enlaces 52 G. Imágenes Imágenes optimizadas para la web Tamaño de las imágenes Formatos para la web Dibujos 56 H. Formularios Utilidad de los formularios Elementos de un formulario 57 I. Contenido multimedia Tecnología utilizada Evolución tecnológica 60 J. Interacción con el usuario Programación Ejemplos 60 K. Sitios web 62 3/22

4 1. Sitios estáticos Sitios dinámicos 63 Capítulo 5: Técnicas de creación A. Objetivo 67 B. Crear sitios web Desarrollo puro Editores de código fuente Programas gráficos Límites de las soluciones de creación 69 C. Gestores de contenido Soluciones eficaces Requisitos técnicos CMS Made Simple WordPress Joomla! Drupal 73 D. Diseñar el contenido gráfico Quién debe hacerlo? Fotos Vídeo Audio Animaciones Dibujo 75 Capítulo 6: Los diferentes tipos de contenido web A. Objetivo 79 4/22

5 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 Fuentes RSS Twitter Redes sociales Newsletters 91 I. Evolución de los contenidos En los sitios Soluciones técnicas 94 Capítulo 7: Ergonomía de los sitios web A. Objetivo 97 B. Definiciones Ergonomía Ergonomía de los sitios web 97 C. Algunos principios de ergonomía 98 5/22

6 1. Ley de la proximidad Ley de la similitud Elementos en los que hacer clic 99 D. Algunos consejos de ergonomía Arquitectura del sitio Organización visual Homogeneidad de la interfaz Costumbres Botones y enlaces Fuentes y enlaces Ayuda a los usuarios Una interfaz rápida El usuario decide 109 E. Algunas ideas preconcebidas La regla de los tres clics Los internautas no hacen scrolling Los internautas leen en F, E, Z 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 E. Utilizar adecuadamente el contenido multimedia 118 6/22

7 F. Imprimir páginas 118 Capítulo 9: La navegación en los sitios web A. Objetivo 121 B. Página de inicio Una navegación comprensible La página de inicio gráfica La página de inicio portal Las páginas de inicio intermedias Volver a la página de inicio 129 C. La navegación en el sitio La navegación clásica Barra de navegación principal La barra de navegación secundaria La barra de navegación de acceso rápido La barra de navegación de información Mapa del sitio 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 A. Objetivo 147 7/22

8 B. La discapacidad y la web Cifras Discapacidad sensorial y motora Programas y materiales adaptados Crear un sitio accesible 148 C. Marco legal en España 148 D. Crear sitios accesibles Para sitios públicos Las normas del W3C La referencia europea Técnicas aplicables 149 Capítulo 11: La gestión y la redacción del contenido A. Objetivo 153 B. Gestión de contenidos Actualizar el contenido Gestionar la dinámica de redacción Aportar contenido útil La credibilidad del sitio Contactos 154 C. Consejos para escribir para la web Objetivo del sitio Simple Abreviar Errores que deben evitarse La pirámide invertida La regla de las cinco W 155 8/22

9 7. La importancia de los títulos 156 Capítulo 12: Posicionamiento web A. Objetivo 161 B. Buscadores Uso de los buscadores Búsquedas de los internautas Posicionamiento orgánico Palabras clave 162 C. Criterios in page Principios Título de las páginas El elemento meta description URL de páginas optimizadas Enlaces explícitos Imágenes optimizadas Elementos del encabezado Palabras en negrita Calidad del contenido 167 D. Los criterios off page Principios Backlinks La reputación 168 E. Análisis de las visitas Google Analytics Visión general Algunas definiciones Parámetros de público 171 9/22

10 5. Fuentes de tráfico Contenido visitado 172 Capítulo 13: El alojamiento A. Objetivo 175 B. Nombre de dominio Direcciones IP Nombres de dominio Elegir un nombre de dominio Sintaxis de los nombres de dominio Registrar un nombre de dominio Disponibilidad de un nombre de dominio 177 C. Alojamiento Acceder a Internet Alojamiento de los ISP Alojamiento gratuito Alojamiento profesional compartido Alojamiento profesional dedicado 179 D. Requisitos técnicos Valorar el proyecto Espacio de almacenamiento Visitas del sitio Correo electrónico Seguridad de las redes Copias de seguridad Servicio técnico 182 Capítulo 14: La gestión del proyecto 10/22

11 A. Objetivo 185 B. Actores del proyecto Gestión del proyecto Equipo profesional Profesiones 185 C. Aspectos jurídicos Leyes vigentes AEPD Aviso legal 187 D. Protección jurídica de los sitios web Nombre del dominio Contenido Diseño y estructura Información sobre la protección 190 E. Gestión del proyecto Pliego de condiciones El esquema del proyecto Diseño Realización Pruebas de validación Publicación en línea 191 Capítulo 15: Proyecto práctico de creación de un sitio web A. Objetivo 195 B. Elección de tecnología /22

12 C. Funciones Estructura del sitio Contenido Comentarios Fotos Usuarios 200 D. Elegir un tema Aspecto del sitio Temas gratuitos Temas de pago temas personalizado 203 Capítulo 16: Instalar WordPress A. Objetivo 207 B. Servidores locales Los servidores necesarios Paquetes de servidores 207 C. Instalación en local en Windows Descargar WAMPserver Iniciar los servidores Crear la base de datos Descargar WordPress Instalar WordPress 213 D. Instalar en local en Mac Descargar MAMP Iniciar los servidores Crear la base de datos /22

13 4. Descargar WordPress Instalar WordPress 219 E. Instalar WordPress en local Iniciar los servidores Iniciar la instalación 219 F. Instalar WordPress en producción 226 Capítulo 17: Acceso y administración A. Objetivo 229 B. Acceder Iniciar los servidores Acceder Cerrar sesión 231 C. Interfaz de administración Acceder Menús Escritorio Módulos Ayuda en WordPress Barra de herramientas 238 Capítulo 18: Ajustes y apariencia del sitio A. Objetivo 243 B. Configuración general Ajustes generales /22

14 2. Reescribir las URL 244 C. Utilizar el tema Descargar el tema Arras Instalar el tema Arras 247 D. Clasificación del contenido Categorías de entradas Crear categorías para el diseño de la página Administrar las categorías Apariencia, entradas y taxonomía Asociar la apariencia a las categorías Categoría predeterminada Evolución de las categorías Crear las demás categorías 257 E. Diseño con el tema Arras Columnas Estilo de color 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 D. Corregir imágenes /22

15 1. Utilizar Adobe Photoshop Elements Corregir una imagen Abrir una imagen Tamaño de la imagen Zoom 272 E. Iluminar la imagen Objetivo Brillo y contraste Corrección inteligente Ajustar niveles 274 F. Imágenes subexpuestas Objetivo Ajustar 277 G. Reemplazar un color Objetivo Ajustar Seleccionar Reemplazar 283 H. Mitigar un color dominante 284 I. Convertir a blanco y negro 285 J. Eliminar imperfecciones 287 K. Optimizar imágenes Tamaño de las imágenes Recortar la imagen Optimizar la imagen para la web Retocar todas las imágenes /22

16 Capítulo 20: Administrar las imágenes A. Objetivo 299 B. Administrar archivos Carpeta de almacenamiento Administrar archivos Tamaño de inserción de las imágenes 300 C. Administrar la librería Añadir una imagen Configurar imágenes Editar la configuración de las imágenes Eliminar una imagen Ver una imagen 306 Capítulo 21: Redactar entradas A. Objetivo 309 B. Tipos de contenido 309 C. Taxonomía de las entradas Categorías Etiquetas Páginas Administrar las etiquetas 310 D. Crear entradas Añadir una entrada nueva Introducir el título Categoría /22

17 4. Etiquetas La imagen de ilustración Añadir contenido 318 E. Dar formato al texto Dar formato a los caracteres Dar formato a los párrafos Títulos de párrafo Alineación de párrafos Listas Párrafos de citas Aumentar el margen de los párrafos 325 F. Crear enlaces en el contenido 326 G. Imágenes en el contenido Insertar una imagen Editar una imagen insertada 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 C. Vista previa de la entrada /22

18 D. Publicar una entrada 340 E. Cambiar la publicación de una entada 340 F. Cambiar la fecha de publicación Antedatar una entrada Planificar la publicación de una entrada 342 G. Mover una entrada a la papelera 343 H. Administrar las entradas Ver la lista de entradas Ordenar las entradas Filtrar por fecha Filtrar por categoría Filtrar por estado Buscar una entrada 346 I. Editar una entrada Editar Edición rápida 347 J. Eliminar una entrada Mover a la papelera Administrar la papelera 348 Capítulo 23: Administrar las páginas A. Objetivo 353 B. Administrar páginas /22

19 1. Añadir una página Redactar el contenido de una página Publicar páginas Administrar las páginas 355 C. Administrar los menús Ver Añadir un menú Seleccionar una ubicación Añadir páginas al menú Administrar las páginas en el menú Ver el sitio Crear un menú jerárquico Página de inicio 360 Capítulo 24: Los widgets A. Objetivo 365 B. Los widgets predeterminados 365 C. Administrar los widgets Ubicaciones Los widgets presentes Eliminar widgets Cambiar el orden de los widgets 369 D. Configurar los widgets Configurar los widgets Configurar el widget Entradas recientes Configurar el widget Archivos Configurar el widget Categorías /22

20 E. Añadir un widget 373 Capítulo 25: Listas de enlaces A. Objetivo 377 B. Administrar las categorías de enlaces Crear las categorías Editar una categoría Eliminar una categoría Categoría predeterminada 380 C. Administrar enlaces Añadir un enlace Listas de enlaces Editar un enlace Eliminar un enlace 383 D. Ver los enlaces Configurar el widget Enlaces 385 Capítulo 26: Los plugins A. Objetivo 389 B. Una galería de imágenes Objetivo Añadir un plugin Crear una entrada para la galería Insertar las imágenes Configurar el plugin /22

21 C. Añadir un calendario de eventos Objetivo Añadir el plugin Añadir un evento Ver el calendario Personalizar el plugin 405 Capítulo 27: Los comentarios A. Objetivo 409 B. Configurar los comentarios Autorizar comentarios Indicar nombre y el correo electrónico Aviso cuando haya comentarios nuevos Filtrar comentarios Cerrar comentarios 411 C. Administrar comentarios Añadir un comentario Aprobar comentarios Comentarios indeseables Mover un comentario a la papelera Responder a un comentario Editar un comentario 417 Capítulo 28: Los usuarios A. Objetivo 421 B. Perfiles y permisos /22

22 C. Administrar los usuarios Crear un usuario Editar un usuario Eliminar un usuario 424 D. Acceso de los usuarios El administrador El editor El colaborador Editar su propio perfil 426 índice /22