IntroduccinEl propsito de esta Gua del producto de Microsoft Office FrontPage 2003 es ayudarle a evaluar FrontPage 2003 y ofrecerle una perspectiva de las mejoras de funciones que se incluyen en el programa. La cada vez mayor sofisticacin de los sitios Web requiere una aplicacin sofisticada que pueda estar a la altura de sus conocimientos y capacidades de desarrollo Web. Microsoft Office FrontPage 2003 es la aplicacin para crear y administrar sitios Web con las herramientas, eficacia y funciones que le ayudarn a producir sitios profesionales con caractersticas dinmicas e interactivas. FrontPage 2003 ofrece mayor capacidad a los usuarios en tres reas clave: 1. Diseo: las nuevas herramientas de diseo facilitan la creacin del sitio que desea, ofrecindole la precisin que necesita en el control del diseo. La mejora de la compatibilidad con grficos facilita enormemente el trabajo con grficos de otras aplicaciones. 2. Codificacin: utilice las herramientas de diseo para generar mejor cdigo o ampliar los conocimientos de cdigo. Utilice herramientas integradas de secuencias de comandos para obtener resultados interactivos. Con las herramientas de codificacin profesionales, puede escribir cdigo con mayor rapidez, eficacia y precisin. 3. Extensin: cree avanzados sitios Web interactivos con datos dinmicos de una amplia variedad de orgenes. Desarrolle de forma sencilla sitios Web XML dinmicos controlados por datos en un entorno WYSIWYG. La mejora de las funciones de publicacin le ayuda a poner en lnea los sitios Web que crea en un abrir y cerrar de ojos. En esta Gua del producto se ofrece un recorrido por las nuevas funciones de FrontPage 2003 y las ventajas de utilizarlo, y se muestra cmo puede aprovechar sus conocimientos de diseo y desarrollo Web para crear sitios Web atractivos y dinmicos.

Usos de FrontPage 2003FrontPage 2003 proporciona a los diseadores y desarrolladores Web un conjunto de herramientas que permiten crear sitios Web dinmicos de forma rpida y sencilla. En FrontPage 2003, todas las funciones de diseo, codificacin y publicacin estn centralizadas para proporcionar una solucin total de creacin y administracin Web, con la flexibilidad de conciliar los conocimientos de diseo y codificacin, y elevarlos a niveles superiores. FrontPage 2003 aprovecha las tecnologas ms recientes, como XML y los productos y tecnologas de Microsoft SharePoint, para crear eficaces sitios Web controlados por datos. Adems, en FrontPage se proporcionan herramientas de diseo fciles de utilizar para ayudarle a crear sitios muy atractivos. Por ejemplo, puede utilizar las opciones de plantillas y diseo predefinidas y las funciones de secuencias de comandos de FrontPage 2003 para implementar fcil y rpidamente un sitio con caractersticas interactivas sencillas. O bien, puede desarrollar un sitio ms sofisticado con mens emergentes. Con Microsoft Windows SharePoint Services en Windows Server 2003, FrontPage 2003 le permite editar y presentar de forma fcil datos dinmicos de orgenes como los datos Windows SharePoint Services, XML, servicios Web u OLEDB, para crear avanzados sitios Web controlados por datos que reducen los costos de mantenimiento y permiten a los usuarios publicar en el Web utilizando nicamente el explorador.

Informacin general de las funciones de FrontPage 2003Microsoft Office FrontPage 2003 contiene funciones nuevas que le ayudan a disear, codificar y extender el trabajo Web. Obtenga una eficacia de diseo mejorada para producir sitios Web ms atractivos. En FrontPage 2003 se proporcionan herramientas fciles de utilizar para crear sitios Web con aspecto profesional que le permiten lograr los siguientes objetivos: Controlar la presentacin del sitio Web de forma rpida, fcil y precisa. Disear con las herramientas grficas que prefiera para obtener los mejores resultados. Aumentar la accesibilidad de los sitios con herramientas que le ayudan a asegurar que los usuarios podrn ver su trabajo.

