Descripción y características principales del programa ms frontpage. Creación de páginas web con FrontPage

Con desarrollo De la Internet apareció el 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ó el servicio Red mundial(llamado a menudo Www o simplemente Web), que constituye una vasta red de servidores HTTP transferir archivos a través de Internet.

La mayor parte 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 La Internet colocando dichos archivos en servidores HTTP (sitios web)... Contenido páginas web pueden ser diferentes y dedicados a temas completamente arbitrarios, pero todos usan la misma base: 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 lo tanto, el programa puede acudir en su ayuda. Microsoft FrontPage , uno de los creadores de sitios web más famosos.

FrontPage, incluido en el paquete de la aplicación Microsoft Office , se convirtió en el primer producto ampliamente utilizado para Internet, que combina las partes del cliente y del servidor y brinda la capacidad de desarrollar el sitio como un todo e instalarlo en los servidores más populares. FrontPage capaz de hacerse cargo de todo trabajo necesario en programación. pero FrontPage se convertirá en un asistente bastante serio para los desarrolladores profesionales que prefieren tener un control total sobre el proceso creativo en sus manos.

Ventana de programa FrontPage 2003.

Programa FrontPage emitido por la empresa Microsoft y está hecho en el mismo estilo de los productos incluidos en el paquete Microsoft Office, por lo tanto, la apariencia del programa prácticamente no difiere de la de un procesador de texto Palabra .

En la parte superior de la ventana está la 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 esta Panel de vista, con el que puede cambiar de modo de documento.
La parte principal de la ventana está ocupada por el área de trabajo, en la que se pueden abrir una o varias ventanas que contienen documentos individuales.
En la parte inferior de la ventana está barra de estado conteniendo información de contexto... También en la parte inferior de la ventana hay tres botones para ver el documento.
Visualización de barras de herramientas.
Para administrar las barras de herramientas durante FrontPage puede utilizar los mismos métodos que en Microsoft Word... A saber:
en el menú Vista tienes que elegir Elemento de barras de herramientas, y en el nuevo submenú que se abre, configure banderas frente a las barras de herramientas que necesita; o haga clic en botón derecho del ratón para cualquier paneles de control(o en el área adyacente) y use el menú contextual de la misma manera.

FrontPage como otras aplicaciones Microsoft Office, le permite agregar, eliminar, intercambiar elementos de menú y botones en las barras de herramientas. También es posible crear completamente sus propios paneles.
Para esto necesitas:

V Menú de servicio Seleccione Ajuste del artículo…
o
v Ver menú Seleccione Elemento de barras de herramientas, y en el menú en cascada que aparece - Ajuste del artículo…
Como resultado de sus acciones, se abrirá un cuadro de diálogo Personalización donde puede instalar los paneles requeridos.

Creación de un nuevo páginas web.

Si tu corres FrontPage significa nuevo Página web que ya ha creado (al inicio FrontPage uno nuevo vacío se abre inmediatamente Página web listo para acomodar texto y cualquier otro elemento).
Crear nuevo Página web es posible de otras formas:

Usando el botón Nueva pagina sobre Panel estándar instrumentos.
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 en los modos Tareas e informes) - por esto adentro Lista de carpetas dado Web) debe hacer clic derecho y en el aparecido Menú de contexto seleccione un artículo Crear  Página.

Crea páginas usando asistentes y plantillas.

Como se mencionó anteriormente, si usó el menú para crear una nueva página Archivo  Nuevo  Página o sitio web, luego FrontPage le solicita que utilice la plantilla para crear una nueva página.
Para hacer esto, abrirá un cuadro de diálogo, cuya apariencia se muestra a continuación:

En la pestaña General este cuadro de diálogo muestra una lista de plantillas FrontPage actualmente disponible. Habiendo elegido cualquiera de las plantillas, puede ver su descripción en Campo de muestra.
Creación Web de FrontPage.
Microsoft FrontPage Web es un conjunto páginas web, archivos de imagen y otros componentes que se pueden ver como un todo.
Si crea un sitio web en FrontPage, entonces para su almacenamiento es más conveniente usar Web de FrontPage.
la ventaja más importante es la posibilidad de cambiar el nombre de los archivos incluidos en el Web de FrontPage.
Imagínese que antes de publicar su sitio en Internet De repente, notó que un par de archivos a los que ha nombrado con nombres rusos. - "¡Ahora tienes que escalar todos los archivos y cambiar enlaces con bolígrafos!" lo harás, y aquí es donde te ayudará Web de FrontPage- puede cambiar el nombre de los archivos de forma segura, y FrontPage revisará de forma independiente todos los demás archivos incluidos en Web de FrontPage 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 FrontPage entonces es mejor usar Web de FrontPage.
Entonces para crear uno nuevo Web de FrontPage haga clic en la flecha ubicada a la izquierda del botón Nueva página en la barra de herramientas y en el menú desplegable que aparece, seleccione Sitio web ...

Abriendo páginas web.

Muy a menudo, al crear un sitio web, debe editar los ya creados. páginas web... Puede volver a la misma página tantas veces como desee para editarla o utilizar partes de ella para crear otras nuevas. páginas web.

Abrir un existente Página web posible en cualquiera de los modos existentes.

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

1 vía

Si esta trabajando con Web de FrontPage luego simplemente seleccione el archivo deseado en Lista de carpetas y haga doble clic en él con el mouse.

2 vías

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

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 Ver en el modo de edición páginas web... Pero en este caso, puede resultar que el navegador FrontPage no muestra correctamente algunos elementos de su paginas entonces lo mejor es:
usa el botón en la barra de herramientas
o en Menú Archivo seleccione un artículo Avance p en el navegador.

Si utilizó el primer método, el contenido de su página se mostrará en el navegador integrado. FrontPage.
Si usó el segundo método, entonces FrontPage mostrará un cuadro de diálogo Vista del navegador ...

Aquí puedes:
Seleccione el navegador en el que desea ver su Página web... Como regla, inicialmente se muestra aquí navegador que está instalado por defecto en su máquina.
Agregue cualquier otro navegador, para lo cual necesita usar el botón Agregar.
Edite o elimine los navegadores instalados.
Establezca el tamaño de la pantalla en la que desea ver su Página web

Preservación páginas web.

Defecto FrontPage en lugar de nombre paginas toma la primera línea de texto de tu paginas... Esto no siempre es lo que necesita. Puede cambiar el título de la página con Cambiar botones- al hacer clic en este botón se abre el cuadro de diálogo Título paginas donde puedes cambiar el nombre paginas.

Eliminando Páginas web.

Al trabajar con Sitio web tarde o temprano sucederá que ya no necesitas algunas páginas y quieres borrarlas.

Hay tres formas de eliminar páginas web.

1 vía

En el panel Lista de carpetas seleccione el archivo a eliminar y presione el botón Borrar en el teclado.

2 vías

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

3 vías

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

Trabaja con texto.

A primera vista, escribiendo FrontPage 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 puede ingresar texto.
Escribir letras mayúsculas, editar texto (eliminar caracteres, insertar texto, etc.) se realiza de la misma forma que en Microsoft Word.
Solo hay un pequeño PERO: cuando presionas Ingrese claves en FrontPage el cursor se fuerza a una nueva línea, con sangrías de párrafo fijas antes y después del párrafo.
Si no necesita crear párrafos, lo mejor es usar el método abreviado de teclado para pasar a una nueva línea Mayús + Entrar.

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 su procesamiento) se dividen en dos grandes clases: vector y raster. Imagen vectorial consta de objetos: formas geométricas formadas por líneas, arcos, círculos y curvas de Bézier. Méritos gráficos vectoriales mucho. Desde el punto de vista del diseñador, su ventaja más importante es que los gráficos vectoriales se pueden “torcer” a su gusto, sin temor a “hacer un agujero” en la imagen o perder parte de la información. Otra ventaja es el tamaño reducido de los archivos (en comparación con mapas de bits) e 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... Es cierto que cabe señalar que por el momento los gráficos vectoriales no se encuentran con tanta frecuencia como nos gustaría.
Sin embargo, entre los formatos vectoriales realmente utilizados, me gustaría señalar el formato Shockwave Flash de Macromedia... Para ver este formato en navegador necesitas un complemento enchufar), distribuido gratuitamente por la empresa Macromedia... Hoy en día, existen sitios creados total y completamente con esta tecnología, y sitios utilizados por Formato flash sólo parcialmente.
La representación ráster de los gráficos se basa en el concepto de ráster. Ráster Es una colección de objetos (en este caso, píxeles) dispuestos en las mismas filas y columnas. Aquellos. archivo de computadora de trama se puede considerar como una colección de pequeños cuadrados de colores o grises que forman un mosaico de una imagen. Porque el tamaño de estos cuadrados es deliberadamente pequeño, luego, al ver gráficos rasterizados, estos cuadrados se fusionan entre sí, formando un cambio continuo de colores.

El formato de almacenamiento de imágenes de mapa de bits tiene ventajas y desventajas. Una de las grandes ventajas de los gráficos rasterizados es la capacidad de trabajar con medios tonos, es decir, la capacidad de transmitir una imagen exactamente como se ve en la vida real. Entre las deficiencias, el principal problema es el tamaño del archivo. Naturalmente, cuantos más píxeles se asignan a la formación Imagenes, cuanto mayor sea la calidad de la transmisión Imagenes, pero, por lo tanto, el tamaño del archivo también será mayor.
Si ahora volvemos a los navegadores, podemos decir lo siguiente que la mayoría de los navegadores pueden mostrar cuatro formatos de archivos gráficos (* .gif, * .jpg, * .png, * .bmp), de los cuales dos se utilizan mejor actualmente - * .gif y * .jpg... E incluso entonces después de la optimización preliminar.
Insertar imágenes en Página web.
Incruste una imagen en su Página web de varias maneras:
1. Arrastre la imagen desde Explorador de Windows(es decir, directamente del explorador).
2. Arrastre la imagen desde explorador de Internet .
3. Arrastre el archivo de imagen desde el panel. Lista de carpetas, directamente a la página.
4.Uso portapapeles- copie la imagen al portapapeles desde cualquier otro programa y luego péguela en la página desde el portapapeles.
5.Uso Agregar botones dibujo de archivo en la barra de herramientas Estándar.
6.Uso del menú Cuadro  Figura.
Consideremos estos métodos con más detalle:
Método 1
Explorador de Windows(es decir, directamente desde el explorador) necesita:
en FrontPage
abre la ventana del explorador;
en la ventana del explorador, seleccione el archivo con la imagen que desea insertar en su página;
con el botón izquierdo del ratón, arrastre el archivo de imagen a su Página web la imagen se inserta en el lugar donde estaba el punto de inserción en la página.
Método 2
Para arrastrar una imagen desde explorador de Internet necesario:
en FrontPage 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);
con el botón izquierdo del ratón, arrastre la imagen seleccionada a su Página web;
Método 3
Para arrastrar archivo con una imagen del panel Lista carpetas, justo en la página que necesita:
en FrontPage abre la página que quieres agregar imagen;
seleccione el archivo de imagen requerido en el panel Lista de carpetas;
boton izquierdo del raton arrastre la imagen seleccionada a su Página web;
la imagen seleccionada se inserta en el lugar donde estaba el punto de inserción en la página.
Método 4
Para insertar una imagen en su Página web usando el portapapeles, necesita:
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;
sobre su Página web pega esta imagen del portapapeles usando las teclas Ctrl + V
Método 5
Página web decidiste usar el botón Añadir imagen del archivo en la barra de herramientas Estándar, luego FrontPage abrirá un cuadro de diálogo Dibujo.
En este cuadro de diálogo, especifique el archivo de imagen que le gustaría 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 decidiste usar el menú Caja  Dibujo, luego FrontPage le pedirá que haga otra elección:

Imágenes… - la elección de ese elemento del menú le da la oportunidad de utilizar la biblioteca de imágenes ya preparada.
Desde el archivo...: la elección de este elemento de menú le brinda la oportunidad de indicar de forma independiente la ubicación del archivo con la imagen que desea agregar a su Página web(el uso de este elemento abrirá un cuadro de diálogo Dibujo, el trabajo con el que se describió anteriormente).
Crear colección de fotos… - con este elemento de menú puede crear una colección de imágenes con un estilo determinado. Para hacer esto, en la ventana que se abre Propiedades colecciones de fotos con un botón Agregar en la pestaña Dibujos seleccionar imágenes, y en la pestaña Diseño elija el formato del diseño.
Adición de archivos multimedia.

Además de gráficos simples, como imágenes en * .gif, * .jpg, * .png etc. FrontPage 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 abre un cuadro de diálogo. Ventana de video, mostrará videoclips en * .avi, * .asf, * .ram, * .ra.

Agregar sonido en Página web puede estar en la pestaña General del cuadro de diálogo Propiedades de la página.

Trabajando con tablas.

mesa es una de las herramientas más poderosas que se utilizan para crear sitios web.
Inicialmente mesas se utiliza solo para representar datos estructurados. Sin embargo, gradualmente se convirtieron en una herramienta de diseño poderosa y versátil. Páginas web.

Creando tablas

La forma más fácil creando una mesa- usa el botón Agregar tabla ubicado en la barra de herramientas Estándar.
Otra forma es con el párrafo Tabla de menú  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 se formatea dentro de una celda de la misma manera que estamos acostumbrados a formatearlo dentro de 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 la tecla Ingresar se inserta un nuevo párrafo como de costumbre. El texto o los números se ingresan en la tabla usando el teclado.

Antes de ingresar 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 usar atajos de teclado para moverse entre celdas:
Atajos de teclado: Acción:

Pestaña en cualquier lugar de la tabla, excepto por el final de la última línea, vaya a una 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 + Tabulador ir a la celda anterior y seleccionar su contenido
Ingresar comenzar un 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 son cuadros de texto, botones de radio, 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 enviar los datos a Servidor web para su procesamiento (o procesado allí mismo en la página).

Vamos a conocerlo, complete los siguientes campos:
Tu nombre:

Tu apellido:

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

¡Gracias! ¡Ahora vámonos!
1. Pequeño, pero ágil.
Donde sea que suceda, gobierna.
Entrará en la tienda.
El héroe se dará la vuelta.
¿Quién es?
Volar pulga niño caprichoso
2. Se sientan los ojos saltones,
Habla francés
Saltando como una huida
Nada como un humano.
¿De quién estamos hablando?
Loro gato rana

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

4. ¿Por qué lloran las tortugas grandes?

