Hola,
Os he colocado mas información, pero como parece ser que existen límites, he tenido que implementar parte del tutorial en otra opinión.
(Lo que falta está en "Haz tu propia web II)
A estas alturas ya debeis conocer mi debilidad por los temas relacionados con la informática.
Ni mucho menos soy un entendido en la materia, y por supuesto no peco de falsa modestia.
Lo que os quiero explicar ahora es un tutorial sobre el Front Page, ya que he pensado que si lo tengo yo, sería muy interesante que lo tuvieseis vosotros.
Este tutorial lo voy a desarrollar en dos partes, así que aquí os dejo la primera...cuando tenga lista la segunda os lo haré saber...que aprendais mucho y por supuesto que disfruteis leyendo estas lineas.
INTERNET I LA WWW (UN POCO DE HISTORIA)
Verdaderamente hoy en día todos somos testigos de una revolución en las comunicaciones; un evento tan importante que está cambiando nuestras costumbres en la forma de comunicarnos, así como está derrumbando las barreras que antes nos imponía las distancias.
Veamos unos ejemplos :
• En la biblioteca de alguna universidad, un alumno revisa los catálogos de la biblioteca del congreso norteamericano para poder desarrollar su investigación.
• Un grupo de investigadores dispersos por el mundo llevan a cabo una tarea conjunta, manteniéndose en permanente contacto a través del correo electrónico.
• Reuniones virtuales de ejecutivos, ahorran una enorme cantidad de tiempo y dinero.
• Desde la pantalla de su computador, un agente de bolsa puede tener información actualizada de los movimientos de las otras bolsas en el mundo.
Estos ejemplos, y muchos más tienen un factor en común : Internet ; esta red de computadores de alcance mundial, que nos afectará, tarde o temprano, si es que ya no lo hizo. No es en vano que actualmente hay más de 100 millones de personas en la comunidad virtual.
En cualquier computador conectado a la red las conexiones pueden ir desde económicas líneas
telefónicas y módems, hasta muy costosas tecnologías de comunicación que enlazan grandes
empresas y universidades.
Los mas populares servicios que Internet nos ofrece son el correo electrónico y el World Wide Web (también conocido simplemente como "el web"). El correo electrónico es el equivalente de una casilla postal común, donde recibimos nuestra correspondencia y a la vez podemos despachar las cartas hacia todo el mundo.
El web es el equivalente de la oficina de una empresa, donde podemos poner a disposición pública productos, servicios, áreas de soporte al cliente, y en general cualquier información de la empresa. La información que las empresas y personas ponen a disposición pública a través del web, está en un lenguaje especialmente diseñado para esto -el lenguaje HTML (HyperText Markup Languaje)- este lenguaje está siendo adoptado como el estándar universal para la creación y distribución de información no sólo en ambientes públicos, sino también en los entornos privados al interior de las compañías y las corporaciones.
Actualmente tenemos una variedad de programas gratuitos y comerciales capaces de crear documentos en HTML de una manera muy fácil y rápida.
En el próximo tópico vamos a ver cómo es el funcionamiento general de los lenguajes de hipertexto.
LENGUAJES DE HIPERTEXTO Y HTML
Qué es un hipertexto?
Un hipertexto es un texto común, con la funcionalidad adicional de poder relacionarse con otros documentos, a través de vínculos (en la terminología del web se le conoce como hipervínculos); y de esta forma poder presentar organizadamente una colección de información que sea fácil de examinar y usar.
Qué es el HTML?
HTML (del inglés, HyperText Markup Languaje) es un lenguaje para preparar documentos de hipertexto; este lenguaje es el estándar para la distribución de información en el web (de ahora en adelante, páginas web). En sus pocos años de vida, el HTML ha sufrido varias transformaciones , estas transformaciones han hecho de este lenguaje de hipertexto una poderosa herramienta para distribuir cualquier tipo de información, con la ventaja de poder presentar un entorno enriquecido de gráficos, sonido e interactividad con el lector.
Antes de comenzar a crear documentos HTML es bueno realzar que aunque el lenguaje nos permite enorme flexibilidad para diseñar nuestras páginas web, no tiene (por lo menos hasta el HTML 3.2) todos los recursos que nos ofrece un procesador de textos de alto nivel como el MS Word, o el Corel WordPerfect por ejemplo.
CONCEPTOS DE SERVIDORES Y CLIENTES WEB
Ahora que ya sabemos que son páginas web debemos discutir como es que esta información se publica en Internet, o al interior de nuestras empresas a través de una intranet.
Para publicar nuestras páginas web necesitamos un ordenador, con conexión de red permanente, y con el software adecuado que se encargue de enviar la información cuando algún usuario se lo pida; a esta máquina, que requiere características adecuadas para sus funciones se le conoce como "servidor web"; es en el servidor web que nosotros vamos a depositar nuestras páginas para que nuestras visitas virtuales puedan accederlas.
Por el otro lado de la historia está la comunidad de Internet, o intranets, que son quienes van a buscar la información que nosotros publiquemos; estas personas necesitan de un software especial llamado "cliente web" o "navegador web", para poder acceder a nuestros servidores web. Entre los más populares navegadores están el Netscape Navigator y el Internet Explorer de Microsoft.
La instalación de un servidor web es una tarea que requiere conocimientos técnicos de tecnología de redes y protocolos TCP/IP. En la mayoría de los casos, uno puede obtener un servidor web para publicar sus páginas pagando una cuota mensual, o algunas veces de forma gratuita. La instalación de un navegador web, es por el contrario muy sencilla y puede ser hecho de forma doméstica sin necesitar de un experto en el tema.
FUNCIONAMIENTO DEL ENVÍO DE PÁGINAS EN INTERNET O INTRANETS
El proceso de distribución de información se realiza en las siguientes etapas :
1. El cliente pide la información a través del URL : La primera etapa es cuando un usuario de la comunidad Internet abre su navegador web y pide un recurso en Internet a través de su "dirección" URL; por ejemplo, http://www.ciao.es , etc. El navegador web entra en contacto con el servidor web donde se ubica el recurso y le hace llegar el pedido específico de la información.
2. El servidor web verifica que el recurso solicitado esta disponible, y si todo esta OK envía la información de vuelta al cliente que hizo el pedido.
3. El navegador web recibe la información enviada por el servidor web, y la presenta en la pantalla; esta información (páginas web) puede contener texto, gráficos, multimedia, y puede responder activamente a las acciones del usuario haciendo que sea más atractiva de leer. Las páginas comúnmente ofrecen hipervínculos a otros recursos donde existe información relacionada, estos hipervínculos pueden activarse con un "click" del mouse y produce que un nuevo pedido de información sea enviado al mismo o a otro servidor web.
GUIAS GENERALIZADAS PARA CONSTRUIR UNA WEB
Antes de comenzar a ver las técnicas para desarrollar páginas web, es útil y necesario discutir conceptos generales sobre el diseño de colecciones de información; de esta forma podremos prepararnos a crear organizadamente nuestro web site.
FACILIDAD DE NAVEGACIÓN
Un factor importante es la forma que debemos presentar la información, hay que tener en cuenta que a medida que la cantidad de páginas publicadas aumenta, es cada vez más difícil para las visitas encontrar lo que necesitan. La mejor forma de ofrecer la información es organizarla en áreas definidas, permitiendo así que la navegación sea muy intuitiva. Si las visitas necesitan gastar mucho tiempo para encontrar la página buscada, tened por seguro que se sentirá desalentada a regresar posteriormente, o peor aun, puede abandonar la búsqueda en el medio del camino. Las imágenes son una buena alternativa para hacer que las páginas web sea auto-explicativa.
CONTROL DE FLUJO DE LA NAVEGACIÓN
Al crear un web site hemos de pensar de la misma manera que al ubicar las diferentes secciones de mercaderías en una tienda de ropa o de lo que sea. Si un adulto pretende ir a la sección de licoreria, con seguridad en el camino no ira a pasar por la sección de juguetes o dulces; el mismo es el caso de los niños que van a la sección de juguetes que con seguridad no pasarán por la sección de tabacos o de ropa para adultos. El flujo de navegación, esto es, el camino que debe seguir la visita hasta llegar a su objetivo, tiene que estar de acuerdo a los intereses del visitante, y hacer que las páginas intermedias sean atractivas y útiles a sus propósitos.
MEDITAR SOBRE QUE TIPO DE PÚBLICO NOS INTERESA ATRAER A NUESTRA WEB
Como en cualquier campaña de marketing, debemos ponernos a pensar quien es el público primario de nuestra web, que tipo de conexión a Internet usa para acceder a nuestra web y cuanto tiempo generalmente pasa al frente de nuestras páginas. Esta información es muy útil para definir el contenido, en texto y gráficos, de las páginas.
TAMAÑO DE LAS PÁGINAS
Es realmente frustrante cuando visitamos un web site, y debemos esperar mucho tiempo, en algunos casos hasta algunos minutos, para que la página sea completamente mostrada en la pantalla. Como veremos, las páginas compuestas de texto, gráficos y multimedia, generan una muy agradable impresión, sin embargo son más lentas para mostrarse al visitante. El desarrollador puede fácilmente considerar este parámetro como criterio para la elección del contenido de las páginas.
PRUEBA DE LA WEB ANTES DE PUBLICARLA
Tenemos que recordar siempre que nuestro público puede observar las páginas desde cualquier tipo de sistema operativo (Windows 3.X, Windows 95, OS/2, MacOS, UNIX, NT, XP, LINUX etc..), con cualquiera de los navegadores disponibles en el mercado (Netscape Navigator , Netscape Communicator , Internet Explorer , etc..), con diferentes tipos de resolución de pantalla (640 x 480 , 600 x 800, etc..) y conectados a Internet a diferentes velocidades (9600 bps, 14400 bps, 28800 bps, RDSI, ADSL etc..). Estas diferencias pueden hacer que nuestros diseños aparezcan muy buenos para un visitante particular, sin embargo aparezcan pésimos para otros; en general se recomienda probar el web en la mayor cantidad de condiciones posibles, y tratar de hallar un factor común para que sea correctamente presentado. Si no tomamos el suficiente cuidado para alguna configuración puede que el visitante se encuentre con una página totalmente desordenada y de mal gusto, en este caso tened por seguro que habremos perdido un potencial cliente.
QUE ES EL FRONT PAGE
En la sección anterior hemos visto cuáles son las consideraciones generales para desarrollar un proyecto web; ahora veamos uno de los productos disponibles comercialmente que nos ofrece un conjunto de herramientas muy útiles para alcanzar nuestros objetivos : El Front Page de Microsoft .
El Front Page es un aplicativo que se ejecuta en Windows 98, Windows NT, XP, etc, que nos permite tener una visión completa de un proyecto web como si fuera apenas una página. En el Front Page se combina la facilidad de crear páginas web, con insertar dinamismo a las páginas a través de scripting y al mismo tiempo una administración global de todo el proyecto (hipervínculos, navegación, directorios, etc..). Veamos los elementos que componen el Front Page.
EL EXPLORADOR DE FRONT PAGE
Es una herramienta de administración de proyectos web; tanto de forma local como remota; es decir, un PC con el Front Page instalado puede administrar un proyecto web que está publicado en cualquier otro lugar de Internet. Con el Explorador tendremos una visión general de la organización física de los archivos que componen el web, su estructura de directorios, así como la organización del flujo de la información y el control de la consistencia de los vínculos internos y externos. Con estas ventajas podremos rápidamente organizar e implementar nuestros proyectos para el web.
EL EDITOR DE FRONT PAGE
El editor es una herramienta para el desarrollo de las páginas web individuales que componen nuestros proyectos web; su entorno de desarrollo es muy similar a los programas de la familia Office de Microsoft, lo que reduce el esfuerzo de aprendizaje. El editor nos ofrece además la creación de formularios y de scripting básico para agregarle interactividad a las páginas. El editor se integra de forma transparente a todos los navegadores instalados en el PC, de forma de poder visualizar las páginas en cualquiera de ellos sin tener que reconfigurar el sistema; además ofrece la posibilidad de simular diferentes resoluciones de pantalla, para ver las páginas en la mayor cantidad de situaciones posibles.
LISTA DE TAREAS PENDIENTES
Una de las fabulosas utilidades del FrontPage, es la lista de tareas pendientes. Con esta lista podemos llevar un control de los servicios que tenemos por cumplir en la tarea cotidiana de desarrollo, y evita innumerable pedacitos de papel al rededor del la computadora. Además nos provee de un método de asignación de tareas cuando el desarrollo del proyecto está a cargo de un equipo de personas.
ADMINISTRADOR DE SERVIDORES
Para poder instalar y configurar correctamente las extensiones de Front Page en su servidor, el programa ofrece el Administrador de Servidores; con él podremos mantener correctamente las extensiones que se conectan al Explorador y al Editor de Front Page. El Administrador también nos permite agregarle seguridad a nuestro web a través de procesos de autenticación de las visitas, cuando el servicio ofrecido no debe estar disponible públicamente.
Como vemos, el Front Page es realmente una herramienta completa de desarrollo de proyectos web que nos será muy útil para el éxito de nuestros planes de trabajo.
Antes de poner las manos en la masa y comenzar nuestras tareas de desarrollo discutamos un concepto asociado : los Web de Front Page .
EL WEB DE FRONT PAGE
Cuando nos proponemos diseñar el web de nuestra empresa, antes de poner las manos en la masa, debemos pensar la cantidad de trabajo involucrado y el tiempo disponible para realizarlo. En algunas circunstancias el volumen de información es lo suficientemente grande como para ocupar muchas horas de trabajo de un equipo completo de desarrolladores. Para estos casos el Front Page define el concepto de Web de Front Page, que puede hacer significar un web site entero, o puede significar una parte definida de un proyecto de mayor envergadura, que envuelva varios webs de Front Page. La ventaja de esta idea es poder dividir todo el web site partes mas pequeñas, de forma de poder asignarlas a una persona responsable de su ejecución. Los diferentes webs de Front Page pueden relacionarse para formar el proyecto competo.
En el siguiente capítulo vamos a ver que el desarrollo y administración usando el Front Page está orientado a atacar un Web de Front Page a la vez, de forma que el desarrollador se concentre en la tarea a la que fue designado y no se sienta perdido entre gran cantidad de páginas externas a su labor.
REQUERIMIENTOS DE HARDWARE
Para instalar el cliente Front Page de Microsoft es necesario :
1. Un PC 486 o superior, con 8 MB RAM (16 MB recomendado)
2. Dispositivos multimedia si se quiere incluir multimedia en el proyecto.
3. 30 MB de espacio libre en el disco duro
4. Unidad de lectura de CD-ROM
5. Tarjeta de video VGA (SVGA recomendado)
6. Mouse
7. Conexión a Internet o intranet en el PC.
Para las pruebas necesarias en las tareas de desarrollo :
1. Netscape Navigator
2. Netscape Communicator
3. Microsoft Internet Explorer
Acceso a un servidor web compatible con las extensiones de Front Page :
1. Netscape Enterprise Server
2. Netscape Fast Track Server
3. Netscape Commerce Server
4. Netscape Communication Server
5. Microsoft Internet Information Server
6. Microsoft Peer Web Services
7. Microsoft Personal Web Server
8. O'Reilly Website
9. NCSA
10. Apache
11. CERN
EL EXPLORADOR DE FRONTPAGE
Características del Explorador
El Explorador de FrontPage es el aplicativo de administración; con él podemos ver nuestro Web de FrontPage organizado por directorios (modo de carpetas), u organizado por flujo (modo de hipervínculos):
Como podemos ver el modo de carpetas es totalmente familiar a la del explorador de Windows.
Podemos revisar el contenido de cada directorio haciendo click sobre él en el panel izquierdo de la ventana, el contenido se mostrará en el panel derecho, exactamente de la misma forma que trabaja el explorador de Windows.
En el modo de hipervínculos la presentación se orienta a controlar el flujo de la información; con esta presentación visual vemos claramente la forma que nuestras visitas pueden navegar en nuestro web. También podemos controlar la consistencia de los hipervínculos, tanto internos como externos.
Ahora veamos las opciones disponibles en el menú de Herramientas. Las primeras tres opciones, Ortografía, Buscar y Remplazar, hacen referencia a todas las páginas del Web de FrontPage. Las siguientes opciones, Comprobar y Actualizar hipervínculos nos ofrece la comprobación inmediata de todo la consistencia de navegación de nuestro web; cuando usemos esta opción el FrontPage nos indicará la existencia de hipervínculos rotos cuando estos existan. El siguiente grupo de opciones, Mostrar Editor, Lista de tareas pendientes, Mostrar imágenes tienen la misma función que los botones correspondientes en la barra de herramientas.
El último grupo de opciones tiene un papel importante en las tareas de desarrollo. Estas opciones nos permiten la administración avanzada de nuestro Web. En los capítulos siguientes vamos a ver los detalles de estas opciones.
BARRAS DE HERRAMIENTAS DEL EXPLORADOR
Si en el Explorador de FrontPage no aparece la barra de herramientas, es por que está desactivada; puede activarla en cualquier momento desde el menú Ver.
La barra de herramientas del Explorador de FrontPage, a diferencia de la mayor parte de aplicativos Windows, no puede manejarse de forma flotante, así que siempre la tendrá en la parte superior de la pantalla. Su apariencia y funciones son familiares a los de la suite Office 97 de
Microsoft.
Es bueno resaltar una vez mas que en el FrontPage el documento activo no es una página web, si no un Web de FrontPage; asi todas las funciones de la barra de herramientas hacen referencia a los Webs de FrontPage, y no a las páginas que lo componen.
Veamos ahora las funciones de la barra de herramientas :
NUEVO WEB DE FRONT PAGE
Crea un nuevo Web de FrontPage. Cuando use esta opción recuerde que el FrontPage solo puede trabajar con un Web de FrontPage simultaneamente, asi que tendrá que abandonar el Web que está actualmente desarrollando.
ABRIR WEB DE FRONT PAGE
Con este botón puede abrir un Web de FrontPage existente, tanto en su propio PC, como en un servidor remoto conectado a Internet
o a su intranet.
BUSCAR: Herramienta de búsqueda de caracteres. Busca en todas las páginas web que componen el Web de FrontPage.
ORTOGRAFÍA: Activa el servicio de corrección ortográfica. La corrección se extiende a todas las páginas que componen el Web activo.
VER HIPERVINCULOS: Activa el modo hipervínculos del Explorador. Se usa frecuentemente para controlar el flujo en nuestro Web.
VER CARPETAS: Activa el modo carpetas del Explorador. En este modo se presenta la organización física de los archivos que componen nuestro web.
SUBIR UN NIVEL: En el modo carpetas se usa para cambiar a la carpeta padre.
HIPERVÍNCULOS A IMÁGENES: En el modo hipervínculos muestra/oculta los hipervínculos a imágenes en las páginas.
HIPERVÍNCULOS REPETIDOS: En el modo hipervínculos muestra/oculta los hipervínculos repetidos entre las páginas que componen el Web.
HIPERVÍNCULOS INTERNOS: En el modo hipervínculos muestra/oculta los hipervínculos a la misma página.
MOSTRAR EDITOR DE FRONT PAGE: Lanza el editor de FrontPage, con el podemos crear/editar las páginas que componen nuestro Web.
MOSTRAR LISTA DE TAREAS PENDIENTES: Lanza la lista de tareas pendientes.
MOSTRAR EDITOR DE IMÁGENES: Lanza el editor de imágenes externo. Por defecto asume el Image Composer de Microsoft, pero se puede configurar para usar cualquier otro programa gráfico.
DETENER: Detienen la carga de un Web de FrontPage
AYUDA: Muestra la ayuda en linea del FrontPage
PROYECTO WEB
OK, ahora pongamos las manos en la masa y comencemos a crear nuestro primer Web de FrontPage. Al lanzar la aplicación el FrontPage nos presenta el cuadro de diálogo Introducción a Microsoft FrontPage .
Desde esta ventana podremos crear nuestro primer Web de FrontPage. Para crear un Web nuevo tenemos las tres opciones inferiores :
Desde un asistente o plantilla:
Quienes tienen experiencia con el uso del Microsoft Office saben la valiosa ayuda que nos ofrecen los asistentes y las plantillas; en el FrontPage nos ofrecen gran parte del trabajo base para nuestras tareas, como son definir la estructura de directorios y de flujo de la información. Nosotros podremos elegir entre los asistentes o plantillas que se adecuem mas a nuestro problema, y luego haremos la personalización del modelo hasta haber alcanzado nuestra meta.
Con el asistente para importar:
Esta opción es útil cuando ya tenemos páginas creadas anteriormente y a partir de ahora queremos continuar nuestro desarrollo usando el FrontPage; el asistente le guiará paso a paso de como recuperar la información que ya creó, e incluirla dentro de un nuevo Web de FrontPage.
Web de FrontPage en blanco:
Esta es la alternativa que deberemos tomar cuando no encontramos ningún asistente o plantilla que se adecue a nuestro propósito. En este caso todo esta por hacer, asi que nuestro siguiente paso seria definir la organización del web, tanto de los directorios como del flujo de información. En cualquiera de los casos, el FrontPage nos preguntará el nombre del servidor donde vamos a crear el Web de FrontPage, y el nombre correspondiente. La ubicación del servidor puede ser local o remota, bastan indicar el nombre Internet de la máquina. Si uno quiere crear un Web de FrontPage independientemente de un servidor, podrá indicar un directorio local o de red en el cual crearlo.
VISTA DE UN PROYECTO DESDE EL EXPLORADOR
Como ya mencionamos el Explorador nos permite observar la organización física y de flujo de nuestro Web de FrontPage; ahora veamos como obtener la información en cada caso. Cuando abrimos um Web de FrontPage, este se presenta de la siguiente manera: En el panel derecho de la ventana podemos ver los hipervínculos a los que apunta una página, asi como los hipervínculos desde los que se hace referencia a la página. podemos expandir o contraer esta vista a varios niveles usando los signos de expansión (+) o (-) de las páginas correspondientemente. Podemos también mover una página específica al centro del panel dando un click derecho sobre el y eligiendo la opción correspondiente. Cuando expandimos una vista de flujo podemos ver que el "camino" que seguimos se va pintando de color negro, de esa forma podemos fácilmente simular la navegación que pueden tomar nuestras visitas.
En el modo carpetas podemos organizar la estructura de directorios del Web. El ambiente familiar del explorador de Windows nos hace mas fácil usar sus funcionalidades, por ejemplo en la ordenación de los archivos por diferentes campos. En este modo una información muy útil es el tamaño de la página en bytes; esta información es trascendental para el desarrollo para Internet e intranets, donde las velocidades de comunicaciones son una limitación permanente. Los trabajos sobre los archivos tales como eliminación, cambio de nombre, cambio de ubicación, etc. Son hechas como en el exporador de Windows; en estos casos el FrontPage se encarga automaticamente de reparar los hipervínculso que se originan por los cambios.
IDENTIFICACIÓN DE HIPERVÍNCULOS
Para identificar el origen de un hipervínculo, basta ubicar el puntero del mouse sobre una de las páginas mostradas en el panel derecho del explorador; luego de un instante el hipervínculo se tornará rojo y aparecerá en la pantalla su origen, indicando si es interno o externo.
HIPERVÍNCULOS ROTOS
El FrontPage puede verificar todos los hipervínculos existentes en nuestro Web, tanto internos como externos; esto es muy útil cuando hay varios usuarios con acceso de lectrura/escritura a los directorios donde colocamos nuestro proyecto. En algunas circunstancias algunos vínculos pueden presentarse rotos por que el archivo de destino fué eliminado o movido fuera del FrontPage; esto es más frecuente aun con hipervínculos a servidores y documentos externos.
COMPROBAR HIPERVÍNCULOS
Para efectuar la comprobación de los hipervínculos, use la opción Comprobar hipervínculos del menú Herramientas. En el caso que se verifique hipervínculos rotos el FrontPage los mostrará de la siguiente forma : En esta ventana es posible editar directamente el hipervínculo mediante el botón Modificar vínculo, al lado derecho de la ventana, o si está escaso de tiempo en ese momento, puede agregarlo a la lista de tareas pendientes para su culminación futura.
ACTUALIZAR HIPERVÍNCULOS
La opción Actualizar hipervínculos produce que el programa actualize el Web, es decir, lo vuelva a cargar del servidor de origen. Esto nos es útil cuando se han agregado o modificado el contenido de los directorios que componen el Web, con una herramienta externa al FrontPage; nuestro programa al leer el Web nuevamente verifica si existen archivos faltantes, o si hay otros archivos que al inicio de la sesión no estaban presentes.
IMÁGENES, URLs
IMÁGENES
Antes de llegar a la edición de páginas debemos discutir algo sobre de que manera se incluyen imágenes, sonido o video a las páginas. En todos estos casos estos efectos son archivos externos, a los que las páginas web hacen referencia, pero que existen de forma independiente de las páginas. Los archivos pueden ser creados por aplicaciones especializada en cada tarea; por ejemplo, los archivos gráficos pueden trabajarse con aplicaciones como el Corel Draw!, Adobe PhotoShop, o el Image Composer que viene con el CD del FrontPage. Existen muchos formatos para guardar imágenes, sonido o video; para páginas web un factor importante es el tamaño de los archivos, por lo que generalmente se incluyen apenas formatos que ofrecen compresión de la información. En el caso de archivos de imágenes los mas difundidos son el formato GIF y el formato JPG.
En los capítulos siguientes veremos esto en mas detalle; ahora veamos que son y como se usan los URLs.
URLs
Internet es una red global de alcanze mundial; este hecho hace particularmente difícil poder ubicar los recursos que son disponibles en esta gran red; se necesita un método de ubicar los recursos y/o servicios de manera fácil y cómoda; este problema lo resuleven los URLs (del inglés Uniform Resource Locator). El URL es la dirección de algun recurso en Internet, de forma que puede ser encontrado. La notación para los URLs es, por ejemplo:
http://www.microsoft.com/fpage/index.html
http: Protocolo a usarse en la comunicación; puede ser http, ftp, gopher, wais, mailto, etc.
Www.microsoft.com: Nombre del servidor internet
Fpage: Ruta del directorio donde se encuentra el recurso, dentro del servidor especificado.
Index.html: Nombre del archivo que contiene el recurso al que hacemos diferencia.
Cuando ponemos un archivo externo embutido dentro de nuestras páginas, este se muestra en el explorador de FrontPage como un vínculo, sin embargo no está indicado por flechas, sino por una bolita ploma y los archivo correspondientes. En general los archivos que van incrustados por el HTML se presentan de la misma manera. La opción de ver/ocultar los archivos embutidos externos a las páginas, está disponible también en la barra de herramientas como lo discutimos antes.
EL EDITOR DE FRONTPAGE
Características del Editor
Hasta ahora hemos discutido la parte de organización y conceptos generales para la construcción de Webs de FrontPage; ahora veamos como construir las células que forman los Webs, es decir, las páginas web.
Para realizar esta tarea, el FrontPage nos ofrece el Editor de FrontPage; este programa posee una apariencia muy familiar que los aplicativos de la suite Office 97. Con las facilidades que tiene el editor, podremos usar las mas comunes caracteristicas de las páginas web publicadas en Internet, de una forma fácil y rápida; además sin tener que aprender los códigos HTML.
Para lanzar el editor de FrontPage puede hacer doble-click en una página HTML que aparece en el Explorador de FrontPage; en este caso se abre el editor y además se carga la página para su edición; o también se puede hacer uso del botón "Mostrar Editor de FrontPage" de la barra de herramientas del Explorador.
PRINCIPALES CARACTERÍSTICAS DEL EDITOR
Incluir información existente :
Al igual que los otros aplicativos de Windows 95, el Editor acepta ingreso de información a través de Copiar y Pegar, para poder incluir información parcial presente en algun archivo de nuestro PC. Si queremos incluir en nuestras páginas archivos enteros de la suite Office, también podremos hacerlo rápidamente, a través de la operación Arrastrar y Soltar, desde el Explorador de Windows.
Vista previa en el programa explorador :
Esta opción, que se encuentra en el menú Archivo, nos permite ver la página web activa en cualquiera de los navegadores instalados en nuestro PC; además de poder escojer la resolución a la que queremos visulizarlo.
Navegación similar al Web :
El Editor nos permite ir cambiando la página activa a través de botones de navegación de forma similar a los navegadores web; esto hace nuestras tareas mas fáciles y rápidas, disminuyendo el tiempo de aprendizaje.
BARRAS DE HERRAMIENTAS DEL EDITOR
Si en el Editor de FrontPage no aparece la barra de herramientas, es por que está desactivada; puede activarla en cualquier momento desde el menú Ver. La barra de herramientas del Editor de FrontPage posee la apariencia y funciones de la mayoría de aplicativos de la suite Office 97 de Microsoft. Las principales barras de herramientas del editor de FrontPage son las siguientes:
Barra de Herramientas Estandar
Barra de Herramientas Formato
PROPIEDADES DE LA PÁGINA
Antes de introducir textos e imágenes a nuestras páginas, veamos como podemos configurar sus caracteristicas generales; esto se hace a definiendo las propiedades de las páginas.
COLORES :
Aqui definimos el color de fondo, el color del texto, el color de loshipervínculos, asi como de los hipervínculos que ya fueron visitados.
TÍTULO :
El título es el texto que describe el contenido de la página. Hay que tomar especial cuidado al escogerlo, por que este texto se asocia a la dirección cuando uns visita la elije como bookmark (favoritos); de forma que un título que parece correcto en el contexto de un Web, puede ser imposible de identificar cuando esta de forma aislada.
SONIDO :
En las propiedades también podremos asociar un sonido de fondo a las páginas. Hay que tener especial considewración en estos casos, por que no necesariamente nuestros visitantes tendrán multimedia para poder reproducirla. Mas adelante discutiremos consideraciones extras sobre
multimedia y Web.
DESARROLLO DE PÁGINAS WEB
Ahora veamos como usar los recursos de edición del FrontPage. En líneas generales la edición es muy similar a la de cualquier editor de textos para Windows 95. Vamos a concentrarnos primeramente en la creación de listas, tablas, marcos, marcadores e hipervínculos.
Listas
Las listas sirven para mostrar ordenadamente una serie de items relacionados. Las listas pueden ser numeradas, no numeradas, de definiciones, o una combinaciones de listas.
Tablas
En las tablas se presenta información organizada en filas y columnas; el uso de las tablas es particularmente extendido en las páginas web, debido a que además de presentar información, se usa como herramienta para crear estilos especiales de páginas (texto en columnas, organización de gráficos, etc.).
...continúa en "Haz tu propia web II"...
Saludos.
30.04.2003 16:59
Estoy estudiando programación web y haciendo mi propia paginilla.Tu opinión me ha sido muy util aunque me la tengo que leer con más detalle o imprimirla y todavía me queda la segunda parte.Yo tengo el 1st page instalado pero de momento no he utilizado ningun programa editor.Un beso
11.04.2003 15:40
Genial el manual, está en un lenguaje muy coloquial. Bravo :)
01.04.2003 21:10
Una opinion muy currada tio!