Genere mejor cdigo ms rpidamente. En FrontPage 2003, sus conocimientos de codificacin pueden alcanzar alturas superiores con las eficaces herramientas de codificacin. Con FrontPage 2003, puede lograr los siguientes objetivos: Expandir la eficacia del cdigo HTML. Crear sitios interactivos con herramientas integradas de secuencias de comandos. Codificar ms rpidamente y con mayor precisin mediante herramientas de codificacin profesionales. Extienda la eficacia del sitio Web en nuevas direcciones dinmicas. FrontPage 2003 utiliza el cdigo y diseo Web que crea y le ayuda a conectar con personas e informacin de formas interesantes al permitirle realizar las siguientes tareas: Elegir entre una amplia variedad de opciones de publicacin. Ampliar la eficacia del sitio Web para conectar con personas e informacin de formas nuevas.

FrontPage 2003 en accinDisear mejores sitios WebFrontPage 2003 ayuda a los diseadores Web a crear sitios atractivos, ofrecindoles la libertad de crear los sitios Web que desean mediante diversas funciones de diseo y grficos. Las herramientas de diseo de FrontPage le ayudan a hacer realidad su visin de diseo Web, sin necesidad de conocer el cdigo HTML. Funcin Herramientas de diseo Herramientas de tabla de diseo Descripcin Invocacin

Ejerza un control de mxima precisin sobre el diseo. En FrontPage 2003 se proporciona un conjunto especial de herramientas para crear y manipular tablas que se utilizan con fines de diseo. Las tablas que se crean con estas herramientas funcionan igual de bien en distintos tipos de exploradores, as como en sus diferentes versiones. Utilice la funcin Autoexpansin para impedir la distorsin de columnas y filas al ver la pgina Web en condiciones que varan, como la resolucin del explorador o el tamao de la ventana. Puede mejorar el aspecto de la pgina con esquinas redondeadas, sombras, bordes y otros elementos. Utilice el panel de tareas Tablas y celdas de diseo para insertar una tabla de diseo mediante la seleccin entre distintos estilos de diseo. Tambin puede dibujar o crear cualquier tipo de tabla de diseo con la herramienta de lpiz de tabla.

En el panel de tareas Tablas y celdas de diseo: En la vista Diseo, elija el men Tabla y seleccione Tablas y celdas de diseo para abrir el panel de tareas del mismo nombre. Para aplicar una plantilla de tabla de diseo: En el panel de tareas Tablas y celdas de diseo, vaya a Elegir diseo y desplcese por las plantillas de tabla de diseo. Haga clic en una plantilla para aplicarla al documento actual. Para la herramienta Dibujar tabla: En la vista Diseo, elija el men Tabla y seleccione Dibujar tabla para ver la barra de herramientas Tablas. Como alternativa, haga clic en el men Ver, elija Barras de herramientas y, despus, haga clic en Tablas. Haga clic en el icono Dibujar tabla (la herramienta de lpiz de tabla). Utilice la herramienta de lpiz de tabla para dibujar otra tabla en el diseo de la pgina

Herramientas de diseo Plantillas Web dinmicas En FrontPage 2003 se ha agregado compatibilidad con plantillas de sitios Web mucho ms avanzadas que en el pasado. Puede crear varias plantillas, cada una con mltiples reas de contenido, y aplicarlas a las pginas del sitio Web. Al crear una pgina vinculada a una plantilla, se impide al usuario cambiar las partes de la pgina que tienen su origen en la plantilla. Al actualizar el archivo de la plantilla, los cambios se propagan automticamente a las pginas vinculadas a ella. Si se modifican las reas editables en la plantilla, simplemente se utiliza FrontPage 2003 para asignarlas. Adems, las plantillas Web son compatibles en cuanto a sintaxis con las plantillas de Macromedia Dreamweaver 4, por lo que puede mover fcilmente un sitio Web de Dreamweaver a FrontPage 2003 o trabajar con usuarios de Macromedia Dreamweaver en un mismo sitio. Capas de tiempo de diseo En FrontPage 2003 se incluye compatibilidad con capas de tiempo de diseo, lo que facilita mucho el trabajo con mltiples contenidos situados en el mismo espacio y que se hacen visibles mediante cdigo en tiempo de ejecucin. Dispone de control total sobre la creacin, colocacin y visibilidad de las capas. Es sencillo utilizar las herramientas de secuencias de comandos DHTML de FrontPage 2003 para escribir secuencias de comandos que controlen la visibilidad de estas imgenes en tiempo de ejecucin y crear sofisticados efectos visuales, como los mens de expansin. El diseo y la colocacin con precisin es sumamente fcil con las tiles guas de posicionamiento, como las reglas de pgina y la cuadrcula de diseo de fondo.Para aplicar una plantilla a un sitio nuevo: En el men Archivo, haga clic en Nuevo. En el panel de tareas Nueva pgina o sitio Web, bajo Otras plantillas, seleccione Plantillas de sitio Web. En el cuadro de dilogo Plantillas de sitio Web, haga clic en la plantilla que desee. Para aplicar una plantilla dinmica a una nueva pgina: En el men Formato, seleccione Plantilla Web dinmica y haga clic en Asociar plantilla Web dinmica.