5. ¿Qué tipo de ropa puede usar el arenque?
Abrigo de piel Abrigo Chaleco
6. ¿A quién se le llama "caballo de río"?
Cocodrilo Hipopótamo Nutria

7. ¿Qué aves no incuban 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 formas en la mayoría página eso es solo la mitad del trabajo. Ya que necesariamente debe existir un programa que pueda procesar los datos ingresados ​​por el usuario mediante formularios.
Dicho programa se puede ubicar en un servidor; puede estar en tu Sitio web como un archivo separado, o simplemente se puede escribir en el 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 pueden agregar a la base de datos y en base a ella varios gráficos, calificaciones ...;
información se puede reenviar por correo electrónico (esto se usa a menudo para obtener información sobre el usuario en cuestionarios de varios tipos);
información se puede procesar en el acto y el visitante de su sitio recibirá inmediatamente información de retroalimentación (por ejemplo, recibirá puntos por la prueba, vea la información que ingresó en el libro de visitas ...).

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

1 cada uno la forma ocupa un área determinada páginas web... En uno Página web se pueden localizar una o más formas.
2. Cada formulario debe contener al menos uno de los elementos del formulario (aunque, por regla general, hay varios).
3.Cada artículo forma tiene 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.

Creación de formularios en FrontPage.
Para agregar un formulario a Página web, necesario:

Coloque el cursor donde desea pegar forma.
V Insertar menú Seleccione Forma del artículo, en el menú que se abre, seleccione de nuevo Forma del artículo. La forma se colocará en su Página web- aparecerá un área, marcada con un marco de puntos, con dos botones: Enviar y reiniciar.
Usando todo el mismo párrafo Insertar menú  Formulario inserta secuencialmente los elementos que necesitas formas seleccionándolos del menú desplegable en cascada (recuerde que todos los elementos del formulario se insertan dentro del área del formulario marcada con un marco punteado).
Después la forma creado, solo queda llenarlo de contenido - elementos formas, texto, imágenes, tablas ... (mientras que las dimensiones forma cambiará automáticamente).
Agregar contenido formas se puede hacer de la forma habitual. Por ejemplo, puede escribir texto o pegarlo desde el portapapeles ... Todas las acciones con los objetos agregados son similares.
pero creación de formularios- este es solo el comienzo del trabajo. Después de crearlo, debe configurar las propiedades, ya que la mayoría forma y sus elementos.

Establecer propiedades de formulario.

Para procesar o almacenar datos ingresados ​​por visitantes páginas web, debe aprovechar las oportunidades que se brindan Extensiones de servidor de FrontPage, o algún otro programa que se ejecute en Servidor web.
Pero sea cual sea el programa que elija, aún debe ajustar las propiedades del formulario y los elementos que contiene.
Para abrir la ventana de propiedades del formulario, debe:
v Insertar menú Seleccione Forma del artículo, y luego -
o
Llame al menú contextual del formulario y en el menú contextual abierto seleccione el elemento Propiedades de la forma.
Esto abrirá un cuadro de diálogo Propiedades de la forma.

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

Página,
Carpetas
Informes,
Transiciones,
Hipervínculos,
Tareas.
Para la selección modo deseado puedes usar Ver panel 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
Este modo se utiliza para crear y editar Páginas web. Aquí puedes crear vacío páginas web y páginas basadas en plantillas, asigne temas a las páginas (un conjunto de estilos de visualización de página). En este modo, puede agregar y formatear texto, formatear paginas utilizando imágenes gráficas y de video (conversión de varios formatos gráficos a formatos * .gif, * .jpg y * .png), agregar sonido 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. FrontPage sobre la edición de contenido páginas web.
Carpetas
En este modo, puede 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 diversa información sobre Sitio web abierto en FrontPage.
Transiciones
Diseñado para ver la jerarquía del sitio. En este modo, puede manipular la jerarquía arrastrando y soltando rectángulos (cada uno de los cuales representa un Página web).
Hipervínculos
Demuestra un sistema de hipervínculos que enlazan páginas. Sitio web(así como un sistema de hipervínculos a otros nodos), proporciona verificación de su integridad y la capacidad de cambiar.
Tareas
Este modo es para la gestión de tareas. Sitio web(agregar, eliminar, ejecutar, priorizar y realizar un seguimiento del estado de las tareas).

Descarga gratis FrontPage puedes seguir el enlace:

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

FrontPage es una de las herramientas de diseño web visual más populares.

Microsoft FrontPage 2003 incluye las herramientas profesionales de diseño, creación, manipulación de datos y publicación que necesita para crear sitios web dinámicos.

FrontPage le permite desarrollar sitios web en modo de diseño visual, sin editar código HTML, y acceder al código correspondiente generado en tiempo de ejecución.

Para FrontPage, hay una gran cantidad de complementos gratuitos y de pago que amplían sus capacidades. Por ejemplo, los optimizadores de gráficos Ulead SmartSaver y Ulead SmartSaver Pro están integrados no solo en Photoshop, sino también en FrontPage.

Además, existe toda una industria de empresas que desarrollan y lanzan temas de FrontPage. Los temas son estilo de diseño, un conjunto de fondos, botones de navegacion etc., que se pueden aplicar a una página o sitio, lo que acelera significativamente el proceso de desarrollo.

FrontPage incluye plantillas de sitio y plantillas de página. Según la plantilla del sitio seleccionada por el usuario, la herramienta Asistente del sitio genera un conjunto de páginas con vínculos entre ellas. El usuario solo necesita llenar las páginas de la plantilla de sitio creada con información. La plantilla de página le permite seleccionar la vista de página requerida de la base de datos de la plantilla y llenarla con información.

La característica principal de FrontPage es que este editor funciona en modo WYSIWYG (What You See Is What You Get), es decir, te permite crear páginas HTML en modo visual. Para crear páginas, el usuario utiliza las mismas técnicas y habilidades que cuando trabaja en Microsoft Word. En este caso, el código HTML necesario se genera automáticamente.

Sitio web

Sitio web: un conjunto de recursos en línea de información relacionada destinados a ser visualizados a través de Red de computadoras utilizando programas especiales: navegadores web. Un sitio web puede ser una colección de documentos en formato electrónico, un servicio en línea.

El navegador web (navegador) es un programa que se utiliza para navegar y ver varios recursos de Internet. El navegador web lee el documento HTML y lo formatea para presentarlo al usuario. Los navegadores más extendidos son Microsoft Internet Explorer, Netscape Navigator, Mozilla, Opera.

Un sitio web se compone de páginas web individuales. La estructura de cada página web está determinada por su código HTML interno. El usuario puede ver y trabajar con este código en el panel Código o en la vista del panel Dividido, pero la mayor parte del trabajo se realiza en el panel Diseño. No necesita saber cómo se genera HTML para trabajar con FrontPage.

El sitio web se desarrolla inicialmente en computadora local y luego publicado en Internet. El usuario no podrá acceder a muchas de las funciones hasta que el sitio se publique en el servidor que ejecuta las Extensiones de servidor de FrontPage.

Tipos de nodos

Echemos un vistazo a los tipos de sitios que puede aprovisionar con FrontPage 2003.

Hay dos tipos de nodos: nodos de disco y nodos de servidor. Los nodos de disco se pueden ejecutar en cualquier computadora o incluso con disco flexible o CD. Los nodos de disco solo admiten la funcionalidad HTML básica. Muchos componentes web admitidos por FrontPage no funcionan en un host de disco.

Los nodos de servidor se ejecutan en un servidor web, es decir, en una computadora que está especialmente configurada para albergar (albergar) los nodos. A pequeña escala, el servidor web puede ser una computadora local o un servidor en la intranet de la empresa. A mayor escala, los servidores web que alojan sitios de Internet corporativos suelen incluirse en grupos de servidores profesionales gestionados por un proveedor de servicios de Internet (ISP) o una empresa de alojamiento web.

La mayoría de los nodos suelen estar diseñados como nodos de disco. Esto significa que se desarrollan en la computadora local. Luego se publican en un servidor web, ya sea interna o externamente.

Algunos componentes Web de FrontPage son elementos prediseñados, como barras de hipervínculos y tablas de contenido. Solo son efectivos cuando se colocan en una página que forma parte de un sitio derivado de FrontPage.

Algunas características requieren que el sitio o la página web residan en un servidor web que ejecuta el paquete de Microsoft Windows SharePoint Services.

Otros componentes web compartidos solo funcionan en un nodo de servidor alojado en un servidor web con las Extensiones de servidor de FrontPage.

Algunos componentes obtienen su contenido directamente de otros sitios y, por lo tanto, requieren la prestación de la conexión a Internet.

Las capacidades de administración del servidor están disponibles solo para sitios de servidor alojados en servidores web que ejecutan Windows SharePoint Services o Extensiones de servidor de FrontPage.

Para mostrar la información de la base de datos, el nodo debe estar alojado en

INTRODUCCIÓN

El propósito del trabajo

Información teórica

Menú principal

"Expediente".

"Editar".

"Vista". Carpetas "," Lista de carpetas " Barras de herramientas.

"Insertar".

"Formato".

"Mesa".

1.1.2 Barras de herramientas

arroz. 2Ver / Barras de herramientas "

Elementos de la interfaz principal

Cuando trabaje con un nodo, tendrá que verlo constantemente en un navegador, para lo cual necesitará los siguientes elementos de interfaz:

Pictograma - " Vista del navegador "... Se muestra en el panel " Estándar "(ver. arroz. 3 )

Figura 3. Icono "Ver en navegador" en el panel "Estándar"

Diseño del sitio

Creando un nodo

Para crear un sitio web, vaya al menú " Archivo \ Nuevo "... El panel Crear aparece a la derecha. Puede crear tanto páginas individuales como sitios web completos. En este caso, es posible utilizar plantillas listas para usar. Al crear un sitio web, pueden servir como un buen servicio. Al menos como ejemplo de nodos bien diseñados. En este trabajo, es necesario crear Sitio web de una página (ver arroz. 4 ) .

Figura 4. Sitio de una página entre las plantillas de sitios

Una vez creado el sitio web, la pantalla muestra lista de carpetas (ver. arroz. 5 ) ... Siempre puede volver a esta vista desde el menú " Ver \ Carpetas "... También puedes usar " Ver \ Lista de carpetas "(ALT + F1): en este caso, la lista de carpetas y archivos no ocupará la ventana principal, sino el panel de la izquierda.

Al desarrollar un sitio, lo primero que debe hacer es decidir sobre el tema, para encontrar el contenido. En esta etapa, es necesario colocar materiales para su uso posterior en el sitio en las carpetas del sitio. Pueden ser varias imágenes, animaciones, música, videos y otros. Puede colocarlo tanto en la carpeta raíz del sitio como en subcarpetas. Puedes crear nueva carpeta... En el futuro, puede agregar fácilmente nuevos archivos a las carpetas del sitio web, cambiarles el nombre y moverlos de una carpeta a otra; FrontPage cambiará automáticamente las rutas a estos elementos en todas las páginas del sitio. Esta característica de FrontPage es extremadamente importante ya que algunas de las páginas de su sitio probablemente se generarán automáticamente y los nombres de archivo serán, por ejemplo: new_page_1.htm... Cuando se aloja en un servidor Linux, la página no funcionará correctamente. Buena forma es para usar en títulos solo letras del alfabeto latino y números .

Figura 5. Carpetas

Desarrollo de la estructura del sitio web

La siguiente etapa de la creación de un sitio web es Desarrollo de estructura... Antes de continuar con el diseño directo de las páginas, debe considerar cuidadosamente la estructura del sitio.

Para esto, FrontPage tiene una vista "TRANSICIONES". Para abrirlo, abra el elemento del menú "Ver \ Transiciones" o "Vista \ Área de navegación".

Para crear una página, seleccione la página principal, haga clic con el botón derecho y seleccione " Crear página " o presione CTRL + N... Para incluir subsecciones grandes debajo del segundo nivel, puede usar la barra de vínculos ("Barra de vínculos nueva \ personalizada"). La barra de vínculos no es una página separada. Cuando lo vincula, se abre la primera página de la subsección. Para agregar páginas, también puede usar los botones en la barra de navegación (); el resultado es el mismo, pero mucho más simple. En el futuro, según la estructura de transición formada, será posible crear una barra de vínculos.

Al elaborar la estructura, es aconsejable cambiar inmediatamente los nombres: "Nueva página 1", "Nueva página 2" o "Nueva barra de enlaces", etc. cambiar a nombres más significativos: "Archivos", "Contactos", "Vínculos", "Galería", etc.

Las páginas agregadas se agregan automáticamente a la lista de carpetas.

También es conveniente cambiar el nombre de los archivos, utilizando solo el alfabeto latino y los números.

Un ejemplo de la estructura del nodo se muestra en la Fig. 6.

La página de inicio tiene varios hijos. Éstos, a su vez, también tienen páginas secundarias. Estas páginas se pueden incluir en los menús generales (barras de enlaces basados ​​en navegación) que se muestran en todas las páginas del sitio. En algunos casos, es más conveniente utilizar barras de vínculos personalizadas, especialmente cuando hay una sección grande debajo del segundo nivel. Las páginas de una barra de vínculos personalizada no pueden tener páginas secundarias.

Figura 6. Agregar una página a la estructura del sitio

Diseño de página

Después de desarrollar la estructura del sitio, debe pensar en el diseño de las páginas: qué elementos, en qué parte de las páginas colocar. En esta etapa, se reserva un lugar en cada página para futuros elementos de diseño.

Límites comunes

A menudo, todas las páginas de un sitio contienen los mismos elementos: una imagen en el "encabezado" del sitio y el menú principal. Al cambiar el diseño de una imagen o agregar un enlace al menú principal, es necesario que esto se refleje en todas las páginas del sitio.

Para esto se utilizan LÍMITES GENERALES(llamado desde el menú " Formato \ Bordes comunes ").

Los bordes comunes se pueden personalizar arriba, izquierda, derecha e abajo (ver. arroz. 7 ) ... En este caso, puede habilitar los botones de navegación agregados automáticamente y una imagen (la imagen debe colocarse primero en la lista de carpetas del sitio web). Al activar la etiqueta " habilitar botones de navegación " se encenderá automáticamente menú infantil(enlaces a páginas secundarias). A menudo se requiere que todas las páginas contengan Menú principal(enlaces a la página de inicio + páginas secundarias de la página de inicio). Para hacer esto, haga clic con el botón derecho en la barra de vínculos en cualquier página, seleccione " Propiedades de la barra de vínculos " y cambiar propiedades.

