Trabajo práctico en el editor de portada. Crear páginas web usando FrontPage

objetivo del trabajo: aprender los conceptos básicos para trabajar con el editor Portada de MS.

Abajo en la Fig. 18 muestra la estructura Web-sitio

Arroz. 18 - Diseño de sitio web personal

Paso 1: crea un nuevo sitio.

1 carrera Página delantera y seleccione un elemento del menú Archivo – Nuevo – Sitio web y luego la plantilla del sitio - Sitio de una página. en el campo Especificar la ubicación del nuevo sitio. especifique la carpeta en la que se ubicará el sitio, por ejemplo D:\estudiantes\545\web. Entonces deberías presionar el botón " De acuerdo" Extremo izquierda panel Carpetas muestra las carpetas y archivos incluidos en el sitio: HTML-páginas, dibujos, etc. Actualmente, el sitio contiene solo una página: índice.htm. Si selecciona una de las páginas con el mouse en este panel, se abrirá para editarla.

2 Es posible trabajar con la página en uno de cuatro modos:

-constructor- la página se está editando;

- con división– la ventana se divide en dos partes: en una se muestra el código HTML, que se puede editar, en la otra se puede trabajar en modo diseño;

- código- (HTML) - se puede controlar código generado páginas y realizar cambios;

- visita - la página se muestra tal como la mostraría el navegador.

3 El cambio al modo se realiza mediante las pestañas en la parte inferior del panel. Para completar el trabajo, utilizaremos principalmente el modo Diseño.

Paso 2 – Ingrese el texto de la página principal (la estructura de la página se muestra en la Fig. 12. El texto de la página se desarrolla de forma independiente).

1 Para ingresar datos, cree una tabla seleccionando el elemento del menú Tabla > Insertar, o utilizando el icono correspondiente en la barra de herramientas. Escriba el texto de la página. Para el título de la página en el campo Estilo en la parte superior izquierda de la pantalla Página delantera seleccionar estilo Título 1 . La Figura 19 muestra la página principal del sitio web.

Arroz. 19 - Diseño de la página de inicio del sitio web

2 Después de haber ingresado texto en la tabla, defina las propiedades de la tabla. Coloque el cursor del mouse dentro de la tabla, haga clic en el botón derecho y en el párrafo Propiedades de la tabla definir para el campo Alineación significado Centro . Instalar caja en el campo Establecer ancho Y cambiar al parámetro - En porcentajes, y establezca el valor - " 80 " Esto significa que la tabla estará ubicada en el centro de la ventana del navegador y ocupará el 80% del ancho de la ventana.

3 en un grupo Fronteras Puede determinar el tamaño y el color del marco. Si desea que la tabla no tenga ningún marco visible, establezca el campo en 0. Grupo Fondo le permite establecer el fondo de la mesa.



4 Para definir las propiedades de la página, seleccione en el menú contextual Propiedades de la página y en la pestaña Son comunes cambiar el campo Nombre – al texto “Página de inicio”. Ahora este valor se reflejará en el título de la ventana del navegador al visualizar la página. Es imperativo corregir el idioma de la página, esto se hace usando la pestaña Idioma . Establezca la codificación ( conjunto de signos) - cirílico y idioma ruso.

5 Ir a la pestaña Formato . Si marca la casilla Imagen de fondo , luego presionando el botón Revisar , puede seleccionar una imagen para el fondo de la página.

6 grupo Colores le permite configurar el color de fuente predeterminado, el color de fondo predeterminado, los colores de los enlaces, visitados y activos. Cambie estas configuraciones.

7 Para diseñar el título como línea progresiva seleccionar del menú Vista actuación Página y haga clic en el botón en la parte inferior de la ventana del documento Constructor. Haga clic donde desea insertar el teletipo y luego escriba y resalte el texto que desea mostrar como teletipo. En el menú Insertar selecciona un equipo Web-componente . En grupo Tipo de componente clic en el botón Efectos dinámicos . En grupo Seleccionar un efecto haga doble clic en el icono Corazón . Establezca los parámetros del ticker.

8 Guarde las páginas. Si el programa le pregunta dónde guardar las imágenes: guarde las imágenes en la carpeta Imágenes . Utilice el botón para seleccionar una carpeta Cambiar carpeta.

1 Para crear un enlace a una página existente, debe seleccionarla de la lista. También puede definir un lugar dentro de la página (marcador) al que apuntará el enlace. Si este lugar está dentro de la página actual, complete el campo URL no es necesario, debe seleccionar un marcador en el campo Marcador (el marcador debe estar creado previamente). Si desea crear un enlace a un marcador en otra página, primero debe seleccionar esa página y luego seleccionar el marcador.

2 Cree enlaces a otras páginas del sitio. Para hacer esto, seleccione una sección en la tabla de contenido y cree un enlace haciendo clic en el botón Crear hipervínculo en la barra de herramientas o seleccionando el elemento del menú. Insertar > Hipervínculo .

4 Uso del panel Carpetas , volver a pagina de inicio índice.htm y crear un enlace a la siguiente página del sitio. Guárdalo . Como resultado, en Lista de archivos y carpetas, se reflejarán todas las páginas incluidas en el sitio.

Lección
planes
por programa
Página delantera
Profesora: Zabelina M.V.
1

Tema: Interfaz del programa Front Page 2003. Menú
programas. Crear un sitio web usando el asistente.
Objetivo:
Introducir el concepto de página web, enseñar a los estudiantes cómo crear una página web.
páginas;


Durante las clases.
1. Momento organizacional
Comunicar el tema y el propósito de la lección.
2. Explicación de un nuevo tema
2.1 Introducción
Un sitio web (nodo web) es una colección de sitios relacionados entre sí.
el significado de las páginas web y los archivos. Los sitios web suelen estar dedicados a algunos
Tema específico y contiene información relacionada con un individuo.
o empresa. En el programa Front Page existen los llamados asistentes.
(asistentes), que le permiten crear un sitio web paso a paso, y plantillas
(plantillas), que son páginas incrustadas que contienen
formato necesario para crear y personalizar los que usted crea
páginas. Los asistentes y las plantillas le permiten crear varios tipos de sitios.
Cada sitio tiene una página especial llamada
inicio o principal (página de inicio). Todos los visitantes de su sitio primero
llegar a esta página. Al hacer clic en uno u otro hipervínculo,
Los usuarios podrán acceder a otras páginas de su sitio, o incluso
páginas de otros sitios.
Un hipervínculo es un texto o una imagen en una página web que
clic que le llevará a otra página o sitio web.
El sitio está alojado en un servidor informático que proporciona acceso a
páginas a los visitantes del sitio. Con Front Page puedes crear
sitio directamente a sistema de archivos su computadora, y luego cuando
Estará listo, publícalo en el servidor.
2

La creación de páginas web requiere que una persona conozca el lenguaje del hipertexto.
marcado (HTML -
Hipertexto
Margen
Idioma). Programa
La portada permite
cualquier usuario
incluso
HTML
analfabeto, contar
darte a conocer al mundo entero,
usando
carros ilimitados
Capacidades de Internet.
¿Cuáles son las técnicas?
posibilidades
este
asombroso
programas? Con ella
Con nuestra ayuda puedes crear tu propio sitio web basado en una plantilla ya preparada.
o bajo la estricta dirección de un maestro. Creación de plantillas y asistentes.
Las páginas individuales las combinan en un sitio, creando transiciones entre
ellos, y al mismo tiempo no vincular su iniciativa, porque proporcionar
la capacidad de insertar textos, imágenes, hipervínculos en las páginas.
La indudable ventaja del asistente es que crea páginas con
un conjunto de elementos ya preparados que, si es necesario, puede
formato que desee.

Cuando inicie Front Page por primera vez, verá una ventana muy
parecido a ventanas de Word o de hoja de cálculo
Sobresalir. Esto no es sorprendente, ya que todos estos programas están incluidos en uno.
bolsa de plastico programas de oficina y por lo tanto tener una interfaz similar.
La ventana del programa FrontPage está dividida en tres partes, cada una
lo que le permite administrar su sitio web de diferentes maneras.
Lista de carpetas – Panel de modo de visualización – le permite acceder fácilmente
cambiar entre ver la estructura del sitio web
y sus páginas.
Carpetas de portada
Después de instalar FrontPage, en el disco duro de su computadora
Se crea la carpeta MyWebs. De forma predeterminada, los archivos se guardarán en esta carpeta.
todos los sitios web que cree en FrontPage. Cada sitio
guardado en carpeta separada, anidado en la carpeta MyWebs.
Al crear un nuevo sitio, se crean al menos tres
carpetas adicionales en las que archivos y páginas del nuevo
sitio.
hogar
carpeta
La carpeta predeterminada donde se almacenan sus archivos web
páginas, imágenes y clases Java
3

Privado
Imágenes
Esta carpeta es donde FrontPage coloca los archivos que necesita
organizar y administrar su sitio web. De ninguna manera
Las circunstancias no deben eliminarse ni modificarse.
contenido de esta carpeta
En esta carpeta usted puede opcionalmente almacenar gráficos.
imágenes que se utilizan en su sitio. Si
Hay muchas imágenes, lo mejor es almacenarlas en este
carpeta para no saturar la principal
Además de estas tres carpetas, puedes crear otras en las que desees
colocarás ciertos grupos de archivos.
2.2 Creando una página web desde cero.
La forma más sencilla de crear su propio sitio web es utilizar
plantillas y maestros.
1. Tomemos un equipo
Archivo, Nuevo.
2. Aparece a la derecha
panel en el que
Nosotros
debe

elegir:
Otro
plantilla web
nodos
3. En el aparecido
selección de ventana:
Sitio web vacío.
Por
botón Examinar, para
para determinar la ubicación de nuestro sitio web.
4. Haga clic

¡Atención! Mira la secuencia del cuarto paso:
4

1.
2. En esta ventana debe seleccionar la ubicación del sitio web. Por ejemplo, haga clic
según mis documentos
3. Puedes usar el botón
cree su propia carpeta (es decir, introduzca un nombre
desde el teclado y presione OK).
¡Luego presione el botón ABRIR!
4. Haga clic izquierdo 2 veces
ratón en la ventana de arriba
botones navegar e introducir el nombre de la web –
nodo (debe ingresar el nombre después
la última línea \.)

Por ejemplo:
C:\Mis documentos\Ivanova\Mi
sitio web

El nombre de nuestra carpeta en la que almacenar.
sitio web
Nombre de nuestro sitio
5.
Haga clic en Aceptar.
5

Seguimos creando el sitio. Ahora necesitamos crear nuestras páginas.
sitio. Para hacer esto, cambiemos al modo de transición con el comando: Ver, Transiciones.
7. Haga clic derecho en la pantalla vacía.
haga clic con el mouse una vez y en el menú que aparece
seleccione el comando Nuevo, Arriba
página.
8. Aparecerá una página llamada Inicio.
9. Se crean todas las demás páginas.
clic derecho en inicio
página(!), usando el comando Insertar, página
10. Cambie el nombre de las páginas. Haga clic en la página deseada 1 vez, libro derecho. ratones
y en el menú que aparece, seleccione el comando Cambiar nombre.
11. Comencemos a diseñar páginas para
Para hacer esto, haga clic en el principal (inicio)
página 2 veces con el botón izquierdo del ratón.
Esto es lo que tienes:
12. Ahora necesitas instalar general.
fronteras.
Los límites generales son límites de página,
que se muestran por igual en todos
páginas del sitio web. Sin embargo, al mismo tiempo usted
Sólo es posible crear límites.
para una página web para que
era diferente a los demás.
Abra el menú Formato y haga clic
nombre del comando "Límites compartidos". En la pantalla
Aparecerá un cuadro de diálogo como en la figura.
En esta ventana, marque las casillas junto a los nombres de los límites deseados (Arriba,
Habilitar botones de navegación, Izquierda, Habilitar botones de navegación). En
Hay que tener en cuenta que en los límites superior, izquierdo y derecho puedes
colocar botones de navegación en el sitio web. El programa lo hará
usted mismo si marca la casilla correspondiente.
Qué hacer si el comando Bordes generales está en el menú Formato
No disponible:
6

Servicio,
1. Opciones de página
2. Desarrollo,
3.
Poner
garrapata
frente a las palabras General
fronteras
4. Haga clic en Aceptar
Así es como se verá su página si marca las casillas junto a
palabras: Desde arriba,
Habilitar botones de navegación,
A la derecha,
Habilitar botones de navegación.
.
No es necesario marcar las casillas Derecha e Inferior, ya que esto generará desorden
tu pueblo
Ahora necesitas habilitar los botones de navegación:
Haga clic una vez en el libro correcto. mouse sobre palabras: Cambia las propiedades de este panel
para mostrar hipervínculos en él.
En el menú que aparece, seleccione el comando: Barra de vínculos de propiedades.
Así es como se verá la pantalla:
Coloque un punto junto a las palabras: Páginas de inicio y haga clic en
Ve a otras páginas y haz lo mismo si no tienes
Botones con hipervínculos.
Botón Aceptar.
Cambiar a otros
Tú sitio
llevado a cabo con
Panel de lista
(ubicado a la izquierda
Tú sitio)
Si este panel
Ver, lista de carpetas
paginas
Con ayuda
carpetas
lados
No:
7

Haga clic en la página deseada
te llevaré a esto
página
O:
En la parte superior de tu sitio
hay varias pestañas que
espectáculo
que paginas
el sitio que visitaste.
Transición a otras páginas del sitio.
Se puede hacer usando estas pestañas.
A veces, en estas pestañas puede ver el título de la página y un asterisco,
por ejemplo: índice*. Esto significa que la página no se guardó. Aprovechar
comando Archivo, Guardar y este asterisco desaparecerá, aunque al más mínimo
Si algo cambia en su página, el asterisco volverá a aparecer
Eliminar una página:
Vayamos al modo de transición (Ver, Transiciones), haga clic en lo innecesario
página 1 vez ej. libro. ratón y seleccione el comando en el menú que aparece
Borrar.
En la ventana que aparece, seleccione el comando Eliminar página del sitio web
Guardar un sitio web.
Una vez que haya creado un sitio web, debe guardar todas sus páginas.
Para hacer esto, vaya a cada página de su sitio y vaya al menú Archivo.
seleccione Guardar.
3. Trabajo práctico
Vuelva a abrir el programa.
Crea tu sitio web que contiene 4 páginas. Nombra estos
páginas por temporadas.
Incluir todos los enlaces
4. Resumen de la lección
¿Cómo habilito los límites compartidos?

¿Cómo cambiar el nombre de las páginas?
¿Cómo eliminar páginas?
Tema: “Edición de un sitio web. Añadiendo texto."

programas;
Continuar trabajando en el estudio de tecnologías de la información;
Cultivar el interés por el tema.
Durante las clases.
1. Momento organizacional
Comunicar el tema y el propósito de la lección.
3. Revisar la tarea.
¿Para qué sirve el programa Portada?
8

¿Cómo habilito los límites compartidos?
¿Qué debo hacer si el comando Límites compartidos no está disponible?
Cree su sitio web que contiene 3 páginas, vaya a
página de inicio.
4. Explicación de un nuevo tema
1. Editar el sitio
Para abrir un sitio existente necesita:
1. Abra la carpeta con el nombre de su sitio.
2. Busque el archivo llamado ÍNDICE y haga 1 clic en el libro correcto. ratón sobre él.
3. En el menú que aparece, seleccione el comando Abrir con
Portada.
Cambiar el nombre de un título
paginas
Haga clic en las palabras Inicio
página 1 vez por libro. ratón y
menú que aparece
seleccionar
Comando Propiedades publicitarias activado
página.
EN
en la ventana que aparece en lugar de las palabras Inicio
página
escribe tu nombre
página y haga clic en Aceptar.
(Esto se utiliza principalmente para
página de inicio)
2. Agregar texto
Crear textos en este programa no es diferente de lo mismo.
operaciones en editor de texto Palabra. Haces clic en el deseado
Coloca la página y escribe el texto. Como en Word, no es necesario
Esté atento al final de la línea: la página principal ajusta automáticamente las palabras de
líneas por línea.
Se realiza el formateo de caracteres.
usando el panel
Formato
A veces, al escribir, la brecha entre
Las filas pueden ser muy grandes.
Para eliminar esto es necesario:
1. Seleccione varias líneas.
2. Tome el comando Formato, Párrafo.
3. En la ventana Intervalo, coloque el número 0 delante.
4. En la ventana Intervalo, ingrese el número 0.
9