En el men Insertar, seleccione Capa.

Reglas de pgina y cuadrcula de diseo

En el men Ver, haga clic en Regla y cuadrcula. Seleccione Mostrar la cuadrcula o Mostrar la regla.

Herramientas de diseo Deteccin del diseo Identifique automticamente las tablas de diseo con la opcin Habilitar herramientas de diseo. Dispone de control total de la funcin de deteccin de diseo: puede activar y desactivar las herramientas de diseo de tablas para una tabla determinada, o desactivar la funcin completamente para poder controlar manualmente las herramientas de diseo. Replique el diseo del sitio colocando detrs de la vista Diseo una imagen del aspecto que desea que tenga al terminar. Esto es til para trabajar a partir de la idea del sitio de un dibujante. Vare la opacidad y utilice la imagen de fondo como gua al crear contenido del nuevo sitio. En la vista Diseo, en el men Tabla, elija Propiedades de tabla y, a continuacin, seleccione Tabla. Active o desactive la opcin Habilitar herramienta de diseo para esta tabla o Habilitar automticamente herramienta de diseo segn contenido de la tabla. Para aplicar la caracterstica de Imagen maqueta: En el men Ver, elija Imagen maqueta y seleccione Configurar. Escriba el nombre del archivo en el cuadro Nombre de archivo o haga clic en el botn Examinar. En Opacidad, mueva el control deslizante para ajustar la opacidad de la imagen al nivel deseado. Para quitar la imagen maqueta: En el men Ver, elija Imagen maqueta y seleccione Configurar. Haga clic en Borrar imagen y, despus, en Aceptar.

Imagen maqueta

Temas mejorados

Puesto que en FrontPage 2003 se utiliza el formato CSS (hojas de estilos en cascada) en lugar de cdigo HTML para aplicar los temas, los archivos son ms pequeos, ms transparentes y ms fciles de controlar y modificar. Las pginas en las que hayan aplicado temas con HTML en versiones anteriores siguen funcionando en FrontPage 2003.

En el men Formato, seleccione Tema. En el panel de tareas Tema, en Seleccionar un tema, desplcese por la lista de temas disponibles. Para seleccionar un tema, haga clic en la vista en miniatura del tema y, en el men desplegable, elija Aplicar a la pgina o pginas seleccionadas.

Entorno de trabajo mejorado y rea de diseo ms grande

En FrontPage 2003, todos los controles Web estn centralizados y se ofrece una vista panormica de todo el sitio Web para facilitar ms que nunca la creacin y las actualizaciones. Por otro lado, con el rea de diseo de mayor tamao se reduce la necesidad de desplazarse.

Herramientas de grficos Compatibilidad con grficos mejorada

El trabajo con grficos de otras aplicaciones es ms fcil que nunca. Mediante nuevas interfaces y comportamientos predeterminados se explica claramente qu suceder al importar imgenes en el sitio Web as como el comportamiento que se puede esperar al editar las imgenes importadas. Esto le ofrece mayor control de cmo se muestran y guardan las imgenes.

Haga clic en la imagen para mostrar los bordes de la misma. Haga clic en un borde y arrstrelo para cambiar el tamao de la imagen. En el men desplegable de etiqueta inteligente que aparece, seleccione Slo modificar atributos de tamao o Volver a muestrear la imagen para ajustar el tamao para completar la modificacin del grfico. En el men Herramientas, haga clic en Opciones. En el cuadro de dilogo Opciones, haga clic en la ficha Configurar editores.