Si algunas páginas deben tener bordes comunes diferentes, debe hacerlo en la vista " Lista de carpetas " seleccione estas páginas y aplique " LÍMITES GENERALES " a las páginas seleccionadas.

Figura 7. Límites comunes

En el constructor fronteras comunes se muestran con líneas discontinuas: cualquier elemento dentro de estos bordes será visible en todas las páginas del sitio (ver Fig. 8).

Figura 8. Barras de vínculos en bordes generales

Nota: Si la compatibilidad con bordes comunes está deshabilitada, para habilitarla, vaya a la pestaña " Servicio \ Opciones de página \ Desarrollo " y activar la etiqueta " LÍMITES GENERALES "(ver figura 9).

Figura 9. Habilitación del componente "Límites compartidos"

Barras de enlace

Barras de enlace son una lista de enlaces encerrados dentro de un área rectangular.

Usando el componente " Panel de enlaces " facilitan enormemente la formación de menús en las páginas web. Siempre que cambie las propiedades de un panel, estos cambios se reflejan automáticamente en todas las páginas en las que se incluye este panel. Límites comunes se forman principalmente para insertar barras de enlace en ellos. El editor de FrontPage proporciona varios tipos de barras de vínculos:

Mesas. Tablas de disposición

Mesas- una de las herramientas de marcado de páginas más antiguas y aún más populares. La innovación es tablas de diseño- plantillas de tablas. Cuando se llama desde el menú " Tablas \ Diseño de tablas y celdas " Aparece un panel de tablas de disposición (ver Fig. 13), desde el cual puede seleccionar la disposición que más le guste, que puede cambiar, si es necesario, fusionando o separando celdas.

Desafortunadamente, al aplicar el componente " Fronteras comunes ", las tablas de diseño no se pueden utilizar. En este caso, puede utilizar las tablas habituales (" Tabla \ Insertar \ Tabla ") formateándolos de forma adecuada.

Figura 13. Diseños de tablas

Llenado del sitio

Todas las acciones anteriores fueron en realidad solo preparación, planificación del sitio, aunque no son menos importantes. Los elementos se insertan exactamente de la misma manera que en Word. Por lo tanto, la inserción de elementos como imágenes, tablas, etc. no se discutirá en detalle.

Imagenes

Para insertar imágenes, use el " Insertar imagen ".

Puede insertar imágenes de un archivo o imágenes de la galería integrada de Microsoft Office. También puede insertar una colección de fotos o animaciones flash aquí.

Colección de fotos Es una colección de imágenes, cada una de las cuales se puede ver por separado. Al configurar las propiedades de una colección de fotos (ver Fig.14) en la pestaña "Dibujos" necesitas agregarles imágenes y descripciones, en la pestaña " Diseño" seleccionar: una forma de presentar las imágenes.

Figura 14. Creación de una colección de fotografías

Para insertar un hipervínculo, debe escribir texto en el constructor o insertar una imagen, seleccionar un área y luego ir al menú " Insertar \ Hipervínculo "(CTRL + K). Aparecerá una ventana (ver Fig. 15) en la que debe configurar los parámetros del hipervínculo.

página, archivo, sitio externo. En este caso, debe escribir la dirección del sitio, la página, el archivo o seleccionar de la lista.

en su lugar en el documento (marcador). Para crear dicho vínculo, debe hacer clic en el " Marcador " y luego seleccione un marcador de la lista. (Se debe crear un marcador de antemano. Para crear un marcador, coloque el cursor en el lugar donde se creó el marcador y luego seleccione el elemento del menú " Insertar \ Marcador ").

a un buzón de correo electrónico (ver. arroz. dieciséis ). En este caso, debe seleccionar la sección: enlace al correo electrónico (botón en la esquina inferior izquierda) y personalizar el título del mensaje que se enviará.

Al configurar hipervínculos, también puede especificar en qué ventana se debe abrir la página (en la misma, en una nueva, ...). Para hacer esto, debe hacer clic en " Selección de fotograma " y seleccione el elemento apropiado.

Puede personalizar el estilo haciendo clic en el " Estilo" y eligiendo en el campo " Clase" la clase creada anteriormente (la cuestión de la creación de estilos se discute en la sección 5.1.2 Estilos). En el mismo lugar (en la ventana " Estilo" después de hacer clic en el botón correspondiente), puede personalizar el estilo solo para este elemento haciendo clic en el botón " Formato".

Cambiar botones

Los botones de cambio son una especie de hipervínculo: un botón de imagen, cuando haces clic en él, vas a otra página. Para insertar botones, vaya al elemento de menú " Insertar \ Botón de voltear "... Seleccione el botón apropiado, ingrese el texto que se mostrará en la pantalla y la dirección de la página a la que se debe realizar la transición cuando se presione el botón.

Capas

Las capas son necesarias cuando es necesario colocar varios elementos en una sección de la página, por ejemplo: texto sobre una imagen. Para hacer esto, vaya al menú " Insertar \ Capa "... Aparecerá un área rectangular con un borde azul (consulte la Figura 17). Transfiérelo a la ubicación deseada. Ahora puede escribir texto encima de la imagen en la capa.

Figura 17. Usando una capa

Decoración de nodo

Después de llenar el sitio con contenido, debe pensar en mejorar la apariencia de los elementos, agregando efectos.

Formateo

El formato le permite personalizar la pantalla para varios elementos: tipo, color, tamaño de fuente, sangrías, listas, color de fondo, imagen de fondo. Es posible utilizar temas y hojas de estilo en cascada.

Los temas incluyen imágenes de fondo, estilos de visualización especificados para texto, enlaces. Llamado " Formato \ Tema "... Los temas se pueden aplicar tanto a una página individual como a todas las páginas de forma predeterminada.

Propiedades de la página

Ventana " Propiedades de la página " le permite dar formato a los elementos de la página y preparar la página para su publicación.

Para abrir una ventana propiedades de la página, es necesario en el modo de diseño hacer clic en cualquier lugar de la página y seleccionar " Propiedades de la página ".

Hay 6 pestañas en esta ventana.

En la pestaña " General "(ver. arroz. 20 ) muestra información básica sobre la página. Al publicar, el campo " Palabras clave "... Según las palabras ingresadas en este campo, la búsqueda será realizada por los motores de búsqueda.

Figura 20. Propiedades de la página: general

En la pestaña " Formateando "(ver. arroz. 21 ) es posible personalizar los colores de todos los elementos principales de la página.

Figura 21. Propiedades de la página: formato

En la pestaña " Adicionalmente" puede personalizar las sangrías, así como establecer efectos dinámicos para todos los hipervínculos. Por ejemplo, para que cuando pase el cursor sobre cualquiera de los enlaces de la página, su color cambie a rojo, debe marcar la casilla " Habilitar efectos de resaltado para hipervínculos ", clickea en el " Estilo de selección ", personalice la fuente (ver fig. 22). En detalles Efectos dinámicos será discutido en la sección 5.2 Efectos dinámicos.

Figura 22. Configuración del efecto de resaltado para hipervínculos

A veces, el editor elige la codificación incorrecta de forma predeterminada. En este caso, el navegador muestra caracteres incomprensibles en lugar de palabras en ruso. Para evitar esto, necesita los campos en el " Idioma" configurar como se muestra en la fig. 23.

Figura 23. Configuración del idioma y la codificación

Estilos

Puedes crear tus propios estilos. Para hacer esto, vaya al menú " Formato \ Estilo "... Los estilos se pueden asignar a elementos de marcado HTML individuales, o puede crear estilos personalizados que luego se pueden aplicar a los elementos seleccionados. Por ejemplo, para que todos los enlaces sean verdes de forma predeterminada, debe seleccionar la etiqueta A, crear un estilo, ingresar un nombre, hacer clic en " Formato", seleccione el elemento " fuente", Seleccione verde en la ventana (consulte la Fig. 24).

Figura 24. Etiqueta de estilo A

Si no desea que todos los enlaces, sino solo algunos, sean de un color determinado, debe crear y configurar estilo personalizado (clase)(ver figura 25).

Figura 25. Creando una clase

En la ventana " Estilo”Se presentarán todos los estilos creados (ver fig. 26).

En el futuro, para aplicar esta clase a un hipervínculo, debe ir a " Propiedades de hipervínculo ", ve al marcador " Estilo" y seleccione la clase apropiada (en este caso estilo 1).

Figura 26. Lista de estilos creados

Hojas de estilo

Puede utilizar hojas de estilo listas para usar, en las que los estilos de cada elemento ya están escritos. Para hacer esto, necesita crear una nueva página (no un nodo) usando una de las plantillas de hojas de estilo. Seleccione el menú "Archivo / Nuevo", luego en el panel que aparece a la derecha, seleccione el elemento "Otras plantillas de página ...", en la ventana que aparece, seleccione la pestaña "Hojas de estilo", y luego seleccione una de las plantillas (ver Fig. 27).

Figura 27. Plantillas de hojas de estilo

Una vez creada la página, debe guardarse en la carpeta del sitio web y luego vincularse a la página web (" Formato \ Vínculos de hojas de estilo ") (ver. arroz. 28 ) .

Figura 28. Enlace a hoja de estilo

Efectos dinámicos

Estos efectos le permiten crear las reacciones más simples a los eventos: mostrar un mensaje cuando se carga la página, el efecto cuando aparece la página, cambiar el color al pasar el mouse, seguir un enlace al hacer clic, etc.

En el capítulo 5.1.1 Propiedades de la página ya hemos cubierto cómo generar efectos de resaltado para hipervínculos.

Cambio de paginas

Cambiar de página le permite seleccionar un efecto visual dinámico que comienza cuando se carga la página actual: Apariencia desde arriba, desde abajo, persianas verticales, ... Para seleccionar un efecto, vaya a “ Formato \ Cambiar páginas "... Aquí puedes elegir el efecto que más te guste y ajustar la duración.

Efectos DHTML

