Etapas de trabajo con el programa de portada. Descripción del programa Microsoft Office Frontpage. Modo de generación y visualización de informes.

5.1.1. Creando un nuevo sitio web y modos de presentación………………... - 58

5.1.2. Organización de la estructura. sitio web………………………………………….. - 61

5.1.3. Editar una página web………………………………………… - 64

5.1.4. Agregar y formatear texto…………………………………….. - 66

5.1.5. Organización de colores primarios páginas web……………………………….. - 69

5.1.6. Crear y editar tablas, tablas de diseño……………….. - 69

5.2. Imágenes gráficas como objetos de aplicación …………………………. - 76

5.2.1. Insertar un fondo gráfico y sonoro en una página web………………
5.2.2. Insertar una imagen en una página web………………………………………………………………
5.2.3. Propiedades de la imagen…………………………………………………………
5.2.4. Editar una imagen………………………………………………...
5.2.5. Objetos dibujados………………………………………………………………
5.3.1. Creación de hipervínculos y marcadores en páginas web…………………….
5.3.2. Crear puntos de acceso gráficos……………………..
5.3.3. Control de hipervínculos mediante FrontPage 2003 ………………………
5.3.4. Límites generales……………………………………………………………….
5.4. Hojas de estilo en cascada (CSS) ……………………………………………………………
5.4.1. Estilos internos……………………………………………………………….
5.4.2. Estilos implementados……………………………………………………………………………………
5.4.3. Hojas de estilo externas…………………………………………………………..
5.5. Marcos (frames) en la aplicación FrontPage 2003 …………………………………

5.6. Formularios en la aplicación FrontPage 2003…………………………………………………………. - 100

5.7. Componentes de la aplicación y su breve descripción…………………………. - 104

5.8. Características adicionales de FrontPage 2003 ………………………………… - 111

5.8.1. Uso de envoltura y posicionamiento…………………………. - 111

5.8.2. Efectos usando HTML dinámico y JavaScript……………….. - 113

Sección 5. Aplicación Microsoft Office FrontPage 2003.

Microsoft Office FrontPage 2003 es una aplicación diseñada para crear y mantener sitios web (sitios web) utilizando una interfaz estándar.

WYSIWYG (“lo que ves es lo que obtienes”).

MS FrontPage2003 está disponible como una aplicación independiente. El tamaño de la carpeta de instalación es de 155 MB. Requisitos de hardware.

Computadora y procesador. PC con procesador Pentium de 133 MHz o superior, se recomienda Pentium III.

8 MB adicionales de RAM para cada aplicación que se ejecuta simultáneamente.

Disco duro. 245 MB de espacio libre en el disco duro y 115 MB de espacio en el disco duro,

en el que está instalado el sistema operativo (los requisitos de espacio disponible en el disco duro dependen de la configuración, así como de los componentes seleccionados durante el proceso de instalación).

Sistemas operativos: Microsoft Windows® 2000 Service Pack 3 (SP3), Microsoft Windows XP o posterior.

Información de ayuda sobre el programa en el sitio web: http://office.microsoft.com/ruru/frontpage/FX100647001049.aspx?CTT=96&Origin=CL100570711049.

MS Office FrontPage 2003 proporciona un nuevo entorno de desarrollo: diseños, reglas,

Las líneas de cuadrícula, las imágenes de muestra, las capas, las plantillas y los temas avanzados están diseñados para facilitar el proceso de implementación de un proyecto de sitio web para un desarrollador que ni siquiera tiene conocimientos de HTML. El editor web tiene herramientas convenientes para trabajar con tablas, herramientas integradas para el procesamiento de imágenes y le permite colocar fácilmente varios objetos multimedia en las páginas: dibujos, videos, animaciones, fragmentos de sonido. La estrecha integración con el paquete MS Office le permite mostrar documentos de MS Word en páginas,

Tablas y gráficos de MS Excel, obtenga datos dinámicamente de MS Access, use VBA, correctores ortográficos y alrededor de 60 temas listos para diseñar páginas de sitios web. MS FrontPage 2003 proporciona soporte para la Web moderna

tecnologías como hojas de estilo en cascada (CSS), efectos dinámicos (DHTML), marcos, páginas activas (ASP), controles ActiveX y subprogramas de Java.

El programa FrontPage no es solo un editor de páginas web, sino que también contiene herramientas de administración de sitios, como un esquema de navegación de páginas, análisis del sitio utilizando varios informes, desarrollo colectivo, personalización para ciertos

