Frontpage es un sistema de publicación de páginas web desarrollado por Vermeer Technologies y adquirido por Microsoft en 1996, que permite crear sitios web atractivos sin necesidad de experiencia en programación. Con características como la interfaz WYSIWYG, soporte para contenidos multimedia y herramientas de automatización, Frontpage se ha convertido en una herramienta popular para diseñadores, aunque presenta desventajas como la dependencia de extensiones en el servidor. Desde 2006, Frontpage ha sido reemplazado por Microsoft SharePoint Designer y Microsoft Expression Web, pero aún es utilizado por algunos usuarios por su facilidad de uso.

1. COLEGIO “SIMÓN BOLÍVAR”
INTEGRANTES:
• CHÁVEZ DANIELA
• CHUQUIMARCA GABRIELA
• MEDRANO BELÉN

2. ¿QUÉ ES
FRONTPAGE?
FrontPage es un sistema de publicación de páginas web. Esta compuesto de dos
partes:
• Editor de páginas web, permite crear como si fuese un documento de Word.
• Permite acceder al servidor como si fuese una unidad de disco de nuestro
ordenador.

3. HISTORIA DE FRONTPAGE
• Fue creado originalmente en por la compañia Vermee Technologies Incorporated, con
sede en Cambridge, Massachusetts (EE.UU.). En enero de 1996 la empresa Vermee fue
adquirida por Microsoft, especificamente para agregar FrontPage a sus productos.
FrontPage 1.1 fue lanzado por Microsoft Excel en 1996
En Microsoft Office 1997 fue incluido FrontPage, Tambien se lanzo ese año Microsoft
FrontPage Express 2.0, una version reducida y gratuita.
En 2003 fue lanado Microsoft Office FrontPage 2003 (version 11), no se incluyo en
Office, sino que se vendia por separado.
En 2006 Microsoft anuncio que FrontPage seria sustituido por dos aplicaciones,
Microsoft SharePoint Designer, que permite diseñar aplicaciones basadas en
SharePoint; y Microsoft Expression Web para el diseño web profesional.

5. IMPORTANCIA DE FRONTPAGE
• Microsoft FrontPage es muy importante ya que permite crear
páginas Web atractivas e interesantes, se tenga o no
experiencia en programación. Gracias a este el usuario solo
tiene que concentrarse en el diseño de su web sin necesidad
de saber programar. No obstante, un usuario avanzada puede
hacer sitios web mas complejos.

6. CARACTERISTICAS DE
FRONTPAGE
Es uno de los editores de páginas Web más difundidos entre los consumidores
finales.
Incorpora soporte para contenidos de Macromedia Flash.
Es posible crear botones interactivos, con selección de tipografía, color y
aspectos sucesivos.
Permite la vista dividida de la pantalla de trabajo.
Posee la tecnología llamada InelliSense, que reduce las posibilidades de error
cuando se escriben líneas de código.
Plantillas Web dinámicas (DWT) .
FrontPage 2003 incluye soporte de macros en VBA.

7. FUNCIONES DE FRONTPAGE
• Pues es un programa para la edición y diseño de páginas web creado por
Microsoft, es la competencia directa para el ahora Adobe Dreamweaver.
• Su interfaz es WYSYWYG (What you see is what you get), o sea que el
diseño lo veremos tal y como los estamos editando. Es similar a los demás
productos de Microsoft.
• Se pueden crear formularios automáticos sin necesidad de procesamiento
del lado del servidor (PHP o ASP), pero el servidor debe tener activadas
las Extensiones para FrontPage, lo cual se hace desde el CPanel del sitio
web.

8. • Automatiza la creación del sitio, verificando los enlaces, actualiza cualquier
cambio que se le haga a un enlace que afecte a otras páginas.
• Puede trabajar conjuntamente con tecnologías como Flash, Shockwave, Java,
Javascript,, Base de datos, Activex, PHP, ASP, ASP.net, entre otros.
• Es un programa profesional hecho para profesionales, pero que un principiante
puede empezar de manera intuitiva y sencilla.

9. PARTES DE LA VENTANA DE
FRONTPAGE
• La barra de título:
Contiene el nombre del programa (Microsoft FrontPage) y el nombre del fichero
con el que estamos trabajando en este momento (pagina_nueva.htm). En el
extremo derecho están los botones para minimizar, maximizar / restaurar y
cerrar.
• La barra de menú:
contiene las operaciones de FrontPage, agrupadas en menús desplegables.

10. • Las barras de herramientas:
Las barras de herramientas contienen iconos para ejecutar de forma inmediata algunas de las
operaciones más habituales:
 Nuevo: Crea una nueva página web en blanco.
 Abrir: Abre un archivo de página web existente.
 Guardar: Guarda en el disco duro, en un disquete o CD el trabajo hecho en FrontPage.
 Publicar Web: Publica los archivos en el Web actual. Puede publicar utilizando HTTP si las
Extensiones de servidor de Microsoft FrontPage se instalan en el servidor Web en el que está
publicando.
 Lista de carpetas: Muestra u oculta la Lista de carpetas, que es una vista parecida al Explorador
de Windows de las carpetas y archivos en el Web.
 Imprimir: Imprime la página web hecha en FrontPage.
 Vista previa en el explorador: Muestra la página actual en un explorador de Web.
 Ortografía: Revisa la ortografía y gramática del documento.

11.  Cortar: Quita la selección del documento activo y la ubica en el Portapapeles.
 Pegar: Inserta el contenido del Portapapeles en el punto de inserción, reemplazando cualquier