5. Haga clic en Aceptar
4. Trabajo práctico
5. Resumen de la lección
Tema: “Creación de tablas. Añadiendo un ticker."
Objetivo: seguir familiarizándose con las funciones principales
programas;
Continuar trabajando en el estudio de tecnologías de la información;
Cultivar el interés por el tema.
Durante las clases.
1. Momento organizacional
Comunicar el tema y el propósito de la lección.

3. Explicación de un nuevo tema
1. Creando tablas
Las tablas se colocan en páginas web usando el botón Tabla,
Insertar, Tabla.
Se abre una ventana en la que se configuran los parámetros de la tabla:
En la ventana Tamaño, se establece la cantidad.
filas y columnas de su tabla.
En la ventana Bordes puedes establecer el tamaño de los bordes.
mesas,
en el color de la ventana – color del borde
Si quieres tener toda la mesa
establecer un color específico en la ventana de fondo,
El color es el color deseado.
Haga clic en Aceptar.
Mira el resultado:
En modo diseño
En modo Ver
Si cambias el Tamaño de la Tabla y pones 0 en lugar de 1, entonces tienes una tabla
tendrá bordes invisibles en el modo Ver.
ver el resultado
10

En modo diseño
Nota:
Fusionar celdas:
En modo Ver
1. Seleccione las celdas que desea fusionar.
2. 1 vez por libro. mouse y seleccione el comando Fusionar celdas
Cambiando la mesa:
1. Haga clic 1 vez en el botón derecho. mouse sobre la mesa y seleccione el comando Propiedades
mesas
2. Crear un teletipo
Para llamar la atención sobre un fragmento de texto o
título, puedes darle un efecto de ejecución
líneas
1. Insertar, componente web
2. El cursor debe estar sobre las palabras.
Efectos dinámicos, línea progresiva.
3. Haga clic en el botón Finalizar.
4.
5. En el campo Texto debes ingresar texto
línea de carrera.
5. usando interruptores especiales
Poder:
 Seleccionar la dirección del movimiento.
filas (de izquierda a derecha o derecha
izquierda);
 Ajustar el retraso entre cambios de texto sucesivos y
cantidad de desplazamiento en píxeles;
 Establecer el modo de movimiento del texto (continuo);
 Establezca el ancho y alto del área rectangular de la línea rastrera;
 En la ventana Estilo, Formato, Fuente: cambie el diseño de la fuente.
Nota:
11

Cambiando el ticker
1.
Haga clic 1 vez en el libro derecho. Coloque el mouse sobre el ticker y tome el comando.
Propiedades de las líneas progresivas.
3. Trabajo práctico.
Cree una página en la que insertar un ticker (en la parte superior).
Cree una tabla que consta de 1 fila y 2 columnas, en la que
colocar algún texto.
Crea una segunda tabla, con bordes invisibles, que consta de 1
filas y 2 columnas, en las que también colocas algo de texto.
4. Resumen de la lección.
¿Qué nos encontramos hoy? ¿Por qué necesitas un ticker?
¿Cómo hacer una mesa con bordes invisibles? Dé un ejemplo para
¿Por qué necesitarías una mesa con bordes invisibles?
5. Calificación.
Tarea.
Tema: “Inserción y edición de imágenes. Galería de fotos".
Objetivo: seguir familiarizándose con las funciones principales
programas;
Continuar trabajando en el estudio de tecnologías de la información;
Cultivar el interés por el tema.
Durante las clases.
1. Momento organizacional
Comunicar el tema y el propósito de la lección.
2. Revisar la tarea.
3. Explicación de un nuevo tema
1. Agrega una imagen
El editor FrontPage le permite cargar imágenes desde archivos
varios formatos gráficos: gif (normal y animado), JPEG,
BMP, TIFF, TGA, RAS, EPS, PCX, PND, PCD y WMF. Se puede colocar
dibujo listo para usar para la página, tomado de la biblioteca de imágenes del programa
FrontPage, desde la carpeta del sitio actual o uno de los sitios en el local
disco, desde cualquier archivo gráfico en el disco local. Instalar
cursor del ratón al lugar correcto.
1. Seleccione Insertar, Imagen, Desde archivo
2. Especifique la ubicación del archivo a insertar, su nombre y confirme.
acciones haciendo clic en el botón
3. Cambie si es necesario
dimensiones del dibujo. Para esto
simplemente arrastra el mouse
desde las esquinas o lados del marco.
FrontPage le permite utilizar
varias herramientas para dar
imagen del tipo requerido y
12
DE ACUERDO.
uno

formas. Haga clic en la imagen insertada. Alrededor de la imagen habrá
Se muestra un marco y en la parte inferior de la ventana del programa de trabajo aparece.
Barra de herramientas de dibujos para trabajar con imágenes:
Echemos un vistazo más de cerca a todos los botones del panel.
Dibujo
Nombre
Desde el archivo
Abre una ventana para insertar una imagen.
Acción
.
Texto
Absoluto
Mover
adelante
Coloca texto en un dibujo. esto es acción
Sólo es posible con imágenes gif.
Si la imagen se guarda en otro
formato, luego una ventana con
advertencia

V
Transforma
posicionado. Después de hacer clic en este botón
la imagen se puede mover a cualquier lugar de la web
páginas,
como un párrafo posicionado.
Al hacer clic nuevamente en este botón se cancela
posicionamiento.
Mueve el dibujo seleccionado al frente.
plan
dibujo normal
Mover
Mueve el dibujo seleccionado al fondo.
atrás
girar
izquierda
girar
bien
Reflejar
de izquierda a derecha
Reflejar
De arriba hacia abajo
Aumentar
contraste
Disminuir
contraste
Aumentar
brillo
Gira el dibujo 900 en sentido antihorario.
flechas
Gira el dibujo 900 en el sentido de las agujas del reloj.
Crea
respecto al eje vertical.
imagen reflejada de la imagen
imagen reflejada de la imagen
Crea
respecto al eje horizontal.
Aumenta el contraste de la imagen
Reduce el contraste de la imagen
Aumenta el brillo de la imagen
13

Disminuir
Reduce el brillo de la imagen
brillo
Guarnición
Elimina el borde de un dibujo.
Tipo de línea
Establecer color transparente
Color
marco baguette
Cortar flores
Elegir
Hiperrectángulo
Nipercírculo
Hipermúltiple
golnik
Seleccionar puntos calientes
Restaurar
Características del recorte de imágenes.
14
Crea un marco alrededor
imágenes alrededor
de
tipo de línea especificado.
Hace el color que elijas
transparente (a través de él habrá
el fondo es visible,
en la que
hay un dibujo).
Cambia el color del dibujo.
en
en
en
Con

Por
borde
dibujo
Crea

asignado
marco de baguette
si después
cambios
haga clic en tamaños de imagen
haga clic en este botón, el archivo será
sobrescrito
teniendo en cuenta
cambios realizados.
Utilizado para resaltar
objetos gráficos
Reflejos
dibujo
área rectangular para
creando un hipervínculo
Reflejos
dibujo
circulo para crear
hipervínculos
Reflejos
dibujo

área poligonal para
creando un hipervínculo
Oculta parte de la imagen.
que no estaba incluido en
hiperpolígono,
hiperrectángulo,
hipercírculo.
cómodo
usar cuando las fronteras
Las hiperregiones son poco visibles en
dibujo.
Restaura el original
parámetros de dibujo.
Su

en todos los programas oficina de microsoft experiencia
inmediatamente después de hacer clic en el botón "Recortar"
El dibujo no cambia externamente.
EN
Programa de portada haga clic en esto
El botón hace que aparezca una línea de puntos.
marco resaltando la parte central
Imágenes.
Si vuelves a hacer clic en el botón
“Recortar”, entonces parte de la imagen desaparecerá,
fuera del marco. Para determinar de forma independiente el área de dibujo,
que debe permanecer en la página web, mueva el puntero del mouse a uno
de cuadrados ubicados en las esquinas en los centros de cada lado de la línea de puntos
rectángulo y arrástrelos con el mouse.
Usando el botón Color
Al usar el botón "Color" se abre una lista de comandos, usando
donde puedes cambiar el formato de la imagen y hacerla negra
blanco, o en tonos de gris, o convertirse en un fondo (comando
"Difuminar")
Problema de imagen grande
Cuanto más grande es la imagen, más espacio ocupa en el disco y más
Tarda más en cargarlo. La solución al problema es
reemplazando una imagen grande con un boceto de la misma. El boceto creado se convierte
hipervínculo donde el espectador (por ejemplo, explorador de Internet)
muestra el dibujo original en la pantalla.
Para crear una miniatura, haga clic en la imagen para
Apareció la barra de herramientas "Dibujos". Luego en la barra de herramientas
Haga clic en el botón Miniaturas automáticas. Esto dará como resultado dimensiones
La imagen se reducirá y aparecerá un marco azul a su alrededor.
Para cambiar la apariencia del boceto, abra el menú Herramientas y
seleccione el comando "Configurar página"
En el cuadro de diálogo Configurar página, vaya a la
"Miniaturas automáticas" y configure los parámetros deseados
En esta ventana, establezca el ancho deseado (por ejemplo, 50) y haga clic en el botón
DE ACUERDO.
Reduce el tamaño de la imagen arrastrando sus esquinas.
Vaya al modo Ver. Esto es lo que obtienes:
Esto está en modo Diseño:
15

Esto está en modo Ver:
Este dibujo en modo Ver es
hipervínculo haciendo clic en el que usted
esto es lo que pasa:
2. Galerías de fotos
Forma conveniente de ubicación en
una página web de muchas fotos es la llamada
galería de fotos. Cuando se crea, las imágenes grandes se crean automáticamente.
son reemplazados por bocetos.
Para insertar una galería de fotos en una página web:
1)
2)
3)
Haga clic en el nombre del comando "Crear colección de fotos";
A continuación, trabajamos en la ventana “Propiedades de la colección de fotos”.
abra el menú "Insertar";
mueva el puntero del mouse a la línea "Dibujo";
en el menú adicional que se abre a la derecha,
En la pestaña "Dibujos", haga clic en
Botón "Agregar" para abrir la lista
Comandos para insertar imágenes. si el dibujo
almacenado en su computadora como un archivo, necesita
Haga clic en la línea "Imágenes de archivos".
Aparecerá el cuadro de diálogo Abrir archivo, con
con el que sabes trabajar.

necesario

"Firma"
dibujos,
Habiendo seleccionado
usa los campos
Y
"Descripción". Si es necesario, puedes
cambiar el tamaño de las miniaturas.
Luego vaya a la pestaña "Diseño" para elegir el método de diseño.
miniaturas en la página.
En el diseño horizontal, las imágenes se organizan en filas y
Debajo de cada boceto hay una descripción.
Si se selecciona la opción "Collage", entonces las descripciones no se muestran, pero cuando
Cuando pasa el mouse sobre la miniatura, aparece un título.
16

Fronteras
Puede organizar texto e imágenes en la pantalla usando
mesas, o utilizando un dispositivo decorativo como horizontal
líneas. Coloque el cursor de texto en la ubicación de la página web donde desee
pase por la línea horizontal, abra el menú Insertar y haga clic en el nombre
Comandos "Línea Horizontal".
Trabajo practico
4.

5.
Resumen de la lección
Calificación
Tema: “Elección de un tema para el diseño de páginas.
Agregar video y sonido. Animación
textos."
Objetivo: seguir familiarizándose con las funciones principales
programas;
Continuar trabajando en el estudio de tecnologías de la información;
Cultivar el interés por el tema.
Durante las clases.
1. Momento organizacional
Comunicar el tema y el propósito de la lección.
2. Revisar la tarea.
3. Explicación de un nuevo tema
Elegir un tema para el diseño de la página.
Para darle al sitio un aspecto más cohesivo, estéticamente agradable y
al mismo tiempo una apariencia más profesional, es aconsejable cumplir con
un enfoque unificado al diseñar páginas: para cumplir con un cierto
combinación de colores y estilo. Para facilitar esta tarea en FrontPage
Se utilizan temas.
Un tema es un conjunto específico de elementos de diseño y combinaciones de colores,
que se puede aplicar a las páginas.
1. Seleccione Formato, Tema.
Sujeto.
2. Explore la lista de temas, seleccione
uno de ellos y haga clic en la marca de verificación
este tema.
Aparecerá un panel en la pantalla.
en
17

3. En el menú que aparece, seleccione el comando: Aplicar como tema por
predeterminado, para que este tema se haya aplicado a todas las páginas de su
sitio.
4. En la ventana que aparece a continuación.
haga clic en el botón SÍ

Suma

sonido
escolta
Junto con varios efectos especiales para dar vida a las páginas.
Se utilizan objetos multimedia: sonido, vídeo, animación flash, etc.
Entonces, por ejemplo, puede seleccionar un sonido de fondo para cualquier página del sitio.
o música que se reproducirá cuando se abra la página. Para
esto es necesario:
en el modo de edición, haga clic derecho en cualquier
área de la página y seleccione el comando en el menú contextual que aparece
Propiedades de la página.
Aparece la ventana Propiedades de página con el
Pestaña General;
en el grupo de control de sonido de fondo, haga clic en el botón Examinar
y en la ventana Sonido de fondo que se abre, seleccione un archivo con música
fragmento.
Agregar un vídeo
Colocar un vídeo en la página de un sitio web es tan fácil como agregar una imagen.
Para colocar un video en la página de un sitio web, debe configurar el texto
cursor a la posición deseada y seleccione el comando Insertar, Dibujo,
Grabación de vídeo. A continuación, debes especificar el nombre del archivo con el fragmento de vídeo. Después
Al cerrar la ventana de grabación de video, se colocará un rectángulo en la página,
indicando el área de salida de vídeo en la que
Se muestra el primer fotograma del fragmento de vídeo.
Luego debe hacer clic derecho en el área de salida.
imágenes de vídeo y seleccione el comando en el menú contextual que aparece
Propiedades del dibujo. La pestaña Propiedades de imagen aparecerá con la pestaña abierta.
Video.
Seleccionar la casilla de verificación Al abrir un archivo indica que
El vídeo se reproducirá cada vez que lo cargues.
páginas en modo Ver. Establezca la casilla de verificación Al pasar el cursor
El mouse te permite reproducir un video cuando pasas el cursor sobre él.
ratones. En el campo de entrada con el contador de repeticiones, puede especificar cuántas veces
el vídeo debe ser mostrado, o
marque Siempre para
reproducción sin fin.
Animación de texto
Para
animación de texto
necesita ser mostrado
18

Barra de herramientas de efectos DHTML. Para hacer esto, use el comando Ver.
Barras de herramientas, efectos DHTML.
Cuando aparezca el panel deseado en la pantalla, haga clic en
el párrafo animado para que el cursor de texto quede dentro de él.
Entonces:
abra el cuadro combinado "Activado" y seleccione de él
1)
en
suceder
evento,
animación de texto. Puede ser un doble clic, un simple clic,