Los efectos más simples (por ejemplo, cambiar el color de un enlace al pasar el mouse) se pueden configurar en el panel " Efectos DHTML". Para hacer esto, primero debe mostrar esta barra de herramientas (" Vista\...»).

Por ejemplo: para reemplazar una imagen haciendo clic con el mouse, debe seleccionar la imagen, seleccionar el evento " Hacer clic", acción" Reemplazo»Y una imagen (ver fig. 29).

Figura 29. Creación de un efecto DHTML

Comportamiento

Si las posibilidades descritas no son suficientes, puede utilizar el panel " Comportamiento" (« Formato \ Comportamiento "). Aquí, para casi cualquier elemento de bloque, puede seleccionar la acción que debe activarse y el evento que activa esta acción.

El trabajo con esta herramienta se estructura de la siguiente manera:

1. En la vista " Página" haga clic en la parte inferior de la ventana del documento en el botón " Constructor".
2. En el menú " Formato" seleccione el comando " Comportamiento".

3. Seleccione el elemento de la página cuyo comportamiento desea cambiar, como un texto o una imagen.

1. En la barra de tareas " Comportamiento" presiona el botón " Insertar", luego seleccione la acción deseada.
2. En el cuadro de diálogo que aparece, seleccione los parámetros necesarios y haga clic en " OK ".

6. Para seleccionar un evento, en el " Desarrollos " resalte el evento predeterminado, luego resalte el evento deseado.

7. Dependiendo de la acción seleccionada, seleccione parámetros adicionales que definan el evento para la acción.

Publicar un sitio

Antes de publicar, debe verificar si el texto tiene errores ortográficos (" Servicio \ Ortografía o F7 ").

El proceso de publicación de un sitio web se acompaña de la copia de todos los archivos y carpetas que componen el sitio desde la ubicación original a una ubicación específica. V Programa de Microsoft FrontPage publica un sitio para que esté disponible para los visitantes, para realizar una copia de seguridad del sitio y para actualizar un sitio previamente publicado.

Normalmente, los archivos y carpetas del sitio web se crean en el equipo local. Una vez que el sitio está completo, se publica en Internet o en la intranet local para que los visitantes puedan ver sus páginas web utilizando un navegador web.

A veces es necesario crear una copia de un sitio web y guardar esta copia en una ubicación específica en su disco duro o unidad de red. La herramienta de publicación Microsoft FrontPage proporciona una forma conveniente de crear dicha copia.

Cuando actualiza archivos o carpetas en un sitio web, FrontPage utiliza términos técnicos para distinguir entre origen y destino. El sitio web local es el sitio web original abierto en FrontPage y el sitio web remoto es el destino en el que está publicando.

Antes de publicar, primero debe ingresar palabras clave en la ventana « Propiedades de la página ".

Para publicar, vaya al elemento del menú " Archivo \ Publicar nodo "... Aparecerá una ventana en la que puede especificar cómo y dónde publicar el sitio (ver Figura 30). Si publica un sitio en Internet, es más conveniente usarlo " Protocolo FTP» (es compatible con casi todos los servidores). Si el host está ubicado en una red local, o incluso más en la misma computadora, debe seleccionar el elemento " Sistema de archivos ".

Después de eso, ve al elemento " Optimización de HTML "- esta opción le permite reducir significativamente el código y el tamaño de las páginas web al eliminar notas, comentarios y otra información de servicio que no afecta las capacidades del sitio.

Figura 30. Publicar un nodo

Orden de trabajo

El resultado del trabajo debe ser un sitio web creado por un estudiante con un conveniente sistema de navegación, que contenga todo tipo de elementos de hipertexto (texto, enlaces, imágenes, colecciones de fotos, línea rastrera, etc.), así como efectos dinámicos y un formulario. realimentación... El número mínimo de páginas del sitio web está determinado por el número de estudiantes que participan en su desarrollo: 8 - para uno, 10 - para dos, 12 - para tres.

2.1 Trabajo realizado por el alumno de forma independiente antes de comenzar a trabajar en la clase de informática

1. Desarrolle la estructura del sitio para el tema elegido (muestre un diagrama de las páginas del sitio y los enlaces entre ellas por escrito o en formato electrónico). Para ver un ejemplo de una estructura, consulte el capítulo “Diseño de la estructura del sitio” en la página 8.

2. Preparar el contenido del sitio: materiales de texto, tablas, imágenes. (Debe de ser presentado documentos de texto y archivos de imagen).

Requisitos para la forma de presentación de los resultados del trabajo.

Los resultados del trabajo se presentan en forma de un sitio web (carpeta con páginas web) y un informe. El informe puede presentarse en forma electrónica o impresa.

La estructura del informe se presenta a continuación.

Pagina del titulo

propósito del trabajo

Adquirir experiencia práctica en la creación de sitios web utilizando Editor de Microsoft FrontPage: Dominar el diseño, la navegación y la inserción del sitio

Tareas

Crea un sitio web sobre el tema<указать тему>

<Остальные задания взять из параграфа «Trabajar en una clase de informática"(Consulte la página 24)>

Estructura del sitio

<Вставить скриншот из представления «Переходы».>

<Представить скриншоты всех страниц сайта с кратким описанием назначения страниц и хода их разработки>

conclusiones

<Перечислить действия, выполненные и освоенные в ходе работы.>

Literatura

1.http: //www.microsoft.com/rus/office/FrontPage/Default.mspx - Información general sobre FrontPage 2003

2.http: //www.microsoft.com/rus/smallbusiness/products/howto/buildwebsitefrontpage.mspx - Creación de sitios web con FrontPage 2003

3. Microsoft FrontPage 2003. Versión rusa - M. Ekom, 2005

INTRODUCCIÓN

El propósito del trabajo es la adquisición de experiencia práctica en la creación de sitios utilizando el editor de Microsoft FrontPage: dominar las posibilidades de diseñar un sitio, desarrollar sistemas de navegación e insertar elementos.

En el curso del trabajo, el alumno debe reflexionar sobre la idea del sitio, desarrollar una estructura, crear un sistema de navegación conveniente y llenarlo de contenido (texto, enlaces, imágenes, tablas y otros elementos de hipertexto).

Las tareas se dan en la página 24. Están precedidas por información teórica que describe los principales elementos de la interfaz, capacidades, herramientas de MS Frontpage y métodos para trabajar con ellos.

En el marco del trabajo independiente de los estudiantes, se proporciona la preparación para el trabajo de laboratorio, que consiste en familiarizarse con los materiales del manual, pensar en el tema y la estructura del sitio, preparar el contenido para llenar el sitio en el curso del trabajo (texto materiales, imágenes).

Información teórica

Interfaz de Microsoft FrontPage 2003

FrontPage representa WYSIWYG- Editor HTML (lo que ves es lo que obtienes, lo que ves es lo que obtienes). Esto significa que las páginas web tendrán el mismo aspecto en el navegador que en el editor.

Trabajar en el editor de Frontpage es muy similar a trabajar con un procesador de texto como Microsoft Word. Las interfaces de los dos editores, como todas las aplicaciones incluidas en Paquete de Microsoft Office, son muy similares: los mismos botones estándar, casi los mismos elementos en el menú principal, respectivamente, los mismos elementos básicos: texto, hipervínculos, imágenes, tablas, gráficos y otros objetos. El formateo (configuración de la fuente, sangría, etc.) se realiza de la misma manera que en Microsoft Word. Se asume que los lectores ya tienen habilidades básicas para usar estos elementos. Por lo tanto, los problemas de agregar elementos básicos de hipertexto a la página y su formato se considerarán solo de manera superficial.

A pesar de las importantes similitudes con Word, Frontpage es un producto de software profesional para la creación de sitios web, lo que marca diferencias significativas.

Mientras que Word está diseñado para funcionar con un solo documento, Frontpage está diseñado para funcionar con un sitio web completo, que consta de muchos archivos y carpetas. La presencia de vistas en la portada " Lista de carpetas " y " Transiciones " facilita la búsqueda y transición de una página a otra y la formación de vínculos entre ellas. Herramienta " Fronteras comunes " le permite seleccionar en todas las páginas (o específicas) una parte del espacio, cuyos elementos son iguales. Por lo tanto, al agregar o cambiar una imagen o menú de enlaces a una de las páginas en estas áreas comunes de la página, estos cambios se reflejarán automáticamente en todas las demás. Esto facilita enormemente el trabajo de formar el área de encabezado ("encabezado") de la página y el menú principal. Barras de enlace simplifica la formación del menú de enlaces, y los anuncios le permiten escribir automáticamente el título de la página. Los efectos dinámicos le permiten crear efectos visuales como cambiar una imagen al hacer clic con el mouse, cambiar el color de un enlace al pasar el mouse o hacer que el contenido de la página aparezca dramáticamente al cargar.

Figura 1. Interfaz de FrontPage

Sobre arroz. 1 se presenta la interfaz del editor Microsoft Frontpage 2003.

El menú principal se encuentra en la parte superior de la ventana. Debajo están las barras de herramientas.

A la izquierda está la vista Lista de carpetas. A la derecha está la ventana principal del editor de páginas web.

Hay 4 modos principales para trabajar con una página (indicados en la línea en la parte inferior de la página):

"Constructor". Modo básico. En este modo, puede agregar, cambiar, eliminar elementos. En este caso, su posición en las páginas será la misma que en el navegador.

"Código". Código HTML de la página.

"Con división". Combinación regímenes anteriores... Divide la ventana en 2 partes: en un constructor, en el otro código HTML.

"Vista". Inicia una vista similar a la de un navegador de la página. Es posible que algunos de los elementos de la página no funcionen, por lo que a menudo es más conveniente ver la página directamente en el navegador. Para hacer esto, la barra de herramientas tiene un icono con una lupa encima de la página.

Menú principal

El menú principal consta de elementos:

"Expediente". Proporciona trabajo con archivos: crea, abre y guarda páginas web y sitios web completos, publica un sitio, exporta e importa

"Editar". Proporciona capacidades de edición estándar

"Vista". Le permite seleccionar la presentación de las páginas del sitio. Los puntos más interesantes son: " Carpetas "," Lista de carpetas " para trabajar con archivos y carpetas individuales del sitio " Transiciones "," Área de navegación " para personalizar la estructura de las páginas en un nodo. Aquí también puede configurar Barras de herramientas.

"Insertar". Proporciona la capacidad de insertar elementos en una página web. Los puntos más importantes: " Capa, barra de vínculos, componente web, formulario, imagen, botón de intercambio, marcador, hipervínculo.

"Formato". Menú de formato. Contiene opciones para formato de fuente, párrafos, selección de temas, configuraciones de estilo y bordes generales.

"Mesa". Menú para trabajar con tablas, incluidas las tablas de diseño.

El menú principal también tiene ventanas: " Servicio "," Datos "," Marcos "," Ventana "," Ayuda ".

1.1.2 Barras de herramientas

Las barras de herramientas principales del editor de MS FrontPage se presentan en arroz. 2... Para habilitar / deshabilitar un panel en particular, debe ir al elemento del menú " Ver / Barras de herramientas " o haga clic con el botón derecho en uno de los paneles del editor y seleccione el panel deseado.

Figura 2. Lista de barras de herramientas

Microsoft Front Page es una herramienta con todas las funciones para crear sitios web eficientes, así como una gestión detallada y flexible de los mismos. Esta aplicación ofrece amplias opciones para importar, editar y formatear archivos HTML. Se accede a todas estas funciones utilizando interfaz amigable familiar para los usuarios de la suite de Microsoft Office.

Un sitio web (sitio web) es una colección de páginas web y archivos relacionados. FrontPage tiene la capacidad de crear y editar páginas web en 26 idiomas. Los sitios suelen estar dedicados a un tema específico y contienen información relacionada con un individuo o una empresa. Con Front Page, puede crear un sitio directamente en el sistema de archivos de su computadora y, después de la preparación, publicarlo en el servidor.

FrontPage contiene muchas características reunidas en un solo espacio de trabajo. Espacio de trabajo FrontPage se divide en varias áreas de visualización: a la izquierda está la barra de vista y a la derecha está la lista de carpetas. Con la ayuda de la barra de modo, puede cambiar de un modo de visualización de una página web a otro simplemente presionando el botón correspondiente.

Hay varios modos de funcionamiento en FrontPage.

1. El modo Carpetas se utiliza para trabajar con archivos y carpetas individuales. Le permite eliminar, mover y cambiar el nombre de archivos y carpetas, y ver la estructura de archivos de su sitio web.

Front Page puede trabajar con archivos gráficos de varios formatos: * .BMP; * .TIF; * .WMF (Metarchivos de WINDOWS); * .RAS (Sun Raster); * .EPS (Postscript encapsulado); * .PCX (pincel); * .TGA (Targa) convirtiéndolos a formatos de publicación * .GIF y * .JPG. De forma predeterminada, la página principal guarda los formatos importados en formato GIF.

2. El modo de página está diseñado para crear y editar páginas individuales. Este modo le permite insertar imágenes, tablas, hipervínculos, así como diseñar páginas utilizando diferentes estilos y diseños. La función Accesos directos a páginas facilita la edición de varias páginas al mismo tiempo. El cambio de una página a otra se realiza mediante accesos directos y se realiza con un solo clic.

Hay tres modos para editar páginas: Normal, HTML y Vista previa. Trabajar en modo Normal nos permite ver la página tal y como aparece en la pantalla del monitor. En modo HTML, se edita el código de la página HTML. El modo de vista previa le permite ver la página como se verá realmente en un navegador web (Internet Explorer).

Hay tres formas de crear un sitio web en la página principal: utilizando asistentes, una plantilla (plantillas) o basándose en archivos prefabricados. Las plantillas son páginas integradas que contienen el formato necesario para crear y personalizar las páginas que crea. Los asistentes y las plantillas le permiten crear diferentes tipos de sitios.

Cuando abre un sitio web en este modo, un nuevo pagina vacia... Puede comenzar desde una página en blanco o puede utilizar uno de los siguientes plantillas listas para usar... Para hacer esto, seleccione Archivo - Nuevo - Página. En la ventana de la pestaña Sitios web, verá varias opciones para crear un sitio:

Los sitios web del Asistente de discusión son para fines de discusión.

Asistente de importación El sitio web se crea a partir de los archivos preparados.

Asistente de presencia corporativa: para crear un sitio web de empresa.

La pestaña Páginas de marcos enumera las plantillas de diseño de marcos. Los marcos son diseños de varias páginas en los que la ventana del navegador se divide en varias subpáginas. El cuadro de diálogo Nuevo, pestaña Hojas de estilo, enumera las plantillas de hojas de estilo en cascada.

Puede crear contenido del sitio importándolo de otra fuente, y puede importar más que solo archivo separado sino también una carpeta completa e incluso un sitio web. Para hacer esto, muestre el cuadro de diálogo Importar y seleccione Archivo - Importar. Los archivos o carpetas importados se pueden modificar haciendo clic en el botón Modificar.

Actualmente, es posible publicar una página, lo que permite una mayor flexibilidad para publicar la información que necesita. Para hacer esto, haga clic con el botón derecho en la página seleccionada (o seleccione varias páginas mientras mantiene presionada la tecla CTRL) en la lista de carpetas y luego seleccione Publicar archivos seleccionados.

FrontPage proporciona funciones de formato de tabla: formateo automático, autocompletado y división. La función Table Autoformat le permite crear rápidamente una tabla de calidad profesional en su sitio. Con el fin de aplicar esta función, haga clic en cualquier tabla que esté editando en FrontPage y luego haga clic en TablegTableAutoformat y seleccione el estilo que desee, que determina automáticamente el tipo de bordes, sombras y colores utilizados al formatear la tabla. La función de autocompletar de la tabla le permite copiar el mismo elemento en varias celdas. Para hacer esto, seleccione la línea y ejecute el comando TablegFillgRight. De manera similar, puede llenar las celdas inferiores usando el comando TablegFillgDown. La función de mesa dividida le permite dividir una mesa en dos en cualquier ubicación.

3. El modo de informes proporciona un conjunto completo de informes de estado del sitio web tabulados. Por ejemplo, averigüe el número de páginas en Sitio web; su tamaño total; páginas recientemente agregadas, modificadas o antiguas que necesitan actualización; archivos a los que no hay enlaces dentro del sitio; enlaces rotos a otras páginas del sitio actual y de otros sitios; páginas sin terminar con autores asignados y estado de visualización de cada página, etc. Por lo tanto, al usar este modo, puede rastrear áreas problemáticas y solucionarlas usando la barra de herramientas apropiada.

4. El modo de navegación define los parámetros para mover a los usuarios por el sitio web y muestra la estructura del sitio web. Con este modo, puede cambiar la ubicación de las páginas en un sitio web arrastrando y soltando una página desde una carpeta y moviéndola a la ubicación deseada; eliminar una página de un sitio web o agregar comunicacion externa a la estructura. Cuando cambia el título de una página usando el modo de navegación, se mostrará automáticamente en la página, sin necesidad de editarlo más.

5. El modo de hipervínculos le permite ver vínculos entre páginas en un sitio web. Un hipervínculo es texto o una imagen en una página web que, cuando se hace clic, lo lleva a otra página web o sitio. La página principal tiene varias opciones para crear hipervínculos. Por ejemplo, coloque todos los hipervínculos en uno pagina de inicio o crea una barra de navegación que crea y muestra automáticamente hipervínculos a las páginas de tu sitio. La barra de navegación es fácil de usar, tiene algunos inconvenientes:

1. La barra de navegación contiene solo ciertos enlaces que solo puede personalizar y no más.

2. La barra de navegación no funcionará hasta que cree la estructura del sitio.

También puede crear un mapa interactivo (mapa de imagen), que es un dibujo con puntos de acceso, que son enlaces en los que el usuario con un clic del mouse accede a la página deseada.

Puede ver los vínculos entre las páginas del sitio web en el cuadro de diálogo Crear hipervínculo. Los enlaces están representados por flechas, por lo que una flecha que cuelga indica un enlace roto. Para arreglar el enlace roto, vaya al modo Roto-Hipervínculo, haga clic con el botón derecho en el enlace roto y seleccione Editar-Hipervínculo. Cualquier enlace roto se corregirá automáticamente.

En el modo Hipervínculos, de forma predeterminada, no se mostrarán los encabezados de las páginas, sino los nombres de sus archivos. Esto se puede solucionar fácilmente mediante uno de los comandos del menú contextual. Por lo tanto, al usar el comando Mostrar títulos de página en lugar de los nombres de archivo, se mostrarán los títulos de las páginas y, al usar el comando Hipervínculos a imágenes, puede mostrar hipervínculos a archivos gráficos. El comando Hipervínculos repetidos muestra hipervínculos repetidos, es decir, todos los enlaces de una página al mismo archivo. Para mostrar un enlace a los marcadores dentro de una página, use el comando Hipervínculos dentro de la página.

Los mejores marcadores son los títulos de las secciones. Para crear un marcador, abra una página y seleccione el texto al que desea vincular. El nombre del marcador se ingresa en el cuadro de diálogo Marcador seleccionando Insertar-Marcador. También puede eliminar un marcador mediante este cuadro de diálogo. Para crear un marcador y un hipervínculo al mismo tiempo, debe hacer clic con el botón derecho en el texto seleccionado del marcador futuro y, mientras lo mantiene presionado, arrastre el texto al lugar donde debería ubicarse el hipervínculo. Luego seleccione Vincular aquí en el menú contextual. FrontPage creará automáticamente un marcador e insertará un hipervínculo que utiliza el texto del marcador.

FrontPage tiene la capacidad de crear barras de vínculos personalizadas para vincular páginas web tanto dentro como fuera de un sitio. Los paneles se crean muy rápidamente y hay una gran selección de formas y estilos de botones. Las barras de enlace se insertan en cualquier lugar de la página o se colocan en los bordes comunes para navegar entre las páginas del sitio. Para insertar las barras, seleccione el comando Insertar ComponentegWebBarras de enlace y el tipo de enlace.

FrontPage también tiene la capacidad de conectarse a otros sitios web y servidores FTP conociendo la URL del archivo correspondiente. Cuando crea un enlace a un archivo en Internet en un documento web, debe seleccionar el texto del enlace futuro y hacer clic en el botón Hipervínculo, luego ingrese la URL completa en el cuadro de diálogo Crear hipervínculo o haga clic en el botón Examinar si la URL es desconocido. En este caso, FrontPage iniciará automáticamente un navegador web para apuntar al archivo requerido y automáticamente ingresará la URL en el campo correspondiente.

FrontPage es una poderosa herramienta para uso corporativo que facilita la organización de clubes de discusión, encuestas en línea y listas editables en el navegador. Con SharePoint Team Services, puede configurar rápidamente un sitio de grupo en una intranet donde los miembros del equipo pueden guardar, buscar y compartir datos, documentos y páginas web.

Con SharePoint Team Services, puede insertar un foro para que los miembros del equipo y los visitantes del sitio puedan participar en las discusiones. Los usuarios pueden crear nuevos datos para una biblioteca de documentos, ordenar y filtrar listas de documentos y actualizar o incluir nueva información utilizando cualquier navegador de cuarta generación y superior.

También puede agregar una encuesta interactiva a la página. Los visitantes pueden responder preguntas usando un navegador y ver los resultados de la encuesta en gráficos generados automáticamente. La adición de una encuesta se establece mediante el comando FilegNewgSurvey.

FrontPage incluye funciones para comercio electronico Ayudar pequeñas organizaciones transformar el sitio de un lugar de colocación de información sobre productos y servicios en un centro de ventas.

6.7. Nombre los principales componentes y formas del paquete FrontPage, defina el concepto de "modo WYSIWYG"

Microsoft Frontpage le permite desarrollar y administrar documentos web. No solo las páginas web, para las que hay toneladas de excelentes programas con los que trabajar, sino también los documentos web (sitios) en general, es decir, colecciones de páginas relacionadas.

La página principal tiene tres componentes principales:

1. Frontpage Explorer proporciona la estructura de los documentos web y proporciona asistentes y plantillas para hacer esto en solo unos minutos. Si la Web ya está instalada, Explorer le brinda una representación visual de todo el documento Web y le permite mantenerla en el futuro;

2. Frontpage Editor te permite crear páginas individuales

Web o editar páginas ingresadas previamente en WYSIWYG "lo que ves es lo que obtienes"; Modo de visualización precisa "Lo que ves es lo que obtienes". El principio WYSIWYG es el principio de hacer coincidir una imagen de visualización con un documento terminado. En este modo, el autor ve directamente el resultado final en la pantalla y trabaja con él.

3. Frontpage Personal Web Server proporciona verificación de todos los aspectos del funcionamiento de esta Web y su mantenimiento en Internet.

Arroz. 10.28. Cuadro de diálogo Insertar tabla Arroz. 10.29. Creando tablas en documento HTML Arroz. 10.30. Panel de mesa Arroz. 10,37. Panel de formularios Arroz. 10,38. Ejemplos de formularios Arroz. 10.39. Barra de comandos de campo de formulario Arroz. 10,44. Ejemplo de portada de una página web típica Arroz. 10.45. Cuadro de diálogo Propiedades de marca Arroz. 10,46. Cuadro de diálogo para crear un botón Arroz. 10,47. Cuadro de diálogo Insertar tabla Arroz. 10,48. Cuadro de diálogo Seleccionar archivo Arroz. 10,49. Cuadro de diálogo Crear hipervínculo

El paquete de software FrontPage fue desarrollado por Vermeer Technologies, conocido por su desarrollo de medios gráficos estándar para presentar y publicar información en la WWW. Microsoft adquirió este paquete y lo incluyó con MS Office.

El paquete de software FrontPage tiene como objetivo atraer a un gran ejército de usuarios para trabajar en páginas web y sitios web, que no tienen suficiente experiencia en entornos de software más complejos, pero quieren crear su propio documento electrónico. Este paquete también puede ser utilizado por webmasters profesionales para crear algunos de los componentes de un sitio web o página de inicio web.

En su creación, los desarrolladores creían que los usuarios no tenían suficiente tiempo o experiencia para comprender las complejidades del lenguaje HTML. Por lo tanto, en este entorno de software, el usuario tiene la oportunidad de ensamblar una página web a partir de componentes listos para usar en la forma en que aparece en la pantalla del navegador. El programa se encarga de generar los códigos de control HTML correspondientes. De hecho, la tarea del creador del sitio cuando trabaja en este programa se reduce a la selección de materiales y formato de texto. Así, la publicación de materiales en Internet quedó disponible para los no profesionales. Por otro lado, los especialistas también han comenzado a dedicar menos tiempo a escribir códigos para operaciones estándar.

FrontPage, integrado en la suite de Microsoft Office, se ha convertido en un producto bastante extendido en los últimos años para preparar publicaciones electrónicas para Internet, combinando las partes del cliente y el servidor y brindando la capacidad de desarrollar un sitio web en su totalidad e instalarlo en un lugar remoto. servidor.

El paquete de software de FrontPage viene con varias utilidades adicionales, que juntas componen el llamado Paquete de bonificación de FrontPage:

Compositor de imágenes de Microsoft, editor de gráficos, diseñado para crear y manipular imágenes para un sitio web. La utilidad contiene varios efectos para el procesamiento de imágenes y más de 200 MB de fotos electrónicas que puede utilizar.

Servidor web personal de Microsoft, Versión de Internet Information Server (EE. UU., Internet Information Server), que se ejecuta en Windows 9.xy Windows NT Workstation. Microsoft Personal Web Server se distingue del FrontPage Personal Web Server, que es parte del propio FrontPage, con un mejor rendimiento y características adicionales.

Asistente de publicación web, que le permite alojar sitios web con un proveedor o servicios en línea. Normalmente, este asistente se utiliza para servidores que no son compatibles con las Extensiones de servidor de FrontPage.

FrontPage utiliza el Explorador de FrontPage gráfico para crear, ver y mantener sitios Web, y para alojarlos en su computadora, red de área local o Internet. El Explorador de FrontPage contiene comandos para administrar los sitios Web de FrontPage, comprobar, visualizar y gestionar hipervínculos (URL).

El paquete de software Microsoft FrontPage, por definición, está diseñado para crear y mantener sitios web. Se puede utilizar para diseñar y construir de manera eficiente un sitio web dinámico.

Un sitio Web de FrontPage es una colección de páginas Web, imágenes y componentes multimedia organizados en archivos y carpetas asociados.

La funcionalidad del paquete MS FrontPage de una versión a otra se acerca a las capacidades del paquete de software Macromedia Dreamweaver discutido anteriormente. Por lo tanto, el material de esta sección en cierto sentido puede considerarse una adición al material del capítulo anterior.

Una de las características principales del Editor de FrontPage es la capacidad de los usuarios para diseñar páginas web en modo WYSIWYG. En este caso, no es necesario configurar manualmente los parámetros del control Etiquetas HTML... FrontPage utiliza los métodos de trabajo con marcado HTML editor de texto y entorno de programación visual, que hace que el proceso sea más rápido y más comprensible.

FrontPage puede crear nuevas páginas y editar documentos HTML previamente preparados. Las páginas web se pueden ver en modo WYSIWYG, como marcado HTML y como vista previa (similar a una ventana del navegador). Además, es posible cargar una página web en un navegador de vista previa (generalmente Internet Explorer).

El editor puede imprimir las páginas como aparecerán en la pantalla (teniendo en cuenta el tamaño de la hoja de papel al tamaño de la página).

Formato de texto... FrontPage ofrece la posibilidad de personalizar el tipo de letra de los caracteres de texto, su color y tamaño (tamaño en puntos). La mayoría de los parámetros de diseño se pueden cambiar usando los botones de la barra de herramientas.

El programa admite un conjunto de funciones de formato de párrafos: configuración de espaciado y centrado, sangrías, etc. Hay una variedad de estilos de lista de formato.

Hojas de estilo... Con las hojas de estilo, puede contraer muchos atributos de estilo (fuente, color, tamaño, espaciado, relleno, etc.) en una sola tabla. Se pueden definir varios estilos diferentes para cada elemento. En este caso, el navegador los priorizará y resolverá los conflictos de forma jerárquica.

Hay varias opciones para colocar la hoja de estilo:

Mesa exterior. Después de haber creado una tabla externa, puede asociar aún más cualquier número de páginas con ella. Cuando es necesario realizar cambios, se realizan solo en el archivo * .css.

Hoja de estilo interna. La tabla está incluida en el código de la página. Los estilos definidos en él son específicos de una sola página.

Estilo en línea. El estilo se aplica solo a elementos individuales página y se define en la etiqueta de apertura del documento.

Insertar fragmentos de código... HTML cambia rápidamente y, con el tiempo, pueden aparecer nuevas etiquetas de control o sus atributos que no son compatibles con ciertas versiones de FrontPage. Sin embargo, FrontPage ofrece la posibilidad de insertar cualquier fragmento de HTML, incluso que contenga nuevas directivas. Sin embargo, FrontPage no valida el marcado ingresado. En la ventana del editor, dicho texto se marcará con el icono HTML desconocido.

Enlaces... Brinda la capacidad de usar marcadores (al hacer clic en un enlace dentro del texto de la página), lo que permite a los usuarios navegar entre secciones de texto. Además, se configura la interfaz de búsqueda de marcadores.

FrontPage admite varios tipos de vínculos:

Enlaces URL (puede introducir la dirección manualmente o seleccionar entre los enlaces disponibles). Cuando trabaje con hipervínculos, puede arrastrar y soltar una URL desde el Explorador o el navegador en la página que está diseñando.

Enlaces a la dirección Correo electrónico... Este tipo de enlace permite a los visitantes de un sitio web enviar un mensaje a una dirección específica especificada en el enlace. Después de seleccionarlo, se abre una ventana para redactar un mensaje en el programa de correo electrónico.

Es posible especificar adicionalmente el marcador dentro del enlace (el nombre del marcador se indica en el cuadro de diálogo de creación del enlace), así como la salida de la página (o archivo) del enlace en marco separado(cuadro).

Cabe señalar que el código escrito en la representación de URL estándar se convierte automáticamente en un hipervínculo.

Mesas... FrontPage tiene un mecanismo conveniente para construir tablas. La tabla se puede configurar usando el menú Tabla. El Editor también tiene un panel de dibujo de tabla, desde el cual, usando las herramientas Lápiz y Borrador, puede dibujar y borrar celdas de tabla, respectivamente. El editor proporciona mecanismos para trabajar con tablas, como eliminar, insertar y fusionar celdas, establecer la alineación (vertical y horizontal) de los datos dentro de una tabla, llenar las celdas con un color determinado.

Las tablas de Excel y los gráficos de Microsoft Office también se pueden incrustar en una página web.

Marcos (marcos)... Los marcos, áreas rectangulares de una página que se ajustan al contenido de otras páginas, son compatibles con el Editor. Con la ayuda de plantillas de páginas recortadas, puede crear varias opciones para la disposición de marcos en la página principal (conjunto de marcos). FrontPage administra las propiedades de cada página representada en un marco, cada marco y la página principal. Cuando se trabaja con marcos, se agrega al Editor un marcador del código HTML del marco actual, así como la opción de ver la página con o sin marcos.

Imagenes... Un tema importante es la presentación de imágenes en páginas web. FrontPage proporciona un procedimiento para insertar imágenes estándar de la biblioteca (imágenes prediseñadas) e imágenes de archivos gráficos (se utilizan los siguientes formatos: * .gif, * .jpg, * .bmp, * .tif, * .wmf, *. ras, * .pcx, * .pcd, * .tag, * .eps). Después de insertar una imagen, se muestra un panel con botones para editar imágenes. Estas incluyen las funciones de posicionar la imagen con respecto a los objetos vecinos, colocar texto en la imagen, visualización giratoria y simétrica de la imagen, controlar el brillo y el contraste, obtener un fragmento, restaurar los parámetros originales, configurar el marco.

Mapas de imágenes del cliente... Se debe prestar especial atención a los mecanismos para crear hipervínculos utilizando una imagen. Es posible crear automáticamente una pequeña copia (miniatura) para obtener una vista previa de la imagen. En este caso, el editor genera automáticamente un hipervínculo al archivo de imagen original y presenta una pequeña copia en la página.

Una característica interesante es la selección de áreas en la imagen donde se pueden establecer hipervínculos. Por ejemplo, puede definir un círculo, un rectángulo o un área encerrada por una polilínea cuando hace clic para abrir un hipervínculo.

Formularios... Los formularios se utilizan a menudo cuando se trabaja con páginas web. Los datos en ellos se ingresan en los campos de texto manualmente o se realiza una selección a partir de un determinado conjunto de valores (botones de opción, cuadros combinados, etc.). Como regla general, dichos formularios contienen botones para enviar información o restablecer valores. Los formularios están diseñados para la comunicación interactiva con los visitantes del sitio. Si necesita crear un libro de visitas o una página donde los visitantes puedan expresar su opinión o señalar errores en el sitio web, si se invita a los visitantes a complementar el sitio web (por ejemplo, pueden ingresar sus enlaces directamente desde el navegador), use formas.

Cuando un visitante de la página web completa el formulario y hace clic en el botón sugerido, los datos se envían a un programa en el servidor. El programa del servidor debe existir. Sin él, la información simplemente no se guardará. Cuando llegan los datos, el programa servidor los procesa. El procesamiento puede ser simple, como almacenar los datos en un archivo, o complejo, como clasificar, calcular los datos proporcionados o enviar la confirmación de que la información ha sido enviada. El estándar de programación que define cómo los visitantes interactúan con un sitio web se llama CGI - Common Gateway Interface. Los programas de servidor que tratan con información de entrada, como formularios, se denominan scripts CGI y se escriben de acuerdo con las especificaciones CGI. Sin la ayuda de FrontPage (o similar), debe escribir un script CGI para manipular formularios e instalarlo en su servidor Web. Sin embargo, muchos ISP no permiten la instalación de scripts personalizados en sus servidores.

Cualquier formulario de FrontPage tiene la misma estructura básica: al menos una pregunta, uno o más campos de texto para que el visitante ingrese información, un botón que le solicita que envíe datos al servidor y un botón para borrar la información ingresada o seleccionada en el los campos. En el lado del servidor, también hay varios programas relacionados con formularios para procesar los datos recibidos.

Los formularios se pueden crear en FrontPage solo si el desarrollador tiene instalado Personal Web Server. Los formularios de FrontPage se pueden crear utilizando el Asistente para formularios, diseñando su propio formulario personalizado y utilizando una plantilla.

Cada formulario tiene al menos dos elementos (o campos de formulario): un campo para ingresar texto o elegir una opción y un botón Enviar que inicia la escritura de los resultados del formulario en un archivo o en un programa de procesamiento en el servidor. Cada formulario consta de elementos, los datos a partir de los cuales, al hacer clic en el botón que completa el formulario, realiza una acción homogénea: o se envían todos al servidor o se borran todos. FrontPage puede crear los siguientes elementos de formulario:

Cuadro de texto de una línea;

cuadro de texto de desplazamiento (desplazamiento);

casillas de verificación;

interruptores (botón de radio);

Menú desplegable;

Apretar botones;

botones gráficos (Imagen).

Para hacer que la página sea dinámica, se utilizan líneas progresivas. Hay un elemento de marquesina (línea rastrera).

El contador de visitas le permite estimar el número de visitantes de la página. Como regla general, se instala solo en la página de título. FrontPage tiene un formulario para insertar un contador que ofrece al desarrollador varias opciones para presentar contadores, además de darle la oportunidad de seleccionar un archivo especial (para un contador, se selecciona un archivo en formato gráfico, en el que todos los dígitos de 0 a 9).

Microsoft FrontPage está diseñado para la creación y posterior administración de sitios web de Internet / Intranet. Microsoft FrontPage consta de dos módulos: Explorador de FrontPage y Editor de FrontPage.

Módulo Explorador de FrontPage creado para:

crear un sitio web;

establecer derechos de acceso;

organizar la estructura de archivos del sitio web;

Inicie el Editor de FrontPage para editar páginas.

Al final del proceso de creación de un sitio web, este módulo se utiliza para colocarlo en el servidor en Redes de internet/ Intranet.

Los usuarios pueden crear, eliminar, abrir, editar y cerrar sitios mediante el Explorador de FrontPage y el Editor de FrontPage en la estación de trabajo del cliente.

Las características del módulo Explorador de FrontPage son:

En la Fig. 10.1 se muestra la ventana de trabajo del Explorador de FrontPage.

FrontPage tiene una interfaz al estilo de otras aplicaciones de Microsoft Office. Tiene una ventana de documento de varias páginas con punteros de página, una ventana con iconos de las principales secciones del proyecto, barras de herramientas, menús flotantes, etc. Para la mayoría de los objetos, el método de arrastrar y soltar ( arrastrar y caída) entre ventanas y paneles. Se proporcionan las posibilidades de gestionar la composición de los paneles.

FrontPage está construido como una aplicación SDI (Interfaz de documento único: solo se muestra el documento actual en la ventana del programa). Para todos de nuevo documento abierto se forma su propia ventana de trabajo.

Ventanas de trabajo del paquete de software... Después de iniciar el programa, la ventana de trabajo original del paquete de software se muestra en la pantalla. En la Fig. 10,4 Se muestra la ventana de trabajo, formada por la aplicación después del inicio del trabajo por defecto. Esta ventana presenta el HTML predeterminado generado para cada nueva página.

En esta ventana de trabajo, a la izquierda, hay un panel con pictogramas de los principales modos de funcionamiento del paquete de software. Cuando el cursor del mouse hace clic en el icono correspondiente en la pantalla, se visualiza una u otra representación del proyecto: diseño de la página actual como parte del sitio Web, composición del sitio (por archivos y carpetas), informes y estadísticas, navegación entre las páginas del sitio web, hipervínculos a páginas, asignaciones de diario.

De forma predeterminada, se muestra la página actual dentro del sitio web. El documento principal en este caso es un formulario de varias páginas con la indicación de las páginas en la parte inferior, a la izquierda en forma de lista se enumeran las páginas en el sitio web, lo que permite Pasaje rápido de una página a otra al diseñar.

La primera página es para diseñar con componentes visuales según el principio WYSIWYG. Puede editar directamente texto, imágenes, insertar y eliminar componentes prefabricados, mover elementos por la página. Los menús emergentes le permiten editar las propiedades de los componentes. La apariencia de la ventana de la página se muestra en la Fig. 10,5 .

A continuación, en la barra de estado, se visualiza el cálculo de la velocidad de carga de la página para una conexión remota al sitio web para determinadas condiciones (velocidad o tipo de conexión). El diseñador del sitio web debe encontrar un compromiso entre la cantidad de información transferida y las capacidades del canal de comunicación. Los gráficos, el sonido y el video a todo color pueden hacer que un sitio web sea atractivo, pero si el usuario tiene que esperar mucho tiempo para que se cargue una página a través de un módem de baja velocidad, el efecto puede ser completamente diferente. Puede configurar los parámetros de comunicación mediante los cuales el programa probará la velocidad de descarga.

Si seleccionado Página HTML, el usuario puede crear el marcado de la página manualmente. Como regla general, el documento se cambia a este modo cuando la creación de la imagen visual ya se ha completado y es necesario especificar configuraciones adicionales, editar la ejecución de scripts, etc. Las etiquetas de control están resaltadas en color. Para cada etiqueta, puede mostrar un menú emergente con un conjunto de sus propiedades. Las propiedades de la etiqueta también se pueden establecer mediante el comando Propiedades de la etiqueta.

En la Fig. 10,6 Se muestra la vista de la ventana de trabajo en el modo de trabajo con código HTML.

El modo de vista previa se utiliza para obtener una vista previa del documento tal como aparecerá en la ventana del navegador. La vista previa no debería ser el único control sobre el trabajo realizado. Es necesario probar el sitio web en los principales navegadores.

Para administrar el contenido del proyecto, la jerarquía de carpetas y la composición de archivos, se muestra una ventana de trabajo con el icono Carpetas del panel Vistas (Fig.10.7). ).

La lista de la izquierda enumera las subcarpetas dentro de la carpeta principal del sitio web. La parte principal de la ventana contiene una lista de archivos agrupados por subcarpetas. Cada archivo va acompañado de comentarios, que contienen información sobre el tipo de archivo, el momento de su modificación, el autor y explicaciones adicionales. Las subcarpetas se pueden convertir en subsitios. En este caso, se agrega una entrada de subweb a la lista de carpetas.

Al trabajar en un sitio web, es posible que se requieran varios informes de estado. Los informes se presentan en una ventana especial (Fig.10.8 ) que se muestra al hacer clic en el icono Informes del panel Vistas. La lista contiene los siguientes informes:

Todos los archivos (una lista de todos los archivos del sitio web).

Imágenes (una lista de archivos gráficos incluidos en el sitio web).

Archivos desvinculados (archivos inalcanzables desde la páginas web-sitio).

Archivos vinculados (archivos accesibles desde la página principal del sitio web).

Páginas lentas (páginas cuya velocidad de transferencia supera el límite (por ejemplo, 30 segundos para 28,8 Kbps).

Archivos más antiguos: archivos creados antes de los últimos 72 días.

Archivos agregados recientemente: archivos agregados en los últimos 30 días.

Hipervínculos: una lista de todos los hipervínculos.

Hipervínculos no verificados: hipervínculos no verificados.

Errores de componentes: una lista de archivos en los que se producen errores de presentación de componentes.

Tareas sin completar: una lista de tareas sin completar.

Temas no utilizados: una lista de decoraciones no utilizadas.

En cada una de las listas, puede ir directamente a editar un objeto en particular haciendo clic en la entrada correspondiente.

Al diseñar un sitio web, es importante comprender la naturaleza de las transiciones entre páginas. La topología del sitio se puede evaluar usando la página de navegación del panel Vistas (Figura 10.9 ). En el mapa, cada página se representa como un rectángulo con un título. Las páginas del diagrama se pueden dividir en páginas principales (páginas a las que se asocian páginas secundarias de nivel inferior); páginas secundarias (vinculadas a páginas principales mediante hipervínculos gráficos o de texto); páginas de hermanos (páginas con padres comunes).

En el diagrama de hipervínculo de FrontPage (Figura 10.10 ) muestra una representación gráfica de enlaces entre partes de un sitio web. La pantalla está dividida en dos paneles: la lista de archivos y el esquema de enlaces. El diagrama muestra la naturaleza de los enlaces en forma de iconos. El sobre denota la capacidad de enviar correo electrónico directamente desde la página; dibujo - archivo gráfico; globo - enlace externo; Enlace roto: la dirección del enlace está configurada incorrectamente; triángulo con signo de exclamación- un error en la definición de un componente. El diagrama también muestra los iconos de tipo Archivos de Microsoft Páginas de Office vinculadas a

Los proyectos son cada vez más complejos en la actualidad. Por lo tanto, el desarrollador debe comprender la cantidad de trabajo que debe realizar, así como crear una secuencia de acciones bien pensada al crear un sitio web. Por otro lado, el desarrollo de sitios web se lleva a cabo, por regla general, grupo de trabajo, cuyos miembros necesitan coordinar sus acciones. En este sentido, se prevé mantener listas de tareas.

FrontPage ofrece una vista de tareas. Explorer crea una lista de tareas para cada sitio web que crea con FrontPage y pone la lista a disposición de todos los autores contribuyentes. El paquete de software no solo le permite registrar todas estas tareas, sino que también elimina la necesidad de organizarlas. Cada tarea va acompañada de su descripción, prioridad, ejecutante específico, etc.

Ventana (figura 10.11 ) se abre haciendo clic en el icono Tareas o seleccionando la opción Tareas en el menú Vista del explorador.

La ventana muestra una lista de tareas, que consta de los siguientes campos:

Estado: estado de la tarea (marcador rojo: no completado, verde: completado),

Tarea: contiene una descripción de la tarea,

Asignado a- muestra quiénes son los responsables de completar cada una de las tareas,

Prioridad: indica la prioridad del trabajo: alta, media o baja,

Asociado con- el nombre de la página o archivo que requiere edición para completar la tarea,

Fecha de modificación- la fecha de la última modificación de la tarea,

Descripción- una descripción de cada tarea.

Menú principal del paquete de software... El menú principal del programa está diseñado como un menú estándar de Microsoft Office 2000 e incluye diez comandos: Archivo, Editar, Ver, Insertar, Formato, Herramientas, Tabla, Marco, Windows, Ayuda.

El menú Archivo combina funciones para administrar archivos y proyectos, crear un sitio web y una página web separada, guardar, cerrar, imprimir y salir del programa. Por ejemplo:

New / FrontPage Web: crea un nuevo sitio web.

Nuevo / Carpeta: crea un nuevo directorio en un sitio existente.

Abrir Web de FrontPage: abre un sitio Web existente para verlo o editarlo.

Cerrar Web de FrontPage: cierra el sitio Web actual.

Publicar Web de FrontPage: mueva el contenido actual a otro servidor Web o carpeta.

Eliminar Web de FrontPage: elimina el contenido del sitio Web actual.

Importar: importa archivos o carpetas al sitio web actual.

Exportar: exporta un documento a un archivo.

Configuración de página: configuración de los parámetros de la página al imprimir.

Vista previa de impresión: una vista previa del documento antes de imprimir.

Archivo reciente: una lista de archivos que han cambiado recientemente.

El menú Editar incluye comandos para deshacer una acción completa, copiar un objeto al portapapeles, insertar un objeto, buscar y reemplazar fragmentos de texto, así como trabajar con tareas. La composición de este menú se acerca más a las tradicionales:

Cortar: corte el documento y colóquelo en el portapapeles.

Rehacer: deshacer la cancelación.

Copiar: copia el documento al portapapeles.

Pegar: pega un documento del portapapeles.

Eliminar: elimina el documento.

Cambiar nombre: cambie el nombre del documento (esto cambiará automáticamente los enlaces en todos los documentos al objeto renombrado para garantizar la integridad de los datos).

Abrir: abre el documento para editarlo (Editor de FrontPage para HTML, etc.).

Abrir con: abre un documento para editarlo con una indicación del tipo de editor.

Agregar tarea pendiente: agregue un elemento a la lista de tareas.

Marcador: inserta / edita marcadores.

Base de datos: gestión de la selección de datos de la base de datos en el documento.

Propiedades: vea las propiedades del documento, etc.

El menú Ver incluye comandos para configurar los modos de funcionamiento, visualizar etiquetas y visualizar paneles flotantes:

Barra de herramientas: habilita / deshabilita la barra de herramientas.

Barra de estado: habilita / deshabilita la barra de estado.

Marcas de formato: habilita / deshabilita la visualización de símbolos de formato.

Actualizar: actualización de información en el documento.

Vista de hipervínculo: habilite el modo de visualización de vínculos.

Vista de carpetas: habilite el modo de vista de la estructura de carpetas.

Hipervínculos a imágenes: habilite / deshabilite el modo de visualización de vínculos de documentos con archivos gráficos.

Hipervínculos repetidos: habilita / deshabilita la visualización de vínculos duplicados.

Hipervínculos dentro de la página: habilita / deshabilita el modo de mostrar vínculos dentro del documento.

Actualizar: actualiza la información mostrada.

El menú Insertar incluye comandos para insertar elementos de varios tipos (salto, línea horizontal, símbolo, comentario, imagen grafica, imágenes de video, música de fondo, archivo de texto, componente de control, hipervínculo, ActiveX, JavaScript, animación de PowerPoint, formulario, fecha y hora, etc.), recopilados en los submenús correspondientes.

El menú Formato combina opciones para formatear, controlar la apariencia de las páginas, configurar el estilo de diseño, la fuente y la configuración del párrafo, configurar el tipo de lista, controlar los efectos, configurar la imagen de fondo y más.

El menú Herramientas incluye funciones adicionales para administrar las propiedades del proyecto, revisar la ortografía, configurar las propiedades de un sitio web completo o página separada en su estructura, así como en el entorno de trabajo de FrontPage. Este menú inicia el Editor de FrontPage.

Los menús Tabla, Marcos y Ventana incluyen opciones específicas para trabajar con tablas, marcos (marcos) y ventanas.

Algunas de las opciones de los submenús indicados son compatibles con los menús de nivel inferior, de modo que se obtiene una estructura jerárquica. A continuación, en la Fig. 10.12 submenú dado Insertar / Elementos activos.

Cabe señalar que tanto la composición del menú principal como las opciones que lo soportan cambian de una versión a otra.

Cuadros de diálogo... Al trabajar con el paquete de software MS FrontPage, muchas opciones requieren instalación ajustes adicionales para qué son Cuadros de diálogo... Además de las ventanas estándar de Microsoft Office (abrir y guardar un sitio web o un objeto como parte de un sitio, ventanas con una lista de plantillas, etc.), FrontPage también utiliza cuadros de diálogo especiales, entre los que se deben tener en cuenta los cuadros de diálogo. para configurar las propiedades de las etiquetas para cada una de las etiquetas estándar y algunas otras.

Como ejemplo, la Fig. 10.13 aquí está el cuadro de diálogo Insertar tabla.

Los comandos más utilizados se presentan en paneles. La vista general de estos paneles es idéntica a la de los paneles de MS Office. Por ejemplo, en la Fig. 10.14 se da forma general fragmento de la barra de herramientas: vaya al Explorador de FrontPage (), inserte un componente de FrontPage (Insertar componente de FrontPage), inserte una tabla (Insertar tabla), inserte una imagen (Insertar imagen), cree o edite un hipervínculo (Crear o editar hipervínculo).

Asistente de Windows... Los asistentes de FrontPage se crean de la misma manera que los asistentes de otros. Aplicaciones de Microsoft Office 2000. Un ejemplo es el Asistente para nuevo sitio web de discusión, que se muestra en la Figura 10.15. .

A la izquierda hay una imagen que caracteriza uno u otro paso del asistente. Debajo de la imagen hay un indicador de estado (una barra que indica qué parte del asistente se ha completado). A la derecha están los campos de configuración y los comentarios. Botones del formulario: Cancelar, Atrás, Siguiente, Finalizar.

Uso... Este módulo de código está diseñado para desarrollar la estructura organizativa de un sitio web. Proporciona muchos controles para administrar una página web, incluida la verificación de enlaces, la administración de estilos gráficos y la lista de tareas, y permite (con el clic de un botón) publicar en un sitio web dado toda la información o solo las páginas que se han sometido cambios.

De hecho, FrontPage Explorer es una aplicación del paquete FrontPage que se utiliza para administrar un sitio web completo.

Una de las características más importantes de Explorer es la creación de la estructura de un documento web. Puede crear varios documentos vacíos (sin completar), en los que luego puede incluir toda la información necesaria. Los asistentes y las plantillas de Explorer crean documentos web completos y los instalan. La tarea del desarrollador es personalizarlos y hacer adiciones. Por lo tanto, tener una base hace que sea más fácil hacer el trabajo en su conjunto.

Explorer también le permite configurar opciones para administrar el documento web. Puede definir quién tendrá acceso a un documento web en varios niveles, desde administradores y autores hasta usuarios finales. Puede restringir el acceso a un documento web dentro de su propia organización. Puede configurar el modo de registro de usuario antes de abrir un documento.

Al proporcionar tres opciones de visualización diferentes para un sitio web, Explorer le ayuda a ver cómo está organizada y relacionada la información y dónde pueden aparecer enlaces incorrectos.

Una vez que se ha creado el sitio, se puede transferir al servidor eligiendo el comando Archivo / Copiar Web (en el Explorador).

Creando un nuevo nodo... Para crear un nuevo sitio Web (o, en terminología de FrontPage, un nuevo Web), elija Nuevo Web FrontPage en el menú Archivo o haga clic en el botón Nuevo Web en la barra de herramientas. El cuadro de diálogo que se muestra en la Fig. 10.16 ... Desde esta ventana, debe seleccionar uno de los dos modos de operación: abrir un sitio web existente para continuar trabajando o crear un nuevo sitio web. Si se crea un nuevo sitio web, luego de hacer clic en el botón Aceptar, aparece un cuadro de diálogo en la pantalla, que se muestra en la Fig. 10.17 .

Desde esta ventana, puede elegir entre seis plantillas de sitio sugeridas o uno de los dos asistentes para nuevos sitios web.

El cuadro de diálogo ofrece una variedad de opciones que van desde la Web vacía hasta el Asistente de presencia corporativa. La diferencia radica en el abanico de posibilidades.

Para crear un sitio web desde cero, debe seleccionar la opción Web vacía... Un Web en blanco producirá un documento Web al que le falta información.

Al seleccionar la opción Asistente de presencia corporativa, se activa el asistente ( herramienta de software automatización), que le permite obtener un documento web completo utilizando plantillas de página diseñadas específicamente para la empresa.

Después de elegir la opción para el sitio web, el paquete le pedirá que ingrese un nombre y contraseña en el cuadro de diálogo que aparece, y luego en la ventana de la Fig. 10.18 la ubicación del nuevo sitio web.

Plantilla de sitio web personal (Figura 10.19 ) viene preconfigurado, con enlaces a páginas de empleados y gerentes, y un enlace mailto.

Uso... FrontPage Editor incluye tres asistentes: página de formulario, marcos y página de inicio personal ( Pagina personal). El editor usa más de veinte plantillas (Fig.10.20 ).

En el cuadro de diálogo, las plantillas se pueden presentar como una lista o iconos.

Si desea crear un documento en blanco, se selecciona la plantilla Normal.

Para crear una nueva página debe activar el comando Archivo / Nuevo en el Editor de FrontPage. Luego, en el cuadro de diálogo Nuevo que se abre (Fig.10.20), seleccione un tipo de plantilla o posición Página normal y haga clic en Aceptar. En este último caso, aparecerá una página en blanco en la pantalla, en la esquina superior derecha de la cual hay un cursor parpadeante. Para colocar texto, debe ingresarlo desde el teclado o pegarlo desde el portapapeles. El editor usa el portapapeles de manera similar a otras aplicaciones de MS Office: puede cortar o copiar cualquier fragmento en otras páginas abiertas en el Editor o de documentos de otros aplicaciones de software... El procedimiento es tradicional: corte o copie el fragmento deseado en el portapapeles, vaya al documento que se está creando y péguelo. Hay varias formas de eliminar texto u otros elementos: una vez seleccionado el fragmento a eliminar, puede presionar la tecla Supr o activar el comando Editar / Borrar.

Para abrir una página de sitio web en el Editor de FrontPage, use el comando Archivo / Abrir. Cuando se activa este comando, se abre el cuadro de diálogo Seleccionar archivo del formulario tradicional.

Configuración de las propiedades de la página web y del sitio web... Para establecer en el Editor de propiedades de página, use el comando Propiedades de archivo / página... En el cuadro de diálogo Propiedades de la página (Fig.10.21 ) además información general, por ejemplo, se establecen títulos de página, configuraciones como imagen de fondo y sonido de fondo, color de fondo, texto estándar y colores de hipervínculos, márgenes de página. La página web debe estar abierta en el Editor de FrontPage para editar las propiedades.

En el cuadro de texto Título, puede ingresar o editar el título de la página; el campo Ubicación base es para especificar la URL base opcional de la página. Para vincular al marco de destino de esta página, ingrese su nombre en el cuadro de texto Marco de destino predeterminado. En la sección Sonido de fondo puede establecer las propiedades del sonido de fondo (el archivo de sonido puede reproducirse varias veces o reproducirse en bucle mientras la página está abierta).

En la pestaña Márgenes, puede establecer los márgenes superior e izquierdo de la página. Para hacer esto, configure la marca de sangría e ingrese el tamaño de la sangría en píxeles.

La pestaña Personalizado proporciona una lista de las metavariables utilizadas en la página, que se encuentran en el código de la página HTML y contienen información sobre la página, el tipo de contenido, el conjunto de caracteres, el nombre de la aplicación que generó el código, etc. No se muestran en la página, pero proporcionan información para los navegadores.

En esta pestaña, puede agregar, eliminar y editar las metavariables del sistema y del usuario.

La pestaña Idioma se utiliza para establecer codificaciones. En las ventanas con listas de idiomas disponibles, se selecciona la codificación utilizada al guardar el documento HTML y la codificación utilizada cuando se carga.

Para establecer las propiedades no de una sola página, sino de un sitio web en su conjunto, debe abrir el cuadro de diálogo de configuración del sitio web del Explorador de FrontPage (Herramientas / Configuración web). En esta ventana multifuncional (Fig.10.22 ), puede establecer varios parámetros para el sitio web que está creando.

La pestaña General muestra el nombre del sitio web y la información sobre él (la versión de las extensiones del servidor y la versión del servidor en sí).

La pestaña Avanzado contiene un campo de entrada con una lista para seleccionar el lenguaje de secuencias de comandos predeterminado (VBScript o JavaScript). Para mostrar archivos de carpeta ocultos, seleccione la casilla de verificación mostrar archivos de carpeta ocultos. Si desea eliminar archivos temporales, haga clic en el botón Eliminar archivos.

Para seleccionar la codificación de página predeterminada, debe especificar su valor en el cuadro combinado Codificación de página predeterminada de la pestaña Idioma. El cuadro combinado Idioma de los mensajes del servidor en la misma carpeta especifica el idioma de los mensajes devueltos por el servidor.

Las barras de navegación usan secciones para ir a la página principal, una página hacia adelante o hacia atrás y un nivel hacia arriba. En la pestaña Navegación, puede establecer los nombres de las secciones (de forma predeterminada, se establecen Inicio, Atrás, Siguiente, Arriba). Al presionar el botón Predeterminado, los valores ingresados ​​previamente se reemplazan con los enumerados anteriormente.

Edición de documentos... Después de crear un documento o cargarlo desde un conjunto existente (Web), puede utilizar numerosas funciones de edición para crear o editar una página.

En el diccionario de FrontPage, la palabra Web se refiere al grupo de documentos que componen un sitio Web. Cuando se carga un documento desde la Web, lee un documento que forma parte de un sitio creado por FrontPage.

Barras de herramientas del editor... Arroz. 10.23 ilustra los paneles y cajas de herramientas del Editor de FrontPage. Muchos de ellos son similares a los botones de la barra de herramientas que existen en otras aplicaciones de MS Office.

El Editor de FrontPage proporciona varias barras de herramientas para crear documentos. La barra de herramientas inferior se llama barra de formato.

Si coloca el puntero del mouse sobre cualquier botón del panel, en unos segundos aparecerá una pista sobre el propósito de este botón.

Con las opciones del menú Ver, puede hacer que cualquiera de las barras de herramientas sea visible o invisible.

Formato de texto... Al formatear el texto, puede utilizar estilos de texto. Los estilos físicos están disponibles a través de la barra de herramientas.

El Editor de FrontPage proporciona muchas variaciones del tipo de letra, el color y el tamaño de los caracteres de texto. Puede cambiar la mayoría de los parámetros de diseño utilizando los botones de la barra de herramientas, y absolutamente todas las opciones también se incluyen en varios menús.

FrontPage calcula el tamaño de la fuente en niveles de acuerdo con las reglas del lenguaje HTML. En este caso, el tamaño más pequeño corresponde al nivel más pequeño; por ejemplo, el primer nivel corresponde a texto con un tamaño de fuente de 8 puntos, el segundo nivel - 10, y así sucesivamente.

Para cambiar el tamaño de la fuente, seleccione el área de texto que desea cambiar y luego haga clic en el botón Aumentar el tamaño del texto o Disminuir el tamaño del texto en la barra de herramientas. También puedes usar el comando Formato / Fuente, lo que provoca la aparición del cuadro de diálogo que se muestra en la Fig. 10,24 .

Esta ventana ofrece la posibilidad de seleccionar una fuente, cambiar el estilo de la fuente (negrita, cursiva o subrayado), seleccionar el tamaño de carácter requerido y establecer varios efectos.

El editor proporciona varios estilos adicionales (estilos especiales). Para seleccionarlos, use la pestaña Estilos especiales (Fig.10.25 ) de la ventana anterior.

Para aplicar un estilo personalizado, selecciónelo y luego haga clic en Aceptar. Están disponibles los siguientes estilos especiales:

Citación. Cursiva que se puede utilizar para resaltar los títulos.

Muestra. Fuente de máquina de escribir.

Definición. Se usa para resaltar términos.

Parpadear. Hace que el texto parpadee.

Código. Una fuente monoespaciada comúnmente utilizada para representar código de programa.

Variable. Cursiva que se puede usar para enfatizar (por ejemplo, nombres de variables).

Negrita. Negrita.

Itálico. Cursiva simple.

Teclado. Una fuente monoespaciada que se puede utilizar, por ejemplo, para la entrada del usuario.

Cada casilla de verificación de estilo tiene una etiqueta de estilo correspondiente junto a ella. Es posible utilizar varios estilos al mismo tiempo.

FrontPage le permite ingresar uno o más caracteres por encima o por debajo de la línea de base. Este estilo especial se llama "superíndice o subíndice" y se utiliza con bastante frecuencia. Para configurar este estilo en el menú desplegable

Posición vertical

caja de diálogo

Fuente (pestaña Estilos especiales)

las opciones están seleccionadas

Superíndice (superíndice)

o

Subíndice (subíndice)

.

Los números de nivel corresponden al cambio en la altura del superíndice o subíndice en relación con la línea principal.

Dar formato a párrafos... El Editor de FrontPage ofrece la posibilidad de formatear párrafos. Se realiza por analogía con los editores de texto.

La creación de un nuevo párrafo en el proceso de ingresar información de texto se realiza presionando la tecla Enter.

De forma predeterminada, el nuevo párrafo utilizará el estilo Normal. Para establecer un estilo de párrafo diferente, debe hacer lo siguiente:

Coloque el cursor donde desee que comience el siguiente párrafo.

Seleccione Párrafo en el menú Formato. Elija un nuevo estilo en el cuadro de diálogo Propiedades de párrafo y haga clic en Aceptar.

El mismo efecto se puede obtener en el modo de edición, por ejemplo:

Seleccione un párrafo y asígnele un nuevo estilo como se describe arriba.

Haga clic con el botón derecho en un párrafo y seleccione Propiedades de párrafo en el menú contextual que aparece, seleccione un nuevo estilo en el cuadro de diálogo abierto y haga clic en Aceptar.

Para establecer la sangría de un párrafo, debe colocar el cursor dentro del párrafo y presionar el botón Aumentar sangría o el botón Disminuir sangría en la barra de herramientas. Esto aumenta o disminuye la sangría.

Para alinear el párrafo con los bordes izquierdo y derecho y el centrado, use las teclas Alinear a la izquierda, Alinear a la derecha o Centrar respectivamente en la barra de formato. Estos botones se pueden utilizar tanto para colocar un párrafo en una página como para colocar texto en una celda de la tabla.

Para insertar un salto de línea, coloque el cursor donde la transición a línea siguiente y luego elija Salto de línea en el menú Insertar. Aparecerá el cuadro de diálogo Propiedades de ruptura (Figura 10.26 ).

En esta ventana, seleccione una de las siguientes opciones:

Salto de línea normal... Agregar un salto de línea sin cambiar el texto, independientemente de si hay gráficos en el lado izquierdo o derecho.

Margen izquierdo claro... Si hay una imagen en el borde izquierdo de la página, la línea después del salto comenzará debajo de la imagen, es decir, en un margen izquierdo limpio.

Margen derecho claro... Si hay una imagen en el borde derecho de la página, la línea después del salto comenzará debajo de la imagen, es decir, en el borde derecho limpio.

Limpiar ambos márgenes (para liberar bordes en ambos lados)... Si al menos uno de los bordes de la página es una imagen, la línea después del salto comenzará donde el margen de la página esté libre.

Para insertar una línea horizontal, use el comando Insertar / Línea horizontal. La línea que aparece utilizará las mismas opciones de estilo que la línea horizontal anterior creada con el Editor de FrontPage.

Para cambiar el color, se selecciona una sección de texto y se presiona el botón. Color de texto en la barra de formato. En el cuadro de diálogo Color que aparece (Fig.10.27 ) el color se selecciona de conjunto estándar y se presiona el botón OK. Para usar colores adicionales, haga clic en el botón Definir colores personalizados, establezca un color y luego haga clic en el botón Agregar a colores personalizados.

Creando tablas... Para insertar una tabla, puede usar el comando Tabla / Insertar tabla o hacer clic en el botón Insertar tabla en la barra de herramientas. Aparecerá un cuadro de diálogo en la pantalla.

Después de hacer clic con el cursor en el botón del panel con la imagen del lápiz (la primera desde la izquierda), puede dibujar manualmente las celdas de la tabla. En este caso, el cursor en el área de trabajo de la ventana se convierte en un símbolo de lápiz. El contorno de la tabla del futuro se construye de manera similar a la construcción de un rectángulo en un paquete de gráficos. Al dibujar líneas rectas que se muestran en el proceso de dibujo con una línea de puntos, puede dividir el área delineada en filas y columnas y obtener cualquier estructura de tabla arbitrariamente compleja. Cuando suelta el botón izquierdo del mouse, las líneas punteadas se convierten en el borde de una celda, fila o columna.

Para eliminar el marcado de la tabla, use la herramienta Borrador (el segundo desde el botón del panel izquierdo). También puede insertar automáticamente una columna o fila en una tabla (botones Insertar filas, Insertar columna). Las celdas seleccionadas se eliminan presionando el botón Eliminar celdas.

Después de seleccionar varias celdas, puede combinarlas en una o dividirlas en partes (botones Dividir celdas y Combinar celdas).

Los botones son responsables de las formas de alinear los objetos en las celdas (Alinear arriba, a lo largo del borde superior de la celda, Centro verticalmente, a lo largo del centro, Alinear abajo, a lo largo del borde inferior).

Las celdas seleccionadas se pueden alinear en altura (botón Distribuir filas uniformemente) o en ancho (botón Distribuir filas uniformemente).

El relleno se selecciona de la lista desplegable (el botón Color de relleno).

A menudo es necesario limitar el tamaño de las celdas al tamaño de los objetos. Para hacer esto, use el botón Auto Fit.

Insertar imágenes... Cuando selecciona una imagen en la página, la barra de herramientas Imagen se vuelve disponible. No solo le permite incrustar imágenes, sino que también brinda la capacidad de formar áreas activas especiales de imágenes para crear hipervínculos. Con este panel, puede realizar algunas transformaciones de imágenes, por ejemplo, establecer colores transparentes en la imagen.

FrontPage puede importar imágenes. Al mismo tiempo, FrontPage admite una variedad de formatos de archivo: * .TIF, * .PCX, * .JPG y * .GIF de archivos o archivos URL. Desafortunadamente, no se encontró ninguna forma de convertir el formato * .JPG al formato .GIF. Esto puede causar problemas al utilizar visores que no admiten el formato * .JPG.

Para colocar una imagen en la página, seleccione el elemento de menú Insertar / Imagen. Este comando muestra el cuadro de diálogo para insertar una imagen (Fig. 10.31 ).

Esta ventana ofrece opciones para descargar un archivo desde una unidad local o mediante una URL que puede vincular a una página.

De forma predeterminada, la imagen se coloca en la posición del cursor y se alinea a la izquierda. Puede tener un mayor control sobre la posición de una imagen utilizando la ventana de propiedades de esa imagen. Para abrir la ventana, haga clic con el botón derecho en el campo de la imagen y seleccione Propiedades en el menú contextual que aparece. El cuadro de diálogo Propiedades se muestra en la Figura 10.32. ... Aquí puede establecer el modo de alineación, definir el tamaño del marco, la cantidad de espacio horizontal y vertical, la alternativa textual a la imagen y su versión de menor resolución y, si hay hipervínculos, a qué URL están asociados.

Los atributos de etiqueta se pueden usar según sea necesario que no están disponibles en el cuadro de diálogo Propiedades, al hacer clic en el botón Extendido para abrir un cuadro de diálogo donde puede ingresar el atributo y su valor manualmente.

Trabajar con marcos (marcos)... Para preparar una página con marcos, utilice las opciones del menú Marco (marco, marco). En el modo de creación de un nuevo documento, hay un comando disponible en el menú Marco: Nueva página de marcos. Su activación abre un cuadro de diálogo para seleccionar una de las diez plantillas (Fig. 10.33 ).

En el lado izquierdo del cuadro de diálogo, el campo Marcos enumera los tipos de posibles combinaciones de marcos. Pueden presentarse en forma de lista o iconos. Un conjunto de fotogramas preseleccionados se renderiza en el campo Vista previa en el lado derecho del cuadro de diálogo (Figura 10.33). Después de seleccionar la plantilla apropiada en la página creada (conjunto de marcos), al presionar el botón OK, la página se dividirá en marcos. En la Fig. 10,34 aquí hay un ejemplo de marcos de plantilla de banner y contenido.

Cada uno de los tres marcos presentados en la página contiene botones idénticos:

Establecer página inicial: seleccione página terminada como el contenido del marco (marco).

Nueva página: creada nueva pagina para el marco.

Después de presionar el botón correspondiente, la página del marco seleccionado se mostrará en el Editor.

Para controlar las propiedades del marco, use el cuadro de diálogo Propiedades del marco (Fig.10.35 ) abierto por el comando Frame / Frame Properties.

Establece las dimensiones y los márgenes al mostrar el marco, el nombre del marco y la página de origen, así como la forma en que se presenta la barra de desplazamiento: según sea necesario, siempre, nunca (Fig.10.36 ).

Los bordes entre los fotogramas se pueden arrastrar con el cursor del ratón.

Insertar pancartas... Los banners se utilizan para mostrar imágenes o texto publicitario variable en una página web. Para insertar un banner en la página, use el Administrador de banners (Fig.10.40 ). La ventana del administrador se abre con el comando Insertar / Componente / Administrador de anuncios de banner.

Los campos Ancho y Alto indican el ancho y alto del banner en píxeles. Para la transición entre imágenes que se reemplazan entre sí, se utiliza el método especificado en el campo Efecto de transición (transición horizontal, transición vertical, disolución, compresión, expansión o transición simple sin efectos visuales). En el campo de entrada Mostrar cada imagen para ..., se establece el tiempo de visualización de cada imagen (en segundos).

Al hacer clic en el botón del banner, se debe realizar una transición al recurso especificado por el anunciante. Por lo tanto, el campo Vincular a contiene la URL a la que se realizará el vínculo.

Para que el banner funcione, debe configurar imágenes. Para ello, se indica una lista de archivos gráficos en la lista Imágenes para mostrar. La lista está equipada con un panel de navegación estándar (Agregar - agregar, Eliminar - eliminar, Mover hacia arriba - mover la imagen más arriba en la lista, Mover hacia abajo - mover hacia abajo).

Para insertar un banner listo para usar, presione el botón OK de la ventana del administrador y cancele presionando Cancelar.

Configurar hipervínculos... Para crear un hipervínculo, debe seleccionar el texto que servirá como puntero al hipervínculo y hacer clic en el botón en la barra de herramientas Crear o Editar vínculo (). Un cuadro de diálogo similar al que se muestra en la Figura 4 aparecerá en la pantalla. 10.41 .

Vincular una imagen es generalmente similar a vincular un fragmento de texto. En este caso, debe hacer clic en la imagen para la que se está creando el enlace y presionar el botón Crear o editar enlace para abrir el cuadro de diálogo que se muestra en la Fig. 10.41.

Al crear un enlace para una imagen de mapa, debe hacer clic en la imagen y usar los botones de la barra de herramientas Imagen para indicar las regiones calientes triangulares, circulares o poligonales asociadas con este enlace (región activa).

El cuadro de diálogo Crear vínculo le permite crear vínculos a archivos en su sitio web local, a archivos en otros sitios web en Internet oa archivos que se crean pero están vacíos.

Herramientas de gestión de enlaces... Estas funciones suelen ser responsabilidad del administrador del sitio. Para realizar un seguimiento de todos los enlaces dentro o fuera de un sitio web determinado, debe comprobar periódicamente cada enlace por separado. Por lo tanto, FrontPage Explorer se envía con utilidades de vínculo.

Comprobando enlaces. Si se selecciona Verificar hipervínculos en el menú Herramientas, el Explorador debe verificar todos los vínculos del sitio, incluidos los que conducen a páginas fuera del sitio. Explorer proporciona un informe en la forma que se muestra en la Fig. 10.42 .

Los enlaces a páginas dentro de un sitio web están marcados con un círculo rojo y la palabra Roto si se encuentran rotos. Si el enlace funciona bien, no se muestra en absoluto. Los enlaces a páginas fuera del sitio están marcados con un círculo amarillo y un signo de interrogación. Esto significa que aún deben verificarse. Puede probar cada referencia externa marcándola y haciendo clic en el botón Verificar. Si referencia externa resulta ser válido, Explorer coloca un círculo verde con la palabra OK delante del enlace. Si el vínculo está roto, aparece un círculo rojo con la palabra Roto.

Recálculo de enlaces. Mando Herramientas / Recalcular enlaces) actualiza lo que está visible en cada uno de los tres modos de visualización para reflejar los cambios realizados por los autores.

Con el comando Recalcular enlaces, puede:

actualizar la información sobre el sitio web que se muestra en la vista de resumen, la vista de enlace y la vista de resumen;

regenerar todos los comandos dependientes en el sitio web abierto;

actualice el índice generado por el componente del bot de búsqueda.

El nuevo cálculo de los vínculos se realiza realmente en el servidor web personal, que forma parte del paquete FrontPage. Una vez que el servidor termina de ejecutar este comando, el control vuelve a Explorer.

Guardar el documento... Para guardar el documento creado, use el comando Archivo / Guardar como, que abre el cuadro de diálogo que se muestra en la Fig. 10,43 ... En este cuadro de diálogo, puede guardar documentos como un archivo normal o como una plantilla.

Cuando se trabaja con varios archivos al mismo tiempo en el menú File), aplicamos los siguientes procedimientos: Al diseñar páginas web, también puede utilizar los tipos de diseño que se ofrecen en el paquete de software. Se puede acceder a ellos en el menú Formato / Tema / Elegir tema. Tras la activación de este comando, aparece el cuadro de diálogo de temas, que se muestra en la Fig. 10,50 .

