Tanto si usted es particular, responsable de una asociación, de una pequeña empresa o autónomo, en un momento dado querrá crear su propio sitio web para presentar sus aficiones, su actividad, su empresa, etc. Tenemos a nuestro alcance todos los medios técnicos, pero para aquellas personas que no son del gremio, la puesta en marcha de un proyecto así, sigue siendo una tarea complicada. Con este libro aprenderá a diseñar un sitio web y a confeccionarlo de principio a fin. Está dividido en dos partes: metodología y práctica.

Lo primero será entender qué es un sitio web: qué tecnologías se utilizan, qué tipo de contenido se puede ver y cómo se puede utilizar. Verá que existen diferentes posibilidades a la hora de crear un sitio web y sabrá lo que implica técnicamente. Los CMS (Content Management System) permiten crear y administrar sitios web sin necesidad de tener conocimientos técnicos y en la actualidad son la solución más utilizada: ofrecemos orientación para elegir el CMS ideal dependiendo de las características que desea implementar en su sitio (multilingüismo, creación de campos personalizados, permisos de usuario, gestión de archivos multimedia...): veremos las soluciones propuestas por varios CMS (Joomla!, Wordpress, SPIP PluXml, Zwii...) para cada uno de estos criterios.

Tras elegir una solución tecnológica, es fundamental centrarse en la ergonomía y el diseño del sitio, así como en la navegación entre páginas para crear un sitio web fácil de usar y atractivo.

También es importante dominar la redacción y optimización de las páginas para conseguir un posicionamiento adecuado en los buscadores.

En la última parte de la metodología, se abordará cómo elegir un alojamiento, valorar las necesidades técnicas, trabajar con los actores del proyecto y supervisar la construcción del sitio.

En la segunda parte del libro, podrá poner en práctica todos estos conceptos, ya que creará paso a paso el sitio web de una asociación con ayuda de la versión en línea del CMS WordPress, wordpress.com que permite crear un sitio web de forma sencilla y eficaz.  Tras finalizar este proyecto, ya conocerá toda la teoría y tendrá la práctica necesaria para crear su primer sitio web.

Descargas

• Webs referenciadas.pdf

Capítulo 1: Introducción

1. A. Introducción

Capítulo 2: Los lenguajes

1. A. Objetivo
2. B. HTML
   1. 1. Estado de la cuestión
   2. 2. Los componentes del HTML
   3. 3. Los atributos
   4. 4. Los caracteres
   5. 5. Los espacios
   6. 6. Los colores
3. C. Las CSS
   1. 1. Estado de la cuestión
   2. 2. Los selectores
   3. 3. Formato
   4. 4. Diseño de página

Capítulo 3: Los navegadores

1. A. Objetivo
2. B. Visualización
3. C. Los plugins
4. D. Navegadores principales
   1. 1. Microsoft Internet Explorer y Edge
   2. 2. Apple Safari
   3. 3. Mozilla Firefox
   4. 4. Opera
   5. 5. Google Chrome
   6. 6. Cuota de mercado
5. E. Respeto de los estándares
6. F. Medios de difusión
   1. 1. Sitios para pantallas de ordenador
   2. 2. Sitios para pantallas pequeñas

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

1. A. Objetivo
2. B. Texto
   1. 1. Encabezados
   2. 2. Párrafos
   3. 3. Citas
   4. 4. Listas numeradas
   5. 5. Listas con viñetas
   6. 6. Listas de definiciones
   7. 7. Otros tipos de texto
3. C. Formato del texto
   1. 1. Negrita
   2. 2. Cursiva
   3. 3. Subrayado y tachado
   4. 4. Subíndice y superíndice
   5. 5. Otros formatos
4. D. Fuentes de caracteres
   1. 1. La problemática
   2. 2. Fuentes genéricas
   3. 3. Las fuentes web
5. E. Tamaño de los caracteres
   1. 1. La problemática
   2. 2. Las unidades relativas
6. F. Hiperenlaces
   1. 1. Utilizar los enlaces
   2. 2. Diferentes tipos de enlaces
   3. 3. Destino de los enlaces
7. G. Imágenes
   1. 1. Imágenes optimizadas para la web
   2. 2. Tamaño de las imágenes
   3. 3. Formatos para la web
   4. 4. Dibujos
8. H. Formularios
   1. 1. Utilidad de los formularios
   2. 2. Elementos de un formulario
9. I. Contenido multimedia
10. J. Interacción con el usuario
    1. 1. Programación
    2. 2. Ejemplos
11. K. Sitios web
    1. 1. Sitios estáticos
    2. 2. Sitios dinámicos

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

1. A. Objetivo
2. B. Crear sitios web
   1. 1. Desarrollo puro
   2. 2. Editores de código fuente
   3. 3. Programas gráficos
   4. 4. Límites de las soluciones de creación