a quien
debe
2)
Abra el campo Aplicar para seleccionar un efecto de animación.
La cantidad de efectos ofrecidos depende del seleccionado en el primer paso.
eventos: se puede utilizar la mayor cantidad de efectos de animación cuando
abrir una página, y menos aún, al pasar el puntero del mouse;
3) para efectos tales como “Fly-in”, “Scale”, “Appearance” y
"Primavera" se convierte en un campo disponible, con la ayuda del cual puede especificar
efectos. Por ejemplo, cambiar el tamaño de las letras puede ocurrir como en
el lado de su disminución y aumento.
Si hace clic en el botón "Seleccionar efectos" en la barra de herramientas
DHTML", luego, en modo de visualización normal, los párrafos a los que
Los efectos de animación se resaltan con un bloque azul claro. Con preliminar
al navegar o al visualizar en una ventana de Internet Explorer, esta barra no es visible
4. Trabajo práctico
Practicar habilidades aprendidas en clase.
5. Resumen de la lección
Calificación
Tema: “Creación de hipervínculos”.
Objetivo: seguir familiarizándose con las funciones principales
programas;
Continuar trabajando en el estudio de tecnologías de la información;
Cultivar el interés por el tema.
Durante las clases.
1. Momento organizacional
Comunicar el tema y el propósito de la lección.
2. Revisar la tarea.
3. Explicación de un nuevo tema
No hay formas de insertar o editar hipervínculos en la página principal.
difieren de los utilizados en el editor de texto de Word.
Para crear un hipervínculo, debe seleccionar texto o gráficos.
objeto en el documento y haga clic en él una vez, libro derecho. ratones. en el aparecido
menú, seleccione el comando Hipervínculo. La palabra resaltada aparecerá en el campo.
"Texto" en el cuadro de diálogo "Agregar hipervínculo".
19

En el lado izquierdo de la ventana hay un panel "Enlace a", destinado a
seleccionar un objeto de hipervínculo. La figura muestra la opción “Enlazar al archivo,
página web", por lo que el campo grande central muestra
contenido de la carpeta en la que está almacenado el documento. Esta parte de la ventana de diálogo.
similar a la ventana para abrir documentos, por lo que incluso un usuario muy inexperto
El usuario no tiene ninguna dificultad a la hora de trabajar con él. Encuentra el archivo
que debería abrirse al hacer clic en el hipervínculo, selecciónelo
haga clic y cierre el cuadro de diálogo con el botón "Aceptar". Vos tambien
creó un hipervínculo simple, resaltado en azul en el texto y
subrayado. En caso de que quieras flotar
El puntero del mouse al hipervínculo era el texto de información sobre herramientas que tenía ante usted.
cierre la ventana de diálogo, haga clic en el botón "Pista" y en una nueva ventana
diálogo escribir el texto.
Se puede utilizar un hipervínculo en un documento para enviar un correo electrónico.
Por correo electrónico. Esta característica técnica de un editor de texto.
cuando se utiliza con habilidad, resulta ser una valiosa función didáctica,
especialmente importante al organizar el aprendizaje a distancia para niños
trabajadores a domicilio: al hacer clic en el hipervínculo se inicia un programa para crear y
enviar correos electrónicos, se inserta automáticamente en los campos
Información “Para” y “Asunto” recopilada por usted. Textear
El editor de Word reaccionó así al hacer clic en un hipervínculo, lo necesita en la ventana
En el cuadro de diálogo "Agregar hipervínculo", haga clic en el botón con las palabras
"Correo electrónico" y rellene los campos obligatorios.
Editar y eliminar hipervínculos
Como todo en este mundo, los hipervínculos cambian con frecuencia. Por ejemplo, tal vez
el nombre del archivo de la página web a la que cambia el hipervínculo,
la página en sí se puede mover a otro sitio o simplemente
eliminado. Si se produce tal cambio, entonces el enlace que apunta a
El archivo ha cambiado y necesita ser corregido.
a) cambiar hipervínculos
1. Haga clic derecho en el enlace que desea corregir.
Se abrirá un menú contextual.
2. En el menú contextual, seleccione el comando Propiedades del hipervínculo.
Se abre el cuadro de diálogo Editar hipervínculo. Dirección a corregir
El hipervínculo aparecerá en el campo URL (no válido). deberia ser reemplazado
en el derecho.
3. En la lista de archivos, haga clic en el que necesita y luego haga clic en el botón Aceptar.
La dirección del hipervínculo cambiará para apuntar a la página correcta.
20

b) eliminar hipervínculos
1. Haga clic derecho en el enlace que desea eliminar.
Se abrirá un menú contextual.
2. Seleccione el comando Propiedades del hipervínculo. Se abrirá un cuadro de diálogo
Editar un hipervínculo. Se resaltará el texto en el campo URL.
3. Presione la tecla Eliminar. Se eliminará el texto del campo URL.
4. Haga clic en el botón
De acuerdo. El enlace será eliminado del texto web.
páginas. Tenga en cuenta que la parte del texto que representa
es un hipervínculo, ahora no subrayado.
5. En la barra de herramientas, haga clic en el botón Guardar.
Consejo. Para eliminar un hipervínculo, simplemente puede eliminar su texto en
Página web.
Tarjetas
Si en versión electrónica Documento de Word un hipervínculo sólo puede ser
un dibujo completo, con la ayuda de Front Page puedes hacerlo en un solo dibujo
varios hipervínculos diferentes. Un dibujo de este tipo se llama mapa de imágenes.
1.
2. Haga clic en la imagen para seleccionarla. Como resultado
Aparecerá la barra de herramientas Dibujos.
3. Haga clic en uno de los siguientes botones para resaltarlo en el Dibujo:
Insertar un dibujo o una fotografía en una página web.
1. área rectangular - "Hiperrectángulo"
2. círculo o elipse - "Hipercírculo"
3. área arbitraria - "Hiperpolígono"
4. En la ventana "Agregar hipervínculo" que se abre, busque el nombre del sitio.
o una página web que debería abrirse al hacer clic dentro
área seleccionada.
5. Repita estos pasos con otras partes de la imagen.
Una foto normal será visible en la ventana del visor, pero cuando
Al pasar el puntero del mouse sobre el área activa, el puntero tomará la forma
señalando con el dedo y aparecerá un texto de sugerencia debajo.
4. Trabajo práctico
Practicar habilidades aprendidas en clase.
5. Resumen de la lección
¿Cómo crear un hipervínculo?
¿Cómo crear un mapa interactivo?
Calificación
Tema: “Creación de botones interactivos”.
Objetivo: seguir familiarizándose con las funciones principales
programas;
Continuar trabajando en el estudio de tecnologías de la información;
Cultivar el interés por el tema.
Durante las clases.
21

1. Momento organizacional
Comunicar el tema y el propósito de la lección.
2. Revisar la tarea.
3. Explicación de un nuevo tema
FrontPage le permite crear botones interactivos, es decir.
Botones con hipervínculos.
Atención: El botón de cambio solo se creará dentro de archivos no compartidos.
fronteras!. Si desea colocarlo en campos generales, primero créelo en
campos no generales, y solo luego copiarlos a los generales
Para hacer esto, tome el comando Insertar, Cambiar botón
1. En la ventana de Texto debes ingresar el nombre del botón.
2. Haga clic en el botón Examinar para vincular su botón a un hipervínculo.
En esta ventana, seleccione la página deseada y haga clic en Aceptar.
3. Vaya a la pestaña Fuente
En esta ventana puedes cambiar la fuente,
y el estilo de tu botón.
Además, puedes cambiar los colores de los botones:
colores originales
Color de libración
Color al presionar.
4. Ir

en
Pestaña de dibujo
tamaño
Aquí puede establecer el ancho y alto del botón.
(si el texto no cabe en el botón)
Si pones un punto al lado de las palabras Usar
para un botón en formato GIF y un fondo transparente, entonces su botón será
se ve muy bien en su sitio web.
22

6. Trabajo práctico
Practicar habilidades aprendidas en clase.
7. Resumen de la lección
Tema: “Creación de un sitio web usando el editor Front
Página"
Trabajo final
Meta: Consolidar las habilidades adquiridas por los estudiantes en lecciones anteriores;
Continuar trabajando en el estudio de tecnologías de la información;
Cultivar el interés por el tema.
Equipo: Programa Front Page 2003,
Durante las clases.
1. Momento organizacional
Comunicar el tema y el propósito de la lección.
23

Frontpage tiene dos funcionalidades que le permiten dividir una página en secciones que contienen texto y gráficos. Estas son mesas y marcos. Hasta este punto, hemos estado alineando el texto en una línea agregando espacios usando el estilo de párrafo formateado. También puedes utilizar tablas para alinear el texto. Utilizando tablas, los campos del formulario se alinean (el Capítulo 7 está dedicado a trabajar con formularios). También puede utilizar hojas de estilo en cascada para dar formato a los elementos de la página. Cabe señalar que las hojas de estilo en cascada solo son compatibles con los navegadores. Últimas Versiones.
Nota
Los navegadores ignoran los elementos de formato, como las líneas de espacios en blanco. La excepción es cuando se utiliza el estilo o símbolo formateado. espacio irrompible. En el código HTML, la secuencia de caracteres se utiliza para indicar un espacio sin separación. El uso de un conjunto de secuencias de este tipo permite mostrar texto con varios espacios consecutivos en una página cargada en el navegador. En Frontpage, el carácter de espacio sin separación se puede insertar usando el cuadro de diálogo Símbolo (primero en la primera línea).
Diseño de tablas
La herramienta más importante para desarrollar el diseño de una página web es una tabla. Las funciones de las tablas a la hora de crear páginas Web son variadas. En primer lugar me gustaría destacar lo siguiente:
alinear datos insertándolos en celdas de la tabla (al mismo tiempo que brinda la capacidad de separar datos con líneas de diferente grosor);
representación de texto en forma de columnas;
alineación de campos de entrada y sus nombres en formularios;
distribución de texto y gráficos en diferentes columnas;
crear un marco alrededor de texto o gráficos;
colocación de imágenes gráficas en ambos lados del texto (o en todos los lados) y viceversa;
colocación del texto a lo largo del contorno imagen grafica;
crear un fondo de color para un fragmento de texto o una imagen separada;
incluyendo tablas dentro de otras tablas.
Durante la creación de una tabla, en el cuadro de diálogo Insertar tabla, se establecen los valores de las siguientes propiedades: el número de filas y columnas, el área horizontal ocupada de la página, el grosor de las líneas que separan las celdas y limitar la tabla, el tamaño de los intervalos entre el contenido y el borde interior de los bordes de las celdas, alineación de la tabla, etc. Puede cambiar los valores de las propiedades de la tabla más adelante. En cualquier momento, puede eliminar una o varias filas o columnas, fusionar celdas adyacentes, formatear el contenido de una celda o rango seleccionado de una manera especial, etc. A medida que ingresa datos, el tamaño de la celda aumenta vertical y horizontalmente dentro de los límites establecidos para la tabla y la columna.
Nota
Puede establecer el ancho de la tabla en píxeles (ancho fijo) o como porcentaje del ancho de la ventana del navegador o del marco en el que se incluye la página. El ancho de las columnas de la tabla se especifica como porcentaje del ancho de la tabla o en píxeles (ancho fijo). Si el ancho de una columna individual o de una tabla completa se especifica en píxeles, entonces la forma en que se muestra la tabla en el navegador depende de la resolución de pantalla configurada en la computadora del usuario.
Visualización de datos tabulares
En una tabla clásica, las filas y columnas están estrictamente delimitadas. Para obtener dicha tabla, debe realizar la siguiente secuencia de acciones:
1. Descargue la página principal.
2. Activar el comando Nuevo del submenú Web del menú Archivo.
3. Se cargará el cuadro de diálogo Nuevo. De forma predeterminada, está seleccionada la plantilla web de una página. En el campo Especificar la ubicación del nuevo sitio web, ingrese el nombre del servidor web y del sitio web. Asigne un nombre al sitio web, por ejemplo, TestTables. Haga clic en Aceptar.
4. Vaya al modo de vista de Carpetas. Haga doble clic en el nombre del archivo Default.htm. La página de inicio se abrirá en la vista Página.
5. Presione la tecla para insertar una línea en blanco en la parte superior de la página.
6. Abra el menú Tabla y active el comando Tabla del submenú Insertar. Como resultado, se abrirá el cuadro de diálogo Insertar tabla (Figura 61). Esta ventana muestra los valores de propiedad predeterminados de la tabla. Los elementos del cuadro de diálogo Insertar tabla se describen en la Tabla 6.1.

Figura 6.1. Cuadro de diálogo Insertar tabla

Tabla 6.1. Propiedades de la tabla

Elemento de diálogo Propiedad de la tabla
Insertar ventanas de tabla
Filas Número de filas en la tabla
columnas Número de columnas en la tabla.
Alineación Método de alineación de la tabla (el valor predeterminado es alineación a la izquierda)
Tamaño del borde Grosor de las líneas divisorias y delimitadoras en píxeles Valor predeterminado: 0 Si este valor no se cambia, el marco de la tabla no se muestra en el navegador, pero en la página principal se indica con una línea de puntos
Relleno de celda La cantidad de espacio (en píxeles) entre los bordes de la celda y su contenido (el valor predeterminado es 1)
Espaciado de celdas Espaciado (en píxeles) entre celdas adyacentes (el valor predeterminado es 2)
Especificar ancho Ancho de la tabla Este valor se establece en píxeles (cambio En píxeles) o como porcentaje del ancho de la ventana del navegador o marco en el que se incluye la página (cambio En porcentaje).

7. No cambie ninguno de los valores. Haga clic en Aceptar. Como resultado, se creará una tabla con dos filas y dos columnas. Seleccione la tabla con usando el comando Tabla en el submenú Seleccionar del menú Tabla. Presione la tecla para eliminar la tabla. Si no creó una línea en blanco al principio de la página en el paso 5, hágalo ahora.
8. Haga clic en el botón Insertar tabla en la barra de herramientas Tabla. Aparecerá un prototipo de tabla frente a usted, donde es muy fácil especificar cuántas filas y columnas debe contener la tabla. Haga clic en la segunda celda de la segunda fila, como se muestra en la siguiente imagen. En este caso, también se creará una tabla compuesta por dos filas y dos columnas (cuatro celdas).
Analizamos dos formas de crear una tabla. Cuando utiliza el botón Insertar tabla en la barra de herramientas, se aplican los valores predeterminados. Si activa el comando Tabla en el submenú Insertar del menú Tabla, determina de forma independiente los valores de los parámetros de la tabla que se está creando.
Nota
Usando el botón Insertar tabla, puede crear una tabla que contenga muchas más filas y columnas de las que se muestran inicialmente en el prototipo:
Cuando mueves el puntero del mouse fuera del borde, el prototipo se expande automáticamente.
Propiedades de la tabla
Los valores asignados a las propiedades de una tabla la definen apariencia.
1. En la celda superior izquierda de la tabla que creamos, ingrese el número 5.
Presione la tecla para pasar a la celda de la derecha e ingrese la siguiente oración:
Esta es una frase bastante larga. Su tabla debería verse como la siguiente imagen. El ancho de esta mesa alcanza casi el 100% del ancho de la ventana.

2. Presione la tecla de flecha hacia abajo dos veces para mover el cursor fuera de la tabla. Inserte tres líneas vacías después de la tabla presionando la tecla tres veces.
Nota
Si coloca el cursor en la última celda y presiona la tecla, se agregará una nueva fila a la tabla y el cursor se moverá a la primera celda de la nueva fila.
3. Active el comando Tabla del submenú Insertar del menú Tabla y desactive la opción Especificar ancho en la parte inferior del cuadro de diálogo (el campo de entrada del mismo nombre dejará de estar disponible). Haga clic en Aceptar. Como resultado, aparecerá una segunda tabla, cuyo ancho es mucho menor que el de la primera.
4. Ingrese el número 1 en la celda izquierda de la primera fila de la tabla, presione la tecla, lo que hace que el cursor se mueva a la segunda celda de la primera fila e ingrese una oración. Esta es una frase bastante larga.
Muévase a la celda izquierda de la segunda línea usando la tecla e ingrese el número 2. Presione la tecla nuevamente (el cursor se moverá a la celda derecha de la segunda línea) e ingrese una oración: Esto es solo una oración
El ancho de cada columna se establece según la línea más larga de esa columna (Figura 6.2).

Arroz. 6.2. La propiedad Especificar ancho está configurada para la tabla superior, pero no para la tabla inferior.

