Hoy aprenderemos a colgar una Pagina HTML a Internet

(1)

Oscar_calix@Hotmail.com

DREAMWEAVER

Profesor: Óscar Calixtro Flores

1

á

Hoy aprenderemos a colgar una Pagina HTML a Internet

á

Para eso primero abriremos Macromedia Dreamweaver y después en la opción de Pagina de Inicio escogeremos Balneario-Pagina Principal

á

Nota: Antes Debemos Crear nuestro Sitio.

á

Ahora modificaremos nuestra Pagina HTML a nuestro Gusto.

á

Nota: Cada Vinculo de nuestra Pagina HTML, Tiene que Funcionar.

á

Una vez que terminamos de modificar nuestra Pagina HTML en Dreamweaver copiaremos nuestro Sitio en La Unidad C:

(2)

DREAMWEAVER

Profesor: Óscar Calixtro Flores

2

á

Ahora abriremos nuestra Pagina HTML desde la Unidad C:\

á

Después nos iremos al Menú _______ > ___________ donde nos saldrá un Archivo con el formato de ___________.

á

Una vez abierto nuestro archivo __________ buscaremos la opción de

<head> y debajo de ella escribiremos lo siguiente:

á

Nota: Donde dice Oscar.ani ,eso viene hacer nuestro Cursor Animado que tenemos que tener en nuestro Sitio

(3)

DREAMWEAVER

Profesor: Óscar Calixtro Flores

3

á

Guardaremos nuestro Código Fuente (Notepad) presionando La

Combinación de Teclas ____+___ y solo actualizamos nuestra Pagina HTML.

Pagina sin Cursor Animado Página con Cursor Animado

á

Ahora a Nuestra Pagina HTML le Pondremos un Menu para eso tenemos que tener un Script llamado Menú en nuestro Sitio

á

Ahora con nuestro Archivo Codigo Fuente Abierto pegaremos este Codigo debajo de <Body>.

(4)

DREAMWEAVER

Profesor: Óscar Calixtro Flores

4

á

Ahora pondremos un Marco a nuestra Pagina HTML para eso tenemos que

insertar este código Script.

á

Nota: Este Codigo Tiene que estar debajo de la Etiqueta <Head>.

á

Ahora insertaremos un Codigo Script para que un Mensaje Personalizado nos de la Bienvenida cuando Entremos a Nuestra Pagina HTML, para esto tenemos que insertar este código debajo de <Body>

á

Nota: El Codigo Script esta en un Archivo llamado Mensaje de Entrada.txt

á

También pondremos un Script en nuestra Barra de Estado, para eso tenemos que Abrir y Copiar el Código Llamado Cambiar Barra de Estado.txt y después lo pegamos debajo de La Etiqueta <Head>.

(5)

DREAMWEAVER

Profesor: Óscar Calixtro Flores

5

á

Para Terminar pondremos un Script que nos mostrara La Fecha Actualizada

para eso tenemos que Abrir y Copiar El Código llamado Hora.txt, y después lo pegamos debajo de <body>

á

Una vez terminado con los Script ahora Publicaremos nuestra Pagina HTML en Internet, para eso abrimos Internet y en la Dirección URL Pondremos esta Pagina Web www.iespana.es.

á

Ahora comenzaremos a registrarnos en La Pagina de iespana para eso Buscaremos La siguiente Imagen y haremos Click en Inscribirse.

(6)

DREAMWEAVER

Profesor: Óscar Calixtro Flores

6

á

Después llenaremos el Formulario de Registro que consta de 4 Etapas.

á

1era Etapa ( Crear Cuenta de Usuario)

Nota: En el Nombre de Usuario tienes que buscar uno que este Disponible.

á

2da Etapa ( Crear Contraseña )

á

3era Etapa ( Quien eres )

á

Nota: Todos los Campos que tiene un (*) es de Carácter Obligatorio llegar y Lo de Número de Teléfono y Nombre de la Empresa Es Opcional.

(7)

DREAMWEAVER

Profesor: Óscar Calixtro Flores

7

á

4ta Etapa (Codigo de Seguridad)

á

Para poder terminar con el Registro solo tenemos que hacer Click en:

á

Después nos saldrá una pantalla de bienvenida con las opciones de : ¡MAIL - ¡WEB - ¡BLOG

á

Ahora para poder Publicar nuestra Pagina HTML tenemos que Activar la Opción ¡WEB . haciendo Click en el Icono de la Casita. Y después hacemos Click en Activar este Servicio.

á

Nota: Cada Vez que Creemos una Cuenta en Iespana por defecto no se Activara nuestra opción de ¡WEB, nosotros tenemos que activar esa opción.

(8)

DREAMWEAVER

Profesor: Óscar Calixtro Flores

8

á

Después nos saldrá una Pagina donde nos brinda la siguientes Opciones:

á

Tendremos que hacer Click en la Opción de Publicar mi Sitio

