Carrera de Comunicación | Pontificia Universidad Javeriana Construyendo un Hipertexto Unidad 3 Manipulación programa editor en HTML Dreamweaver MX Studio.

Presentación del tema: "Carrera de Comunicación | Pontificia Universidad Javeriana Construyendo un Hipertexto Unidad 3 Manipulación programa editor en HTML Dreamweaver MX Studio."— Transcripción de la presentación:

1 Carrera de Comunicación | Pontificia Universidad Javeriana 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@norma.net

2 Carrera de Comunicación | Pontificia Universidad Javeriana Abrir la siguiente dirección en Internet: http://diseno.puj.edu.co/nuevosmedios/clase2.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. 1. Guardar una página Web Construyendo un Hipertexto Unidad 3

3 Carrera de Comunicación | Pontificia Universidad Javeriana 2. ¿Qué es una direccíón URL? http://www.utem.cl/web/urlhtml_fm.htm Construyendo un Hipertexto Unidad 3

4 Carrera de Comunicación | Pontificia Universidad Javeriana 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. Construyendo un Hipertexto Unidad 3 Visitar: http://www.dunun.com/index_old.html

5 Carrera de Comunicación | Pontificia Universidad Javeriana 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.edu.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. 4. EL FTP Construyendo un Hipertexto Unidad 3

6 Carrera de Comunicación | Pontificia Universidad Javeriana 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. Enlace 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. Construyendo un Hipertexto Unidad 3

7 Carrera de Comunicación | Pontificia Universidad Javeriana 6. Ejercicio Ver página del ejercicio que se debe realizar. http://diseno.puj.edu.co/nuevosmedios/clase2.htm Construyendo un Hipertexto Unidad 3