3. C. Gestores de contenido
   1. 1. Soluciones eficaces
   2. 2. Requisitos técnicos
   3. 3. Ejemplos de CMS
   4. 4. Los creadores de sitios web en línea
4. D. El tipo de proyecto
   1. 1. Tipo de información
   2. 2. La autonomía
   3. 3. La organización del contenido
5. E. Los tipos de contenido
   1. 1. Los objetivos
   2. 2. La organización de la información
   3. 3. Los diferentes contenidos
   4. 4. Los tipos de contenido y los CMS
6. F. La estructura del contenido
   1. 1. Los objetivos
   2. 2. Los campos del formulario
   3. 3. La estructura de la información
   4. 4. La introducción de la información
   5. 5. Los tipos de campos
   6. 6. Las opciones de los campos
   7. 7. Ejemplos de campos de entrada
   8. 8. Los campos de entrada y los CMS
7. G. La taxonomía
   1. 1. Los objetivos
   2. 2. El uso de la taxonomía
   3. 3. La taxonomía y los CMS
8. H. La gestión del contenido
   1. 1. Los objetivos
   2. 2. Los estados
   3. 3. La publicación
   4. 4. La papelera de reciclaje y el archivo
   5. 5. Las versiones
   6. 6. Las relaciones
   7. 7. La gestión del contenido y los CMS
9. I. El flujo de trabajo
   1. 1. Los objetivos
   2. 2. El flujo editorial
   3. 3. Los permisos de los usuarios
   4. 4. La precisión de los permisos
   5. 5. Características importantes
   6. 6. El flujo de trabajo y los CMS
10. J. La interfaz de administración
    1. 1. Los objetivos
    2. 2. Una interfaz eficiente
    3. 3. La interfaz de gestión
    4. 4. La personalización
    5. 5. El editor de texto
    6. 6. La formato en markdown
    7. 7. La interfaz y los CMS
11. K. La gestión de los archivos multimedia
    1. 1. Los objetivos
    2. 2. Los tipos de archivos multimedia
    3. 3. La importación
    4. 4. La biblioteca multimedia
    5. 5. El procesamiento de las imágenes
    6. 6. La gestión de los archivos multimedia y los CMS
12. L. La apariencia del sitio
    1. 1. Los objetivos
    2. 2. Los diferentes tipos de temas
    3. 3. La personalización de los temas
    4. 4. Los temas y los CMS
13. M. Las características específicas
    1. 1. Los objetivos
    2. 2. Elegir las extensiones
    3. 3. Las dependencias
    4. 4. La compatibilidad
    5. 5. Las extensiones y los CMS
14. N. Los sitios multilingües
    1. 1. Los objetivos
    2. 2. La interfaz de administración
    3. 3. El acceso al multilingüismo
    4. 4. El proceso del multilingüismo
    5. 5. La taxonomía
    6. 6. La estructura del contenido
    7. 7. Las extensiones
    8. 8. Los visitantes
    9. 9. El multilingüismo y los CMS
15. O. Los sitios múltiples
16. P. La base técnica
17. Q. El posicionamiento
18. R. Otros criterios de selección
    1. 1. La licencia
    2. 2. Los costes
    3. 3. Las comunidades
    4. 4. La continuidad
19. S. Elegir un CMS
    1. 1. Los CMS y su principal objetivo
    2. 2. Las necesidades
    3. 3. Las características esenciales
    4. 4. Un artesano
    5. 5. Una librería
20. T. Diseñar el contenido gráfico
    1. 1. ¿Quién debe hacerlo?
    2. 2. Fotos
    3. 3. Vídeo
    4. 4. Audio
    5. 5. Animaciones
    6. 6. Dibujo

Capítulo 6: Los diferentes tipos de contenido web

1. A. Objetivo
2. B. Sitios de presentación
3. C. Sitios de información
4. D. Sitios de venta en línea
5. E. Blogs
6. F. Foros
7. G. Wikis
8. H. Otros servicios de contenido
   1. 1. Fuentes RSS
   2. 2. Twitter
   3. 3. Redes sociales
   4. 4. Newsletters
9. I. Evolución de los contenidos
   1. 1. En los sitios
   2. 2. Soluciones técnicas

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

1. A. Objetivo
2. B. Definiciones
   1. 1. Ergonomía
   2. 2. Ergonomía de los sitios web
3. C. Algunos principios de ergonomía
   1. 1. Ley de la proximidad
   2. 2. Ley de la similitud
   3. 3. Elementos en los que hacer clic
