PDF de programación - Sitios Web desde Cero

Sitios web Cerodesde

Dreamweaver es la aplicación más difundida para la
construcciónde sitios profesionales, mientras que Fireworks
es la herramienta ideal para crear, editar y animar imágenes
para la Web. Ambas nos permitirán conseguir resultados
atractivos y de calidad, para así lograr ¡los mejores sitios web!

Dentro del libro encontrará
Principales conceptos de Dreamweaver | Propiedades de página y atributos meta |
Tablas y celdas | Inserción de imágenes y vínculos | Organización del proyecto |
Estructura de árbol del sitio | Diseño estático | Fireworks | Diseño HTML | Fusión |
Espacios | Bordes | Pautas de diseño | Elementos gráficos dinámicos | Capas
y fotogramas | GIFs animados | Insertar elementos gráficos | Modificación de escala
y tamaño | Guardar diferentes archivos

Web Sites from scratch
Dreamweaver and Fireworks are two of the world most renowned and adopted
programs for creating web pages. This book includes the best techniques and advices to
achieve professional results, and shows the path to become an expert web designer!

Nuestro sitio reúne a la mayor comunidad de tecnología en América Latina. Aquí
podrá comunicarse con lectores, editores y autores, y acceder a noticias, foros y blogs
constantemente actualizados.

Si desea más información sobre el libro:
Servicio de atención al lector [email protected]

Sobre la colección
 Aprendizaje práctico, divertido,
rápido y sencillo
 Lenguaje simple y llano para
una comprensión garantizada
 Consejos de los expertos para
evitar problemas comunes
 Guías visuales y procedimientos
paso a paso

Otros títulos de esta
misma colección
Blogs / Windows 7 / Office
Redes / Hacking / Linux
Secretos Excel

El contenido de
esta obra formó
parte del libro
Dreamweaver +
Firewoks.

Sitios web
b Cerodesde

Diseñe sitios asombrosos con
Dreamweaver + Fireworks
Dreamweaver + Fireworks

e
w

s
o
i
t
i
S

 Definir la
estructura del sitio

 Pautas de diseño
para la Web

 Creación de hojas
de estilo y plantillas

 Edición y optimización
de imágenes

 ¡Y mucho más!

www.FreeLibros.mePhotoshop es el programa líder

indiscutido para retoque fo-

tográfico. Esta obra imperdible

le permitirá conocer los secretos

y entender la teoría para realizar

montajes y correcciones de

manera realista y con resultados

sorprendentes.

>> HOME / PHOTOSHOP
>> 192 PÁGINAS
>> ISBN 978-987-1773-13-8

LIBRO Linux Desde Cero - COLECCION FLUO 15x19 - BOMBO RCT - Ene 11.indd 1
LIBRO Linux Desde Cero - COLECCION FLUO 15x19 - BOMBO RCT - Ene 11.indd 1

14/01/2011 18:13:56
14/01/2011 18:13:56

www.FreeLibros.me17_SitiosWeb_Pre_001_010_corregido.qxp 10/05/2011 08:48 a.m. Página 1

www.FreeLibros.me17_SitiosWeb_Pre_001_010_corregido.qxp 10/05/2011 08:48 a.m. Página 2

TÍTULO: Sitios Web
COLECCIÓN: desde Cero
FORMATO: 15 X 19 cm
PÁGINAS: 192

Copyright © MMXI. Es una publicación de Fox Andina en coedición con
DALAGA S.A. Hecho el depósito que marca la ley 11723.Todos los dere-
chos reservados. Esta publicación no puede ser reproducida ni en todo ni
en parte, por ningún medio actual o futuro sin el permiso previo y por
escrito de Fox Andina S.A. Su infracción está penada por las leyes 11723
y 25446. La editorial no asume responsabilidad alguna por cualquier
consecuencia derivada de la fabricación, funcionamiento y/o utilización
de los servicios y productos que se describen y/o analizan.Todas las mar-
cas mencionadas en este libro son propiedad exclusiva de sus respecti-
vos dueños. Impreso en Argentina. Libro de edición argentina. Primera
impresión realizada en Sevagraf, Costa Rica 5226, Grand Bourg, Malvinas
Argentinas, Pcia. de Buenos Aires en V, MMXI.

ISBN 978-987-1773-20-6

Sitios web / coordinado por Daniel Benchimol.
- 1a ed. - Buenos Aires: Fox Andina; Dalaga, 2011.
v. 17, 192 p. ; 19x15 cm. - (Desde cero; 17)
ISBN 978-987-1773-20-6

1. Informática. I. Daniel Benchimol, coord.
CDD 005.3

www.FreeLibros.me17_SitiosWeb_Pre_001_010_corregido.qxp 10/05/2011 08:48 a.m. Página 3

Prólogo

Prólogo al contenido

En los tiempos actuales, tener un sitio web es funda-
mental para posicionar cualquier emprendimiento:
una empresa, una organización sin fines de lucro, un
pequeño comercio, entre muchos otros. Si no conta-
mos con la presencia de estos en el ciberespacio, la
promoción y difusión se complica más de la cuenta.
Por lo tanto, poseer los conocimientos para diseñar
y armar un sitio web es un valor agregado muy
importante en la sociedad de hoy en día.

Tener esta habilidad nos permite una mejor inser-
ción en el mercado laboral: tanto para armar
el sitio de nuestro propio emprendimiento, como
para postularse a un nuevo trabajo o crear nues-
tro estudio de Diseño web.