navegadores, cargar un sitio a un servidor web a través de protocolos HTTP y FTP. Con este programa, no solo puede crear y editar páginas web, sino también insertar en ellas varios elementos complejos (contadores, barras de enlaces, barras de búsqueda, efectos dinámicos, creepers, etc.) sin escribir scripts adicionales.

Sin embargo, la mayoría de estos componentes sólo funcionarán si la web

FrontPage (Microsoft), SharePoint™ Team Services 1.0 (Microsoft) o

Servicios de Microsoft Windows® SharePoint. Es posible que algunos componentes no funcionen según el tipo de navegador que esté utilizando. Esto impone ciertas restricciones en el uso de las capacidades de la aplicación al crear páginas web.

Las desventajas del editor web MS FrontPage incluyen su orientación predominante hacia el navegador Internet Explorer, por lo que conviene comprobar el funcionamiento del sitio terminado en otros navegadores. Y también cierta redundancia del código HTML terminado. El editor rastrea los cambios en el código de la página y restaura las etiquetas eliminadas por el usuario.

Figura 5.1 – Ventana del programa MS Office FrontPage 2003

Básicamente, MS FrontPage 2003 se parece a la mayoría de las aplicaciones de MS Office.

2003 (figura 5.1).

	– línea de encabezado		– área de trabajo
	– barra de menú		– ver barra de botones
	– barra de herramientas estándar		– barra de herramientas “dibujo”
	– barra de herramientas de “formato”			– barra de estado
	– panel de presentación			– panel de tareas
	– área de información de la corriente			Referencia

vistas Para obtener ayuda sobre el programa, debe ejecutar el comando

Ayuda → Microsoft Office FrontPage y en el panel Ayuda de FrontPage sigue los enlaces Tabla de contenido . Si su computadora está conectada a Internet, los documentos ubicados en el sitio web http://office.microsoft.com se agregan a la tabla de contenido de la ayuda. De lo contrario, la tabla de contenido consta únicamente de los documentos instalados con la aplicación.

5.1. Creación y edición de un sitio web en el entorno de la aplicación.

Al comenzar a crear un sitio web, debe decidir su tema, el número de subsecciones del sitio y las páginas de cada una de ellas, es decir. desarrollar un esquema estructural detallado, así como preparar material textual y gráfico para cada una de las páginas web. El proceso de desarrollo de un sitio web directamente en MS Office FrontPage 2003 se puede realizar utilizando el siguiente algoritmo.

1) Cree un nuevo sitio web o abra uno ya creado.

2) Organizar (editar) estructura sitio web.

3) Editar páginas sitio web en cualquier orden: 3.1) ir al modo de edición para una página específica;

3.2) establecer las propiedades de la página web;

3.3) ingrese texto desde el teclado o péguelo a través del portapapeles y formatéelo; 3.4) insertar fondo, sonido, tablas, gráficos,

3.5) agregar efectos dinámicos y componentes de MS Office FrontPage 2003; 3.6) guardar la página web y visualizarla en el navegador Internet Explorer;

3.7) continuar editando o pasar a editar otra página web.

4) Si es necesario, regrese al paso 2 y agregue otros nuevos. páginas web.

5) Cerrar FrontPage 2003, abrir sitio web en un navegador y pruébelo (ver el sitio web con diferentes extensiones de monitor en diferentes navegadores).

5. 1.1. Creación de un nuevo sitio web y modos de presentación.

Para crear un nuevo sitio web, debe completar los siguientes pasos.

1) Ejecutar comando Archivo → Nuevo.

2) En el panel Creación (1 Fig.5.2) del área de tareas, siga los hipervínculos

Sitio web de una página (2 Fig. 5.2).

3) En la ventana Plantillas de sitio web que se abre (3 Fig. 5.2), en la pestaña General, seleccione la plantilla Sitio web de una página (4 Fig. 5.2). Descripción de la plantilla (5 Fig.5.2)

aparece en la parte inferior derecha del cuadro de diálogo. (Si seleccionas cualquier otra plantilla, el nuevo sitio web ya contendrá una cantidad de páginas web con un diseño determinado, en algunos casos se lanzará un asistente especial

configuración, con la que puede configurar la estructura del sitio web).

4) Complete el campo Especifique la ubicación del nuevo sitio web: (6 Fig.5.2) manualmente

(ingrese la ruta completa) o usando el botón Examinar (7 Fig.5.2) (defina la ubicación en

disco para guardar un nuevo sitio web, abra (cree) una carpeta, presione el botón

Abierto).

5) Presione el botón Aceptar.