5. Haga clic derecho en la segunda tabla y seleccione el comando Propiedades de tabla en el menú contextual, que abrirá el cuadro de diálogo del mismo nombre que se muestra en la Fig. 6.3. Como en el cuadro de diálogo abierto usando el comando Tabla del submenú Insertar del menú Tabla (Fig. 6.1), en él puede configurar parámetros de la tabla como la alineación, el grosor de las líneas divisorias y limitadoras de la tabla, el tamaño de los intervalos entre los bordes de la celda y su contenido, el intervalo entre celdas adyacentes y el ancho de la tabla. Además, es posible determinar la altura de la mesa, seleccionar un color para el fondo sólido de la mesa o una imagen de fondo y especificar el color de las líneas divisorias. En el cuadro de lista Flotante, puede especificar en qué dirección mover la tabla (hacia la derecha o hacia la izquierda) para colocar texto o una imagen a la izquierda o a la derecha de la tabla. De forma predeterminada, el campo Flotante está configurado en Predeterminado. Según esta configuración, el texto sólo puede ubicarse debajo o encima de la tabla.

Fig. 6 3 Cuadro de diálogo Propiedades de la tabla

6. Establezca los siguientes valores para las propiedades de la tabla: Tamaño del borde - 5, Relleno de celda - 6, Espaciado de celda - 8. Confirme la configuración haciendo clic en el botón Aceptar. Su tabla debería verse como la siguiente imagen. Haga clic derecho en la celda derecha de la primera fila de la tabla superior (Figura 6-2) y seleccione el comando Propiedades de celda en el menú contextual. Se abrirá un cuadro de diálogo con el mismo nombre (Figura 6-4). que contiene se describen en la Tabla 6.2.

Figura 6.4. Cuadro de diálogo Propiedades de celda

Tabla 6.2. Propiedades de la celda

Elemento de diálogo
Ventanas de propiedades de celda
Función
Alineamiento Horizontal Alinear el contenido de la celda horizontalmente. Están disponibles las siguientes opciones: Izquierda, Centro, Derecha. La alineación izquierda está configurada de forma predeterminada
Alineamiento vertical Alinear el contenido de la celda verticalmente Las siguientes opciones están disponibles: Superior (borde superior), Medio (centro), Línea base (alinear el contenido de la celda a lo largo de la línea de referencia), Inferior (borde inferior) La alineación central está configurada de forma predeterminada
Filas abarcadas Este campo indica cuántas filas desea estirar esta celda.
Columnas abarcadas Este campo especifica en cuántas columnas desea ampliar la celda.
Celda de encabezado Dar formato a una celda como encabezado de fila o columna (establece el texto de la celda en negrita)
Sin envoltura Prohibición de separación de palabras dentro de una celda en un navegador web; de lo contrario, el texto se rompe si la ventana del navegador es demasiado estrecha para mostrarlo por completo
Especificar ancho Especifica la altura de la celda en píxeles o como porcentaje de la altura total de la tabla (solo si la opción Especificar altura está activa). Si esta opción está desactivada, la altura de la celda se cambia automáticamente para que el texto ingresado u objeto colocado en ella quepa completamente
Fronteras En esta área de la ventana se puede definir el color de las líneas divisorias y delimitadoras, que pueden ser monocolor o bicolor. En el primer caso, utilice el campo de entrada Frontera, en el segundo, dos campos cualesquiera de los tres propuestos. En este último caso, el marco resulta voluminoso.
Fondo Crear un fondo para una celda (ya sea de un color sólido o que contenga una imagen)

Los valores de propiedad se pueden cambiar para una sola celda o para un rango seleccionado.

Nota

Al cambiar el ancho de la celda, asegúrese de que el ancho total de las celdas en la fila no exceda el 100%; de lo contrario, las celdas de la tabla no se mostrarán correctamente.

1. En el cuadro de lista Alineación horizontal del cuadro de diálogo Propiedades de celda, seleccione Centro y en el cuadro Vertical
Alineación: elemento Superior (alineado con el borde superior). En el campo Tamaño del borde, ingrese el valor 1. Confirme la configuración haciendo clic en Aceptar.
Como resultado, la forma en que se organizan los datos en la celda cambiará y el grosor de las líneas divisorias y limitadoras será igual a un píxel.
2. Seleccione la fila inferior de la tabla y haga clic derecho. En el menú contextual, seleccione el comando Propiedades de celda. Ingrese un valor de 2 en el campo Columnas distribuidas y haga clic en Aceptar. La tabla resultante debería verse como la siguiente. La celda más a la izquierda se superpondrá a las dos superiores, pero debería haber una celda adicional a la derecha.

Nota
Puede seleccionar un cierto número de celdas dentro de una tabla de la siguiente manera: coloque el puntero del mouse a la izquierda de la celda desde la cual comenzará la selección, y cuando cambie a una flecha apuntando hacia arriba a la derecha, presione el botón izquierdo del mouse. y seleccione las celdas requeridas.
Nota
Las columnas de la tabla que cree pueden tener anchos diferentes a los que se muestran en la figura. Esto se debe a diferencias en las resoluciones de los monitores.
3. Presione una combinación de teclas o active el comando Deshacer propiedades de edición en el menú Editar para deshacer los cambios.
4. Seleccione la primera fila de la tabla superior, abra el cuadro de diálogo Propiedades de celda e ingrese un valor de 2 en el campo Filas distribuidas. Finalmente, haga clic en Aceptar. Las dos celdas superiores se moverán hacia la izquierda y las dos inferiores se moverán hacia la derecha.

5. Haga clic en el botón Deshacer en la barra de herramientas. Vaya a la celda izquierda de la primera fila de la tabla superior y abra el cuadro de diálogo Propiedades de celda. Configure la opción Especificar ancho y active el interruptor En píxeles para poder especificar de forma independiente el ancho de la celda en píxeles (el campo de entrada Especificar ancho estará disponible). Ingrese el valor 40 en el campo de entrada Especificar ancho y haga clic en Aceptar. Ambas celdas de la primera columna aumentarán de tamaño.

7. Active el botón Deshacer, haga clic en la celda derecha de la segunda fila y abra el menú Tabla. Este menú contiene cuatro submenús. Los comandos del menú de la tabla se describen en la tabla. 6.3.

Tabla 6.3. Comandos del menú de tabla

Equipo Descripción
Mesa de dibujo Le permite dibujar una mesa de la misma manera que usa un lápiz en una hoja de papel.
Submenú de tabla Insertar Cuando se activa este comando, se abre el cuadro de diálogo Insertar tabla. En él se pueden configurar los parámetros de la tabla que se está creando, la cual se insertará en la posición donde se encuentra el cursor (si el cursor se encuentra en una celda de otra tabla, la segunda tabla se colocará en ella)
Submenú Insertar filas o columnas Insertar El cuadro de diálogo Insertar filas o columnas especifica el número de filas y columnas que se pueden insertar encima, debajo, a la derecha o a la izquierda de la selección.
Submenú de celda Insertar Inserta una nueva celda a la izquierda de la celda seleccionada que se desplaza hacia la derecha
Submenú de subtítulos Insertar Diseñado para insertar una línea vacía encima de la tabla. Esta fila está asociada a una tabla: cuando se selecciona o elimina una tabla, el encabezado también se selecciona o elimina. De forma predeterminada, el encabezado de la tabla está configurado para alineación central, pero puede estar alineado hacia la izquierda o hacia la derecha.
Eliminar celdas Se utiliza para eliminar celdas seleccionadas.
Combinar células Le permite fusionar varias celdas tanto en una fila como en una columna
Células partidas En el cuadro de diálogo Dividir celda, puede configurar las celdas seleccionadas para que se dividan en filas y columnas.
Submenú Celda, Fila, Columna, Tabla Seleccionar El primer comando se utiliza para seleccionar la celda actual, el segundo, la fila actual, el tercero, la columna actual y el cuarto, toda la tabla.
Distribuya filas uniformemente, distribuya columnas uniformemente El primer comando le permite establecer el mismo ancho para las filas seleccionadas y el segundo, para las columnas seleccionadas.
Ajuste automático Reduce la longitud de cada columna al tamaño que ocupa directamente la información contenida en ellas. Habilitar este comando tiene el mismo efecto que deshabilitar la opción Especificar ancho en el cuadro de diálogo Insertar tabla, es decir. La longitud de las celdas cambiará automáticamente dependiendo de la longitud del texto ingresado o de la longitud del objeto colocado en ellas.
Submenú Texto a tabla Convertir Le permite convertir el texto seleccionado en una tabla. Al activar este comando se abre un cuadro de diálogo para seleccionar un carácter delimitador. Utilice comas para separar el contenido de las columnas y marcadores de párrafo para separar las filas.
Submenú de tabla a texto Convertir Le permite convertir datos tabulares en texto, con el contenido de cada celda formando un párrafo separado.
Submenú Título, Celda, Propiedades de tabla Estos tres comandos brindan acceso a las ventanas Propiedades de título, Propiedades de celda y Propiedades de tabla.

Nota
Para seleccionar varias celdas no adyacentes, mantenga presionada la tecla
Tabla de menú. Echemos un vistazo más de cerca a algunos de los comandos del menú Tabla descritos en Tabla. 6.3
1. Active el comando Tabla del submenú Insertar. En el cuadro de diálogo que se abre, haga clic en Aceptar sin cambiar la configuración predeterminada. Como resultado, aparecerá una tabla de dos filas y dos columnas en la celda.

Nota
Cuando creamos la segunda tabla (paso 3 del segundo ejercicio de este capítulo), desactivamos la opción Especificar ancho en la ventana Insertar tabla. En el paso 1 del tercer ejercicio, ingresamos el valor 1 en el campo Tamaño del borde del Ventana Propiedades de la tabla. En Frontpage, estas configuraciones se guardaron, por lo que al crear una nueva tabla en la ventana Insertar tabla, de forma predeterminada, la opción Especificar ancho estará deshabilitada y el campo Tamaño del borde contendrá el valor 1.
1. Haga clic primero en el botón Deshacer y luego en la celda izquierda de la primera fila de la tabla. Seleccione el comando Filas o columnas del submenú Insertar. Como resultado, se abrirá el cuadro de diálogo del mismo nombre.

Acepte la configuración predeterminada: se seleccionan los interruptores Filas y Selección inferior y se ingresa el valor 1 en el campo Número de filas. Haga clic en el botón Aceptar. Aparecerá una nueva fila debajo de la primera fila de la tabla.
3. Active nuevamente el comando Insertar filas o columnas del submenú Insertar. Configure los botones de radio Columnas e Izquierda de selecciones (a la izquierda del área seleccionada). Después de esto, haga clic en el botón Aceptar. La tabla resultante debería verse como la siguiente cifra

4. Active el comando Celda del submenú Insertar. Como resultado, se insertará una nueva celda en la tabla y la celda ubicada a la derecha se moverá fuera de la línea hacia la derecha. El cursor se colocará automáticamente en la nueva celda.

Para seleccionar una celda, active el comando Celda del submenú Seleccionar (seleccione una celda) o presione la tecla al hacer clic en una celda. Para eliminar celdas, use el comando Eliminar celda
5. Active el comando Título del submenú Insertar, el cursor se ubicará arriba de la tabla en el centro, ingrese la siguiente oración. Este es el encabezado de la tabla.
6. Seleccione la fila inferior en la primera tabla Luego seleccione el comando Combinar celdas. Como resultado, todas las líneas divisorias entre celdas se eliminarán en la fila inferior.

7. Haga clic en la celda más a la derecha de la primera fila y active el comando Dividir celdas. Se abrirá el cuadro de diálogo Dividir celdas.

Acepte la configuración predeterminada y haga clic en Aceptar. La celda especificada se dividirá en dos

8. Active el comando Tabla del submenú Seleccionar y presione la tecla . La tabla será eliminada. Haga clic en el botón Deshacer para restaurarlo.
Nota
Hay otra forma de seleccionar una tabla: hacer doble clic a la izquierda de la tabla (los de sus límites)
9. Abra el cuadro de diálogo Propiedades de la tabla e ingrese el valor 0 en el campo de entrada Tamaño del borde. Haga clic en Aceptar. Como resultado, los límites de la tabla se indicarán con líneas de puntos.
dibujando una mesa
Hasta ahora, ha creado tablas usando el comando Tabla del submenú Insertar del menú Tabla. En este caso, el sitio web se genera automáticamente de acuerdo con los valores de propiedad establecidos. Después de crear la tabla, cambió estos valores en el cuadro de diálogo Tab!c Pioperties, agregó y eliminó columnas y filas, fusionó celdas, etc. a través de las órdenes de Tabie. Frontpage ofrece otra forma de crear y editar tablas, según la cual los botones de la barra de herramientas de Able se utilizan para procesar tablas. El botón Dibujar tabla le permite dibujar una tabla manualmente. El botón Borrador se utiliza para eliminar secciones de líneas de crisol de las celdas. Los botones restantes duplican los comandos correspondientes del menú Tabla.
1. Coloque el cursor en una línea en blanco entre dos tablas, luego presione el botón del mouse dos veces y la tecla de flecha hacia arriba una vez.
Nota
Es una buena idea dejar una fila en blanco entre las tablas al crearlas, ya que Frontpage dificulta la inserción de filas entre tablas. Es más fácil eliminar los innecesarios una vez finalizado el diseño.
1. Desde el menú Tabla, active el comando Dibujar Tabla. Como resultado, aparecerá la barra de herramientas Tabla y el puntero del mouse se verá como un lápiz. En mesa 6 4 describe los botones de la barra de herramientas Tabla
3. Coloque el puntero del mouse entre las tablas existentes en el lado izquierdo de la página y muévalo primero horizontalmente hasta la mitad de la página y luego hacia abajo una distancia igual a la altura de la segunda tabla.
Capítulo 6. Mesas y marcos lul.
4. Coloque el puntero del mouse en el borde superior de la tabla, cerca de la esquina izquierda. Mueva el puntero horizontalmente una distancia igual a la mitad de la longitud de la mesa. Muévelo hacia el borde inferior. La tabla ahora tiene dos columnas.
5. Cree tres filas en la columna de la derecha (la altura de las filas puede ser arbitraria).
6. Seleccione la segunda columna de la tabla. Haga clic en el botón Distribuir filas uniformemente en la barra de herramientas, lo que hará que las tres filas tengan la misma altura.

7. Dibuja una línea que divida la segunda fila de la columna derecha en dos partes.
8. Dibuja dos líneas que dividan la línea inferior de la columna derecha en tres partes. El ancho de la primera celda nueva se establece igual al ancho de la celda ubicada en la parte superior

9. Coloque el puntero en el borde derecho de la primera columna. Como resultado, el puntero tomará la forma de una flecha de dos puntas.
10. Mueva el borde de la columna hacia la derecha para expandirlo.
11. Active el botón Borrar en la barra de herramientas de la Tabla. El puntero del mouse aparecerá como un borrador. Arrastre el borrador perpendicular a la línea que separa las celdas del extremo derecho y del medio en la fila inferior. Como resultado, esta línea divisoria desaparecerá (ver más abajo).

12. Haga clic nuevamente en el botón Borrador (se restaurará la vista normal del puntero del mouse). Coloque el puntero en la parte superior de la segunda columna. Cuando el puntero se convierta en una pequeña flecha negra que apunta hacia abajo, haga clic para resaltar la columna.
13. Presione la tecla y mueva el puntero hacia la derecha, colocándolo encima de la columna más externa. Una vez que haga clic, las dos columnas exteriores se resaltarán.
14. Haga clic en el botón Distribuir columnas uniformemente en la barra de herramientas. La tabla resultante se muestra a continuación.

15. Seleccione la tabla usando el comando Tabla del submenú Seleccionar del menú Tabla y presione la tecla para eliminarla.
Tabla 6 4. Botones de la barra de herramientas de la tabla

Los ejercicios que realizamos están diseñados para demostrar cuán amplias son las posibilidades de FiontPage en cuanto a la creación de tablas. Todas las operaciones se realizan en modo WYSIWYG, en cualquier etapa del trabajo se puede ver cómo se verá la tabla creada en el navegador.

Importar información de texto a una tabla.

Para importar texto correctamente a una tabla, ésta debe prepararse en consecuencia; los fragmentos de texto colocados en celdas adyacentes de la tabla deben estar separados entre sí por caracteres especiales (delimitadores), como comas. Muy a menudo, los signos de puntuación se utilizan como separadores. A continuación, realice la siguiente secuencia de acciones:
1. Haga clic debajo de la tabla inferior, presione la tecla

