Introducción
¿Por qué este libro?
¿Gratis, en serio?
Software de código abierto
¿Es esto legal?
No puedo hacer esto ¿verdad?
Nota sobre la tercer edición
Mi sitio
Cómo utilizar este libro
Trucos y advertencias
Web 101
¿Qué es Internet?
¿Qué es World Wide Web?
¿Qué es una página Web?
¿Qué es un sitio Web?
¿Qué es un navegador Web?

1. El orden de las cosas
El proceso de creación del sitio Web
1. Planificación
2. Diseño
3. Construcción
4. Pruebas
5. Promoción y mantenimiento
Por qué debería seguir este orden

2. Elegir una ubicación para su sitio
Hospedaje Web
¿Qué es un servidor Web?
Determinar las necesidades de su hospedaje Web
Coste
Conocimiento técnico requerido
Necesidades de mantenimiento
Espacio de almacenamiento
Accesibilidad
Necesidades de ancho de banda
Necesidades de seguridad
Servicio de nombres de dominio
Opciones de hospedaje
Hospedaje en casa
Hospedaje online gratuito
Servicio de hospedaje online
Hospedaje profesional
Hospedaje comercial
Por lo tanto, ¿qué es mejor para usted?
Trabajar con diferentes tipos de servicios de hospedaje
Servicios gratuitos
Sitios comerciales de bajo coste
Otros recursos

3. Planificar su sitio
¿Qué tipo de sitio desea construir?
Tipos de sitios
Aprender de los sitios que visita
Objetivos del sitio Web
Organizar sitios Web
Organizar el sitio
Organizar mi sitio personal
Organizar la página
Diseños de página Web
Mejores prácticas de organización de sitio Web
Mantenga su sitio sencillo
Mantenga su sitio Web consistente
Mantenga su sitio Web fácil de mantener

4. Diseñar su sitio
No sé crear un sitio Web que sea tan bueno
Contenido antes que diseño
Diseño global
Ideas de diseño
Colores
Los cuatro mágicos
Color hexadecimal
Esquemas de color
Daltonismo
Fuentes
Fuentes del sistema
Fuentes como imágenes
Fuentes y color
Imágenes
Hojas de estilo en cascada
Mejores prácticas de diseño
El contenido lo es todo
Lo que sea nuevo delante y centrado
Manténgalo sencillo
No utilice captadores de atención
Sea consistente

5. Hacerse con las mejores herramientas
Encontrar las herramientas correctas para realizar el trabajo
Sitios de herramientas y comentarios
Descargar nuevo software
Herramientas esenciales
Sistemas operativos
Navegadores Web
Suites de Office
Programas de FTP
Editores de texto
Editores gráficos
Editores HTML
Grabadores de sonido
Edición de vídeo
Herramientas avanzadas
Futuro de las herramientas Web gratuitas

6. Mover archivos a y desde Internet
Almacenar sus archivos
Nombrar archivos
Mantener todos sus archivos Web en un solo lugar
Tener una estructura organizativa
Utilice un sistema de control de versiones
Realice copia de seguridad de sus archivos
Enviar archivos a Internet
Inicio de sesión
Crear una lista de sitios FTP
Añadir nuevos archivos
Cambiar archivos existentes
Descargar archivos desde un servidor FTP
Un archivo o muchos
Descargar desde un navegador
Tipos de archivos de descarga
Mejores prácticas para la descarga de archivos

7. Elementos de un sitio Web
Contenido
Mejores prácticas de contenido
Estándares de contenido
Partes de una página Web
Título
Cabecera
Cuerpo
Pie de página
Barras laterales
Elementos de navegación
Partes de un sitio Web
Página principal
Páginas de contenido
¿Cómo organizo mi sitio?
Publicidad Web
Anuncios en banners
Anuncios animados
Google AdSense
iSocket
Widgets de publicidad

8. Utilizar sitios Web existentes
Sitios de redes sociales
MySpace
Facebook
Twitter
Otros sitios Web 2.0
Pinterest
Flickr
Delicious.com
Promocionar su sitio Web en otros sitios