Figura 5.2 – Creación de un nuevo sitio web

Una vez creado el sitio web (Fig. 5.3), en ver paneles La pestaña del sitio web (1) aparece en ver panel información de servicio (2) y botones de comando (3) disponibles en esta vista, y en la ventana de trabajo el contenido (4) de la vista actual.

Panel botones de vista(5 Fig. 5.3) contiene seis botones con los que puede cambiar a diferentes modos de presentación del sitio web.

Vista de carpetas: muestra una lista de carpetas y páginas de un sitio web. En este modo es conveniente crear nuevas carpetas usando el botón Crear carpeta en el lado derecho

Figura 5.3 – Vista del sitio web de Carpetas

Vista remota del sitio web: se utiliza para ver su sitio web

sitio en un servidor web remoto.

Vista de informes: contiene una lista de opciones de informes sobre el sitio web. Cada informe resumido tiene su propio nombre, número de elementos, tamaño total del archivo y descripción.

Este modo, por ejemplo, se puede utilizar para identificar errores en transiciones de hipertexto.

Vista de transiciones: muestra una representación gráfica de la estructura de un sitio web.

páginas.

Vista de tareas: se utiliza para organizar tareas para la creación de sitios web.

sitio web (normalmente utilizado si varias personas participan en el trabajo en un sitio web).

Se puede acceder a todas estas vistas desde el menú Ver.

Un sitio web creado con FrontPage 2003 puede contener páginas web, imágenes, archivos multimedia, es decir. casi todos los tipos posibles de archivos, así como carpetas y archivos ocultos (que no se muestran en la aplicación), que admiten funciones especiales de la aplicación. Las carpetas ocultas incluyen _vti_cnf y _vti_pvt. Se pueden ver si abre la carpeta del sitio web, por ejemplo, en el programa Mi PC. La carpeta _vti_cnf contiene información sobre cada archivo, como información sobre

Por defecto, cuando se crea Una página sitio web, se crean carpetas

Las imágenes privadas y el archivo index.htm son la primera página (de inicio) del sitio web.

Para ver la página web index.htm, debe hacer doble clic con el botón izquierdo del mouse en el nombre del archivo. Como resultado, en ver paneles a la derecha de la pestaña

web, aparecerá la pestaña index.htm (1 Fig.5.4) y el botón Cerrar (2 Fig.5.4), en ver paneles del área de información botón Selección rápida de etiquetas(3 Fig.5.4), y en

área de trabajo Se mostrará un documento en blanco. En ver barras de botones (4

Fig.5.4) Aparecerán botones con los que podrá cambiar a varios modos de edición de una página web.

Vista de diseñador: muestra la página web como un procesador de textos avanzado en modo WYSIWYG.

Vista dividida: muestra la misma página web tanto en el modo de procesador de textos mejorado como en el editor de código HTML de la página web. Los cambios realizados en uno de los modos se reflejan inmediatamente en el segundo.

Vista de código: le permite editar directamente el código HTML de la web

páginas.

Vista previa: muestra cómo se verá la página en el navegador.

Para acceder a estas vistas, utilice el comando Ver→Página.

Para ver una lista de archivos y carpetas en un sitio web en la vista de página, debe ejecutar el comando Ver → Lista de carpetas o presione el botón

Panel de interruptores en la barra de herramientas estándar o presione simultáneamente ALT y F1 en el teclado.

EN Como resultado, el área de trabajo se divide en dos partes (Fig. 5.4). en la izquierda

– vistas del sitio web Lista de carpetas (5) o Transiciones, a la derecha – cualquier vista desde el menú Ver.

Esta organización de presentación de un sitio web para su edición en el programa.

FrontPage 2003 parece ser el más conveniente.

Para aumentar el espacio de trabajo de la página web que está editando, puede cerrar el panel de tareas. Para evitar que este panel aparezca en inicios posteriores de la aplicación FrontPage 2003, debe ejecutar el comando

Herramientas → Opciones y en la pestaña General, desmarque la casilla para abrir el panel de tareas.

Para terminar de trabajar con el sitio web, debe ejecutar el comando

Archivo → Cerrar nodo.

Figura 5.4 – Ventana del programa FrontPage 2003 después de ejecutar el comando Ver → Lista de carpetas

Para abrir un sitio web en FrontPage 2003, debe completar los siguientes pasos.

Ejecutar comando Archivo → Abrir nodo.

En el cuadro de diálogo Abrir un sitio web que se abre, abra la carpeta que es el sitio web.

Haga clic en el botón Abrir.