2. Seleccione el texto ingresado; menú 1 Tabla y activa el texto del comando A Tabla Submenú Comen *
3. En el cuadro de diálogo Convertir texto en tabla que se carga, seleccione el interruptor Otro, elimine los puntos en el campo de la derecha e ingrese un punto y coma. Haga clic en el botón Aceptar. Como resultado, el texto se importará a la tabla (Figura 6.5.)

Figura 6.5. Tabla creada a partir de información de prueba.

Nota
HTML no admite caracteres de tabulación Si convierte información de texto en una tabla que utiliza tabulaciones para separar conjuntos de información, estos caracteres se eliminarán y la tabla no se creará correctamente. En lugar de tabuladores, deberías utilizar signos de puntuación, que no se utilizan en el archivo de texto. En este ejemplo, se utiliza un punto y coma porque el texto contiene comas y guiones. Un carácter alternativo es un marcador de párrafo * Es posible que desee importar contenido a la tabla Archivo de texto Pero primero debes importar texto del archivo y páginas) activando el comando Archivo del menú Insertar. Cabe recordar que Frontpage no importa texto cirílico correctamente (no tiene problemas con el latín), por lo tanto, si quieres extraer texto similar de un archivo y colóquelo en la página, abra el archivo en un editor de texto como el Bloc de notas y transfiera el texto a la página usando el portapapeles - Nota. ed.
4. Seleccione la fila inferior (vacía) de la tabla, si la hay, y elimínela.
5. Haga clic derecho en la tabla y active el comando Propiedades de tabla en el menú contextual. En el cuadro de lista Alineación del cuadro de diálogo que se abre, seleccione el elemento Centro, luego desactive la opción Especificar ancho. En el campo Relleno de celda, ingrese el valor 4, especificando así la distancia entre los bordes de la celda y su contenido. Después de completar todas las configuraciones anteriores, haga clic en el botón Aceptar.
6. Seleccione la línea isepxmolo, haga clic derecho sobre ella y abra el cuadro de diálogo Propiedades de celda. En esta ventana, configure la opción Celda de encabezado y seleccione Izquierda en el cuadro de lista Alineación horizontal. Finalmente, haga clic en Aceptar.
7. En el menú Tabla, active el comando Título del submenú Insertar. Haga clic en el botón Negrita en la barra de herramientas Formato. El título de la tabla que ingrese estará en negrita. Por ejemplo, ingrese el siguiente título. NOMBRE COMPLETO. y año de nacimiento de los empleados
8. Seleccione la primera fila de la tabla y haga clic en el cuadro de lista Color de relleno en la barra de herramientas de la tabla. En la lista que se abre, seleccione el color Aqua (tercer cuadrado desde la izquierda en la segunda fila) y haga clic en Aceptar.

9. Seleccione las filas restantes de la tabla y abra el cuadro de diálogo Propiedades de celda. Especifique un color amarillo en el cuadro de lista Color en el área Fondo y en el cuadro de lista Alineación horizontal, seleccione Centro.
Haga clic en el botón Aceptar. La tabla resultante debería verse como la que se muestra en la Fig. 6.6.
10. Haga clic en el botón Guardar para guardar las tablas creadas.
11. En el menú Archivo, seleccione Vista previa en el navegador. En el cuadro de diálogo que se carga, seleccione el navegador Internet Explorer 5.0 y haga clic en el botón Vista previa. En la Fig. 6.7 presentado Página principal Sitio web de Test Tables que contiene la tabla que creamos. Si está utilizando otro navegador, abra esta página y vea cómo se mostrará la tabla que creamos.
Las últimas versiones del navegador han ampliado el soporte para tablas. Anteriormente, existían diferencias significativas entre la forma en que se mostraban las tablas en diferentes navegadores. Algunos navegadores no los admitían en absoluto. Debes revisar tu trabajo en diferentes navegadores y evaluar cómo se ven tus tablas en ellos. Actualmente, el mercado de los navegadores está dominado por productos de Netscape y Microsoft. Estos dos navegadores soportan bastante bien las tablas.

Arroz. 6.6. Versión final de la tabla (modo Vista de página)

Arroz. 6.7. Mesa final (Internet Explorer 5.0)

Usar tablas al diseñar una página web

Las tablas son útiles para dividir una página en áreas en las que se presentará la información.
Sigue estos pasos:
1. En la vista Página, cree una nueva página. Inserte una línea en blanco al principio de la página.
2. Active el comando Clip Art del submenú Imagen del menú Insertar. Se cargará el cuadro de diálogo Galería de imágenes. Desplácese hacia abajo en la ventana para ver el ícono de Lugares. Haga doble clic en él. La ventana mostrará imágenes relacionadas con la categoría Lugares. Seleccione una imagen con el monumento arquitectónico Taj Mahal y haga clic en el botón Insertar clip en el panel que aparece. La imagen se colocará en la página.
3. Coloque el cursor debajo de la imagen e ingrese el siguiente texto: "Monumento de la arquitectura india. Mausoleo del Sultán Shah Jahan y su esposa. Ubicado a 2 kilómetros de la ciudad de Agra. Estructura de cinco cúpulas de mármol blanco con un mosaico de piedras de colores. La altura es de 74 metros. K El Taj Mahal se encuentra junto a cuatro minaretes y un jardín. Una pintura del famoso artista ruso V.V. Vereshchagin, que visitó la India, presenta este ejemplo de arquitectura indomusulmana."
4. Resalte el texto ingresado. Presione la combinación de teclas para copiar el texto al portapapeles. Coloque el cursor al final de la última oración e inserte un espacio. Presione la combinación de teclas. Como resultado, la matriz de texto aumentará, lo que le permitirá lograr el resultado deseado: rodear la imagen con texto.
5. Mueva el puntero al principio de la página. Active el comando Tabla del submenú Insertar del menú Tabla. En la ventana cargada, ingrese el valor 2 en el campo Filas, -1 en el campo Columnas, 0 en el campo Tamaño del borde y desactive la opción Especificar ancho. La nueva tabla ocupará el lugar de los gráficos y el texto, que se moverán hacia abajo. El resultado se muestra en la siguiente figura.

6. Arrastre la imagen a la fila superior de la tabla.
7. En la línea inferior de la tabla, ingrese el nombre del monumento "Taj Mahal". Configure el texto en negrita y alinéelo con el centro del gabtatsa haciendo clic respectivamente en los botones Negrita y Centro del panel de herramientas de formato.
8 Abra el cuadro de diálogo Propiedades de la tabla, resalte Izquierda en el cuadro de lista Flotante y haga clic en Aceptar. Como resultado, el texto se colocará alrededor de la mesa. En otro texto basura WOT el efecto se llama envoltura

9 Guarde la página, dándole el nombre Tatj _Mahal y el título Taj Mahal. En el menú Archivo, active el comando Vista previa en el navegador. Seleccione el navegador y haga clic en el botón Pieview. En la Fig. 6-8, la página se muestra en Internet Explorer. 5 O navegador
Como ha visto, las tablas facilitan la alineación de imágenes y leyendas. Cree algunas páginas de plantilla que utilicen tablas para demostrar lo poderosas que son como medio para presentar información.

Figura 6.8. Ajustar texto alrededor de una imagen

Es posible que usted tenga sus propias ideas sobre el uso de tablas en una página Web, impleméntelas, experimente hasta lograr el resultado deseado, sólo así podrá obtener una página diseñada con éxito.

trabajar con personal

Klapbi, al igual que las tablas, se utilizan para colocar información en páginas individuales sobre los invitados. Los marcos son ventanas colocadas en una página web y diseñadas para mostrar otras páginas web. Se puede colocar cualquier número de marcos en una página. Usando marcos es muy conveniente presentar información en un sitio web con sistema complejo encabezados En este caso, debe crear una página con dos marcos: un marco de tabla de contenido y un marco principal. El marco de tabla de contenido contiene una lista de encabezados que son enlaces. Cuando se activa una categoría de enlace, la página correspondiente se carga en el marco principal.
A continuación, completará un tutorial sencillo diseñado para demostrar los principios de recursos humanos (este ejemplo solo tendrá tres rúbricas). este ejemplo lo dedicaremos a los monumentos arquitectónicos.
1. Cree un nuevo sitio web de una sola página y asígnele el nombre Frames. En el modo de vista de página, active el comando Página del submenú Nuevo del menú Archivo. En el cuadro de diálogo Nuevo que se carga, vaya a la pestaña Páginas de marco, que muestra plantillas de página con marcos (Fig. 6.9).
De forma predeterminada, la plantilla Banner y contenido está seleccionada. El área Vista previa presenta la composición de la página que se creará en función de esta plantilla y el área Descripción proporciona una descripción de la plantilla. Selecciona cada una de las plantillas una a una para leer su descripción y saber qué páginas se pueden crear en base a ellas.

Arroz. 6.9. Nuevo cuadro de diálogo (pestaña Páginas de marco)

2. Después de revisar las opciones de la plantilla, seleccione la plantilla Encabezado, Pie de página y Contenido. Haga clic en Aceptar.
El resultado será una página que contiene cuatro marcos: un marco con un encabezado (marco superior), un marco de tabla de contenido a la izquierda, un marco principal y un marco de pie de página (marco inferior) (Figura 6.10). Cada marco contiene dos botones: Establecer página inicial (se utiliza para seleccionar la página inicial, es decir, la página que se muestra por primera vez en el marco después
cargar la página de marcos en el navegador) y Nueva página (haciendo clic en el botón Nuevo
La página da como resultado una página inicial en blanco).

Arroz. 6.10. Una página de marcos basada en la plantilla de encabezado, pie de página y contenido

3. Haga clic en el botón Nueva página en el marco superior. Esto creará una nueva página vacía en el marco.
Nota
Para utilizar una página existente como página inicial de un marco, debe hacer lo siguiente: en este marco, haga clic en el botón Establecer página inicial; en el cuadro de diálogo Crear hipervínculo que se carga, seleccione la página deseada y cierre la ventana usando el botón Aceptar.
4. Haga clic derecho en la página en el marco superior y seleccione Bordes compartidos en el menú contextual. En el cuadro de diálogo cargado del mismo nombre, el interruptor Página actual está seleccionado de forma predeterminada (no cambie esta configuración). Si hay alguna opción instalada, desactívela.

Nota
Los marcos son una herramienta de navegación alternativa a las áreas compartidas. Por tanto, si existen marcos en el sitio Web, no se utilizan las zonas comunes.
5. En la página en el marco superior, ingrese el título "Monumentos arquitectónicos". Dale al título el estilo de párrafo Título 2 y alinéalo con el centro.
6. Haga clic en el botón Nueva página en el marco inferior. En la página creada, ingrese la siguiente oración: “Si tiene preguntas o comentarios, comuníquese con: [correo electrónico protegido]". Seleccione el texto ingresado y en el cuadro de lista Tamaño de fuente en la barra de herramientas Formato, seleccione el valor 2. El tamaño de fuente de la oración ingresada será de 10 puntos.
7. Cree una nueva página en el marco de la tabla de contenido (marco izquierdo). Ingrese las siguientes tres líneas de texto (después de ingresar la siguiente línea, presione la tecla):
Acrópolis
Pirámides
Taj Mahal
8. Cree una nueva página en el marco principal haciendo clic en el botón Nueva página. Presione la tecla para crear una línea vacía. En la segunda línea, ingrese la siguiente oración: "¡Bienvenido al mundo de la arquitectura!" Asigne al texto ingresado un estilo de párrafo Título 1 y alinéelo con el centro de la página. Ponga el texto en cursiva (selecciónelo y haga clic en el botón Cursiva en la barra de herramientas Formato).
Entonces, se han creado las páginas iniciales de todos los marcos. A continuación haremos cambios en pagina de inicio marco de tabla de contenidos.
9. Haga clic en el botón Nueva página en la barra de herramientas Estándar. Se creará una nueva página en blanco sin marcos. Active el comando Clip Art del submenú Imagen del menú Insertar. Se cargará el cuadro de diálogo Galería de imágenes. En el campo Buscar clips, ingrese el nombre del monumento arquitectónico:
Acrópolis. Después de un tiempo, se presentarán los resultados de la búsqueda (ver más abajo): una imagen de la Acrópolis. Seleccione una imagen y en el panel que aparece, haga clic en el botón Insertar clip. La imagen se colocará en la página.

10. Cree dos nuevas páginas en blanco y coloque en ellas dos imágenes más de monumentos arquitectónicos de la biblioteca de imágenes prediseñadas: en la primera, las pirámides de Egipto, en la segunda, el Taj Mahal. En el primer caso, en la ventana Galería de imágenes, ingrese Pirámides como criterio de búsqueda, en el segundo, Taj Mahal.
11. Vaya a la página con la imagen de la Acrópolis. Haga clic en el botón Guardar. En el cuadro de diálogo Guardar, especifique un nombre de archivo para la página de Acrópolis. htm y cambie el título predeterminado a Acrópolis. Haga clic en el botón Guardar. Se cargará el cuadro de diálogo Guardar archivo incrustado. Haga clic en el botón Cambiar carpeta. En la ventana del mismo nombre, seleccione la carpeta Imágenes. Cierre ambas ventanas usando los botones Aceptar. El archivo de imagen se guardará en la carpeta Imágenes.
12. Guarda las páginas con fotografías de las pirámides y el Palacio Taj Mahal. En el primer caso, especifique Pyramids htm y Pyramids como nombre y título del archivo de la página, en el segundo, Taj_Mahal.htm y Taj Mahal.
13. Vaya a la página en el marco de la tabla de contenido. Resalte la palabra Acrópolis y haga clic en el botón Hipervínculo en la barra de herramientas Estándar. En la ventana Crear hipervínculo, seleccione la página Acropolis.htm. El campo Marco de destino debe contener una entrada Página predeterminada (principal). Esto significa que la página (Acropolis.htm) a la que se crea el hipervínculo se abrirá en el marco principal. Puede cambiar el marco de destino en el cuadro de diálogo Marco de destino, que se abre al hacer clic en el botón Cambiar marco de destino. En la lista de Objetivos comunes de esta ventana, debe seleccionar el elemento apropiado. En particular, si se selecciona el elemento Nueva ventana, cuando haga clic en el hipervínculo, la página se abrirá en una nueva ventana del navegador, y si se selecciona el elemento Mismo marco, la página se abrirá en el mismo marco en el que el hipervínculo se encuentra

14. Guiado por el párrafo anterior, en el cuadro del índice, cree dos hipervínculos más a las páginas Pyramids.htm y Taj_Mahal.htm, incluyendo en ellas, respectivamente, las palabras Pyramids y Taj Mahal. Así, se han creado tres hipervínculos. en el marco de la tabla de contenido, cuando se activa, las páginas correspondientes se abrirán en el marco principal.
15. Hemos terminado de crear la página de marcos. El resultado se muestra en la figura. 6.11.
16. En el menú Archivo, seleccione el comando Guardar. Se cargará el cuadro de diálogo Guardar como y le pedirá que guarde la página en el marco superior. El lado derecho de la ventana Guardar como muestra la composición de la página con marcos (el marco que se está guardando actualmente corresponde al área sombreada). Asigne a la página el nombre Fr_header. Haga clic en el botón Guardar. A continuación, la ventana Guardar como le pedirá que guarde la página del marco inferior (las páginas del marco se guardan en el orden en que fueron creadas). Nombra la página del marco inferior FrJboter, la página de la tabla de contenido Fr_contents, el marco principal Fr_main. Finalmente, se te pedirá que guardes la página de marcos. Asígnele el nombre Marcos y el título “Monumentos arquitectónicos” (Fig. 6.12).

Arroz. 6.11. Página con marcos en modo Vista de página

Arroz. 6.12. Procedimiento para guardar una página con marcos.

17. Cargue la página con los marcos en el navegador y vea cómo queda.
para parecer.

Arroz. 6.13. Página con marcos del sitio web Frames en el navegador

