Crea y Diseña tu Página Web ¡Gratis!

Índice

Agradecimientos

Sobre el autor

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 desarroll

Comentarios

Información de seguridad

• Cargando la información ...