9. Servicios de página Web
Antes de comenzar
Google Sites
Registrarse en Google Sites
Crear un Google Site
Editar una página
Crear una página
Mover una página
Eliminar una página
Editar configuración de página
Editar configuración de sitio
Características y limitaciones de Google Sites
Weebly
Registrarse en Weebly
Crear un sitio en Weebly
Editar una página
Características y limitaciones
Webs
Registrarse en Webs

10. HTML 101
La estructura del HTML
Elementos, etiquetas y atributos
La estructura de los elementos
Etiquetas HTML comunes
Etiquetas de la estructura HTML
Etiquetas de texto
Listas
Tablas
Hipervínculos
Imágenes
Editores HTML gratuitos
Editores de texto
Editores WYSIWYG
Recursos
Utilizar un editor de texto para crear HTML

11. HTML5
¿Qué es HTML5 y por qué debería preocuparme?
Estándares
World Wide Web Consortium (W3C)
HTML y XHTML
Estándar HTML5
Alto nivel de cambios
Visión general de los navegadores
Recursos HTML5
Elementos HTML5
Elementos de estructura
Elementos multimedia
Formularios HTML5
Material divertido
Elementos eliminados

12. Trabajar con imágenes
Crear gráficos
Compresión: Con pérdida y sin pérdida
Editar imágenes
Cambiar tamaño de imágenes
Guardar imágenes
Optimizar imágenes
Cuándo utilizar diferentes tipos de archivos
Recortar imágenes
Mapas de imagen
GIF animados
Imágenes y HTML
La etiqueta de imagen
Imágenes en línea
Imágenes de fondo
Encontrar imágenes
Imágenes gratuitas
Imágenes de otras personas
Utilizar sus propias imágenes

13. Trabajar con multimedia
Archivos de audio digital
Formatos de audio
Reproductores de audio
Digitalizar audio
Edición de audio
Audio en streaming
Recursos de audio
Archivos de vídeo digital
Formatos de vídeo
Reproductores de vídeo
Digitalizar vídeo
Edición de vídeo
Sitios de hospedaje de vídeo
Trabajar con YouTube
Recursos de vídeo
Mejores prácticas de multimedia

14. Crear un sitio con HTML
Cómo funcionan las páginas Web
Archivo de página
Extensiones
Herramientas para crear páginas Web
Partes de una página
Hipervínculos
Hojas de estilo en cascada
Formato de una hoja de estilo
Crear y vincular una hoja de estilo
Juntarlo todo
Scripts
Utilizar plantillas

15. JavaScript para principiantes
¡Sí! ¡Puede ser programador!
Proceso de programación
Herramientas de programación
Consola JavaScript
Editores de texto
Complementos de navegador
Fundamentos básicos de JavaScript
Funciones de JavaScript
Versiones de JavaScript
Requisitos JavaScript
El elemento script
Scripts en línea y externos
Ejemplo JavaScript sencillo: Rollovers y contenido dinámico
Recursos JavaScript
Tutoriales
Librerías de scripts

16. ¿Cómo hacen eso?
Ver código de otros sitios Web
Complementos Firefox de desarrollo Web
Complementos recomendados de desarrollo Web Firefox
Complementos recomendados de desarrollo Web Chrome
Complementos recomendados de desarrollo Web Safari
Insignias
Widgets
Plantillas
Redes y sitios de desarrolladores

17. Conseguir que su sitio funcione en smartphones y tabletas
¿Por qué debería preocuparse por la Web móvil?
Cómo accede la gente a la Web móvil
Convertirse en un usuario de la Web móvil
Dispositivos de Internet móvil
Sistemas operativos móviles
Navegadores móviles
Limitaciones de la Web móvil
Hacer que su sitio Web sea móvil
Detección de navegador móvil
Dominios y subdominios
Utilizar el código correcto
Tamaños de página
Interfaz
Cosas que se deben evitar
Herramientas y sitios de la Web móvil
Probar su sitio en un teléfono móvil

