Taller de Internet 401
Ejercicio en FrontPage
Te sugiero que imprimas estas instrucciones
y las sigas como una receta de cocina -no te brinques pasos
porque sale salada la sopa!
Objetivo
Crear un sitio modelo de 6 paginas, con
logotipo, texto y un menú básico de navegación.
Publicarlo en el sitio gratuito de
Freeservers.com
1. Crear página con el menú,
Aquí pondrás los hipervínculos a todas las
paginas del sitio
Archivo/nueva/pagina
Escribir de manera directa el nombre de
cada una de las páginas del sitio que queremos sean accesibles
desde el menú.
Por ejemplo:
- Inicio
- Contacto
- Servicios
o mejor aún:
- terminodebusqueda01
- terminodebusqueda02
- terminodebusqueda03
- etc.
Guardar la página
Archivo/Guardar como/menu.html/Guardar
Al terminar el resto de las páginas,
regresaremos al menú para insertar los hipervínculos:
2. Crear plantilla de nuestro sitio Web
Se recomienda crear la pagina del menu.html
antes de la plantilla, ver paso 1.
Abrir FrontPage
Archivo nuevo/pagina o Web/Pagina en
Blanco
Poner los meta
tags en la plantilla nos ayuda, ya que si se nos olvida ponerlos
en cada pagina, cuando menos estarán los genéricos del sitio.
Se deben cambiar por cada página y término de búsqueda que
enfoquemos.
Archivo/Propiedades/General
- Title- Titulo de nuestro sitio, con el
término de búsqueda que estamos enfocando; objetivo, atractivo
y sencillo, 40 caracteres
- Marco de destino predeterminado/ escoger
“toda la página” (_top)
Resto de los parámetros dejar como están
Formatear página
Seguimos en archivo/propiedades/fondo
–también se puede escoger desde la barra de comandos
-Formato/Fondo, o con clic derecho, propiedades de la página
- Escoger color del fondo de página que
queremos
- Escoger color del texto
- Escoger color de los hipervínculos –se
recomienda dejar los predeterminados
Márgenes –dejar predeterminados
Colocar Meta Tags: Pestaña que dice,
"Personalizado"
Personalizado/Variables de
Usuario/Agregar
- Nombre = Description (Con "D" mayúscula)
- Valor = La descripción de nuestra
página, empezar la frase con el término de búsqueda que
estamos enfocando; objetivo, atractivo y descriptivo
Aceptar/
Agregar/
- Nombre = Keywords
- Valor = Poner los términos de búsqueda
enfocados separados por comas.
Es preferible tener pocos bien definidos,
que una gran cantidad que los robots simplemente van a ignorar.
Se pueden incluir sinónimos -5 a 10 mas o menos.
Aceptar/
Insertar tabla de 3 columnas, mínimo
2 filas
Tabla/Insertar/Tabla -2 filas/3 columnas
- Alineación = Centrar; Especificar Ancho
= 65%
- Borde, Margen y Espaciado –dejar valores
- Establecer/ como predeterminada
- Aceptar
Formato tabla:
- Tabla/Propiedades de Tabla/Tabla
- Bordes –a discreción
- Fondo = blanco –color claro, el oscuro
cansa al lector
- Aplicar/aceptar
Insertar logotipo de tu empresa
Colocando el puntero del ratón en la celda
superior izquierda de la tabla,
- Insertar/Imagen/desde archivo
"imagen-guardada en tu disco duro"; para
logos es mejor un archivo gif. Los archivos de fotografía son
de mejor calidad, pero mas pesados, jpg o jpeg
Encabezado
- Coloca el puntero en la celda superior
central
- Escribir encabezado, formatear a placer,
seleccionando el texto,
- Formato/Fuente = Escoges tipo de letra,
tamaño, color, negrita, cursiva, subrayado, etc.
El Menú
- En el bloc de notas, poner el siguiente
código:
<!--webbot bot="Include" U-Include="menu.html"
TAG="BODY" startspan -->
Otra instruccion que recomienda Marco Antonio
de www.dotnet.com.mx es:
<!--#include virtual="../portalccc/menuIzquierdo.htm" -->
- Colocar el puntero del mouse en la 2a fila,
1a columna de
la izquierda
- Cambiar a la vista del código html
- OJO: sin mover el puntero, pegar
el código:
"Control V"
- Borrar el código que representa un
espacio:
Este comando te sirve para
insertar el menu y otros elementos que desees controlar desde
una sola página. Por ejemplo: anuncio superior
izquierdo -supizq.html, anuncio superior central, derecho,
anuncios inferiores, etc. Debes cambiar la dirección URL
del "menu.html", por la dirección correcta de la página que
quieres incluir. Hazlo en el paso del bloc de notas.
Contenido
En la plantilla, dejamos esta celda en
blanco = 2a fila, 2a columna; es lo que cambia con cada página
que publiquemos
Otras celdas
Nos conviene planear lo que vamos
a insertar en las otras celdas. En caso de que queramos poner
anuncios en estas otras celdas, conviene crear una página por
cada anuncio e insertar de la misma manera que insertamos el
menú, en la celda respectiva. Esto nos permite cambiar los
anuncios sin tener que entrar a cada página del sitio.
Imagínate cuando tengas 25 o 300 páginas!
Guardar la plantilla
Archivo/Guardar como = Carpeta/ Nombre del
archivo. sitio, "nombre del sitio". Por ejemplo: "taller",
Guardar como Tipo = Plantilla de FrontPage
Esta última acción nos permite abrir un
documento nuevo, seleccionando la plantilla de, "sitio",
cambiarle el contenido –sin perder el original, para luego
guardarla con su nombre propio.
3. Crear la página de inicio,
index.html
Ésta página tiene el mismo modelo que la
plantilla, y lo que varía es el contenido.
Las instrucciones son:
- Archivo/nuevo
- Seleccionar la plantilla que acabamos de
crear
- Abrir
- Lo cual nos abre el documento con la
plantilla que usaremos en todas las páginas.
Escribir el
contenido rico en el término de búsqueda correspondiente al tema
de nuestro sitio, de acuerdo a la investigación realizada.
Incluye el término al principio del texto, de preferencia en
letra realzada; vuelve a repetir el término entre 5 y 12 veces
en la página. Procura que la redacción sea amigable tanto para
los buscadores como para el ser humano. Formatear a placer
- Guardar como = Carpeta de sitio /
index.html
Nota: El Explorador de Internet llevará a
tus visitantes que tecleen el nombre de tu sitio, sin
especificar la pagina, al index.html
Por ejemplo, si teclean:
www.ebizforyou.net
automáticamente le explorador los lleva a:
www.ebizforyou.net/index.html
Por esto, todas las páginas de inicio de
cada carpeta en nuestro sitio las debemos nombrar index.html
Es posible configurar que la página de "default",
i.e., la que aparece cuando no se teclea en especifico, sea
diferente al index.html -pero esta ya es más complicado.
4. Crear la(s) página(s) de contenido
Éstas páginas tiene el mismo modelo que la
plantilla, y lo que varía es el contenido.
Las instrucciones son:
- Archivo/nuevo
- Seleccionar la plantilla que acabamos de
crear
- Abrir
Lo cual nos abre el documento con la
plantilla que usaremos en todas las páginas.
Redactar contenido
- Escribir, escribir, escribir.
- El texto nunca puede ser demasiado
largo.
- Solo puede ser demasiado aburrido.
- En la celda del “contenido” -2ª fila, 2ª
columna –escribir o copiar y pegar; formatear a placer...
Recuerda que cada página tiene su término
de búsqueda "estelar". Esto es, cada página trata y desarrolla
el término de búsqueda estelar. Debe aparecer al principio de
la página realzado de preferencia, y luego entre 7 y 12 veces en
el cuerpo de la página, un poquito más de lo que te recomendó la
maestra de redacción en la escuela.
Guardar como/Carpeta de
sitio/terminodebusqueda01.html
Si tienes tu
alojamiento y habilitadas las extensiones de FrontPage, lo
puedes hacer directamente a tu sitio Web,
- Guardar como/Sitios de Red/
http://www.tusitio.com
- Te pregunta tu nombre de usuario y
password –tusitio.com + password
- Nombre del archivo, Por ejemplo:
Terminodebusqueda01.html
Con la cuenta gratuita de Freeservers:
Lo guardas en tu disco duro, copias el html,
y lo pegas en la página Web usando el administrador de archivos
-file manager.
- Abres la página de
www.freeservers.com
- Botón de "Member Login" = nombre
de sitio y tu contraseña
- Build My Site//File Manager/New File
= nombre del archivo completo, con la terminación, "html":
index.html
Esto abre la página donde vamos a pegar el
código completo de la pagina que escribiste en FrontPage.
- Regresamos a FrontPage, en la página que
queremos publicar, y Seleccionamos la vista –html -Recuerda,
la pestaña de las tres vistas que tienes en la parte inferior
de cada página de FrontPage
- Edición/Seleccionar Todo/Copiar
- Y nos vamos a Freeservers y
Edición/Pegar -Esto pega el código completo de html del
FrontPage al Freeservers
- En Freeservers, Save File
Con esta operación, tu archivo queda
guardado en Freeservers y es accesible desde cualquier PC del
Mundo!
Para probar, abre el Explorador de Internet
y teclea la dirección de tu pagina:
Por ejemplo:
http://www.ebizfroyou.net/newfile.html
Esta es la prueba que hice durante la
redacción de éstas instrucciones detalladas:)
7. Cerrar