5. 1.2. Organización
estructura del sitio web.
Después del sitio web
creado, necesitas crearlo
la estructura original, es decir
agregar	necesario
nuevas páginas web. Suma					Figura 5.5 – Panel de información de transiciones
nuevas páginas web en la estructura					– crear una nueva página web
el sitio se puede organizar					– agregar una página web existente
					– crear una barra de enlaces
de varias maneras.					– inclusión (exclusión) en la barra de enlaces
	consideremos				– vista de subárbol
creando páginas web en modo					– colocación horizontal o vertical
presentaciones					– selección de la escala de visualización de la estructura

Transiciones. En este modo (Fig. 5.5), las páginas web se muestran en forma de diagrama gráfico (8) y el panel de información contiene comandos (1-7) que le permiten trabajar con

estructura del sitio web. Para crear nuevas páginas web, debe completar los siguientes pasos.

1) Pulse el botón 1 en el panel de información. Si en este momento no se ha seleccionado ninguna de las páginas web de la estructura, entonces aparecerá una página web con el título

Página principal 1. En el caso de que alguna de las páginas web disponibles

Una vez seleccionada la estructura, aparecerá una página web con el título Nueva Página 1 conectada por una línea delgada (8) a la página seleccionada. El mismo efecto que en este último caso se puede lograr haciendo clic derecho en cualquiera de las páginas web disponibles y ejecutando el comando en el menú desplegable. Nuevo → Página. Todas las páginas siguientes se diferenciarán de las anteriores únicamente por el número.

2) Luego, para que las páginas web creadas se muestren en la ventana Lista de carpetas

debe ejecutar el comando Actualizar en la barra de herramientas estándar o desde el menú Ver.

3) En la ventana Lista de carpetas de una página web con encabezados Página principal X

corresponden a archivos toppageX.htm, páginas web con encabezado Nueva página X, corresponden a los archivos new_str_X.htm, donde X es el número. Archivos con nombres

Se debe cambiar el nombre de new_str_X.htm para que sus nombres consten de

sólo de letras latinas, números y símbolos permitidos . Para hacer esto, haga clic derecho en el archivo correspondiente y seleccione el comando Cambiar nombre y

reemplace el nombre del archivo con el requerido.

4) Al cambiar la estructura de un sitio web, las páginas existentes se pueden eliminar (haga clic derecho en la deseada, seleccione Eliminar, active la casilla de verificación inferior y haga clic en Aceptar) y mueva de acuerdo con el esquema (haga clic izquierdo para mover la página a la ubicación deseada). Si la web se está eliminando o moviendo

página tiene páginas de nivel inferior, también serán eliminadas o

	emocionado.
			creado		paginas web
	colocado en la carpeta raíz del sitio web. Si
	hay muchas páginas, es lógico colocarlas en diferentes
		de acuerdo con		estructura.	Para esto
	ventana Lista de carpetas (Fig. 5.6) que necesita crear						Figura 5.6 – Ventana Lista de carpetas
								Crear una página web
	Lista de carpetas del panel de información) y presionó							– crear una carpeta
								– cerrar la ventana

Haga clic izquierdo para mover archivos a las carpetas deseadas.

II. Consideremos el proceso de creación de páginas web utilizando la ventana Lista de carpetas (Fig. 5.6). Esta ventana muestra las carpetas y archivos del sitio web en orden alfabético, indicando su anidamiento. Para poder crear nuevas páginas web, debe completar los siguientes pasos.

1) Usando el botón 2, cree la cantidad requerida de carpetas con una determinada estructura de anidamiento, cambiando los nombres Nueva carpetaX a los requeridos.

2) Seleccione la carpeta en la que planea crear Página web.

3) Presione el botón 1 y reemplace el nombre del nuevo archivo de new_page_Х.htm con el requerido

(solo letras latinas, números y símbolos permitidos ) sin cambiar la extensión

Archivo .htm.

4) Si es necesario, puede arrastrar archivos de una carpeta a otra presionando el botón izquierdo del mouse.

5) Para mayor comodidad y claridad al trabajar con la estructura resultante. sitio web, también puede organizarlo en forma gráfica. Para hacer esto, seleccione el modo de presentación del sitio web Transiciones y presione el botón izquierdo del mouse para transferir las páginas web creadas a

diagrama gráfico de bloques. Si es necesario, puede cambiar los nombres de los elementos gráficos del diagrama haciendo clic derecho sobre el deseado y seleccionando el comando

Rebautizar.

Figura 5.7 – Guardar una nueva página web de un sitio web