selección. Este comando sólo está disponible si se ha cortado o copiado un objeto, texto o
contenido de una celda.
 Copiar formato: Copia formato de caracteres o un párrafo y lo aplica al texto que seleccione. Para
copiar el formato seleccionado a varios lugares, haga doble clic en Copiar formato. Haga clic de
nuevo en el botón cuando haya terminado.
 Deshacer: Invierte el último comando o elimina la última entrada que haya escrito. El nombre del
comando cambia a Imposible deshacer si no se puede deshacer la última acción.
 Rehacer: Invierte la acción del comando Deshacer.
 Insertar tabla: Inserta una tabla en el documento con el número de filas y de columnas que
especifique.
 Desde archivo: Inserta una imagen del Web actual, el World Wide Web, la Galería de imágenes de
Microsoft, un escáner o el sistema de archivos.
 Hipervínculo: Inserta un hipervínculo en el texto seleccionado o en el punto de inserción. Si no se
selecciona ningún texto, FrontPage inserta la dirección URL del hipervínculo como texto del
hipervínculo.

12. • La barra de Formato:
La barra de Formato se encuentra en la parte superior de la pantalla y contiene
indicaciones sobre el estado actual de formateo del texto. Podemos definir en cada
momento qué clase de texto se irá a crear con estilo, tipo de letras, tamaño, negrita,
cursiva, subrayado, alineación, etc.
• La barra de Vistas:
La barra de Vistas se encuentra en la parte izquierda de la pantalla y nos ayuda a
administrar la Web. Contiene los siguientes iconos:
 Página: Al hacer clic aquí, entramos en el modo de edición y creación de páginas
Web. Es el que usaremos para crear y modificar nuestras páginas Web.
Carpetas: Al hacer clic aquí, FrontPage nos muestra los archivos de nuestro sitio, en
forma de carpetas y documentos. Nos permite administrar el sitio Web y verlo como lo
veríamos en el explorador de Windows.
 Informes: Al hacer clic aquí, FrontPage nos informará sobre diferentes aspectos del
sitio Web.

13. Exploración: Al hacer clic aquí, veremos la estructura de nuestro sitio
Web en forma de esquema.
Hipervínculos: Al hacer clic aquí, nos aparece una relación de todas
las páginas enlazadas de la Web.
Tareas: Al hacer clic aquí, nos aparece una pequeña lista de tareas
que podemos usar sobre todo si trabajamos en grupo.
En las tres pestañas que aparecen en la parte inferior de la ventana
 Normal: Es el modo edición de trabajo en la que se trabaja la página
y todas las modificaciones que necesite.
 HTML: Es donde aparece todo el código de la página y que podemos también
modificarlo. FrontPage va creando el código de forma automática.
 Vista previa: Es el resultado de la página, es decir, tal como se vería en
Internet Explorer, ya que ambos programas pertenecen a Microsoft.

14. VENTAJAS Y DESVENTAJAS DE
FRONTPAGE
• VENTAJAS:
la interfaz de Microsoft FrontPage es el mismo como Microsoft Word. Por esa
razón, las personas que suelen utilizar
Microsoft Word puede tratar con las herramientas de FrontPage
el software es muy fácil de usar.
Otra ventaja de utilizar este software es proporcionar temas sorprendentes
con el que puede crear sitio web muy útil. Por lo tanto, hay un montón de
botones web, banners, y las imágenes de este software.
permite instalar algunas características extra de Web dinámicas incluídas
dentro del programa.

15. • DESVENTAJAS
 Duplica y hasta triplica el espacio utilizado en disco.
 Necesita de las extensiones Front Page instaladas en su servidor virtual.
 Al instalar estas extensiones, su cuenta FTP deja de trabajar.
Al instalar, no puede proteger páginas con contraseña ni ejecutar ningún tipo de
script Perl o PHP, menos aún trabajar con bases de datos MySQL.

16. COMO INSTALAR FRONTPAGE ?
Microsoft FrontPage es una herramienta para la creación de páginas web que funciona bajo el sistema
operativo Windows. FrontPage es un sistema que desde 2006 no viene incluido en la suite de ofimática
de Microsoft Office pero a pesar de ello sigue siendo utilizado por algunos usuarios sin demasiados
conocimientos de diseño web por su sencillez de uso,
Desde el panel de control cPanel podemos instalar las Extensiones FrontPage para que las páginas
web desarrolladas con esta aplicación.

17. PASOS PARA INSTALAR FRONTPAGE
 Accedemos a nuestro panel de control panel
 Entramos en la sección Herramientas Avanzadas / Extensiones FrontPage y pulsamos Instalar
Extensiones

18.  Esta compuesto por etiquetas esto sirve para que las etiquetas funciones tienen que tener oficialmente
los corchetes angulares
LENGUAJE HTML
 HTML son las siglas de hyper text markup lenguaje en español es el lenguaje que se utiliza para el
marcado de la construcción de paginas web

19. La etiqueta de cierre se puede identificar porque entre los corchetes lleva una linea diagonal
CODIGOS DE HTLM
<htmb>: esto siempre va al inicio de una pagina
 <body>: defiene el cntenido del texto
 <table>: define una tabla
 <b>: texto en negritas
 <i>: texto en cursivas
 <u>: textos subrayados
 <head>: cabecera del documento
 <title>: titulo de la pagina
 <style>: sirve para colocar el estilo

20.  Ejemplo de códigos de HTML