Diplomado de diseño Web Nivel I Ingeniero: Alexander Henao M. Cel.: 300 766.

Presentación del tema: "Diplomado de diseño Web Nivel I Ingeniero: Alexander Henao M. Cel.: 300 766."— Transcripción de la presentación:

1 Diplomado de diseño Web Nivel I Ingeniero: Alexander Henao M. E-Mail: asesor.henao@hotmail.comasesor.henao@hotmail.com ahenao@udem.edu.co Cel.: 300 766 68 61 BBPIN: 21A671E9 1

2 CONCEPTOS Página Web: Hace referencia a un documento html o a un solo archivo con extensión.html o cualquier extensión para Web. Sitio Web: Es un conjunto de archivos y carpetas. Sitio Web local: hace referencia a un sitio web localizado localmente en una unidad de almacenamiento. Sitio Web remoto: Hace referencia a la conexión de un servidor y donde se encuentra un sitio web. FTP: protocolo de transferencia de archivos, es el protocolo más utilizado para realizar el proceso de publicación de un sitio en un servidor. URL: localizador uniforme de recursos, no es más que la dirección Web. 2

3 CREAR UN SITIO LOCAL DESDE DREAMWEAVER 3 Del menú sitio elija la opción nuevo sitio

4 CREAR UN SITIO LOCAL DESDE DREAMWEAVER 4 Digite el nombre del sitio que desee, (Este nombre es para identificarlo en el editor Web dreamweaver). El nombre del sitio es independiente al nombre de la carpeta raíz, esto quiere decir, que pueden tener el mismo nombre o diferente nombre. Ahora seleccione o cree la carpeta raíz del sitio. Si desea crear una nueva carpeta raíz Seleccionar o crear la carpeta raíz

5 CREAR UN SITIO LOCAL DESDE DREAMWEAVER Ahora visualice el panel archivos, si no lo tiene puede activarlo desde el menú ventana_archivos. Puede crear las carpetas y archivos dentro de este panel, para este proceso, haga clic derecho, nuevo archivo o carpeta. Se recomienda que los archivos y carpetas no tenga en su nombre espacios, tildes, ñ o caracteres especiales. 5 Nombre del sitio web local. Ubicación de la carpeta raíz del sitio.

6 CREAR UN SITIO LOCAL DESDE DREAMWEAVER Es muy importante tener muy organizada la estructura de archivos y carpetas del sitio Web. Dentro de la carpeta raíz del sitio debe estar un archivo especial denominado index.html o index.htm u otro extensión de tecnología de servidor (Sitios dinámicos). El nombre del index debe estar en minúscula. Es muy importante ser organizado en la estructura de archivos y carpetas del sitio, esto permite crear de forma adecuada las rutas que se necesitan en el sitio. 6 Ruta es la ubicación de un archivo dentro de la raíz del sitio. Ejemplo: Del index a página 1 la ruta es: pages/p1.html. Ejemplo: la ruta de página 1 a index es:../index.html../ permite salir de una carpeta dentro del sitio Web

7 CREAR UN SITIO REMOTO DESDE DREAMWEAVER 7 Para crear un sitio remoto desde dreamweaver u otro programa que permita publicar un sitio Web es fundamental tener un hosting y un dominio. El primer paso para configurar el sitio remoto es editar el sitio local, lo puede hacer fácilmente haciendo doble clic en el nombre del sitio ubicado en el panel archivo. Luego clic en servidores.

8 CREAR UN SITIO REMOTO DESDE DREAMWEAVER 8 Ahora hace clic en agregar nuevo servidor Ahora ingresa los datos que le debe proporcionar el hosting que usted adquirió. Los datos que necesita son: La dirección del servidor Usuario Contraseña Carpeta raíz del servidor

9 CREAR UN SITIO REMOTO DESDE DREAMWEAVER 9 Cuando ingrese todos los datos hace clic en el botón test. Si la conexión sale satisfactoria ya tiene configurado el sitio remoto, ahora solo sigue la publicación.

10 PUBLICACIÓN DESDE DREAMWEAVER. 10 Para publicar el sitio realice lo siguiente: Primero, haga clic en el botón conectar con un servidor remoto. Segundo, haga clic en el botón subir archivos.