á

Después nos saldrá una Página donde nos pide tener instalado el Java Get It Now.

á

Si no tenemos el Java Get it Now Instalado podemos seguir los siguientes pasos hacer Click acá:

(9)

DREAMWEAVER

Profesor: Óscar Calixtro Flores

9

á

Donde Nos saldrá la siguiente ventana y haremos Click en Descargar Ahora.

á

Esa acción nos llevara ala siguiente ventana y haremos Click en Iniciar Descarga.

á

Después de hacer Click en Iniciar Descarga nos mostrara esta pagina donde haremos Click Secundario en la Advertencia de nuestro Firewall y

escogeremos La opción de Instalar Control ActiveX

á

A continuación Nos saldrá la siguiente Página donde haremos Click en Instalar.

(10)

DREAMWEAVER

Profesor: Óscar Calixtro Flores

10

á

Nota: Nuestra Instalación puede tardar unos minutos y eso depende a nuestro

Proveedor.

á

Después de haber Instalado el Java Get it Now nuestra pagina de iespana nos tiene que quedar algo así

á

Ahora tenemos que Subir nuestra Pagina HTML para eso haremos Click en el Icono de la Computadora y nos saldrá una ventana donde escogeremos la Unidad C:\.

á

Después de hacer Click en una Unidad C:\ nos saldrá una Lista de todos los Archivos y Carpetas que tenemos en nuestra Unidad, pero a nosotros lo único que nos interesa es nuestra carpeta llamada Mi Sitio.

(11)

DREAMWEAVER

Profesor: Óscar Calixtro Flores

11

á

Una Vez Encontrada nuestra Carpeta llamada Mi Sitio le haremos doble Click

y nos mostrara todo los Archivos que tenemos dentro de ella.

á

Tenemos que pasar todos nuestros archivos al servidor de iespana para eso Seleccionaremos todos nuestros archivos y hacemos Click acá

á

Después de haber pasado todos nuestros Archivos a nuestro servidor de iespana ahora simplemente haremos Click acá para Publicar nuestra Pagina HTML

Pagina Publicada en Internet

(12)

DREAMWEAVER

Profesor: Óscar Calixtro Flores

12

á

Ahora Aprenderemos a utilizar Las Herramientas que nos ofrece El Servidor

de Iespana para eso haremos Click en ceja ¡WEB

á

Después nos saldrá esta ventana donde buscaremos la opción de Inscribir mi sitio

á

Nota: Esta Opción nos Permite que Los Motores de Búsqueda Localicen nuestra Pagina HTML Recién Publicada.

á

Una vez que hicimos Click en Inscribir mi Sitio nos saldrá esta ventana donde tendremos que Rellenar los Campos en Blanco.

á

Nota: Después de llenar todos los campos en Blanco solo hacemos Click en y listo dentro de una semana nuestra pagina será localizada por Los Motores de Búsqueda.

á

Ahora Utilizaremos una Herramienta mas de iespana para eso Volveremos hacer Click en la Ceja ¡WEB y después localizaremos la opción de Contador y le haremos Click.

(13)

DREAMWEAVER

Profesor: Óscar Calixtro Flores

13

á

Después de hacerle Click nos saldrá esta ventana donde escogeremos el tipo

de contador que deseamos.

á

Nota: Escogemos El Modelo que mas nos gusta y después hacemos Click en y también tenemos que copiar el script que nos brinda y pegarlo en nuestra Pagina HTML(Código Fuente)

á

Ahora Utilizaremos una Herramienta mas del Servidor iespana para eso haremos Click en la Ceja ¡WEB y después Buscamos Libro de Visitas y le hacemos Click.

á

Nos saldrá una ventana donde nos brinda el siguiente Formulario.

á

Nota: si lo deseamos Modificaremos los colores del formulario haciendo Click en :

(14)

DREAMWEAVER

Profesor: Óscar Calixtro Flores

14

á

Después de modificar haremos Click en y copiaremos el script

que nos brinda. (Copiar este Script en nuestra Pagina HTML)

á

Nota: Esta Opción de Libro de Visitas se parece mucho a un Foro.

á

Para terminar con Las Herramientas del servidor de iespana haremos Click en la Ceja ¡WEB y después buscaremos la opción de Formulario de

Contacto y le hacemos Click.

á

Nos saldrá la siguiente ventana donde si lo deseamos modificaremos sus propiedades del Formulario.

á

Nota: si modifica algo de las propiedades del Formulario haga Click en y después copie el Script que nos Brinda y péguelo en nuestra Pagina HTML.

á

Ahora simplemente tenemos que volver a subir nuestro Archivo llamado index.html y listo.

á

Nuestra Pagina Colgada en internet tiene las siguientes características:

á

Contador de Visitas

á

Libro de Visitas

á

Formulario de Contacto.

(15)

DREAMWEAVER

Profesor: Óscar Calixtro Flores

15