Microsoft FrontPage para Windows 10 le permite crear sitios web sin tener que aprender HTML. Basta con colocar el texto deseado en la página del proyecto, colocando imágenes en los lugares apropiados. El desarrollo de complementos y efectos está disponible, sin el uso de utilidades complejas ni scripts especiales.

La aplicación cuenta con un conjunto de herramientas para interactuar con el sitio. Las plantillas integradas se utilizan para crear páginas clave de Internet o contenido en general. Es posible utilizar técnicas de diseño y estilos de texto profesionales. Existe una variedad de opciones para plasmar su estilo individual. Recomendamos descargar Microsoft FrontPage para Windows 10 en ruso sin registro ni SMS desde el sitio web oficial.

Información del programa

• Licencia: Gratis
• Desarrollador: Microsoft
• Idiomas: ruso, ucraniano, inglés
• Dispositivos: PC, netbook, computadora portátil (Acer, ASUS, DELL, Lenovo, Samsung, Toshiba, HP, MSI)
• SO: Windows 10 Home, Professional, Enterprise, PRO, Enterprise, Education, Home Edition (actualizaciones 1507, 1511, 1607, 1703, 170

Un programa con el que podrás comprender con bastante facilidad los principios básicos del diseño de páginas de Internet, que cuenta con una amplia selección de herramientas adicionales para la creación de sitios y portales de Internet complejos.

Brevemente sobre el programa Microsoft FrontPage

Este es un editor web conveniente y fácil de aprender para diseñar, preparar y publicar sitios web. Gracias a la integración con la familia de productos MS Office, una interfaz familiar y una gran cantidad de plantillas, el programa permite que incluso los usuarios novatos familiarizados con los conceptos básicos de MS Word dominen rápidamente el trabajo. Al mismo tiempo, FrontPage no puede considerarse una solución para "tontos": el programa proporciona una amplia funcionalidad y una variedad de herramientas para optimizar las páginas de Internet.

Cabe señalar que el nombre Microsoft FrontPage existió hasta 2003, luego se complementó con nuevas funciones y el nombre del software cambió. FrontPage pasó a llamarse Microsoft Expression Web en 2007 y Microsoft Office SharePoint Designer en 2010. De hecho, se agregaron algunas adiciones a las nuevas versiones, pero se conservó la apariencia básica del programa.

Herramientas básicas del programa.

Vista general del programa Microsoft FrontPage

Microsoft FrontPage tiene mucho en común con las herramientas de MS Word, por lo que muchos de los botones y pestañas del menú también son intuitivos, lo que facilita el proceso de creación de páginas. Mucha gente ya sabe cómo escribir y dar formato a texto simple, crear tablas en Microsoft Word y el mismo principio se aplica a la edición de una página en FrontPage.

La figura de la derecha muestra una vista general del programa con un conjunto estándar de herramientas con las que puedes crear una plantilla de página con texto, enlaces e imágenes. Vaya a la pestaña "Ver", luego a "Barra de herramientas" y asegúrese de que " Estándar", "Formato" Y " Mesas", estas herramientas serán suficientes para crear solo una página. A continuación, preste atención a las pestañas "Diseñador", "Código" y "Ver": estos son tres modos diferentes en los que siempre puede ver cómo se ve la página que está creando. como.

• En el Diseñador, se ingresan todas las ediciones, se escribe y formatea el texto, se insertan imágenes, se crean enlaces y se cambian los colores de fondo y fuente de la misma manera que en Microsoft Word.
• En la pestaña "Código" puede ver el llamado código HTML. HTML es el lenguaje de marcado estándar para documentos en la World Wide Web. La mayoría de las páginas web se crean utilizando HTML. También puede editar la página en esta pestaña, pero necesita conocer este lenguaje de marcado. Sin embargo, los principiantes deben realizar todos los cambios en el constructor y todos los cambios en HTML se producirán automáticamente.
• En la pestaña "Ver" puede ver cómo se ve la página directamente en el navegador (como Internet Explorer)

Para obtener descripciones detalladas de otros menús, botones y funciones de Microsoft FrontPage, consulte la Ayuda del programa. Para hacer esto, presione la tecla "F1".

Crear una plantilla para páginas en FrontPage

Insertar la tabla principal en el editor

Y así, para crear una plantilla simple, necesitas insertar una tabla con tres bloques. Tres bloques son un estándar simple: el bloque superior es para el nombre del sitio, el segundo bloque es para los enlaces de navegación del sitio y el tercer bloque es para texto, imágenes y otra información de la página. Puedes insertar más bloques de mesa para tu comodidad, pero es cuestión de gustos cómo, cuántos y de qué tamaño hacer estos bloques. Hay otra forma de crear bloques, no creando tablas, sino insertando los llamados elementos "div" en las páginas y asignándoles ciertos estilos, pero este método no es para nuevos webmasters y se puede escribir un artículo aparte sobre esto.

1. Para insertar una tabla, vaya a la pestaña “Tabla” > “Insertar” > “Tabla” y complete los campos, como se muestra en la figura de la derecha. De hecho, puede ingresar sus propios parámetros, pero esta tabla tiene un ancho fijo y se extiende al 100% del área de la pantalla. De esta manera la tabla se mostrará de forma compacta en el navegador.
2. Luego debe ajustar las tres celdas, ya que tienen la misma altura después de la inserción. Haga clic derecho en la celda superior y vaya a "Propiedades de celda" en el campo de altura, ingrese condicionalmente "150" y marque la casilla "en puntos", es decir El tamaño de la celda será de 150 píxeles. En el mismo menú, podemos seleccionar el color de fondo de la celda, y al hacer clic en el menú “estilo...”, podemos realizar otras configuraciones de la celda, por ejemplo, seleccionar el color y el tamaño del borde de la celda, podemos Experimente con esto y vea el resultado. En la propia celda puede ingresar el nombre del sitio.
3. A continuación, editamos la segunda celda, que está destinada a los enlaces de navegación del sitio. Establecemos el ancho en unos 40 píxeles, esto será suficiente, y también ajustamos otras configuraciones, como el color de fondo y los márgenes, a tu gusto. A continuación, escribimos los nombres de los propios enlaces, separados por signos de línea vertical u otro signo (puedes verlos a continuación descargando la plantilla completa). Seleccione la prueba y presione el botón de alineación central, como en MSWord. De la misma manera, puedes cambiar la fuente, el tamaño de fuente y otras configuraciones del texto.
4. También configuramos la última celda. Está destinado al texto principal, donde puede ingresar un texto de saludo.
5. Finalmente, puedes ir a la pestaña “Archivo” > “Propiedades”, donde puedes ingresar el nombre del sitio y cambiar el fondo general de la página y otras configuraciones generales.

La plantilla ya está lista. Es el marco para todas las páginas posteriores del sitio. Así es como se ve el sitio en código HTML:

Así obtenemos la plantilla para el sitio.

< html > < head > < meta http-equiv = "Content-Language" content = "ru" > < meta http-equiv = "Content-Type" content = "texto/html; juego de caracteres=windows-1251"> < title >Nombre del sitio < body bgcolor = "#F8F3FE" > < div align = "center" > < table border = "0" width = "800" cellspacing = "4" cellpadding = "0" height = "100%" > < tr > < td height = "150" bgcolor = "#4A4A4A" style = "border: 1px solid #000000" > < p align = "center" >< font face = "Verdana" size = "6" color = "#FFFFFF" >Nombre del sitio < tr > < td height = "40" bordercolor = "#4A4A4A" style = "border: 1px solid #4A4A4A" bgcolor = "#FBFBFB" > < p align = "center" >< font face = "Verdana" size = "2" > < b >Hogar | < b >Página 2 | < b >Página 3 | < b >Página 4 | < b >Página 5 | < b >Contactos < tr > < td valign = "top" style = "border: 1px solid #4A4A4A" bgcolor = "#FFFFFF" >< div style = "padding: 6px;" > < font face = "Verdana" size = "2" >Texto de la página de inicio. Aquí puede insertar un texto de saludo y escribir brevemente a qué está dedicado el sitio.

Este código HTML se puede insertar inmediatamente en el editor en la pestaña "Código" e inmediatamente verá la plantilla terminada. Se puede cambiar y editar para adaptarlo a sus propias necesidades. Aquí vale la pena explicar que donde se inserta el texto principal y para que no se ubique cerca de los campos, se enmarca en una etiqueta “div”, con configuración de sangría, como se muestra en el ejemplo.

Plantillas adicionales

1. También necesita saber que en el programa FrontPage y otros programas similares, existen plantillas estándar que se pueden utilizar para crear páginas, se editan fácilmente y puede personalizar cualquier plantilla para adaptarla a sus necesidades; Para seleccionar una plantilla estándar, vaya a la pestaña "Archivo" > "Crear..." en la ventana que se abre, seleccione "Otras plantillas de página", donde podrá seleccionar cualquier plantilla que desee.
2. Existe una segunda opción: descargar la plantilla completa de Internet. Hay muchos sitios que ofrecen este servicio. Las plantillas pueden ser de pago o gratuitas. Después de descargar tal o cual plantilla, puedes editarla en el programa, completarla con el contenido necesario y cambiar el estilo de tal o cual elemento.

Utilice diseños de temas y tablas estándar

Microsoft FrontPage proporciona buenas herramientas para diseños de tablas y temas listos para crear sitios web.

Debe saber que Microsoft FrontPage tiene un conjunto estándar de diseños de tablas y temas que pueden ayudarle a aprender el arte de crear páginas normales o sitios de tarjetas de presentación. Y así, en la parte superior derecha hay un menú desplegable (vea la imagen de la derecha, que también muestra el resultado del uso de diseños de tablas y temas de diseño), al hacer clic, aparecerá un menú en el que deberá seleccionar "Diseño tablas y celdas” y luego aparecerán muchos diseños de tablas diferentes a continuación, puede seleccionar cualquiera a su discreción y gusto. Esto le permitirá crear la tabla usted mismo manualmente.

Y así, al escribir o pegar su texto, logotipo, enlaces en las celdas de la tabla, yendo al mismo menú, puede seleccionar el menú "Tema", donde puede seleccionar varios temas para el diseño de la página, enlaces, página. antecedentes y mucho más. Esta oportunidad es buena para aquellos que recién están aprendiendo a crear páginas de Internet y refleja con bastante claridad el proceso de creación de un sitio web. En otras palabras, en Microsoft FrontPage puedes experimentar con diferentes configuraciones y ver claramente cómo se transforma una página en particular. Aquí puedes darte un consejo: estudia todas las funciones del programa y no temas aprovechar tal o cual menú, ya que cada herramienta tiene su propia propiedad y propósito para crear una página completa.

Insertar una imagen y crear enlaces a páginas.

Es importante que los webmasters novatos sepan cómo insertar imágenes en una página y crear enlaces a otras páginas. Por ejemplo, en lugar del texto del nombre del sitio, puede insertar una imagen del logotipo del sitio. Para hacer esto, primero haga clic en el campo donde desea insertar una imagen, luego en la parte superior haga clic en la pestaña "Insertar" > "Dibujo" > "Desde archivo", seleccione la imagen deseada y haga clic en "Insertar", después cual aparecerá la imagen en la página. Al hacer clic derecho en la imagen, puede ir a un menú con configuraciones de imagen adicionales. Es importante que todas las imágenes estén en una carpeta estrictamente definida para todas las imágenes.

Para ir a otras páginas del sitio, debe crear enlaces a través de los cuales los usuarios puedan visitar todas las páginas del sitio. Para hacer esto, debe seleccionar el texto deseado para el enlace y ir a la pestaña “Insertar” > “Hipervínculo”, en el menú que se abre debe indicar la página a la que se está creando el enlace y hacer clic en “Aceptar”. . En la misma ventana hay otras configuraciones para los enlaces, como por ejemplo si abrir el enlace en una nueva ventana o no. En principio, puedes estudiar esto por tu cuenta.

Conclusión

En esencia, estos editores son similares entre sí y tienen funciones y menús similares. Una vez que domine la configuración básica, podrá crear fácilmente sitios web en otros editores. Una vez que domine estos principios, puede pasar a un método más complejo de diseño de sitios web: utilizando el llamado CSS. Puedes leer sobre qué es y cómo editar el diseño del sitio web en el artículo sobre CSS.

La desventaja de este método de "plantilla" es que cada página debe crearse por separado según la plantilla creada. Cuando, como cuando se crean sitios web utilizando los llamados motores, no se requiere la generación de páginas por separado, estas se generan automáticamente a medida que se agrega contenido.

Si tiene alguna pregunta sobre el artículo o el uso de dichos programas para crear sitios web, puede preguntarla en el hilo de discusión de nuestro foro.

Artículos sobre temas similares

Microsoft FrontPage: el programa es un editor que le permite utilizar el diseño en HTML. El software funciona según el principio de "Lo que haces es lo que obtienes". El motor de la utilidad se basa en una tecnología que también se utiliza en el conocido navegador IE. El desarrollador señala que cuando se trabaja con navegadores que utilizan motores de terceros, la pantalla se verá diferente.

El programa es capaz de implementar automáticamente los cambios realizados por los desarrolladores en tiempo real.

Se recomienda que el editor lo utilicen principiantes que quieran dominar las operaciones básicas de creación de páginas web. A diferencia de sus homólogos más complejos y complejos con una gran cantidad de capacidades, este programa puede considerarse trivial. Sin embargo, la funcionalidad básica le permitirá aprender rápidamente los conceptos básicos de la creación de sitios web.

Descargue la versión rusa completa de Microsoft FrontPage de forma gratuita desde el sitio web oficial sin registrarse ni enviar SMS.

Requisitos del sistema

• Sistema operativo compatible: Windows 7, 10, 8, 8.1, Vista, XP
• Profundidad de bits: 32 bits, 64 bits, x86

La imagen muestra el programa Microsoft FrontPage 2003 (1995-2003). El editor tiene una interfaz rusa y ayuda rusa. Peso 113 MB.

De Wikipedia:

1995 - Microsoft FrontPage 1.1
1997 - FrontPage 97 (segunda versión)
1997 - FrontPage Express 2.0
1998: Microsoft FrontPage para Macintosh
1998 - FrontPage 98 (tercera versión)
1999 - FrontPage 2000 (novena versión)
2001 - Microsoft FrontPage 2002 (décima versión)
2003 - Microsoft Office FrontPage 2003 (undécima versión)

FrontPage se suspendió en 2003 y fue reemplazado por programas de Microsoft como Diseñador de Microsoft Office SharePoint Y Web de expresión de Microsoft.

El programa Microsoft FrontPage es simple y lógico y, al mismo tiempo, tiene grandes capacidades.

Para quienes estén familiarizados con Microsoft Office Word, la apariencia de FrontPage no será nada nuevo. La barra de menú y las barras de herramientas son similares a las de Word, la mayoría de los comandos son los mismos.

Trabajar en FrontPage (en modo visual) también es básicamente lo mismo que trabajar en Word.

FrontPage tiene 4 modos de funcionamiento: diseñador (creación de una página en modo visual), código (creación de código de página), visualización y un modo de dividir la ventana del programa en código y visualización.

En modo visual, FrontPage puede formatear texto (y resaltar todos los errores ortográficos de su escuela con una línea roja), insertar imágenes, tablas, enlaces, marcos, formularios y mucho más con todas las configuraciones.

En el modo de código, FrontPage es mucho más débil e inferior a los buenos editores de código; muchas funciones del modo visual no están disponibles aquí (esta característica generalmente es inherente a los editores combinados, con la excepción de Dreamweaver). Puedes crear una página web en modo código, pero es más recomendable utilizar este modo para editar o corregir el código creado en modo visual.

La gran ventaja del programa es su interfaz en ruso, su ayuda y una gran cantidad de materiales de formación en FrontPage en ruso.

Entre las desventajas del programa, cabe señalar que el programa no es rápido: tarda mucho en abrirse y hay cierta lentitud al ejecutar algunos comandos. A veces el editor toma una iniciativa inapropiada y puede hacer algo que usted no desea.

Si, al crear material de texto en modo visual, FrontPage generalmente produce código limpio, durante otras operaciones puede verter muchas cosas innecesarias en la página. Este problema se puede resolver parcialmente con el optimizador de código HTML personalizado disponible en el editor.

El programa no puede considerarse completamente fiable; a veces se producen fallos inesperados. Y no funciona muy bien; FrontPage 2003 se parece a un gran mecanismo en el que algo vibra, se sacude y se desliza.
Pero muchos usuarios se adaptaron a sus deficiencias y FrontPage sigue siendo ampliamente utilizado.

Hay muchos tutoriales en Internet para FrontPage. Éstos son algunos:

FrontPage expreso

FrontPage Express (1995 - 1997, peso 4,3 MB): programa pequeño, rápido y agradable. Su funcionalidad es cercana a la de un editor como NVU. Es una versión ligera de FrontPage.
Arriba se muestra un dibujo de la barra de herramientas de FrontPage Express.
El editor te ayudará a diseñar tus títulos y elegir diferentes tipos, tamaños, estilos y colores de fuente. Le ayudará a insertar imágenes, vídeos, sonidos de fondo, caracteres especiales, animaciones, listas, subprogramas de Java, creepers, formularios, enlaces, tablas, etc. en las páginas.

Aunque en el editor la página se crea en modo visual y no hay forma de editar el código, el código de "salida" resulta bastante limpio, sin inclusiones innecesarias.

Hoy en día FrontPage Express ya está algo anticuado. Por ejemplo, no hay un navegador integrado para obtener una vista previa de la página que se está creando, no se puede trabajar con hojas de estilo (el editor no responde en absoluto a las hojas de estilo), etc.

Descargar FrontPage- de los archivos en Internet