Un marco tiene una serie de propiedades que puedes controlar. Los valores de las propiedades del marco se establecen en el cuadro de diálogo Propiedades del marco. Para abrir esta ventana, haga clic derecho en un marco (por ejemplo, un marco de tabla de contenido) y active el comando Propiedades del marco en el menú contextual. Como resultado, se abrirá el cuadro de diálogo que se muestra en la Fig. 6.14. Los elementos de la ventana Propiedades del marco se describen en la tabla. 6.5.

Tabla 6.5. Propiedades del marco

Elemento Descripción
Nombre Al crear un hipervínculo en una página de marcos, debe especificar en el cuadro de diálogo Crear hipervínculo el nombre del marco en el que se cargará la página correspondiente cuando se active el vínculo.
Página inicial Página inicial Este campo de entrada indica qué página se mostrará primero en el marco cuando se cargue
Tamaño del marco Esta área contiene dos campos de entrada: Ancho (ancho) y Alto de fila (alto de fila). Los valores se pueden establecer aquí en píxeles, en unidades relativas o como porcentaje del tamaño de la ventana del navegador.
Márgenes Esta área determina el tamaño de los márgenes del marco (los intervalos entre el contenido de la página y los límites del marco) y los píxeles.
Redimensionable en el navegador (cambiar el tamaño en el navegador) Si esta opción está configurada, el usuario puede cambiar el tamaño del marco en su navegador.
Mostrar barras de desplazamiento (mostrar barras de desplazamiento) Este cuadro de lista contiene tres elementos Si es necesario (si es necesario): las barras de desplazamiento se muestran solo si el contenido de la página no cabe en la ventana. Nunca (nunca): las barras de desplazamiento no se muestran, independientemente de la cantidad de información en la página. Siempre (constantemente): las barras de desplazamiento se muestran constantemente. Cuál de estos elementos debe seleccionarse depende del contenido de las páginas que se cargarán en el marco. Por ejemplo, si el marco está ubicado en la parte superior de la página y contiene información común a todas las páginas (por ejemplo, una barra de navegación), debe seleccionar Nevei. Tenga en cuenta que la forma en que se muestra la página depende de la resolución de la pantalla. Por lo tanto, la mejor opción es seleccionar la opción Si es necesario. Si desea proporcionar al usuario con las máximas oportunidades para ver información en el marco, seleccione el elemento Siempre

Haga clic en el botón Página de marcos en el cuadro de diálogo Propiedades de marco, que abre el cuadro de diálogo Propiedades de página. En el campo de entrada Espaciado de cuadros, puede establecer el grosor de las líneas divisorias entre los cuadros de la página. La opción Mostrar bordes determina si se mostrarán líneas entre marcos.

Puede crear marcos adicionales en la página de marcos. Realice los siguientes pasos: en el modo Vista de página, mantenga presionada la tecla y mueva ligeramente el borde superior del marco principal hacia abajo, luego suelte la tecla y el botón del mouse. Como resultado, se creará un marco encima del marco principal (Fig. 6.15), que no contiene ninguna página.

Arroz. 6.15. Nuevo marco

Esperamos que esté convencido de que los marcos son un medio muy conveniente para presentar información. Uno de los problemas que surgen al trabajar con marcos es que no todos los navegadores los admiten. Netscape Navigator admite marcos a partir de la versión 20 e Internet Explorer, desde la versión 3. 0 La compatibilidad con marcos se introdujo en HTML 3. 2 Algunos usuarios todavía utilizan navegadores más antiguos. Por lo tanto, tenga en cuenta que es posible que una parte importante de su audiencia no pueda ver las páginas con marcos correctamente. La solución a este problema es crear una página No Flames (sin marcos). Si el navegador del usuario no admite marcos, se mostrará la página No Frames. Frontpage generará automáticamente
Página Sin marcos al crear una página de marcos Puede verificar esto haciendo clic en la pestaña Sin marcos en la parte inferior de la ventana de la página principal cuando la página de marcos está abierta. La Figura 6-16 muestra la página Sin marcos creada de forma predeterminada. En esta página Puede recomendar al usuario que utilice el navegador que admita marcos. También debe crear vínculos a aquellos sitios web desde los que puede descargar un navegador que admita marcos (por ejemplo, al sitio web de Microsoft desde el que puede descargar el navegador Internet Explorer 5.0).
Nota
Una página con marcos tarda más en cargarse que una página web normal porque en realidad carga varias páginas. Los marcos deben usarse con prudencia

Figura 6.16. Página No Flames en modo Pasu e view

Diseñar páginas de marco en Frontpage es muy sencillo, gracias a las numerosas funcionalidad proporcionado por Frontpage, así como el hecho de que en Frontpage la edición de la página se realiza en modo WYSIWYG

Antes de comenzar a trabajar en FrontPage, le recomiendo que cree una carpeta específicamente para su sitio. Puede llamarse "sitio", "mi sitio", "mi sitio súper tonto" o, si prefiere el inglés, "mi sitio", "sitio".

En Internet, los archivos con nombres rusos, lamentablemente, no funcionan (pero esto no significa que no funcionarán en su computadora), por lo que, por costumbre, usaré la carpeta predeterminada sitio. Tú también puedes comenzar a desarrollar este hábito, pero solo si lo solicitas :)

Puedes colocar la carpeta creada en cualquier lugar, en la unidad C, en “Mis documentos”, en el escritorio... en principio no importa, lo principal es que tengas es conveniente trabajar con ella.

Sin embargo, no te recomiendo que crees una carpeta directamente en tu escritorio. La ruta hacia él (puedes verla en las propiedades de la carpeta, o en la carpeta misma, se indica en la línea "dirección"), en este caso será muy larga. Por ejemplo: "C:Documentos y configuracionesUsersUser001desktopsite". Es cierto que puede ser breve, por ejemplo: “C:WINDOWSDesktopsite”. Todo depende de la configuración de tu computadora.

Si la ruta aún resulta ser larga, entonces puede crear una carpeta para el sitio en la unidad C (o D), entonces su ruta será mucho más corta: “C:sitio”. Y para abrir una carpeta de forma rápida y sencilla, debe crear un acceso directo a ella y colocarla en cualquier lugar que le resulte conveniente, por ejemplo, en el mismo escritorio.

¿Por qué preocuparse por el tamaño de la ruta de la carpeta? Esto no afectará de ninguna manera la calidad de la creación del sitio web, pero he aprendido por experiencia propia que trabajar con carpetas cuya ruta no sea muy larga es mucho más conveniente. El ejemplo utilizará la siguiente ruta a la carpeta "C:Documentos y sitio de configuración"

Carpeta separada para el sitio. - la cosa es extremadamente conveniente, a veces incluso irremplazable. Sus materiales y páginas creadas no se perderán en ninguna parte, sino que permanecerán silenciosamente en su propia carpeta separada.

Con FrontPage, crear un sitio web no debería ser difícil ni siquiera para un usuario menos experimentado. Por ejemplo, puede seleccionar un sitio web ya preparado, cambiar los datos estándar por los suyos, agregar algo, eliminar algo y listo, el sitio se puede publicar en Internet. Puede crear un nuevo sitio web seleccionando Archivo(Archivo) | Crear(Nuevo). La siguiente ventana se abrirá a la derecha del espacio de trabajo:

Al hacer clic en el enlace Otras plantillas de sitios web Verás que existen muchos más tipos diferentes de sitios web, desde los de una sola página hasta los corporativos. Para experimentar, puede intentar seleccionar un sitio web y crear un sitio en esta plantilla.

Pero en realidad no apoyo esta forma de crear un sitio, ya que FrontPage crea muchas carpetas innecesarias para un sitio web ya preparado. Y en general hay muchas cosas innecesarias.

Por lo tanto, propongo un enfoque ligeramente diferente. Sugiero crear un sitio web desde cero seleccionando la opción en la ventana de crear una nueva página. pagina vacia. O no puede seleccionar nada, simplemente cierre la ventana para crear una nueva página, ya que este elemento ya está seleccionado de forma predeterminada.

Y en este espacio vacío comenzaremos a crear la primera página del sitio, o mejor dicho, su plantilla.

Si está más o menos familiarizado con Internet, probablemente habrá notado que muchos sitios constan de tablas. Algunas tablas son claramente visibles, otras son completamente invisibles. Esto es lo que haremos sitio que consta de mesas.

Ahora las tablas como medio para crear un marco se están volviendo gradualmente obsoletas; están siendo reemplazadas por diseño usando capas. Pero las tablas siguen siendo simples y manera efectiva formato de página. Para empezar, esto es perfecto.

Hay varias formas de crear una tabla en FrontPage. Ahora te describiré cada uno de ellos en detalle, para que luego puedas elegir el más adecuado para ti. Pero como sólo se puede aprender mediante la práctica, te aconsejo no sólo leer el texto a continuación, sino también seguir todos los pasos descritos.

Entonces, primera manera. Desde la barra de menú de comandos, seleccione el comando Mesa(Tabla), y en el menú desplegable - el elemento Insertar(Insertar) con una flecha. Mueva el mouse sobre esta flecha y se abrirá otro menú desplegable frente a usted. selecciona un artículo Mesa(Mesa).

La primera forma de crear una tabla en FrontPage es usando el menú Mesa

Después de seleccionar este comando, se abrirá una ventana frente a usted donde podrá especificar varios parámetros para la tabla que se está creando.

¿Qué parámetros puedes configurar? en la primera zona Tamaño puedes elegir la cantidad requerida líneas(filas) y Altavoces(columnas).

En la siguiente zona Posición(Diseño) se puede personalizar:

  • ubicación de la tabla en la página - para esto en el campo Alineación(Alineación) debe seleccionar uno de los siguientes valores:
  • Por defecto(Predeterminado): luego la tabla se colocará a discreción del navegador del usuario, probablemente en el borde izquierdo;
  • Izquierda(Izquierda);
  • A la derecha(Bien);
  • Centrado(Centro);
  • la distancia entre el borde de la celda y su contenido; para hacer esto, ingrese el valor requerido en el campo Márgenes celulares(Relleno de celda);
  • distancia entre las celdas de la tabla: para hacer esto, simplemente ingrese el valor requerido en el campo Espaciado de celdas(Espaciamiento de células);
  • ancho de la tabla: tenga en cuenta si la casilla de verificación Ancho exacto(Especificar ancho), el tamaño de la tabla dependerá únicamente de su contenido. Si la casilla de verificación está marcada, puede indicar el ancho. en píxeles(en píxeles) o en porcentajes(en porcentaje). Diré de inmediato que es mejor hacer el ancho de la tabla principal (que estamos creando ahora) como porcentaje, luego cambiará según el tamaño de la ventana del usuario.

En la zona Fronteras(Borde) se puede configurar:

  • ancho de los bordes de la tabla: para hacer esto solo necesita ingresar el valor requerido en el campo Tamaño del borde(Tamaño del borde);
  • Color, lados claros y oscuros de la mesa.

En la zona Fondo(Fondo) puede establecer un color para el fondo de la tabla o seleccionar una imagen de fondo.

Por ejemplo, tomemos la configuración que especifiqué anteriormente. Elegir DE ACUERDO y mira el resultado.

¡Excelente! Ahora intentemos usarlo para comparar. segunda manera creando una tabla en FrontPage. en la barra de herramientas Estándar(Estándar) busque el icono Agregar tabla(Insertar tabla) y haga clic en él. Esto abrirá un diseño de mesa pequeña.

Una forma rápida de crear una tabla es usar un botón Agregar tabla(Insertar tabla)

Mientras mantiene presionado el botón izquierdo del mouse, seleccione el número requerido de filas y columnas. Entonces, por ejemplo, en la figura se resaltan dos filas y una columna. Si mueve el mouse hacia el borde derecho o inferior del diseño, se expandirá. Después de soltar el botón del mouse, la tabla aparecerá instantáneamente.

Este método de crear una tabla es mucho más fácil y rápido que el primero. Hay un "pero": aquí no se pueden especificar previamente los parámetros de la tabla que se está creando. Por lo tanto, si va a crear otra tabla utilizando el segundo método, podrá cambiar sus parámetros sólo después de haberla creado.

Te diré cómo hacer esto un poco más adelante, pero ahora es más visual. tercera vía creando una tabla. Este - mesa de dibujo con mouse. No lo usaremos ahora, pero si alguna vez necesita crear tablas complejas, sabrá cómo hacerlo.

El primer paso es exactamente el mismo que en el primer caso. En la barra de menú de comandos, debe seleccionar el comando Mesa(Mesa). Pero el siguiente paso es completamente diferente. Cuando seleccionas un equipo Mesa(Tabla), se abrirá un menú desplegable frente a usted. Fíjate bien, tiene una doble flecha en la parte inferior. Mueva el mouse sobre esta flecha. Ahora tienes la lista completa de comandos frente a ti.

Menú de comando Mesa

Esta vez necesitamos un punto. dibujar una mesa(Mesa de dibujo). Hacer clic. Se abrirá la siguiente pequeña ventana.

Dibujar una tabla consta de varias etapas: se dibuja el contorno rectangular exterior de la tabla, se dibujan líneas que dividen la tabla en filas y columnas y se borran las líneas sobrantes.

Primero, asegúrese de que la herramienta de dibujo de tabla esté activada (debe aparecer sobre un fondo más claro que los otros botones). Ahora, cuando el cursor entre en el área del documento, tomará la forma de un lápiz.

Ahora mueva el cursor del mouse al vértice superior izquierdo de la tabla propuesta. Luego, presione y mantenga presionado el botón izquierdo del mouse, muévalo a la esquina inferior derecha de la tabla deseada y suelte el botón. Como resultado, aparecerá el contorno exterior de la tabla.

Ahora, usando el mismo lápiz, dibuja líneas que formen la estructura interna de la mesa.

Puedes eliminar líneas innecesarias usando la herramienta. Borrador(Borrador). Es fácil de usar. en la barra de herramientas Mesa(Tabla) haga clic en el botón Borrador(Borrador). Luego mueva el cursor del mouse a la línea que desea borrar y arrástrelo. Las líneas borradas se volverán rojas. Para desactivar el modo borrador, haga clic en el botón Borrador(Borrador) de nuevo.

Con este método también puedes dibujar una buena tabla, pero volvamos a la anterior. Trabajaremos con ella ahora.

La primera línea se puede dejar para el nombre del sitio, logotipo, etc. Esta será la llamada parte superior del sitio. Generalmente se deja igual para todas las páginas del sitio. La siguiente línea suele contener texto, imágenes, fotografías, en una palabra, información. Es una buena idea dejar espacio en la parte inferior para contadores que cuenten el número de visitantes. También puedes escribir allí el nombre del creador del sitio :).

¡Pero sólo tenemos dos líneas! ¿Realmente tendremos que empezar todo de nuevo? ¡No, qué eres! Simplemente insertaremos otra fila. Hay varias formas de hacer esto.

Por ejemplo, si todavía tienes la barra de herramientas abierta Mesa(Mesa), nueva línea se puede agregar haciendo clic en el botón Añadir línea(Insertar fila). No olvide colocar el cursor en una de las filas de la tabla antes de hacer esto. Aparecerá una nueva línea antes de la línea en la que estaba el cursor.

El siguiente método para insertar una fila también es bastante sencillo. Para comenzar, sólo necesitas seleccionar una de las líneas existentes, hacer clic con el botón derecho del ratón y... Pero espera, ¿cómo seleccionar una línea? Aquí tampoco hay nada complicado. Simplemente mueva el cursor del mouse sobre la línea que desea resaltar.

Luego espera hasta que se convierta en una flecha y haz clic en ella.

La línea resaltada se ve así:

Y ahora, sin eliminar la selección, haga clic derecho en la línea seleccionada. Se abrirá un submenú frente a usted.

De todos estos puntos indudablemente útiles, ahora solo nos falta uno: Agregar líneas(Insertar fila).

Por cierto, no era necesario seleccionar la línea, sino simplemente hacer clic en ella con el cursor. Pero aún necesitarás la habilidad de seleccionar tablas, filas y columnas, así que acostúmbrate :)

El siguiente método para insertar nuevas filas en una tabla es mucho más conveniente. Y ahora tú mismo entenderás por qué. Coloque el cursor en la línea de arriba (abajo) donde va a agregar nuevas líneas. Entonces consulta nuestro punto favorito. Mesa(Tabla), que se encuentra en línea de comando. Seleccione del menú desplegable Insertar(Insertar) | Filas o columnas(Filas o Columnas). Se abrirá la siguiente ventana.