4. D. Algunos consejos de ergonomía
   1. 1. Arquitectura del sitio
   2. 2. Organización visual
   3. 3. Homogeneidad de la interfaz
   4. 4. Costumbres
   5. 5. Botones y enlaces
   6. 6. Fuentes y enlaces
   7. 7. Ayuda a los usuarios
   8. 8. Una interfaz rápida
   9. 9. El usuario decide
5. E. Algunas ideas preconcebidas
   1. 1. La regla de los tres clics
   2. 2. Los internautas no hacen scrolling
   3. 3. Los internautas leen en F, E, Z...
   4. 4. Un sitio multimedia y técnico

Capítulo 8: Consejos para el diseño

1. A. Objetivo
2. B. La calidad profesional
3. C. Libros de estilo
4. D. Diseño adaptado a los usuarios
5. E. Utilizar adecuadamente el contenido multimedia
6. F. Imprimir páginas

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

1. A. Objetivo
2. B. Página de inicio
   1. 1. Una navegación comprensible
   2. 2. La página de inicio gráfica
   3. 3. La página de inicio es horizontal
   4. 4. La página de inicio portal
   5. 5. Las páginas de inicio intermedias
   6. 6. Volver a la página de inicio
3. C. La navegación en el sitio
   1. 1. La navegación clásica
   2. 2. Barra de navegación principal
   3. 3. La barra de navegación secundaria
   4. 4. La barra de navegación de acceso rápido
   5. 5. La barra de navegación de información
   6. 6. Mapa del sitio
   7. 7. El hilo de Ariadna
4. D. Esquema de navegación clásico
5. E. Navegación original

Capítulo 10: Accesibilidad de los sitios web

1. A. Objetivo
2. B. La discapacidad y la web
   1. 1. Cifras
   2. 2. Discapacidad sensorial y motora
   3. 3. Programas y materiales adaptados
   4. 4. Crear un sitio accesible
3. C. Marco legal en España
4. D. Crear sitios accesibles
   1. 1. Para sitios públicos
   2. 2. Las normas del W3C
   3. 3. La referencia europea
   4. 4. Técnicas aplicables

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

1. A. Objetivo
2. B. Gestión de contenidos
   1. 1. Actualizar el contenido
   2. 2. Gestionar la dinámica de redacción
   3. 3. Aportar contenido útil
   4. 4. La credibilidad del sitio
   5. 5. Contactos
3. C. Consejos para escribir para la web
   1. 1. Objetivo del sitio
   2. 2. Simple
   3. 3. Abreviar
   4. 4. Errores que deben evitarse
   5. 5. La pirámide invertida
   6. 6. La regla de las cinco W
   7. 7. La importancia de los títulos

Capítulo 12: Posicionamiento web

1. A. Objetivo
2. B. Buscadores
   1. 1. Uso de los buscadores
   2. 2. Búsquedas de los internautas
   3. 3. Posicionamiento orgánico
   4. 4. Palabras clave
3. C. Criterios in page
   1. 1. Principios
   2. 2. Título de las páginas
   3. 3. El elemento meta description
   4. 4. URL de páginas optimizadas
   5. 5. Enlaces explícitos
   6. 6. Imágenes optimizadas
   7. 7. Elementos del encabezado
   8. 8. Palabras en negrita
   9. 9. Calidad del contenido
4. D. Los criterios off page
   1. 1. Principios
   2. 2. Backlinks
   3. 3. La reputación
5. E. Análisis de las visitas
   1. 1. Google Analytics
   2. 2. Los informes en tiempo real
   3. 3. Los informes de audiencia
   4. 4. Los informes de adquisición
   5. 5. Los informes de comportamiento
   6. 6. Los informes de conversión

Capítulo 13: El alojamiento

1. A. Objetivo
2. B. Nombre de dominio
   1. 1. Direcciones IP
   2. 2. Nombres de dominio
   3. 3. Elegir un nombre de dominio
   4. 4. Sintaxis de los nombres de dominio
   5. 5. Registrar un nombre de dominio
   6. 6. Disponibilidad de un nombre de dominio
3. C. Alojamiento
   1. 1. Acceder a Internet
   2. 2. Alojamiento de los ISP
   3. 3. Alojamiento gratuito
   4. 4. Alojamiento profesional compartido
   5. 5. Alojamiento profesional dedicado
4. D. Requisitos técnicos
   1. 1. Valorar el proyecto
   2. 2. Espacio de almacenamiento
   3. 3. Visitas del sitio
   4. 4. Correo electrónico
   5. 5. Seguridad de las redes
   6. 6. Copias de seguridad
   7. 7. Servicio técnico

Capítulo 14: La gestión del proyecto

1. A. Objetivo
2. B. Actores del proyecto
   1. 1. Gestión del proyecto
   2. 2. Equipo profesional
   3. 3. Profesiones
3. C. Aspectos jurídicos
   1. 1. Leyes vigentes
   2. 2. AEPD
   3. 3. Aviso legal
