12.176 cursos gratis
8.741.161 alumnos
Facebook Twitter YouTube
Busca cursos gratis:

Capýtulo 7:

 Creación de website con Frontpage 2000 I

Este capítulo es práctico. Hemos preparado instrucciones sencillas con el objeto de que pueda replicar los ejercicios con facilidad.

Al concluir el desarrollo de su página, esta deberá ser parecida a la que se muestra en http://artesaniaperu.tripod.com.pe

Toda referencia a dar un clic significa al botón izquierdo del mouse. Se explicitará el clic de botón derecho del mouse.

Creación de un Website con FrontPage 2000

Para efectos nuestro ejercicio, hemos realizado un breve análisis que nos va a permitir contar con un previo diseño del web site.

En el gráfico anterior vemos al lado izquierdo el diseño del home site o página principal de la web el cual se denominará index.html y al lado derecho veremos las tres páginas con que se enlazará esta página principal.

La primera actividad a desarrollar es la creación de la carpeta en la que guardaremos todos los archivos de nuestra web que se denominará Web Artesania.

Dentro de la Carpeta Web Artesanía crearemos otra carpeta la cual denominaremos images y en la cual guardaremos los archivos de imagen que usaremos en nuestro website.

Todos los archivos de imagen necesarios para este módulo deben ser descargados en: www.portalinka.com/imagenescurso.zip .

Creación de la carpeta Web Artesania en el Disco C:

1. Cargamos el explorador de windows dando clic  en Menu Inicio – Programas – Explorador de Windows

