viernes, 1 de octubre de 2010

curo de FrontPage2003

Crear la página Web.
Al arrancar el programa, nos aparece por defecto una página web en blanco en la que podemos trabajar. Si no nos aparece, basta con que pulsemos en el icono .
Ahora hacemos clic en el área en blanco y escribimos lo siguiente:
Hola, esta es mi primera página Web.
Este es un enlace al periódico el País.
Ahora seleccionaremos las palabras "el País" y pulsaremos en Insertar y después, en el menú que se nos abre, en Hipervínculo. En Dirección escribiremos lo siguiente: http://www.elpais.es. De esta forma crearemos un vínculo a otra página Web, a la que podremos viajar si disponemos de conexión a Internet. Nótese que el texto cambia de color y aparece subrayado para indicar que es un hipervínculo. La pantalla nos mostrará algo similar a esto:

 Frontpage


Guardar la página Web.
Vamos a guardar la página en el disco duro. Mientras no esté en él, la página se guarda en la memoria del ordenador, pero podría perderse por un corte de luz o por un fallo del programa. Así que no olvide guardar a menudo sus documentos en el disco duro, ya que allí se guardan de forma permanente.
La barra de herramientas contiene iconos para ejecutar de forma inmediata algunas de las operaciones más habituales, como Guardar Abrir  Imprimir  , etc.
Pulsamos en el icono Guardar . Al ser la primera vez que guardamos, el sistema nos pedirá un nombre para el archivo, y nos sugerirá uno. Los nombres de páginas web suelen terminar en .htm o .html. Sin embargo, no es necesario escribir esta terminación si no queremos. FrontPage lo añadirá automáticamente.

Guardar como
En la pantalla podemos ver como el sistema nos sugiere index.htm
Hacemos clic en index.htm, lo borramos y escribimos como nombre 'hola.htm' (sin las comillas). Hacemos clic en Aceptar y el ordenador guardará nuestro trabajo. Más adelante, cuando modifiquemos la web, bastará con hacer clic en el icono de Guardar y el ordenador guardará el documento con el nombre que le dimos.
Podemos ponerle a la página web un título. Para ello, antes de guardar la web, hemos de pulsar en el botón Cambiar título, y ponerle un título que aparecerá en la ventana del navegador.

Elementos de la pantalla inicial.
Al arrancar FrontPage aparece una pantalla inicial como ésta, vamos a ver sus componentes fundamentales. Así conoceremos los nombres de los diferentes elementos y será más fácil entender el resto del curso. La pantalla que se muestra a continuación (y en general todas las de este curso) pueden no coincidir exactamente con la que ves en tu ordenador, ya que cada usuario puede decidir qué elementos quiere que se vean en cada momento, como veremos más adelante.
Frontpage

selector de etiquetas.
Selector etiquetas
Esta es la barra de selector de etiquetas y sirve para seleccionar la etiqueta al completo con su contenido, por ejemplo cuando tenemos una etiqueta de párrafo <p> nos aparece en la barra, al pulsar sobre la etiqueta se selecciona toda la etiqueta <p> con su contenido.
Opciones selectorAdemás de seleccionar al situarnos con el ratón sobre la etiqueta aparece una flecha  indicando que existe una lista despegable para la etiqueta, al pulsar sobre la flecha nos aparece la lista despegable que vemos a la derecha.


Hay operaciones que no están disponibles en un determinado momento. Se reconocen porque tienen el color atenuado. Existen muchas más barras de herramientas y las iremos viendo a lo largo del curso. Además nos podemos definir nuestras propias barras. Las barras se pueden ocultar. Para ello pulsa con el botón derecho del ratón en una de ellas. Nos aparecerá una lista de las barras activas. Basta con marcarlas o no para mostrarlas y ocultarlas.

Crear un boceto de la Web. Estructura de ficheros.
A la hora de diseñar un sitio Web, es conveniente diseñar un boceto sobre cómo va a ser la Web. Tenemos que decidir cómo vamos a estructurarla.
 Lo más sencillo es no estructurarla, poniendo todos los archivos en el mismo directorio. Esto se suele hacer en sitios personales, ya que el número de ficheros es pequeño. Sin embargo este es un mal hábito, ya que si la Web crece, acabaremos perdidos en un mar de ficheros.
 Por ello es conveniente hacer, por lo menos, una pequeña división, poniendo los archivos de cada clase en un directorio determinado. Es decir, los ficheros de fotos en un directorio, los ficheros de la Web en otro, etc.




Naturalmente si el sitio Web es de cierta envergadura, nos acabará sucediendo lo mismo. Por ello en los sitios Web complejos se suele dividir el sitio Web en partes y cada parte se almacena en un lugar distinto. Cada uno de estos lugares posee sus propias carpetas.

Introducir listas y viñetas.
Para introducir una lista, tan solo hemos de pulsar sobre el botón lista numerada Lista numerada o lista de viñeta Viñetas, según el tipo de lista que queramos, e ir pulsando la tecla Intro a medida que rellenemos la lista o viñeta, veremos que cada vez que pulsamos Intro la nueva línea empieza por un número o punto según el tipo de lista que hayas elegido. Una vez esté terminada debemos pulsar dos veces Intro.
Podemos hacer que un texto existente se transforme en una lista numerada o de viñetas, seleccionándolo y pulsando en el botón de lista numerada o lista de viñeta.
Propiedades de listaTambién poemos variar la forma en que queremos que se muestre la lista: con números, letras del abecedario, etc. Otro tanto podemos hacer con las viñetas, pues podemos usar diferentes símbolos.
Para configurar qué símbolos usar, pulsaremos con el botón derecho del ratón sobre la lista o viñeta, y pulsaremos en Propiedades de lista... Aquí podemos elegir distintos elementos. Tras pulsar en Aceptar, la lista o viñeta se actualizará automáticamente.