Como ejemplo de la implementación de un documento Web en el paquete de software FrontPage, daremos una edición electrónica elaborada en el marco de Papel a plazo para publicaciones electrónicas, cuya portada se muestra en la Fig. 10.51 .

La portada se realiza en forma de dos marcos diseñados para visualizar el índice (marco izquierdo) y el contenido de la obra (marco derecho). El marco derecho está hecho con desplazamiento, lo que le permite desplazarse por el material. En el tamaño normal de la ventana del navegador, la tabla de contenido edición electrónica encaja completamente en el marco izquierdo, por lo que no se proporciona desplazamiento.

Una ventana de animación se encuentra en el centro del cuadro derecho sobre el título de la edición electrónica.

Desde la ventana del menú puede seguir el enlace a cualquier sección de texto. En este caso, el contenido del cuadro derecho cambia (figura 10.52 ).

Para el movimiento horizontal entre secciones, se proporcionan botones gráficos (Fig. 10.53 ), que le permiten desplazarse por el material de las secciones sin volver al índice.

Por lo tanto, el paquete de software FrontPage es un entorno de software multifuncional que le permite crear páginas web y sitios web completos. Su integración en el paquete de Microsoft Office, según los desarrolladores, hace posible utilizar de manera más efectiva las capacidades de las aplicaciones de MS Office para crear materiales para llenar páginas web y marcos (marcos) mediante la importación de materiales de estas aplicaciones.

Al rastrear las tendencias de desarrollo de este entorno de software, debe tenerse en cuenta que los desarrolladores de FrontPage se esfuerzan no solo por hacer que el paquete de software esté disponible para un usuario no profesional, sino que también se centran en el uso de este paquete de software para el desarrollo de sitios web de un alto grado de complejidad, incluso en el contexto de las actividades corporativas de los desarrolladores de sitios. En el material presentado anteriormente, los autores intentaron mostrar la simplicidad y accesibilidad de la interfaz del paquete de software, combinada con la diversidad funcional de este entorno de software, implementado a nivel de representación visual del sitio web desarrollado en todos sus aspectos.

Utilizando componentes multimedia, lenguajes de scripting, applets de Java, etc. abre amplias oportunidades para construir sitios web y páginas web modernos en el entorno de software considerado que cumple con los requisitos de los profesionales.