AO DE LA CONSOLIDACIN ECONMICA Y SOCIAL DEL PER

COLEGIO MILITAR LEONCIO PRADO

DISEO WEB DREAMWEAVER cs3

SESIN I: conceptos generales, entorno de trabajo, vistas, ventanas y paneles. Definiendo mi

1er sitio web, barra insertar, panel archivos.

1. CONCEPTOS GENERALES: Dreamweaver CS3 es un software fcil de usar que permite crear
pginas web profesionales. Las funciones de edicin visual permiten agregar rpidamente diseo y
funcionalidad a las pginas, sin la necesidad de programar manualmente el cdigo HTML.
Se puede crear tablas, editar marcos, trabajar con capas, insertar comportamientos JavaScript,
etc., de una forma muy sencilla y visual.

Cualquier editor de texto permite crear pginas web. Para ello slo es necesario crear los
documentos con la extensin HTML o HTM, e incluir como contenido del documento el cdigo
HTML deseado. Puede utilizarse incluso el Bloc de notas para hacerlo.

Adems de Dreamweaver, existen otra serie de buenos editores de pginas web, como pueden ser
Microsoft Frontpage, Adobe Pagemill, Adobe GoLive, NetObjects Fusion, CutePage, HotDog
Proffesional, Netscape Composer y Arachnophilia, algunos de los cuales tienen la ventaja de ser
gratuitos.

Cmo tener una pgina en Internet? Para poder poner una pgina web en Internet, es necesario
contratar a alguna empresa con servidores que pueda alojarla y hacerla accesible desde Internet
las 24 horas del da. El precio por disponer de espacio propio en el servidor depender de la
empresa, del espacio en disco, volumen de transferencia y otras opciones que podamos contratar.
Hay empresas que ofrecen este servicio gratuitamente, pero con ciertas limitaciones: poco espacio
de disco, lentitud y nombre de nuestra pgina precedido por el de la suya. Hay que tener tambin
en cuenta que estas empresas deben generar ingresos de alguna forma, por lo que se dedican a
vender espacios publicitarios dentro de nuestras pginas, publicidad que no podremos negarnos a
incluir en ellas. Cuando se va a contratar un servicio de hospedaje es necesario contratar tambin
un dominio, tarea de la que se suele encargar la propia empresa de hospedaje. Registrar un
dominio consiste en registrar un nombre para nuestra pgina. Este nombre no puede estar
repetido en Internet, ha de ser nico, al igual que ocurre con los nombres de las empresas. Es
posible registrar un mismo nombre con distintas terminaciones, como por ejemplo, .net, .org, .es o
.com. En el caso de los hospedajes gratuitos no es necesario registrar ningn dominio, ya que
nuestra pgina no ser ms que un archivo dentro de la de la empresa contratada.

Por tanto, una vez hayas terminado de disearla en modo local slo tendrs que subirla a tu
servidor manteniendo la estructura del local. Es decir, debers subir todos los archivos tal y como
aparecen en tu disco duro, respetando el nombre de los archivos y la organizacin de las carpetas.
Si no lo haces de este modo, tu sitio experimentar fallos y enlaces que no funcionarn.
COLEGIO MILITAR EMBLEMTICO DEL PER
EDUCACIN PARA EL TRABAJO COMPUTACIN DISEO WEB Pagina 1 / 10 PROFESOR ALONSO PANTA PANTA
 AO DE LA CONSOLIDACIN ECONMICA Y SOCIAL DEL PER

COLEGIO MILITAR LEONCIO PRADO

2. ENTORNO DE TRABAJO:
1
2
3

7
8
rea de trabajo

5
6

1.- Barra de titulo 5.- Barra de estado y de etiquetas

2.- Barra de mens 6.- Panel de propiedades
3.- Barra de herramientas (Insertar) 7.- rea de trabajo
4.- Barra de herramientas de documento 8.- Paneles acoplables

3. VISTAS:
VISTA CDIGO: se utiliza para poder trabajar en un entorno totalmente de programacin

VISTA DISEO: permite trabajar con el editor visual, esta vista se suele utilizar habitualmente.

COLEGIO MILITAR EMBLEMTICO DEL PER

EDUCACIN PARA EL TRABAJO COMPUTACIN DISEO WEB Pagina 2 / 10 PROFESOR ALONSO PANTA PANTA
 AO DE LA CONSOLIDACIN ECONMICA Y SOCIAL DEL PER

COLEGIO MILITAR LEONCIO PRADO

VISTA DIVIDIR: permite dividir la ventana en dos zonas. La zona superior muestra el cdigo
fuente, y la inferior el editor visual.

4. Definiendo mi 1er sitio web: Un sitio web es un conjunto de archivos y carpetas, relacionados
entre s, con un diseo similar o un objetivo comn, Clic en el men Sitio, Nuevo sitio....

COLEGIO MILITAR EMBLEMTICO DEL PER

EDUCACIN PARA EL TRABAJO COMPUTACIN DISEO WEB Pagina 3 / 10 PROFESOR ALONSO PANTA PANTA
 AO DE LA CONSOLIDACIN ECONMICA Y SOCIAL DEL PER

COLEGIO MILITAR LEONCIO PRADO

Recuerda: La forma habitual de crear un sitio consiste en crear una carpeta en el disco local. Los documentos HTML normalmente
se crean dentro de dicha carpeta, mientras que para contener las imgenes, las animaciones, las hojas de estilo, etc., se deben crear
nuevas carpetas dentro de sta, con el objetivo de tener una mejor organizacin de los archivos a la hora de trabajar. Esto es lo que
se conoce como sitio local. Despus se podrn copiar los archivos en un servidor web, en el denominado sitio remoto, lo que equivale
a publicar el sitio, de modo que la gente podr verlo en Internet.

5. BARRA INSERTAR:

6. PANEL ARCHIVOS:

Recuerda: que ser mejor que no utilices caracteres especiales como

acentos o ees, ni espacios en blanco. De esta forma te asegurars de que el
servidor puede reconocer sin ningn tipo de problemas los nombres de los
archivos que alojes en l.
Para evitar errores de enlaces rotos o imgenes que no se muestran intenta
escribir, tambin, los nombres en minscula. Algunos servidores distinguen
entre maysculas y minsculas, por lo que si en tu pgina quieres mostrar la
imagen foto1.jpg debers guardarla con ese nombre y no como Foto1.jpg.
Evitars horas perdidas buscando fallos.

COLEGIO MILITAR EMBLEMTICO DEL PER

EDUCACIN PARA EL TRABAJO COMPUTACIN DISEO WEB Pagina 4 / 10 PROFESOR ALONSO PANTA PANTA