MICROSOFT FRONTPAGE

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

Transcript of MICROSOFT FRONTPAGE

Page 1: MICROSOFT FRONTPAGE

COLEGIO “SIMÓN BOLÍVAR”

INTEGRANTES:• CHÁVEZ DANIELA• CHUQUIMARCA GABRIELA• MEDRANO BELÉN

FRONTPAGE

Page 2: MICROSOFT FRONTPAGE

¿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.

Page 3: MICROSOFT FRONTPAGE

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 1996En 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.

Page 4: MICROSOFT FRONTPAGE
Page 5: MICROSOFT FRONTPAGE

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.

Page 6: MICROSOFT FRONTPAGE

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.

Page 7: MICROSOFT FRONTPAGE

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. 

Page 8: MICROSOFT FRONTPAGE

• 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.

Page 9: MICROSOFT FRONTPAGE

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.

Page 10: MICROSOFT FRONTPAGE

• 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.

Page 11: MICROSOFT FRONTPAGE

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.

Page 12: MICROSOFT FRONTPAGE

• 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áginasWeb. 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.

Page 13: MICROSOFT FRONTPAGE

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.

Page 14: MICROSOFT FRONTPAGE

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 utilizarMicrosoft Word puede tratar con las herramientas de FrontPageel 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.

Page 15: MICROSOFT FRONTPAGE

• 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.

Page 16: MICROSOFT FRONTPAGE

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. 

Page 17: MICROSOFT FRONTPAGE

PASOS PARA INSTALAR FRONTPAGE Accedemos a nuestro panel de control panel

Entramos en la sección Herramientas Avanzadas / Extensiones FrontPage y pulsamos Instalar Extensiones

Page 18: MICROSOFT FRONTPAGE

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

Page 19: MICROSOFT FRONTPAGE

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

Page 20: MICROSOFT FRONTPAGE

Ejemplo de códigos de HTML