Presentaci

1
Construyendo un Hipertexto Unidad 3
Manipulación programa editor en HTML Dreamweaver
MX Studio 2004 Construcción de una página
web. Enlaces y comandos básicos. Construcción
micro-site. Profesor C.S. Luis Fernando Muñoz
Roldán e-mail lfmunoz_at_norma.net
2
Construyendo un Hipertexto Unidad 3
1. Guardar una página Web
Abrir la siguiente dirección en
Internet http//diseno.puj.edu.co/nuevosmedios/cl
ase2.htm Crear una carpeta en disco duro, para
guardar la anterior página. Abrirla en
Dreamweaver. Apreciar cómo están almacenadas
las imágenes y la ruta de cada imagen en la
ventana de propiedades de Dreamweaver.
3
Construyendo un Hipertexto Unidad 3
2. Qué es una direccíón URL?
http//www.utem.cl/web/urlhtml_fm.htm
4
Construyendo un Hipertexto Unidad 3
3. Crear una pagina web
Teniendo en cuenta que ya se sabe como guardar la
información, especialmente los archivos de
imagen, se debe crear una pagina web en
Dreamweaver que contenga un texto, una imagen y
otra gráfica de fondo. Ponerle de nombre
index.htm.
Visitar http//www.dunun.com/index_old.html
5
Construyendo un Hipertexto Unidad 3
4. EL FTP
File Transfer Protocol. Permite el intercambio de
archivos entre el disco duro del computador y el
servidor donde se encuentra publicado el sitio
web. En el navegador escriba ftp//paginas.puj.e
du.co/sulogin En unos instantes aparecerá una
ventana donde escribir su login y password de
acceso a su correo electrónico. Todo lo que
publique en la carpeta pub podrá ser visto
mediante el navegador. La dirección para ver la
información pública del ftp es
http//paginas.puj.edu.co/sulogin.
6
Construyendo un Hipertexto Unidad 3
5. Hipervínculos
Para hacer un enlace a otro documento
con Dreamweaver, se debe tener en cuenta
el nombre del archivo que se va a enlazar.
La ruta que muestra en qué ubicación se
encuentra el archivo que se va a enlazar, debe
apreciarse de forma similar a la barra
superior. Crear cuatro páginas más y enlazarlas
entre todas. Desde cualquier pagina debo poder
llegar a cualquiera de las 5 páginas web.
7
Construyendo un Hipertexto Unidad 3
6. Ejercicio
Ver página del ejercicio que se debe
realizar. http//diseno.puj.edu.co/nuevosmedios/cl
ase2.htm