Creación y diseño Web. Edición 2012

Hoy en día, es imposible encontrar a alguien que no esté presente en Internet, incluso ha cambiado nuestro lenguaje: "googlear" y "bloguear" se utilizan como verbos, y las redes sociales no tienen nada que ver con los encuentros cara a cara.Existen diversas formas de tener presencia en la Web. Puede chatear con sus amigos a través de una página de Facebook, compartir imágenes con otros usuarios por medio de Flickr, publicar videos caseros en YouTube o escribir un diario en un blog alojado en Blogger. Pero si ha comprado esta obra, sin duda busca el estándar de oro de la red: un sitio Web propio.Un sitio Web propio le permite decidir exactamente para qué sirve y controlarlo en su totalidad, integrar otros servicios basados en la red, como Twitter o Facebook e incluir sus vídeos de YouTube. No obstante, tanta libertad supone una gran responsabilidad y tendrá que asegurarse que su web no parezca un anuario de la década de 1960.
Agradecimientos. Sobre el autor. Sobre el equipo creativo.
ÍNDICE Introducción. Qué necesita para empezar. Sobre este libro. Macintosh y Windows. Organización del libro. Convenciones. Código fuente. Parte I. Bienvenido a la Web. 1. Prepararse para la Web. Introducción a la red global (World Wide Web). Navegadores. Elegir un navegador Web. Servidores Web. Planificar un sitio Web. Tipos de sitios. La vida útil de su sitio Web. Practique el buen diseño. Los ingredientes de un sitio Web. 2. Crear la primera página. HTML: el lenguaje de la Web. Desglosar un documento HTML. Ver el código HTML de una página Web. Crear un archivo HTML. HTML, XHTML y HTML5. Etiquetas HTML. Qué hay en una etiqueta. Comprender los elementos. Anidar elementos. El documento HTML. La definición de tipo de documento. El esqueleto básico. Añadir contenido. Estructurar texto. ¿Dónde están las imágenes?. Los 10 elementos más importantes (y alguno más). Comprobar los errores de sus páginas. 3. Mostrar una página en la Web. Cómo funciona el alojamiento Web. Comprender la URL. Cómo analizan los navegadores una URL. Nombres de dominio. Conseguir el nombre de dominio correcto. Buscar un nombre. Registrar el nombre. Aparcar dominios. Redireccionar dominios. Nombres de dominio gratuitos. Obtener espacio Web. Evaluar sus necesidades. Lista de comprobación de alojamiento Web. Escoger el alojamiento Web. Su Proveedor de Servicios de Internet (PSI). Empresas de alojamiento Web. Un paseo por un alojamiento Web (1). Un paseo por un alojamiento Web (2). Alojamientos Web gratuitos. Transferir archivos. FTP. Subir archivos desde el navegador. 4. Herramientas avanzadas. Seleccionar las herramientas. Tipos de editores de páginas Web. Encontrar un editor de páginas Web gratuito. BlueGriffon. Amaya. HMTL-Kit. CoffeeCup Free HTML Editor. Editores HTML profesionales. Trabajar con su editor HTML. Primeros pasos. Vistas múltiples. Crear una página Web en el modo Código. Crear una página Web en Vista WYSIWYG. Gestionar un sitio Web. Definir un sitio en Expression Web. Subir un sitio en Expression Web. Definir un sitio Web en Dreamweaver. Subir un sitio en Dreamweaver. 5. Elementos de texto. Comprender el texto y la Web. Estructura lógica frente a formato físico. CSS (Hojas de estilo en cascada). Elementos HTML para texto básico. Párrafos. Saltos de línea. Encabezados. Líneas horizontales. Texto preformateado. Citas. Divisiones y lapsos. Elementos HTML para listas. Listas ordenadas. Listas sin ordenar. Listas de definición. Anidar listas. Elementos HTML para tablas. Una tabla básica. Celdas. Formato en línea. Formato de texto: cursiva y negrita. Otros elementos de formato. Caracteres especiales. Lenguas no inglesas. Parte II. Crear mejores páginas Web. 6. Hojas de estilo. Conceptos básicos de las hojas de estilo. Tres tipos de hojas de estilo. La anatomía de una regla. Adjuntar una hoja de estilo a una página. Usar una hoja de estilo interna. Usar estilos de línea. La cascada. Herencia. Selectores más potentes. Selectores de clase. Selectores de ID. Colores. Especificar un color. Valores de color hexadecimales. Valores de color RGB. Encontrar el color correcto. Alineación de texto y espaciado. Alineación. Espaciado. Espacio en blanco. Fuentes básicas. Especificar una fuente. Encontrar la fuente correcta. Tamaños de fuente. Tamaño mediante palabras clave. Tamaño mediante porcentaje. Tamaño relativo. Tamaño en píxeles. Fuentes incrustadas. Formatos Web para fuentes. Usar un kit de fuentes. Usar sus propias fuentes. Bordes. Bordes básicos. Crear bordes mejorados. Usar bordes con tablas. Ejercicio práctico: crear una hoja de estilo. Crear una hoja de estilo bien estructurada. Ahorrar trabajo con el elemento <div>. Ahorrar trabajo con selectores contextuales. 7. Añadir gráficos. Comprender las imágenes. El elemento <img>. Texto alternativo. Tamaño de imagen. Formatos de archivo para gráficos. Seleccionar el formato de imagen adecuado. Compresión. Colocar imágenes sobre fondos de color. Imágenes y estilos. Imágenes en línea de texto. Bordes. Envolver texto alrededor de una imagen. Añadir pies de imagen. Imágenes de fondo. Marcas de agua de fondo. Técnicas con gráficos. Texto gráfico. Fondos para otros elementos. Viñetas gráficas en una lista. Buscar arte gráfico gratuito. 8. Vincular páginas. Concepto de ancla. Enlaces internos y externos. Enlaces relativos y carpetas. Descender a una subcarpeta. Ascender a una carpeta superior. Acceder a la carpeta raíz. Cambiar los colores y el subrayado de enlaces. Enlaces mailto. Enlaces de imagen y mapas de imagen. Añadir marcadores. Cuando los buenos enlaces fallan. Administrar sitios. Comprobadores de enlaces. Utilizar el redireccionamiento. 9. Diseño de páginas. El reto del espacio de pantalla. Diseño basado en estilo. Estructurar páginas con el elemento <div>. Cuadros flotantes. Cuadros fijos. Crear un diseño con varias columnas. Crear un diseño de ancho fijo. Crear un diseño que cambie de tamaño. Anchura máxima: la red de seguridad. Ampliar la altura de las columnas. Sitios superflexibles: el zen del diseño Web. Técnicas de diseño avanzadas. Capas. Combinar el posicionamiento absoluto y el relativo. Ajustar el tamaño de las tablas. Ajustar el tamaño de una tabla. Ajustar el tamaño de una columna. Ajustar el tamaño de una fila. 10. Páginas con múltiples partes. Comprender páginas con múltiples partes. Inclusiones del lado del servidor. Plantillas de página. Comprender las plantillas de página. Crear una plantilla de página nueva. Anatomía de una plantilla de página. Utilizar una plantilla de página. Parte III. Conectar con el público. 11. Mostrar su sitio al mundo. El plan de promoción de su sitio Web. Ofrecer su sitio a los motores de búsqueda. Elegir títulos de página con sentido. Incluir una descripción de la página. Proporcionar un texto alternativo para todas las imágenes. Usar el texto descriptivo en enlaces. No hacer trampas. Registrarse en directorios. Open Directory Project. El directorio Yahoo. Registrarse con motores de búsqueda. Ascender en la clasificación. Esconderse de los motores de búsqueda. Herramientas para webmasters de Google. Controlar a sus visitantes. Comprender Google Analytics. Registrarse en Google Analytics. Examinar el tráfico Web. Gráfico de visitas. Uso del sitio. Gráfico de visitas por ubicación. Visión general de las fuentes de tráfico. Visión general del contenido. 12. Promocionar sitios Web. Difundir la palabra. Autopromoción desvergonzada. Google Places. Goggle AdWords. Visitantes de vuelta. Transformar su sitio en una comunidad. Alojar una comunidad Web. Herramientas comunitarias para sitios Web. Boletines informativos por correo electrónico. Twitter. Grupos. Acerca de Google Groups. Crear un grupo. Participar en un grupo. Administrar un grupo. Facebook. Crear una página de fan. Añadir fichas a la página. Promocionar su página de Facebook en su sitio Web. 13. Blogs. Comprender los blogs. Blogs populares. Sindicación. Alojamiento y software de blogs . Primeros pasos con Blogger. Crear un blog. Crear entradas con formato. Administrar un blog. Cambiar ajustes comunes. Configurar su perfil de Blogger. Asignar un nombre de dominio personalizado a un blog. Personalizar su plantilla. Cambiar el formato de una plantilla. Cambiar (y reorganizar) los gadget de su plantilla. Editar el código HTML de una plantilla. Administrar comentarios. Eliminar comentarios. Moderar comentarios. 14. Ganar dinero con su sitio Web. Hacer dinero a la manera de la Web. Google AdSense. Registrarse en AdSense. La interfaz de AdSense. Crear un anuncio. Colocar anuncios en sus páginas Web. Búsquedas impulsadas por Google. Amazon Associates. Registrarse como asociado. Generar enlaces de asociado. Enlaces de productos. Enlaces avanzados. Herramientas de comercio PayPal. Registrarse en PayPal. Aceptar pagos. Crear un carro de la compra. Crear un estilo de página personalizado. Generar los botones de carro de la compra. Retirar dinero. Parte IV. Adornar un sitio Web. 15. JavaScript: añadir interactividad. Comprender JavaScript. Programación del lado del servidor y del lado del cliente. Lenguajes de creación de secuencias de comandos. Fundamentos de JavaScript. El elemento <script>. Secuencias de comandos y HTML. Navegadores que no admiten JavaScript. Variables. Declarar variables. Modificar variables. Un ejemplo con variables. Funciones. Declarar una función. Invocar una función. Funciones que reciben información. Funciones que devuelven información. Archivos de secuencias de comandos externas. HTML dinámico. Objetos HTML. Utilizar objetos HTML en una secuencia de comandos. Eventos. Rollover de imagen. Texto desplegable. Formularios interactivos. Elementos de formulario. Un formulario básico. Secuencias de comandos en la red. Encontrar una secuencia de comandos atractiva. Bibliotecas de JavaScript. Dispositivos Web. 16. Botones y menús sofisticados. Botones sofisticados. Crear imágenes de botón. Generar un efecto de rollover con CSS. Botones de imagen con texto. Botones sin imágenes. Menús sofisticados. Crear menús desplegables propios. Menús de terceros. Obtener la secuencia de comandos. Crear el menú. 17. Audio y vídeo. Comprender los elementos multimedia. Enlazar, incrustar y alojar. Tipos de archivo multimedia. Música de fondo. El elemento <embed>. Opciones de incrustación de audio. Reproductores MP3 Flash. El reproductor Premiumbeat: reproducir una lista de canciones. El reproductor de Yahoo!: desarrollar todos sus enlaces. Bucles Flashtrak. Clips de vídeo. Preparar vídeo. Enlazar e incrustar vídeo. Vídeo Flash. Vídeo en HTML5. Subir sus vídeos a YouTube. Registrarse en YouTube. Preparar un vídeo. Subir un vídeo. Ver un vídeo. Parte V. Apéndices. Apéndice A. Referencia rápida de HTML. Elementos HTML. Elementos semánticos de HTML5. Entidades de carácter HTML. Apéndice B. Sitios Web útiles. Enlaces de capítulos. Índice alfabético.