2. Ahora nos trasladamos al Disco C en su Carpeta principal C:\ (En la Ventana del lado izquierdo del Explorador de Windows damos clics consecutivosos en Mi PC y luego en C:

Ventana Disco C:

3. En la Ventana del Lado derecho del Explorador de Windows ubicamos el cursor en una zona en que no toque ningún nombre de archivo o carpeta y damos un clic de botón derecho: Se abrirá una ventana en la que elegiremos la opción: New (Nuevo) y en la siguiente ventana la opción: Folder(Carpeta)

4. Aparecerá una nueva Carpeta NewFolder y con el nombre resaltado en azul y cursor parpadeante. Tipeamos Web Artesania  y presionamos Enter. (No ponemos acentos)

5. En la Ventana del Lado derecho del Explorador de Windows: damos dos clics simultáneos en la Carpeta Web Artesania para entrar a la carpeta.

6. Siempre en la Ventana del Lado derecho del Explorador de Windows ubicamos el cursor y damos un clic de botón derecho: En la ventana elegimos la opción: New (Nuevo) y en la siguiente ventana la opción: Folder (Carpeta)

7. Aparecerá una nueva Carpeta y con el nombre resaltado en azul y cursor parpadeante. Tipeamos images  y damos Enter.

8. Dentro de la carpeta images, copiamos las imágenes que vienen de la Zona de Descarga del Módulo II .

2.1.2 Adición a la carpeta creada de contenidos Frontpage:

Cargamos el Frontpage. (Clics consecutivos  en Menu Inicio – Programas – Microsoft FrontPage)

En el Menú Principal del FrontPage elegimos las alternativas: Archivo - Abrir Web

frontpage

Aparece una nueva ventana. En la parte superior damos un clic en un ícono en forma de triángulo al revés de fondo negro y se abrirá una nueva ventana en la cual elegiremos la opción Mi PC y en la ventana inferior elegiremos sucesivamente: C:\WebArtesania y en la misma ventana debajo  aparecerá Nombre de Carpeta: C:\WebArtesania y damos un clic en la Opción: Abrir.

Aparecerá una pequeña ventana con el título: Agregar información de Frontpage a la carpeta

Damos un clic en la opción: Sí

ventana agregar información

2.1.3 Creación de la estructura de la página principal (Home Page)

1.  En el Menú Principal del FrontPage con clic elegimos consecutivamente las alternativas: Archivo – Nuevo – Página

2.  En la ventana que aparece damos un clic en  la opción: Página Normal y luego damos un clic en el botón Aceptar.

página normal

3.  En el Menú Principal del FrontPage con clic elegimos consecutivamente las alternativas: Formato – Fondo

fondo

4.  Aparecerá una ventana denominada Propiedades de Página. Situamos el cursor sobre el pequeño cuadrado blanco denominado Imagen de fondo y damos un clic en Examinar.

5.  Se activará una pequeña ventana de fondo blanco Examinar damos un clic en el Botón: Examinar y buscamos dentro de la carpeta images y seleccionamos la imagen fondo71.jpg  y damos un clic en el Botón Aceptar.

propiedades de página

6.  Regresaremos a la ventana anterior. Damos un clic en el Botón Aceptar. Debe verse el fondo elegido aplicado a toda la página.

7.  En la segunda barra de menús del Frontpage (Menú de íconos) buscamos el ícono insertar tabla (Ver gráfico).

insertar tabla

8.  Ubicando el cursor en el ícono Insertar Tabla damos un clic y SIN SOLTAR EL BOTON bajamos el mouse hasta elegir una primera tabla 1 x  2. Ahora debe visualizarse la tabla creada.

9.  Pasamos a la siguiente línea bajando el cursor presionando la tecla Flecha Abajo. Y damos un Enter para adicionar otra línea más.

10.      Con el procedimiento anterior creamos una segunda Tabla 1x 1 y pasamos a la siguiente línea bajando el cursor presionando la tecla Flecha Abajo. Y damos un Enter para adicionar otra línea más.

11.      En el Menú Principal del FrontPage con clic elegimos consecutivamente las alternativas: Insertar – Linea Horizontal.

12.      Con el procedimiento anterior creamos una tercera Tabla 1 x  2. Si hemos seguido los pasos correctamente deberemos ver esta imagen (sin los títulos de cada tabla que son referenciales).

creación de tablas

2.1.4 Adición de imágenes a la Página Principal (Home Site).

1.  Llevamos al cursor dentro de la celda izquierda de la Primera Tabla 1x 2 y damos clic. De este forma hemos ubicado el cursor dentro de la celda.

2.  En la segunda barra de menús del Frontpage (Menú de íconos) damos un clic en el ícono Insertar imagen desde archivo.

3.  En la nueva ventana seleccionamos el archivo arte.gif y damos un clic en el botón Aceptar.

4.  Ahora vamos a ajustar el tamaño de la celda al tamaño de la imagen, para ello, en esa misma tabla, llevamos el cursor hasta la barra vertical que separa ambas celdas y esperamos hasta que el cursor se convierta en una pequeña doble flecha y entonces damos clic y MANTENIENDO PRESIONADO EL BOTON, llevamos el mouse hacia la izquierda y damos a la celda el tamaño deseado hasta que la imagen arte.gif quepa exactamente en el tamaño de la celda.

Para ver el gif animado podemos dar un clic en la Ventana Vista Previa del frontpage (Abajo) y luego regresamos a la Ventana Normal.

artesania peru

5.  Habiendo concluído el trabajo con la primera tabla 1x2 pasamos a la segunda tabla 1x1 del centro.

6.  Ahora llevamos el cursor hasta el borde izquierdo de la tabla  1x1 hasta que veamos que el cursor cambia de forma a una pequeña flecha negra. En ese momento damos un clic con el botón izquierdo y veremos que toda la tabla se oscurece. A esto se denomina Seleccionar toda la tabla.

7.  Habiendo seleccionado la tabla, llevamos el cursor a cualquier lugar dentro de la tabla seleccionada  y damos clic en el botón derecho del mouse y aparecerá una ventana y seleccionamos la opción: Propiedades de Tabla

propiedades de tabla

8.  En la parte superior de la ventana vemos la opción Alineación Predeterminado damos clic damos un clic en el triángulo negro y mantenemos presionado el botón hasta elegir Centro.

9.  En la misma ventana, llevamos el cursor hacia el centro del cuadradito blanco correspondiente a utilizar imagen de fondo y damos clic. Luego  seleccionamos la imagen fondo2.jpg y damos clic en el botón Aceptar. Esto hace que regresemos a la ventana anterior de Propiedades de Tabla y damos clic nuevamente en el Botón Aceptar.

10.      Ahora llevamos el cursor fuera de la tabla y damos un clic en cualquier lugar y veremos que la tabla ha dejado de ser oscura y se nota la imagen de fondo fondo2.jpg.

11.      Ahora tenemos que dimensionar la  Tabla al tamaño de la imagen. Para ello primero llevamos el cursor al borde derecho de la Tabla hasta que el cursor cambia a la forma de una pequeña doble flecha y entonces presionamos el botón izquierdo del mouse y dejándolo apretado, corremos el mouse hacia la izquierda hasta que la tabla coincida con el ancho de la foto.

12.      Luego ajustamos el alto de la tabla con el mismo procedimiento anterior llevamos el cursor al borde inferior de la Tabla 1x1 hasta que el cursor cambia a la forma de una pequeña doble flecha y entonces presionamos el botón izquierdo del mouse y dejándolo apretado, corremos el mouse hacia abajo hasta que la tabla coincida con el ancho de la foto, de forma que la tabla tenga el tamaño de la foto fondo2.jpg.

13.      Ahora nuestra tabla 1x1 debe estar centrada y la foto de fondo debe verse perfectamente.

Nuestras novedades en tu e-mail

Escribe tu e-mail:



MailxMail tratarý tus datos para realizar acciones promocionales (výa email y/o telýfono).
En la polýtica de privacidad conocerýs tu derechos y gestionarýs la baja.

Cursos similares a Comercio electrónico. E-business (2/3)



  • Výdeo
  • Alumnos
  • Valoraciýn
  • Cursos
1. Comercio electrónico. E-business (1/3)
Comercio electrónico. E.business. Con este práctico curso aprenderá nociones... [23/04/10]
1.412  
2. Comercio electrónico. E-business (3/3)
Comercio electrónico. E-business . Con este curso aprender las nociones básicas... [23/04/10]
654  
3. Creación de sitios de comercio electrónico
Con este tutorial, intentaremos dar un recorrido teórico-práctico por la... [28/11/05]
1.992  

ýQuý es mailxmail.com?|ISSN: 1699-4914|Ayuda
Publicidad|Condiciones legales de mailxmail