Se abrirá el cuadro de diálogo Propiedades de lista donde podemos elegir distintos elementos. Tras pulsar en Aceptar, la lista se actualizará automáticamente.
Diálogo Propiedades de lista


Temas de FrontPage.
TemaPara conseguir un aspecto más atractivo de la página Web o de todas las páginas Web de un sitio, podemos aplicar Temas.
Un tema es una combinación de colores, tipos de letras, separadores, etc. que guardan un mismo estilo y tienen una cierta concordancia y una ambientación común.
Para aplicar un tema, hacemos clic en la barra de menús en Formato - Tema.
Nos aparece el panel de tareas en la sección de Tema como vemos en la imagen de la derecha.
Desplazándonos con la barra vertical podemos ver los distintos temas que podemos escoger, al situarnos sobre un tema a su derecha aparece un rectángulo con una flecha apuntando hacia abajo indicando que tiene un desplegable.
Si pulsamos sobre la flecha se despliega un menú como el que vemos en la imagen de la derecha que nos ofrece la opción de Aplicar como tema predeterminado o Aplicar el tema a la página o páginas seleccionadas.

Para aplicar un tema debemos hacer clic en las páginas a las que queramos aplicar el tema haciendo clic en ellas en la vista Exploración y seguidamente escoger el tema.
 Algunas opciones interesantes son:
Colores intensos: Aplicar colores más brillantes de forma que llamen más la atención.
Gráficos activos:Activa ciertas animaciones en algunos objetos de la web.
Imagen de fondo: Agrega una imagen de fondo, puede servir para añadir el logotipo de la empresa como fondo.
Crear tema nuevo...: Nos permite crear un nuevo tema a partir de un tema simple, nos abre el diálogo Personalizar el tema con un tema simple para que realicemos los cambios que creamos conveniente, cuando tengamos el tema terminado debemos pulsar sobre Guardar como... y nos solicita un nombre para el nuevo tema. 


También podemos Personalizar el tema, al presionar sobre esa opción aparece el diálogo Personalizar el tema donde podemos modificar los colores, los gráficos o el texto del tema.
Personalizar tema
 Para quitar el tema de la página actual, debemos elegir de la lista de temas, la opción (Sin tema) que es la primera de la lista de temas disponibles.


Introducir hipervínculos en el texto.

Menú InsertarPara introducir un hipervínculo tenemos 3 opciones:
Seleccionamos el texto asociado al enlace.
A continuación podemos
- Pulsar en el menú Insertar y después, en Hipervínculo.
- Pulsar el botón  de la barra formato.
- Presionar Alt + Ctrl + K del teclado.

Veamos un ejemplo siguiendo la primera opción.
Ahora seleccionaremos las palabras "el País" y pulsaremos en Insertar y después, en el menú que se abre, en Hipervínculo.
Aparecerá el cuadro de diálogo Insertar hipervínculo
Diálogo hipervínculo
En Texto: aparece el texto que hemos seleccionado. Podemos cambiar este campo para que aparezca otro texto, cambiando entonces el texto de la página.
En Dirección: escribiremos la dirección a dónde nos tiene que llevar el hipervínculo, por ejemplo: http://www.elpais.es. De esta forma crearemos un vínculo a otra página Web, a la que podremos viajar si disponemos de conexión a Internet.
Pulsamos en Aceptar.
Nótese que el texto cambia de color y aparece subrayado para indicar que es un hipervínculo. Si quisiéramos introducir un enlace al correo, escribiríamos la dirección de correo en Dirección.
La pantalla nos mostrará algo similar a esto:
Hipervínculo



Insertar una tabla
Lo primero que debemos hacer es situar el cursor donde queramos que esté la tabla. Después, para insertar una tabla debemos pulsar en el botón Insertar tabla, que está situado en la barra de herramientas estándar. Sin soltar, arrastramos el ratón de forma que la tabla tenga tantas filas y columnas como queramos.
 Al soltar el ratón, aparecerá la tabla en pantalla.
Por defecto, la tabla ocupa todo el ancho posible de la página y tiene un borde de 1 píxel. Estas y otras propiedades pueden cambiarse fácilmente, como veremos después.


Insertar un marco.
FrontPage no permite insertar marcos libremente, sino que nos obliga a utilizar una de las plantillas de marcos que hay predefinidas. Entonces podremos cambiarla como queramos, añadiendo o quitando marcos, cambiando su tamaño, etc.
Vamos a crear una Web con marcos. Hacemos clic en el menú Archivo, después en Nuevo. En el panel de tareas que aparecerá a la derecha hacemos clic en Más plantillas de página.... ElegimosPáginas de marcos y a continuación nos aparecerán varias plantillas predefinidas.
Plantillas de página
MarcosVamos a trabajar con la plantilla cuya configuración es la más usada en Internet: Titular y contenido. Consiste en dividir la página Web en tres: Una superior, que contiene un título, una lateral, que suele contener un índice, y una central, en la que se verá el contenido de la Web.
Es importante saber que cada marco tiene un nombre, que nos sirve para poder usarlo individualmente como más adelante explicaremos.
En este caso, FrontPage asigna los siguientes nombres:
Para el Marco del título: titular.
Para el Marco del Índice: contenido.
Para el Marco principal: principal.

La imagen que podremos ver en nuestro ordenador es esta:
Marcos




No hay comentarios:

Publicar un comentario