Configuracin de varios editores

Incorporacin de contenido de Macromedia Flash

Elija qu editor desea utilizar para editar contenido especfico. Por ejemplo, si tiene varios archivos .gif, de los cuales algunos son fotografas y otros diagramas, puede editar las fotografas con Adobe PhotoShop y los diagramas con Microsoft Office Visio mediante la seleccin automtica del editor cuando se dispone a modificar el archivo. La inclusin de contenido de Macromedia Flash en el sitio Web es tan sencilla como arrastrarlo al rea de trabajo. En FrontPage 2003 se proporciona un cuadro de dilogo para que pueda establecer las propiedades de una pelcula Flash al hacer doble clic en ella y se admite el uso de secuencias de comandos con objetos Flash mediante las funciones de creacin de secuencias de comandos.

En el men Insertar, elija Imagen y, despus, haga clic en Flash.

Herramientas de compatibilidad Conciliacin de explorador y resolucin

Disee para un explorador o resoluciones especficos, o vea la apariencia que tendr el sitio en distintas combinaciones de exploradores y resoluciones, lo que incluye la vista previa simultnea de varios exploradores.

Para disear para un tamao de explorador especfico: En el men Ver, elija Tamao de pgina y seleccione el tamao del explorador de destino. Se agregan bordes grises a la vista si el destino es menor que el espacio disponible y se muestra una lnea de puntos para indicar dnde termina la primera pantalla. Para obtener una vista previa en el explorador: En el men Archivo, elija Vista previa en el explorador. Seleccione el explorador de destino o elija varios exploradores con diferentes tamaos de pantalla. Las listas de exploradores son totalmente personalizables. Para personalizar la compatibilidad con exploradores: En el men Herramientas, elija Compatibilidad de explorador. Haga clic en Cambiar.

En el cuadro de dilogo Creacin, cambie la configuracin que desee para adaptarla a exploradores especficos. Haga clic en Aceptar para cerrar el cuadro de dilogo Creacin. Haga clic en Comprobar para comprobar la compatibilidad del explorador.

Comprobacin de accesibilidad

Seleccione directrices que seguir (incluidas las directrices de la seccin 508 del gobierno de los EE.UU.) y reciba sugerencias. Las sugerencias de accesibilidad se muestran en una lista y puede alternar entre la lista y el sitio para solucionar los problemas.

En el men Herramientas, seleccione Accesibilidad. En Opciones de comprobacin, seleccione las opciones que desee. Haga clic en Comprobar.

Generar mejor cdigoAdems de mejores herramientas de diseo, FrontPage 2003 cuenta con eficaces herramientas de codificacin para ayudarle a aplicar y aumentar sus conocimientos de diversos lenguajes de codificacin, as como a crear secuencias de comandos interactivas de forma sencilla. Las herramientas de diseo de FrontPage 2003 tambin generan cdigo HTML eficaz y limpio, y le ofrecen mayor control del cdigo. Funcin Herramientas HTML Vista Dividir Descripcin Invocacin

Selector rpido de etiquetas

La nueva vista Dividir le ayuda a crear y actualizar sitios con mayor rapidez al mostrar la vista Cdigo y la vista Diseo al mismo tiempo. Al realizar modificaciones en la vista Diseo en pantalla dividida, el cdigo se actualiza automticamente mientras trabaja, de forma que puede revisarlo y utilizarlo como herramienta de aprendizaje. Al realizar modificaciones directamente en el cdigo, puede actualizar manualmente la vista Diseo si presiona F5 con el fin de incorporar lotes de los cambios a la vez. Vea la estructura de rbol del cdigo HTML debajo del punto de insercin en la interfaz de usuario y seleccione o manipule los elementos en la vista Diseo. Si trabaja en una pgina que contiene un nmero de tablas anidadas, puede ser difcil seleccionar slo la tabla o las celdas en las que desea trabajar. El Selector rpido de etiquetas le permite seleccionar el elemento exacto que necesita.

Haga clic en Vista Dividir para ver al mismo tiempo la vista Cdigo y la vista Diseo.