4. D. Protección jurídica de los sitios web
   1. 1. Nombre del dominio
   2. 2. Contenido
   3. 3. Diseño y estructura
   4. 4. Información sobre la protección
5. E. Gestión del proyecto
   1. 1. Pliego de condiciones
   2. 2. El esquema del proyecto
   3. 3. Diseño
   4. 4. Realización
   5. 5. Pruebas de validación
   6. 6. Publicación en línea

Capítulo 15: Crear un sitio web con WordPress.com

1. A. Los objetivos
2. B. La elección tecnológica
3. C. Las ofertas de WordPress.com
4. D. Los conceptos de WordPress
5. E. Crear el sitio en WordPress.com
   1. 1. Elegir el tipo de proyecto deseado
   2. 2. Elegir el nombre de dominio
   3. 3. Seleccionar la oferta deseada
   4. 4. Crear la cuenta
   5. 5. Iniciar sesión en el sitio
6. F. Iniciar sesión en la administración del sitio
   1. 1. Iniciar sesión al finalizar la instalación
   2. 2. Cerrar sesión
   3. 3. Acceder a la administración
   4. 4. La confirmación de la creación
   5. 5. Iniciar sesión desde el sitio publicado
7. G. Los ajustes del sitio
   1. 1. Acceder a los ajustes
   2. 2. El perfil del sitio
   3. 3. La visibilidad del sitio
   4. 4. El pie de página
   5. 5. Las herramientas del sitio
8. H. Los tipos de contenido
9. I. Clasificar las entradas del blog
   1. 1. Las categorías
   2. 2. Crear una categoría
   3. 3. Editar una categoría
   4. 4. Eliminar una categoría
   5. 5. Las etiquetas
   6. 6. Crear una etiqueta
   7. 7. Gestionar las etiquetas
10. J. Los ajustes de escritura
    1. 1. Confirmar la publicación
    2. 2. El formato de las entradas
    3. 3. El formato de fecha y hora
    4. 4. El comienzo de la semana
    5. 5. El resumen
11. K. Escribir entradas del blog
    1. 1. Crear una nueva entrada del blog
    2. 2. El contenido editorial
    3. 3. Dar formato a los títulos
    4. 4. Dar formato a los párrafos
    5. 5. Crear listas
    6. 6. Insertar enlaces
    7. 7. Dar formato al texto
    8. 8. Insertar una imagen
    9. 9. Guardar la entrada del blog
    10. 10. La vista previa de la entrada
12. L. La configuración de las entradas
    1. 1. Las clasificaciones de las entradas
    2. 2. La imagen destacada
    3. 3. Mostrar los botones para compartir
    4. 4. Opciones adicionales
    5. 5. La publicación de la entrada
13. M. La gestión de las entradas
    1. 1. Listar las entradas
    2. 2. Editar una entrada
    3. 3. Cambiar el estado de una entrada
    4. 4. Eliminar una entrada
    5. 5. Los botones de acción
14. N. Las páginas del sitio
    1. 1. Las páginas existentes
    2. 2. Crear una página
    3. 3. El orden de las páginas en el menú
    4. 4. Administrar las páginas
15. O. La gestión de los archivos multimedia
    1. 1. Utilizar los archivos multimedia
    2. 2. Mostrar los archivos multimedia
    3. 3. Insertar una imagen en la biblioteca
    4. 4. Editar una imagen
16. P. Los testimonios
    1. 1. Utilizar los testimonios
    2. 2. Crear un nuevo testimonio
    3. 3. Administrar los testimonios
    4. 4. Mostrar en la página de inicio
    5. 5. Mostrar todos los testimonios
17. Q. Los comentarios
    1. 1. Utilizar los comentarios
    2. 2. Configurar los comentarios
    3. 3. Enviar un comentario
    4. 4. Moderar los comentarios
18. R. Los temas
    1. 1. Utilizar los temas
    2. 2. El tema predeterminado
    3. 3. La personalización del tema
    4. 4. La identidad del sitio
    5. 5. Los colores y el fondo
    6. 6. Las fuentes
    7. 7. La imagen de cabecera
    8. 8. Los menús
    9. 9. Las opciones de contenido
    10. 10. Los widgets
    11. 11. La página de inicio del sitio
    12. 12. El contenido destacado
    13. 13. Las opciones del tema
    14. 14. Los testimonios
    15. 15. Cambiar de tema
19. S. Los usuarios
    1. 1. Entender la gestión de los usuarios
    2. 2. Editar su perfil
    3. 3. Los roles de los usuarios
    4. 4. Añadir un colaborador
20. T. Las estadísticas
21. U. Compartir el contenido
    1. 1. Las redes sociales
    2. 2. Los botones de compartir
22. V. Conclusión
25. índice