Realizar un sitio web, si tenemos la información ade-
cuada, resulta una tarea sencilla. La idea detrás de
este libro es proporcionar una guía práctica para dise-
ñar un sitio web con Dreamweaver y Fireworks y,
también, responder cuestiones que cualquier perso-
na, sea o no diseñador/programador web, debería
saber a la hora de encargar a un tercero su sitio.

Uno de los objetivos principales es que este libro sirva
como un material de consulta al recurrir frente a una
cuestión funcional concreta, y no solamente para
saber, por ejemplo, cómo se inserta una tabla en
Dreamweaver. ¡Es nuestro deseo que esta obra sea
una gran herramienta de ayuda para la creación de
sitios web de carácter profesional!

3

www.FreeLibros.me17_SitiosWeb_Pre_001_010_corregido.qxp 10/05/2011 08:48 a.m. Página 4

PRELIMINARES

El libro de un vistazo

Este libro está enfocado a usuarios principiantes e intermedios, que deseen aprender cómo diseñar un sitio
web, desde el principio. Para ello, utilizaremos los programas Dreamweaver y Fireworks, además estudiare-
mos los conceptos fundamentales de estas aplicaciones.

CAPÍTULO 1
PRINCIPALES CONCEPTOS
DE DREAMWEAVER

Realizaremos un repaso de los contenidos básicos
de Dreamweaver. Incluirá creación de tablas, inser-
ción de atributos meta, creación de vínculos y
propiedades de página.

CAPÍTULO 2
INTRODUCCIÓN A FIREWORKS

Haremos un repaso de los contenidos básicos de
Fireworks. Incluirá edición de imágenes, diseño de
GIF animados y barras de navegación dinámicas
con comportamientos.

4

CAPÍTULO 3
DISEÑO ESTÁTICO

Elaboraremos el diseño estático preliminar del
sitio. Analizaremos los componentes estructurales
y de contenido, además de trabajar cuestiones de
colores, tipografías, plantillas y hojas de estilo.

www.FreeLibros.me17_SitiosWeb_Pre_001_010_corregido.qxp 10/05/2011 08:48 a.m. Página 5

El libro de un vistazo

CAPÍTULO 4
ELEMENTOS GRÁFICOS
ESTÁTICOS

Trabajaremos en el diseño de los elementos gráficos
estáticos del sitio. Crearemos diferentes archivos ori-
ginales de imagen para insertar en Dreamweaver,
como encabezados y pies de páginas.

CAPÍTULO 6
ELEMENTOS GRÁFICOS
DINÁMICOS E INSERCIÓN
DE LOS ARCHIVOS EN EL HTML
Nos ocuparemos del diseño de los elementos gráfi-
cos dinámicos del sitio. Crearemos GIF animados y
barras de navegación dinámicas con comportamien-
tos JavaScript programables. Además, insertaremos
en HTML los diferentes elementos gráficos creados.

CAPÍTULO 5
DISEÑO EN HTML

Aprenderemos a preparar la estructura de tablas en
Dreamweaver para comenzar a estructurar el sitio.
Abordaremos cuestiones de espacios entre celdas,
bordes, propiedades de tablas y alineaciones.

SERVICIOS
AL LECTOR

En este último apartado, incluimos un índice temático
organizado por palabras, que nos permitirá encontrar
los términos más importantes utilizados en la obra.

5

www.FreeLibros.me17_SitiosWeb_Pre_001_010_corregido.qxp 10/05/2011 08:48 a.m. Página 6

PRELIMINARES

Contenido del libro

Prólogo al contenido
El libro de un vistazo
Introducción a Sitios web

003
004
010

Tablas y celdas

Tablas
Celdas

CAPÍTULO 1
PRINCIPALES CONCEPTOS
DE DREAMWEAVER

011

Principales conceptos de Dreamweaver
Orden y nombre de los archivos
Menús y barras de herramientas

Menú principal
Barra de herramientas horizontal
Área de trabajo
Barra de propiedades

012
012
012
013
014
014
016

Marcos
¿Qué son las plantillas?
Hojas de estilo/CSS
Inserción de imágenes
Insertar vínculos
Multiple choice

CAPÍTULO 2
INTRODUCCIÓN
A FIREWORKS

Introducción a Fireworks
Menús y barras de herramientas

Menú principal
Barra de herramientas vertical
Área de trabajo
Barra de propiedades
Barra de ventanas

019
019
020
021
023
024
025
026
028

029

030
030
030
030
030
035
036

Barra de ventanas

Propiedades de página y atributos meta

Propiedades de página
Atributos meta

017
017
018
018

6

www.FreeLibros.me17_SitiosWeb_Pre_001_010_corregido.qxp 10/05/2011 08:48 a.m. Página 7

Propiedades de elementos

Propiedades del área de trabajo
Propiedades de imagen
Propiedades de texto

Filtros

Ajustar color
Desenfocar
Otro
Perfilar
Ruido

Multiple choice

CAPÍTULO 3
DISEÑO ESTÁTICO

036
036
038
039
040
040
041
041
042
043
044

045

¿Por qué usar Fireworks
para diseñar nuesto sitio?
046
Componentes estructurales y de contenido 047
052
Colores y tipografías
Fondos
055

Contenido del libro

Plantillas
Hojas de estilo

Posibilidades de adaptación de elementos
gráficos a tablas y celdas
Multiple choice

060
062

063
066

CAPÍTULO 4
ELEMENTOS GRÁFICOS
ESTÁTICOS

Elementos gráficos estáticos
Diseño y creación de elementos
gráficos estáticos

Diferentes formatos de imagen

por utilizar

Peso de la imagen

067

068

068

068
068

Identificación y creación
de archivos originales de imagen
069
Aplicación de filtros y máscaras para la Web 084
Multiple choice
104

Identif