En la vista Diseo, el Selector rpido de etiquetas se encuentra justo debajo de la ficha de pgina. Haga clic en una etiqueta para resaltar los elementos asociados en la vista Diseo. Cambie a la vista Cdigo para ver el cdigo resaltado.

Herramientas HTML Editor rpido de etiquetas Cree y modifique las etiquetas de forma sencilla con el Editor rpido de etiquetas. Seleccione texto y edite las etiquetas que lo rodean, delimtelo con una nueva etiqueta, inserte nuevo cdigo HTML o elimine una etiqueta. En la vista Diseo, haga clic en el elemento que desea editar en la pgina. En el Selector rpido de etiquetas, abra el men desplegable asociado con la etiqueta resaltada. En el men desplegable de la etiqueta, elija Editar etiqueta. En la barra de herramientas Editor rpido de etiquetas, realice los cambios que desee. Haga clic en la marca de verificacin verde para aceptar los cambios y cierre la barra de herramientas Editor rpido de etiquetas.

Buscar y reemplazar de forma inteligente

Edicin de archivos de texto

En FrontPage 2003 se proporcionan funciones bsicas para buscar y reemplazar, as como un motor de reglas para realizar bsquedas HTML. Puede buscar y reemplazar rpidamente en atributos o etiquetas en todo el sitio o en pginas especficas. Puede guardar las consultas para su uso posterior o compartirlas con otros creadores. Esto le permite llevar a cabo actualizaciones rpidas en todo el sitio Web con gran precisin. Por ejemplo, puede especificar una regla para buscar todas las pginas del sitio que no tengan una etiqueta meta de palabras clave y agregar la etiqueta de palabras clave delante de la etiqueta . FrontPage 2003 le permite editar archivos de texto, como archivos JavaScript, XML, XSLT, etc. directamente en el editor de FrontPage, aprovechando todas las nuevas funciones de edicin de cdigo sin tener que cambiar a un editor diferente. FrontPage 2003 le permite limpiar el cdigo HTML de las pginas de dos maneras diferentes. Puede limpiarlo en el momento de creacin; para ello, vaya al men Herramientas y haga clic en Optimizar HTML. Puede hacer que FrontPage 2003 limpie automticamente el cdigo, lo que incluye la

Presione CTRL+B para abrir el cuadro de dilogo Buscar y reemplazar. Haga clic en la ficha Buscar para buscar texto, atributos o valores. Haga clic en la ficha Reemplazar para buscar y reemplazar rpidamente texto, atributos o valores. Haga clic en la ficha Etiquetas HTML para buscar y reemplazar etiquetas rpidamente.

En el men Archivo, haga clic en Abrir. En el cuadro de dilogo Abrir archivo, en el cuadro Archivos de tipo, utilice el men desplegable para mostrar los tipos de archivo deseados. Para optimizar el cdigo HTML local: En el men Herramientas, haga clic en Optimizar HTML. En el cuadro de dilogo Optimizar HTML, active o desactive los elementos que desee

Limpieza del cdigo HTML

Herramientas HTML eliminacin de espacio en blanco, la limpieza de cdigo HTML creado en otros programas, etiquetas no esenciales, comentarios y grficos de vectores. Tambin puede limpiar la versin remota del sitio al publicarlo para optimizar los archivos que publique en lnea. Esto le permite disponer de completas posibilidades de edicin HTML en la versin local del sitio, al tiempo que se reduce al mnimo el tamao de la pgina que el usuario abre en un explorador.quitar. Para optimizar el cdigo HTML remoto: En la vista Sitio Web remoto, haga clic en Optimizar HTML remoto. En el cuadro de dilogo Propiedades de sitio Web remoto, en la ficha Optimizar HTML, active o desactive los elementos que desee quitar. Haga clic en Establecer como predeterminado si desea optimizar el cdigo HTML con esta configuracin cada vez que se publique el sitio Web.

Herramientas de secuencias de comandos Creacin y uso de secuencias de comandos

En FrontPage 2003 se incluye IntelliSense para crear cdigo Jscript y VBScript en la vista Cdigo.

En la vista Cdigo, inserte el cursor y escriba