Verá, en la parte inferior de la ventana puede elegir la ubicación de la nueva línea: encima de la línea seleccionada (arriba) o debajo (abajo). Tenga en cuenta que cuando utilizamos los dos primeros métodos no se nos dio esa opción. Determinemos el número de líneas, hagamos clic en Aceptar y veamos qué obtuvimos.

Ahora tenemos tres líneas. Había un lugar para cada cosa, solo faltaba determinar dónde colocar la estructura de nuestro sitio. ¿Ya te has olvidado de ella? Ahora veremos la forma más sencilla de estructurar una página: colocándola en la segunda línea, al lado del medio de "información".

Para hacer esto, creemos otra tabla con dos columnas en la segunda fila. Ya sabemos cómo crear una nueva tabla. Además, ¡conocemos tres formas de hacerlo! ¿Cuál usaremos esta vez?

Usemos el primero por ahora, ya que necesitamos ajustar los parámetros de la tabla desde el principio. Ruta para crear la tabla: Mesa(Tabla) | Insertar(Insertar) | Mesa(Mesa).

En la ventana que se abre, marque una fila, dos columnas y el ancho de los bordes de la tabla sea igual a cero. Establezca el ancho de la tabla al 100% y haga clic en Aceptar. La tabla completa ahora se ve así:

Los pequeños puntos en la segunda línea son la misma tabla "invisible". Más precisamente, ahora es claramente visible, pero esto se debe solo a que en este momento estamos en modo de edición. Y cuando cambiemos al modo de visualización, la tabla no será visible.

Sólo necesitamos esta placa "invisible" para modelar la apariencia de la mesa, por eso la hicimos "invisible". Ahora necesitas insertar otra tabla en la columna de la izquierda. El número de líneas debe ser igual al número de puntos principales de la estructura que ha compilado. ¡No es necesario hacer columnas!

¿Ya perdiste la hoja? Luego transferimos los nombres de todas las páginas principales (secciones) a nuestra tabla. Títulos paginas internas(subsecciones) no es necesario incluirlas allí. Para ingresar títulos de páginas en la tabla, simplemente haga clic con el mouse en el lugar donde se ubicará el texto y escríbalo en el teclado.

Te contaré con más detalle cómo ingresar texto y cambiar su apariencia cuando llenamos el sitio con información.

Y ahora, como prometí, te diré cómo cambiar los parámetros de la tabla después de su creación. ¿Recuerdas cómo resaltamos una fila de la tabla? Ahora necesitamos seleccionar toda la tabla.

Si no puede seleccionar una tabla "manualmente", simplemente puede seguir la ruta Mesa(Tabla) | Seleccionar(Seleccionar) | Mesa(Mesa). Ahora, sin eliminar la selección, haga clic derecho en la tabla. Por cierto, no puedes seleccionar ninguna tabla, pero ya escribí que esta es una habilidad muy útil :)

Aparecerá el menú desplegable ya familiar. Solo que esta vez necesitaremos un artículo. Propiedades de la tabla(Propiedades de la tabla). Al seleccionar este elemento, se abrirá una ventana que replica casi por completo la ventana para insertar una nueva tabla. En él puede cambiar las configuraciones existentes por otras nuevas.

Por cierto, en FrontPage el marco de la tabla también se puede hacer “doble”, formado por muchos cuadrados, con una sombra, etc. Todo esto está disponible en el menú superior. Formato(Formato) | Bordes y sombreado(Bordes y sombreado)

En la primera pestaña - Estructura(Bordes) puede cambiar la apariencia de los bordes de la tabla. Mire los posibles resultados después de cambiar la apariencia del marco de la tabla.

En la segunda pestaña, Sombreado, puede configurar una imagen de fondo para la tabla y también seleccionar el color del fondo y el texto. Pero elegir el color correcto no es nada fácil... Por lo tanto, terminaremos por hoy y hablaremos de colores en la próxima lección.

Pero, espera, ¿qué hacer con nuestro arte, es decir? con signos creados? Todo es muy sencillo. Es necesario preservarlos. Para hacer esto, seleccione en el menú superior Archivo(Archivo) | Guardar como(Guardar como). Busque la carpeta en su computadora en la que acordamos colocar el sitio y guarde su documento en ella con el nombre índice.

¿Por qué indexar? Sí, simplemente porque así es como siempre se designa la página principal del sitio. Y eso es exactamente lo que estábamos haciendo ahora. Si ahora sale de FrontPage y abre el documento que guardó, verá que se ha guardado automáticamente como índice.htm. HTM es la abreviatura de HTML, ¿recuerdas qué es?

Vale la pena recordar que los formatos "htm" y "html" son cosas completamente diferentes. Te aconsejo que elijas inmediatamente una cosa para que no haya problemas más adelante. Si elige el sufijo "html", asegúrese de agregarlo a cada página que guarde; de ​​lo contrario, se guardará como "htm" de forma predeterminada.

Permítanme recordarles que los nombres de los archivos del sitio no se pueden escribir en letras rusas. Luego, cuando coloque su sitio en Internet, estos archivos simplemente no se abrirán.

Una última cosa sobre los nombres. Escribir los nombres de los archivos y páginas de un sitio web con mayúscula es, por supuesto, algo encomiable, pero extremadamente inconveniente. Te recomiendo todo, todo: páginas, dibujos, archivos, escribe todo en minúsculas. Créame, esto ayudará a evitar muchas imprecisiones en el futuro.

Apertura del "índice" guardado

Ahora abriremos el documento "índice" que guardamos en la carpeta del sitio al final del día anterior. Hay varias formas de hacer esto. Veamos cada uno de ellos, para que luego puedas elegir el mejor para ti.

Entonces, la primera forma. El archivo de índice es un archivo de Internet por defecto porque tiene el formato htm (HTML). Entonces, si lo abre haciendo doble clic, accederá a la ventana gráfica del navegador.

Esta forma de abrir "índice" en FrontPage es seleccionar el comando desde la línea de comando superior Archivo(Archivo), y en el menú desplegable - Editar en Microsoft FrontPage(Editar con Microsoft FrontPage).

Si en el menú Archivo No tiene dicho elemento, lo que significa que FrontPage no está instalado en su computadora como editor de páginas de Internet. Para solucionar este problema, primero debe abrir el programa FrontPage y luego seleccionar Servicio | Opciones. Se abrirá la siguiente ventana:

Para trabajar correctamente con el sitio, necesitamos el área Editores era FrontPage. Si no está allí, haga clic en el icono en la esquina superior derecha y seleccione allí FrontPage (abrir como HTML). Luego haga clic en el botón Usar como predeterminado.

Esta fue la primera forma de abrir un archivo en FrontPage, a través de una ventana del navegador. Pero sería más lógico acortar este camino. Por lo tanto, para no perder el tiempo, puede, sin abrir el archivo, hacer clic derecho sobre él y seleccionarlo en el menú desplegable. Abrir con... (Abrir con) y busque el programa FrontPage en la lista proporcionada.

Y la última, tercera vía. Primero debe abrir el programa FrontPage y luego abrir el sitio completo seleccionando Archivo(Archivo) | Abrir sitio web(Abrir web). O, si ha abierto recientemente índice, elegir Archivos más recientes, y en el menú desplegable archivo requerido.

Por supuesto, no importa exactamente cómo abras la página de “índice” en FrontPage, lo principal es que la abras 🙂 ¡Felicitaciones, otra habilidad útil adquirida!

Con desarrollo Internet apareció un protocolo de intercambio de información, el protocolo se llama HTTP (Protocolo de transferencia de hipertexto- protocolo de transferencia de hipertexto) Junto con este protocolo, apareció un servicio World Wide Web(llamado a menudo WWW o simplemente Web), que proporciona una extensa red de servidores HTTP transferir archivos a través de Internet.

La parte principal de estos archivos son páginas web– archivos especiales escritos en el idioma HTML (lenguaje de marcado de hipertexto)- Lenguaje de marcado de hipertexto). páginas web publicado en Internet colocando dichos archivos en servidores HTTP (sitios web). Contenido páginas web pueden ser diferentes y estar dedicados a temas completamente arbitrarios, pero todos usan la misma base: el lenguaje HTML.
La mayoría de las personas que desean crear su propio sitio web o página están familiarizadas con el idioma. HTML sólo de oídas. Por tanto, el programa puede acudir en su ayuda. Página frontal de Microsoft, uno de los creadores de sitios web más famosos.

FrontPage, incluido en el paquete de solicitud oficina de microsoft, se convirtió en el primer producto ampliamente utilizado para Internet, que combina partes de cliente y servidor y brinda la capacidad de desarrollar el sitio en su totalidad e instalarlo en los servidores más populares. Portada es capaz de asumir todo el trabajo de programación necesario. Sin embargo Portada También se convertirá en un asistente serio para los desarrolladores profesionales que prefieren tener control total sobre el proceso creativo.

ventana del programa Portada 2003.

Programa Portada liberado por la empresa microsoft y está hecho en el mismo estilo que los productos incluidos en el paquete. oficina de microsoft, por lo que la apariencia del programa prácticamente no se diferencia de la de un procesador de textos. Palabra .

En la parte superior de la ventana hay una barra de menú y dos barras de herramientas: Estándar y formato. Puede habilitar o deshabilitar la visualización de barras de herramientas. Ver menú.
En el lado izquierdo está Ver panel, con el que puedes cambiar los modos de documento.
La parte principal de la ventana la ocupa el área de trabajo, en la que se pueden abrir una o más ventanas que contienen documentos individuales.
En la parte inferior de la ventana hay barra de estado, que contiene información de contexto. También en la parte inferior de la ventana hay tres botones para ver documentos.
Mostrando barras de herramientas.
Para administrar barras de herramientas en Portada puedes usar los mismos métodos que en Microsoft Word . A saber:
en el menú Vista necesito elegir Elemento de la barra de herramientas, y en el nuevo submenú que se abre - instalar casillas de verificación frente a las barras de herramientas que necesitas; o haga clic botón derecho del ratón por alguna razon paneles de control(o en el área al lado) y use el menú contextual de la misma manera.

Portada, como otras aplicaciones oficina de microsoft, le permite agregar, eliminar y reorganizar elementos de menú y botones en las barras de herramientas. También es posible crear paneles completamente propios.
Para hacer esto necesitas:

EN Menú de servicio elegir Configuración del elemento
o
V Ver menú elegir Elemento de la barra de herramientas, y en el menú en cascada que aparece: Configuración del elemento
Como resultado de sus acciones, se abrirá un cuadro de diálogo. Ajustes, donde podrás instalar los paneles necesarios.

Crear un nuevo páginas web.

si empezaste Portada, eso significa nuevo Página web ya has creado (al inicio Portada inmediatamente se abre uno nuevo vacío Página web, listo para colocar texto y cualquier otro elemento).
Crear nuevo Página web Puedes hacerlo de otras formas:

Usando un botón Nueva pagina en Panel estándar herramientas.
Menú Archivo seleccionar el submenú Crear, y luego - Página o Sitio web;
usando combinaciones Ctrl+N;
mediante el uso Menú de contexto(funciona en todos los modos excepto Tareas e Informes) - por esto dentro Lista de carpetas dado Web) debe hacer clic derecho y seleccionar el elemento en el menú contextual que aparece Crear  Página.

Creación de páginas mediante asistente y plantillas.

Como se mencionó anteriormente, si usó el menú para crear una nueva página Archivo  Nuevo  Página o Sitio Web, Eso Portada Le pedirá que utilice una plantilla para crear una nueva página.
Para ello, se abrirá un cuadro de diálogo, cuyo aspecto se muestra a continuación:

en la pestaña Son comunes Este cuadro de diálogo muestra una lista de plantillas. Portada actualmente disponible. Al seleccionar cualquiera de las plantillas, podrás ver su descripción en Campo de muestra.
Creación Web de primera página.
Web de Microsoft FrontPage- este es un conjunto páginas web, archivos de imagen y otros componentes que se pueden ver como un todo.
Si creas un sitio web en Portada, entonces la forma más conveniente de almacenarlo es usar Web de primera página.
la ventaja más importante es la posibilidad de cambiar el nombre de los archivos incluidos en Web de primera página.
Imagínese que antes de publicar su sitio en Internet De repente notaste que un par de tus archivos tienen nombres rusos. - “¡Ahora tendrás que revisar todos los archivos y cambiar los enlaces manualmente!” duamete aquí es donde te ayudará Web de primera página- puedes cambiar el nombre de los archivos de forma segura y Portada revisará de forma independiente todos los demás archivos incluidos en Web de primera página y cambiará el nombre de todos los enlaces al archivo que corrigió.
No describiré todas las demás ventajas, pero me gustaría decir que para aprovechar todas las posibilidades. Portada, entonces es mejor usar Web de primera página.
Entonces, para crear uno nuevo. Web de primera página haga clic en la flecha ubicada a la izquierda del botón Nueva página en la barra de herramientas y seleccione el elemento en el menú desplegable que aparece Sitio web…

Abrir páginas web.

Muy a menudo, al crear un sitio web, hay que editar lo ya creado. páginas web. Puedes volver a la misma página tantas veces como quieras para editarla o usar partes de ella para crear otras nuevas. páginas web.

Abrir uno existente Página web posible en cualquiera de las modalidades existentes.

Desde el modo Vistas de página Hay cuatro formas de abrir una página existente:

1 vía

Si estás trabajando con Web de primera página, luego simplemente seleccione el archivo deseado en Lista de carpetas y haz doble clic sobre él con el ratón.

Método 2

En el menú Archivo, seleccione Archivos más recientes. En el menú en cascada que aparece, seleccione el archivo deseado.

3 vías

Usando el cuadro de diálogo Abrir archivo: Archivo  Abrir.

Avance.

Para ver cómo se ve su página directamente en el navegador, puede usar la pestaña Vista previa en el modo de edición. páginas web. Pero en este caso puede resultar que el navegador Portada no mostrará algunos elementos de su paginas, por lo que es mejor:
use el botón en la barra de herramientas
o en Menú Archivo seleccione un artículo Avance r en el navegador.

Si utilizó el primer método, el contenido de su página se mostrará en el navegador integrado. Portada.
Si usaste el segundo método, entonces Portada mostrará un cuadro de diálogo Ver en el navegador...

Aquí puedes:
Seleccione el navegador en el que desea ver su Página web. Normalmente se muestra aquí inicialmente navegador, que está instalado de forma predeterminada en su máquina.
Agregue cualquier otro navegador, para lo cual necesita usar el botón Agregar.
Editar o eliminar navegadores instalados.
Establezca el tamaño de pantalla en el que Página web

Preservación páginas web.

Por defecto Portada en lugar de un nombre paginas toma la primera línea de texto del tuyo paginas. Esto no siempre es lo que se necesita. Puede cambiar el título de la página usando Cambiar botones- al hacer clic en este botón se abre el cuadro de diálogo Título paginas, en el que puedes cambiar el nombre paginas.

Eliminación Páginas web.

Al trabajar con Sitio web Tarde o temprano sucederá que ya no necesitarás algunas páginas y querrás eliminarlas.

Hay tres formas de eliminar páginas web.

1 vía

en el panel Lista de carpetas seleccione el archivo que desea eliminar y haga clic en el botón Borrar en el teclado.

Método 2

en el panel Lista de carpetas haga clic derecho en archivo(o icono archivo), que debe eliminarse y en el menú contextual que aparece, seleccione el elemento Borrar.

3 vías

EN Panel de lista carpetas seleccione el archivo que desea eliminar y luego seleccione Eliminar del menú Editar.

Trabajar con texto.