18. Probar su sitio Web
Por qué probar es importante
Crear un plan de pruebas
Empezar por el final
Probar la funcionalidad básica
Probar el HTML
Probar los navegadores
Probar la resolución
Probar la impresión
Probar la navegación
Probar la consistencia del diseño
Probar la seguridad
Probar sitios Web para móviles y tabletas
Probar la accesibilidad
Después de las pruebas
Herramientas de pruebas

19. Promocionar su sitio Web
Autopromoción
Tener contenido excelente y único
Actualizar contenido
Publicitar su URL
Conectarse con otros
Sitios de medios sociales para la autopromoción
Motores de búsqueda
Cómo funcionan los motores de búsqueda
Optimizar su sitio para los motores de búsqueda
Palabras clave
Metaetiquetas

20. Mantener su sitio Web
¿Qué? ¿Todavía no he terminado?
Mantenimiento regular
Tareas semanales
Tareas mensuales
Tareas anuales
El poder de la analítica
Analítica común y su significado
Utilizar Google Analytics
Modificar su sitio basado en analítica

21. Crear un blog con WordPress
¿Qué es un blog?
¿Por qué debería utilizar uno?
Publicar en blogs
Sindicación
¿Qué es WordPress?
Versiones de software
Crear un blog con WordPress.com
Registrarse en WordPress.com
Activar su cuenta
Acceder a su blog
Escribir entradas de blog
Gestionar entradas de blog
Cambiar el diseño de su blog
Gestionar los comentarios en su blog
Configurar su propio blog con software WordPress
Información que necesita antes de empezar
Cómo funciona el software WordPress
¿Cuánto cuesta todo esto?
Antes de instalar su software
Confirmar que el software correcto está instalado en su servidor
Obtener un editor de texto
Obtener un cliente FTP
Elegir un nombre de usuario y contraseña
Descargar e instalar WordPress
Descargar el software WordPress
Personalización de WordPress
Añadir temas
Añadir plug-ins
Personalizar Wordpress
Modificar temas
Crear temas
Crear plug-ins
Blogging en su iPhone
Una sencilla solución de blogs
Mantenerse al tanto

22. Crear un sitio de negocios utilizando un sistema de gestión de contenidos
Cinco razones para utilizar código abierto como su CMS
Crear un sitio con Joomla!
Antes de instalar su software Joomla!
Descargar e instalar Joomla!
Añadir artículos
Gestionar usuarios
Módulos, plug-ins y plantillas
Mantenerse al tanto
Otros CMS de código abierto

23. Crear un sitio Web multimedia
Mejores prácticas para multimedia
Utilizar multimedia
Almacenar archivos multimedia
Descargar archivos de audio y vídeo
Audio y vídeo en streaming
Opciones avanzadas de multimedia
Wix.com (www.wix.com)
Webtrends Apps (webtrends.com)
Multimedia avanzada de código abierto

24. Construir un sitio con una wiki
Cinco razones para utilizar Wikia para albergar su wiki
Cinco razones para utilizar MediaWiki para su wiki
¿Qué es Wikia?
Crear una wiki con Wikia
Registrarse en Wikia
Añadir una página
Editar una página
Vincular páginas
Ver la página historial
¿Qué es MediaWiki?
Información que necesita antes de empezar
Arquitectura de software MediaWiki
Antes de instalar su software MediaWiki
Descargar e instalar Media Wiki
Mantenerse al tan A. Listado de las etiquetas HTML más comun B. Sitios de software gratuito y de código abierto
Historia del código abierto
Noticias sobre código abierto
Sitios generales de código abierto
Sistemas operativos
Navegadores Web
Suites Office
Herramientas de transferencia de archivos
Editores de texto
Editores gráficos
Editores HTML
Editores de vídeo
Grabación de sonido
Servidores Web
Herramientas de base de datos
Software de blog
Software CMS
Software Wiki
Herramien alfabético