A primera vista, ingresar texto en Portada no es diferente de ingresar texto en cualquier editor de texto (por ejemplo, en Microsoft Word).
Para escribir texto, simplemente haga clic con el mouse en cualquier lugar de la página y el cursor se colocará en el punto más cercano donde se puede ingresar el texto.
Escribir letras mayúsculas, editar texto (eliminar caracteres, insertar texto, etc.) se hace exactamente igual que en Microsoft Word.
Solo hay un pequeño PERO: cuando presionas Introducir claves en Portada el cursor se ve obligado a moverse a una nueva línea, mientras que los caracteres fijos se colocan antes y después del párrafo sangrías de párrafo.
Si no necesita crear párrafos, lo mejor es utilizar un método abreviado de teclado para ir a una nueva línea. Mayús + Intro.

Trabajando con imágenes.

Formatea gráficamente en Web.

Todas las imágenes de computadora, todos los formatos para almacenarlas (y, en consecuencia, todos los programas para procesarlas) se dividen en dos grandes clases: vector y trama. Imagen vectorial Se compone de objetos: formas geométricas formadas por líneas rectas, arcos, círculos y curvas de Bézier. Ventajas gráficos vectoriales mucho. Desde el punto de vista de un diseñador, su ventaja más importante es que los gráficos vectoriales se pueden "girar" como se desee, sin temor a "hacer un agujero" en la imagen o perder información. Otra ventaja es el pequeño tamaño de los archivos (en comparación con las imágenes rasterizadas) y la independencia de la resolución de los dispositivos de salida (ya sea una impresora o una pantalla de monitor). Estos factores hicieron gráficos vectoriales candidato probable para su uso en Internet. Sin embargo, cabe mencionar que por el momento los gráficos vectoriales no son tan comunes como nos gustaría.
Sin embargo, entre los formatos vectoriales realmente utilizados, me gustaría destacar el formato Shockwave Flash macromedia. Para ver este formato en navegador necesita un complemento ( enchufar), distribuido gratuitamente por la empresa macromedia. Hoy en día, existen tanto sitios creados íntegramente con esta tecnología como sitios utilizados formato flash sólo parcialmente.
La representación rasterizada de los gráficos se basa en el concepto de rasterizado. Ráster es una colección de objetos (en este caso, píxeles) colocados en filas y columnas idénticas. Aquellos. archivo de computadora rasterizado Se puede considerar como una colección de pequeños cuadrados de colores o grises que forman un mosaico de una imagen. Porque Dado que el tamaño de estos cuadrados es obviamente pequeño, al visualizar gráficos rasterizados estos cuadrados se fusionan entre sí, formando un cambio continuo de colores.

El formato de almacenamiento de imágenes rasterizadas tiene sus ventajas y desventajas. Una de las grandes ventajas de los gráficos rasterizados es la posibilidad de trabajar con medios tonos, es decir. la capacidad de transmitir una imagen exactamente como se ve en la vida real. Pero entre las desventajas, el principal problema es el tamaño del archivo. Naturalmente, cuantos más píxeles se asignen para formar Imágenes, mayor será la calidad de la transmisión Imágenes, pero el tamaño del archivo será mayor.
Si volvemos ahora a los navegadores, entonces podemos decir lo siguiente: la mayoría de los navegadores pueden mostrar sin problemas archivos gráficos cuatro formatos (* .gif, *.jpg, *.png, *.bmp), de los cuales por el momento es mejor utilizar dos - * .gif y *.jpg. E incluso entonces, después de una optimización preliminar.
Insertar imágenes en Página web.
Inserta una imagen en tu Página web se puede hacer de varias maneras:
1. Arrastra una imagen desde Explorador de Windows(es decir, directamente desde el explorador).
2. Arrastra una imagen desde explorador de Internet.
3. Arrastra el archivo de imagen desde el panel. Lista de carpetas, directo a la página.
4. Con portapapeles- copie la imagen al portapapeles desde cualquier otro programa y luego péguela desde el portapapeles en la página.
5. Con Agregar botones dibujar desde el archivo en la barra de herramientas Estándar.
6. Usando el menú Insertar  Figura.
Veamos estos métodos con más detalle:
Método 1
Explorador de Windows(es decir, directamente desde Explorer) necesitas:
en Portada
abra una ventana del explorador;
en la ventana del Explorador, seleccione el archivo con la imagen que desea insertar en su página;
botón izquierdo del ratón y arrastre el archivo de imagen a su Página web La imagen se inserta en el lugar donde estaba el cursor de inserción en la página.
Método 2
Para arrastrar una imagen desde explorador de Internet necesario:
en Portada abra la página donde desea agregar una imagen;
V navegador abre la imagen que quieres poner en tu Página web navegador El nombre del archivo debe terminar con jpg, jpeg, gif);
Utilice el botón izquierdo del ratón para arrastrar la imagen seleccionada a su Página web;
Método 3
Con el fin de arrastrar y soltar archivo con imagen del panel Lista carpetas, directamente a la página que necesita:
en Portada abre la página que deseas agregar imagen;
seleccione el archivo de imagen requerido en el panel Lista de carpetas;
boton izquierdo del raton arrastra la imagen seleccionada a la tuya Página web;
la imagen seleccionada se insertará en el lugar donde se encontraba el cursor de inserción en la página.
Método 4
Para insertar una imagen en su Página web Usando el portapapeles, necesitas:
en la aplicación desde la que desea copiar la imagen, seleccione la imagen y use las teclas Ctrl+C copie la imagen al portapapeles;
en tu Página web pegue esta imagen desde el portapapeles usando los atajos de teclado Ctrl+V
Método 5
Página web decides usar el botón Añadir una imagen desde archivo en la barra de herramientas Estándar, Eso Portada abrirá un cuadro de diálogo Dibujo.
En este cuadro de diálogo, especifique el archivo de imagen que desea agregar a su Página web y presione el botón Insertar.

Método 6
Si desea insertar una imagen en su Página web decides usar el menú Insertar  Dibujo, Eso Portada le pedirá que elija más opciones:

Imágenes... – seleccionar ese elemento del menú le brinda la oportunidad de utilizar una biblioteca de imágenes ya preparada.
Desde el archivo... – seleccionar este elemento del menú le brinda la oportunidad de indicar de forma independiente la ubicación del archivo de imagen que desea agregar a su Página web(al usar este elemento se abrirá un cuadro de diálogo Dibujo, cuyo trabajo se describió anteriormente).
Crear una colección de fotos... - utilizando este elemento del menú puede crear una colección de imágenes en un estilo específico. Para esto en la ventana que se abre. Propiedades colecciones de fotos usando un botón Agregar en la pestaña Dibujos seleccione imágenes y en la pestaña Disposición seleccione un formato de diseño.
Agregar archivos multimedia.

Además de gráficos simples, como imágenes en * .gif, *.jpg, *.png etc. Portada te permite publicar en tu páginas web archivos multimedia. Estos incluyen: videoclips, sonidos...

Para insertar un videoclip, debe Insertar menú seleccione un artículo Dibujo, y luego Grabación de vídeo...

Se abrirá un cuadro de diálogo. ventana de vídeo, mostrará videoclips en * .avi, *.asf, *.ram, *.ra.

Añadir sonido a Página web se puede encontrar en la pestaña General del cuadro de diálogo. Propiedades de la página.

Trabajar con tablas.

Mesa- una de las herramientas más poderosas utilizadas en la creación de sitios web.
Inicialmente mesas se utilizaron únicamente para representar datos estructurados. Sin embargo, han evolucionado gradualmente hasta convertirse en una poderosa herramienta de diseño multiuso. Páginas web.

Creando tablas

La forma más fácil creando una tabla– usa el botón Agregar tabla ubicado en la barra de herramientas Estándar.
Otra forma es usar el artículo. menú Tabla  Insertar  Tabla.
Y mesa Se puede dibujar y pegar usando el portapapeles.

Entrada de datos y navegación por tablas.

Una de las mejores cosas de las tablas es que el texto que ingresa tiene el formato dentro de la celda de la misma manera que estamos acostumbrados a formatearlo en todo el documento. El texto colocado en una celda se ajusta automáticamente a una nueva línea si su longitud excede el ancho de la columna. Cuando presionas una tecla Ingresar, como es habitual, se inserta un nuevo párrafo. El texto o los números se ingresan en la tabla desde el teclado.

Antes de introducir datos en mesa, debe colocar el cursor de texto en la celda deseada mesas. Esto se puede hacer haciendo clic en él con el mouse.

Sin embargo, es más conveniente utilizar combinaciones de teclas para moverse entre celdas:
Atajos de teclado: Acción:

Pestaña en cualquier lugar de la tabla, excepto al final de la última fila, vaya a la celda adyacente y seleccione su contenido
Pestaña al final de la última línea agregue una nueva línea al final de la tabla
Mayús+Tab ir a la celda anterior y resaltar su contenido
Ingresar comenzar nuevo párrafo
Ingresar al comienzo de la primera celda agregue texto antes de la tabla al comienzo del documento

Creación y aplicación de formularios.

Formularios representan campos de texto, botones de opción, casillas de verificación, botones y muchos otros controles. Un visitante del sitio solo necesita ingresar cierta información en uno u otro campo de texto, seleccionar algunos datos de la lista propuesta, hacer clic en el botón Enviar para que los datos se envíen a Servidor web para su procesamiento (o procesado allí mismo en la página).

Vamos a conocerte: completa los siguientes campos:
Su nombre:

Tu apellido:

Tu fecha de nacimiento: año mes día

¡Gracias! Y ahora, ¡vamos!
1. Pequeño, pero ágil.
Donde quiera que pase, él manda.
Él entrará en la tienda.
El héroe se dará la vuelta.
¿Quién es?
Mosca Pulga Niño caprichoso
2. Se sienta con los ojos desorbitados,
Él habla francés
salta como una pulga
Nada como un humano.
¿De quién estamos hablando?
Gato Rana Loro

3. ¿Qué respira una foca cuando se sumerge bajo el hielo?

4. ¿Por qué lloran las tortugas grandes?

5. ¿Qué tipo de ropa puede llevar un arenque?
Chaleco de abrigo de piel
6. ¿A quién se llama el “caballo de río”?
nutria, hipopótamo, cocodrilo

7. ¿Qué pájaros no nacen sus polluelos?

8. ¿Qué pájaros no pueden volar?

Si necesita seleccionar varias respuestas, presione y no suelte la tecla Control y haga clic izquierdo en la respuesta deseada

Pero creando formularios en el mismo página eso es sólo la mitad del trabajo. Ya que debe existir un programa que pueda procesar los datos ingresados ​​por el usuario mediante formularios.
Un programa de este tipo puede estar ubicado en un servidor; puede que esté en el tuyo Sitio web en forma de un archivo separado, o simplemente puede escribirse en código HTML en tu Página web.
Es ella quien determina qué pasará con la información ingresada por el usuario:

información se puede agregar a la base de datos y construir varios gráficos, calificaciones... sobre esta base;
información se puede enviar por correo electrónico (esto se utiliza a menudo para obtener información sobre el usuario en varios tipos de cuestionarios);
información se puede procesar en el momento y el visitante de su sitio recibirá inmediatamente comentarios (por ejemplo, recibirá puntos por una prueba, verá la información que ingresó en el libro de visitas...).

En una relación formas Hay varias reglas básicas:

1 cada uno forma ocupa un área determinada páginas web. En uno Página web se pueden ubicar uno o más formularios.
2. Cada formulario debe contener al menos uno de los elementos del formulario (aunque, por regla general, hay varios).
3.Cada elemento formas tiene un nombre y significado. El nombre identifica el campo para ingresar información y el valor es igual al valor seleccionado por el usuario.
4. Uno de los elementos del formulario (puede ser un botón normal o cualquier imagen) debe realizar la función de un botón. Enviar.

Creando formularios en Portada.
Para agregar un formulario a Página web, necesario:

Coloca el cursor donde quieras pegar forma.
EN Insertar menú elegir formulario del artículo, en el menú que se abre, seleccione nuevamente formulario del artículo. Forma se colocará en su Página web- aparecerá un área marcada con un marco de puntos con dos botones: Enviar y restablecer.
Usando el mismo punto menú Insertar  Formulario inserta los elementos que necesitas secuencialmente formas seleccionándolos en el menú desplegable en cascada (recuerde que todos los elementos del formulario se insertan dentro del área del formulario marcada con un marco de puntos).
Después forma creado, sólo queda llenarlo de contenido - elementos formas, texto, imágenes, tablas... (con dimensiones formas cambiará automáticamente).
Agregar contenido formas se puede hacer de la forma habitual. Por ejemplo, el texto se puede escribir o pegar desde el portapapeles... Todas las acciones con objetos agregados son similares.
Sin embargo creando un formulario- esto es sólo el comienzo del trabajo. Después de crearlo, debe configurar las propiedades como formas y sus elementos.

Configuración de propiedades del formulario.

Para procesar o almacenar datos ingresados ​​por los visitantes. páginas web, debe aprovechar las oportunidades brindadas Extensiones de servidor de FrontPage, o algún otro programa ejecutándose en Servidor web.
Pero no importa qué programa elijas, igual tendrás que configurar las propiedades del formulario y los elementos que contiene.
Para abrir la ventana de propiedades del formulario, debe:
V Insertar menú elegir formulario del artículo, y luego -
o
Llame al menú contextual del formulario y seleccione el elemento en el menú contextual que se abre Propiedades del formulario.
Como resultado, se abrirá un cuadro de diálogo. Propiedades del formulario.

1.B Guardar campo Los resultados deben indicar qué será necesario hacer con los datos ingresados. forma. Puedes elegir las siguientes opciones:
oh Enviando nombre de archivo- los datos se colocarán en el archivo especificado el Servidor web. Este archivo puede ser Página web, que se hará cada vez más largo con el tiempo, o un archivo de datos que luego se puede procesar en Excel, acceso o cualquier otro programa;
oh Dirección de envío de correo- en este caso, cada vez que el visitante hace clic páginas web Enviar a botones forma Se generará un correo electrónico y se enviará a la dirección que proporcionó. Este mensaje contendrá todos los datos que fueron ingresados ​​por el usuario en Página web.
oh en la base de datos- en este caso los datos formas será enviado a la base de datos. La base debe estar en Servidor web(o estar disponible para él).
2.B Campo de propiedades formulario, debe especificar el nombre del formulario
Modos de visualización Portada.
Portada ofrece seis diferentes modos para ver contenido Sitio web:

Página,
carpetas,
Informes,
transiciones,
hipervínculos,
Tareas.
Para la selección modo deseado puedes usar Panel de vistas ubicado en el lado izquierdo de la pantalla, o en el menú Vista en la barra de herramientas Estándar seleccione el elemento de menú apropiado.

Página
En este modo, puede crear y editar Páginas web. Aquí puedes crear vacío. páginas web y las páginas basadas en plantillas asignan temas (un conjunto de estilos para presentar la página en la pantalla) a las páginas. En este modo, puede agregar y formatear texto, diseñar paginas utilizando imágenes gráficas y de vídeo (admite la conversión de varios formatos gráficos a * .gif, *.jpg y *.png), agregar audio a la página, presentar información en tablas, marcos y formularios y, finalmente, crear hipervínculos. Esta no es una lista completa de posibilidades. Portada sobre edición de contenidos páginas web.
Carpetas
En este modo puedes ver la estructura. Sitio web(archivos y carpetas) y administrarlo de la misma manera que lo hace en ventanas, este modo permite obtener información más detallada sobre archivos y carpetas que la que se proporciona en el modo de visualización Página.
Informes
Le proporciona más de una docena de informes que contienen una variedad de información sobre Sitio web, abierto en Portada.
Transiciones
Diseñado para ver la jerarquía del sitio. En este modo, puede manipular la jerarquía arrastrando rectángulos (cada uno representa un área específica). Página web).
Hipervínculos
Demuestra el sistema de hipervínculos que vinculan páginas entre sí. Sitio web(así como un sistema de hipervínculos a otros nodos), garantiza la verificación de su integridad y la posibilidad de modificación.
Tareas
Este modo está diseñado para la gestión de tareas. Sitio web(agregar, eliminar, ejecutar, establecer prioridad de ejecución y monitorear el estado de las tareas).

Descárgalo gratis Portada puedes utilizar el siguiente enlace:

http://letitbit.net/download/28576.28615a37d4f2a575882748541adf3bf00/Microsoft_Office_FrontPage_2003.rar.html

Publicaciones sobre el tema.