| EJEMPLO 1: Solo diferenciar si cumplió o no cumplió | ||||||||||
| Ejecutivo | Ventas | Objetivo | Cumplió? | Fórmula | ||||||
| AAAA | $ 33.946 | $ 40.000 | No Cumplió | =SI(B4>=C4;"Cumplió";"No Cumplió") | ||||||
| BBBB | $ 46.451 | $ 40.000 | Cumplió | |||||||
| CCCC | $ 43.954 | $ 40.000 | Cumplió | |||||||
| EJEMPLO 2: Identificar adicionalmente si se superó el objetivo por más o menos de $5.000 | ||||||||||
| Ejecutivo | Ventas | Objetivo | Cumplió? | |||||||
| AAAA | $ 33.946 | $ 40.000 | No Cumplió | =SI(B11<C11;"No Cumplió";SI(B11-C11<5000;"Pasó menos de $5.000";"Pasó más de $5.000")) | ||||||
| BBBB | $ 46.451 | $ 40.000 | Pasó más de $5.000 | |||||||
| CCCC | $ 43.954 | $ 40.000 | Pasó menos de $5.000 | |||||||
martes, 22 de mayo de 2012
FUNCION SI
sábado, 19 de mayo de 2012
CÓMO HACER ARCHIVOS QUE SE PUEDAN DESCARGAR DESDE UNA WEB
CÓMO HACER ARCHIVOS QUE SE PUEDAN DESCARGAR DESDE UNA WEB
Como el apartado anterior de javascripts, esta lección no corresponde exactamente a FrontPage, pero puede ser muy importante su manejo para todos aquellos que quieran tener páginas que se puedan descargar en un ordenador para su posterior uso.
Con páginas me refiero también a carpetas con subcarpetas y todos los documentos que los contienen en un sólo archivo. Esta posibilidad permite también que se puedan enviar por e-mail archivos completos con su estructura como, por ejemplo Web completas, que no se pueden enviar en cuanto tengan alguna carpeta en su estructura. Además que los archivos se comprimen, de forma que, ocupan mucho menos que cuando están descomprimidos.
Con páginas me refiero también a carpetas con subcarpetas y todos los documentos que los contienen en un sólo archivo. Esta posibilidad permite también que se puedan enviar por e-mail archivos completos con su estructura como, por ejemplo Web completas, que no se pueden enviar en cuanto tengan alguna carpeta en su estructura. Además que los archivos se comprimen, de forma que, ocupan mucho menos que cuando están descomprimidos.
Para realizar todo esto el programa más utilizado es el WinZip, que se puede descargar gratuitamente de Internet. Es una versión que no está registrada, pero es totalmente funcional. Sí hay que advertir que este programa viene totalmente en inglés, al menos yo no conozco ninguna versión en castellano.
Este programa crea archivos con la extensión .zip y .exe, y cuando creamos un enlace a un archivo de estos tipos los navegadores Explorer y Netscape entienden que tienen la propiedad de abrirlos o hacer un download, es decir, que se bajen al ordenador del que está navegando. Y suelen abrir la típica ventana con las dos posibilidades. En el Explorer es la siguiente:
Los dos tipos de archivos, los .zip y .exe, se utilizan para comprimir archivos, carpetas y subcarpetas. La diferencia está que para los archivos .zip hay que tener el programa WinZip instalado y los .exe no necesitan el programa. Éstos últimos ocupan un poco más porque llevan las instrucciones dentro para recomponer después toda la estructura y que lo puedan abrir sin recurrir al WinZip.
UTILIZACIÓN DE JAVA SCRIPT
UTILIZACIÓN DE JAVA SCRIPT
El Java Script es un lenguaje de programación que se utiliza dentro del html. Lo interpreta el navegador y produce alguna acción determinada en la página web donde está insertado. En Internet podemos encontrar muchos ejemplos de Java Script. Yo he recopilado algunos a modo de ejemplo para que podáis utilizarlos.
Para ello hay que trabajar en vista html porque son churros de programación que hay que ponerlos y
adaptarlos para que nos sean útiles. El efecto lo podemos comprobar con el navegador o en vista previa.
El html está formado por los siguientes bloques fundamentales:
<html> <head></head> <body></body> </html>
Hay scripts que van totalmente dentro del head, otros totalmente en el body y otros que tienen una parte dentro del head y otra en el body. Cuando veamos un script que nos interesa tendremos que ver su código fuente y ver cómo está estructurado para colocarlo nosotros de la misma manera.
Para ver el código fuente con Explorer y Netscape hay que hacer clic con el botón derecho sobre la página y seleccionar, ver código fuente o ver origen. Entonces se nos abre una pantalla donde vemos el html del documento y si contiene un script veremos que está contenido entre <script Language="JavaScript"> y </script>
Todo lo que está entre estos dos códigos es el script y tendremos que copiar todo, incluidos estos códigos. Habrá que fijarse si esta en el head o en el body y si tiene dos partes, es tal caso habrá que copiar cada parte y colocarla en su sitio. Cuando tiene dos partes, el script propiamente dicho está en el head y en el body llama al script con expresiones como <a href="JavaScript:void(0)" onmouseout="Mout(2)" onmouseover="Mover(2)"> o códigos que hacen referencia a la primera parte. Si queremos cambiar algo del script habrá que cambiarlo dentro de estos códigos, tanto del head como del body.
Para aprender a manejarlos lo mejor es "pelearse" con ellos. Si no estás acostumbrado a manejarlos, te recomiendo que empieces por los que veas que tienen el código más sencillo.
En algunos scripts aparece el nombre y la dirección donde lo tiene publicado el autor, conviene respetar esos datos por una cuestión de ética. Además que son datos que no molestan porque sólo se ven en el código y no aparecerán en nuestra página.
CÓMO DESCARGAR A TU COMPUTADORA UNA WEB DE LA RED UTILIZANDO EL FTP DE FRONTPAGE
CÓMO DESCARGAR A TU COMPUTADORA UNA WEB DE LA RED
UTILIZANDO EL FTP DE FRONTPAGE
Cuando estamos utilizando mucho una página en Internet, resulta que cada vez que queramos consultarla tenemos que conectarnos a Internet con el consiguiente gasto que esto nos supone. En muchas ocasiones podemos necesitar bajarnos una página completa porque la queremos consultar con frecuencia, seguir modelos que nos interesan o por el motivo que sea. Por ejemplo podemos bajar esta misma Web a nuestro ordenador y consultarla sin tener que conectarnos. No os recomiendo que bajéis esta página en la actualidad porque, como digo en la página principal, he añadido dos archivos muy grandes que son el programa WinZip y un archivo .exe que contiene esta misma Web. Valga de ejemplo, pero hacedlo con otra página.
Para bajar la Web tenemos que conectarnos a Internet, abrir FrontPage e ir a Archivo/nuevo/Web. Se nos abre la siguiente ventana y seleccionamos el asistente para importar al Web. En la ventanita de la derecha que dice especifique la ubicación del nuevo Web tenemos que escribir una dirección donde queremos guardar esta Web. En el ejemplo que
pongo se guardaría en C:\ Mis documentos\ apuntes. Vemos que las
barras son invertidas como en Msdos. Esto nos creará una carpeta nueva dentro de Mis documentos o en la ubicación que le demos con el nombre de "apuntes"
Aceptamos y se nos abre otra ventana como la siguiente. Dejamos la opción que nos propone desde un sitio del www y
en ubicación escribimos la dirección de LA página
Damos a siguiente y nos aparece la siguiente ventana:
Podemos seleccionar si queremos limitar el tiempo de descarga o desactivar las opciones que nos propone el cuadro. En el caso de estos apuntes podemos desactivar todas las opciones porque queremos bajar la página completa que al momento de redactar esto ocupa unos 750 kbs.
Los niveles por debajo se refiere a las diferentes carpetas por niveles que tenemos dependiendo de la carpeta principal. En el caso de estos apuntes serían 3 niveles.
Si queremos bajar una Web completa desactivamos todo, pero el problema que tiene esto es que hay webs muy complejas y enormes que nos puede llevar mucho tiempo para bajarlas. Esto normalmente pasa con webs de empresas y oficiales con muchos contenidos que las construye un equipo de varias o muchas personas, pero es raro en las webs de tipo personal. Por eso cuando desconocemos lo que ocupa una Web conviene ponerle unos límites. Así cuando llega al límite de Kbs ya no baja más, pero normalmente tenemos la index y muchas de las páginas que nos interesan. Yo personalmente nunca pongo más de 5000 kb en alguna página que me interesa mucho. Hay que tener en cuenta que un disquete, por ejemplo, ocupa 1400 kbs.
Pulsamos en siguiente y nos aparece la última ventana de finalizar:
Pulsamos en finalizar y esperamos que se descargue la página. Una vez que se termine el proceso podemos utilizar los apuntes desde FrontPage, en vista previa, pulsando el botón de vista previa en el explorador o abriendo el archivo de la index desde el navegador.
PUBLICAR EN LA RED NUESTRA PAGINA WEB HECHA CON FrontPage
PUBLICAR EN LA RED NUESTRA PAGINA WEB HECHA CON FrontPage
FrontPage tiene su forma propia de publicar una Web en Internet con el icono.
Pero esto sólo vale para servidores con los que se han contratado extensiones de FrontPage.
Pero esto sólo vale para servidores con los que se han contratado extensiones de FrontPage.
La mejor forma de publicar sin contratar estas extensiones, que cuestan dinero, es a través de FTP que son las iniciales en ingles de protocolo de transferencia de ficheros. Para ello lo primero que hay que hacer es contratarse un espacio gratis en cualquiera de los servicios que se ofrecen ahora mismo: terra, inicia, alehop, etc.
Estos contratos que se hacen a través de rellenar un formulario sencillo, nos dan una cuenta de correo y un espacio gratis en la Red.
Una vez contratado el espacio tenemos que buscar un programa de FTP que también sea gratuito y bajárnoslo de Internet. El más utilizado se llama WS FTP. Lo podemos encontrar en diferentes sitios, por ejemplo, en www.download.com
En esa dirección buscamos ws_ftp y en los resultados seleccionamos WS_FTP LE (32-bit) que es el gratuito. Nos
bajamos el programa a nuestro disco duro o a un disquete y después lo instalamos.
Cuando abrimos el programa nos aparece la siguiente pantalla:
Lo primero que hay que hacer es crear nuestra cuenta con los datos que nos ha dado el servidor. Para ello hay que tener clara la dirección a donde debemos dirigirnos (Host Name/Address), el nombre de usuario (user ID) y la contraseña (password).
Si los datos son correctos, en unos instantes se nos abre la siguiente pantalla:
La pantalla de la izquierda es nuestro ordenador y la de la derecha el espacio que nos dejan en el ordenador conectado a Internet. En la pantalla de la izquierda nos vamos a donde está nuestra Web y seleccionamos todos los archivos que componen la Web y con la flechita los pasamos al otro ordenador.
Por el sistema de FTP sólo hace falta pasar la carpeta de imágenes y los archivos de texto. El resto sirven si se está utilizando navegación automática y para que funciones con extensiones de FrontPage.
Hay que mantener el mismo esquema que tenemos en nuestra página. Si, por ejemplo, las imágenes están dentro de una carpeta habrá que meterlas en una carpeta con el mismo nombre. Si no respetamos el mismo esquema no funcionará bien la página porque el código html remitirá a un lugar que si no se llama igual y está en el mismo nivel nos dará error.
Una vez que el programa nos diga que se han pasado correctamente los archivos de un lado a otro, ya se pueden ver publicados en Internet. Cada vez que hagamos algún cambio en una página habrá que subir la página completa.
Es importante recordar que las imágenes son independientes del documento de texto y que, por tanto, habrá que subirlas de forma independiente.
HTML DINÁMICO CON FrontPage
HTML DINÁMICO CON FrontPage
El htmld se trata de las últimas tendencias que se quieren aplicar al html. En este punto nos encontramos con diferencias cuando se ve la página con los diferentes navegadores. FrontPage nos ofrece algunas posibilidades para crear htmld, pero hay que tener en cuenta que sólo funcionará con las últimas versiones del Navegador Explorer y que no siempre funcionan en Netscape.
Vamos a ver un par de ejemplo de htmld:
1.- Pasa el ratón sobre el siguiente texto: Hola ¿qué tal?
2.- Pasa el ratón sobre la siguiente imagen: 
Para crear efectos htmld hay que tener visible la barra de htmld. Para ello, al igual que en Word, se pulsa con el botón derecho sobre cualquiera de las barra de herramientas y seleccionamos efectos DHTML. Se nos muestra la siguiente barra:
A partir de aquí se selecciona un trozo de texto o una imagen y en "elegir evento" se selecciona una de las opciones. Después se nos van activando los siguientes botones y seleccionamos una de las opciones que nos ofrecen y ya está el efecto creado.
Hay que tener en cuenta que cuando se trata de una imagen que va a cambiar, las dos tienen que tener el mismo tamaño, si no la segunda se adaptará al tamaño de la primera.
Los efectos no se ven en vista normal, sólo en vista previa o en el navegador.
Estos efectos son interesantes si los vamos a utilizar con Explorer 5. Pero si los vamos a publicar hay que comprobarlo en los diferentes navegadores para ver que funcionen como queramos.
LAS HOJAS DE ESTILO
LAS HOJAS DE ESTILO
Las páginas de estilo sirven para aplicar un mismo formato a todas las páginas que se desee. Pueden proporcionar, por ejemplo, tipos de letra, fondos de página, formato de viñetas, diferentes estilos a los tipos de encabezado, etc.
FrontPage tiene diferentes hojas de estilo. Para poder utilizarlas hay que ir a archivo / nuevo / hojas de estilo y se nos muestra la siguiente pantalla:
En esta ventana podemos encontrar una breve descripción de lo que hace cada página. Así, por ejemplo, si nos interesa la hoja de estilo denominada "Arcos", la aceptamos y se nos abre una página que está en código html. Guardamos esta página con el nombre de arcos como una hoja de estilo, es decir que tiene la extensión css.
Una vez que la tenemos guardada en nuestra Web podemos utilizar la hoja de estilo. Para ello creamos una página nueva en blanco y nos vamos a formato / vínculos de hojas de estilo. Esto nos abre una pantalla como la siguiente:
Pulsamos en agregar y seleccionamos arcos.css y aceptamos. Entonces se nos aplicará el estilo. Al principio sólo veremos el fondo de la página que es amarillo claro, pero según utilicemos los diferentes estilos de título, viñetas, hipervínculos, etc., iremos viendo los resultados.
Si esto lo hacemos con las diferentes páginas que componen la Web, nos irán quedando con el mismo estilo. Estos mismos apuntes están hechos utilizando hojas de estilo.
Conociendo un poco de código html podemos cambiar características de las hojas de estilo, e incluso crear nuestras propias páginas de estilo. Pero esto escapa a las pretensiones de este manual elemental. De todas formas lo puede intentar quien le interese porque no es muy complicado.
El único problema de las hojas de estilo es que es un recurso típico de Microsoft y lo reconocen los navegadores Explorer 4 y posteriores, pero Netscape, al menos por el momento, no reconoce la hoja de estilo y no muestra sus resultados.
COMO HACER LOS FORMULARIOS EN LA WEB
COMO HACER LOS FORMULARIOS EN LA WEB
Los formularios se utilizan en las Web para recoger información del visitante. Éste puede escribir libremente en los campos que se le presentan o seleccionar una opción de las que se le ofrecen.
Para crear un formulario, en cualquier parte de la página o dentro de una tabla, se va a Insertar / formulario / cuadro de texto de una línea o cualquier tipo de campo que se quiera utilizar. Entonces en modo normal, nos aparece un rectángulo con una línea entrecortada como la siguiente:
El rectángulo primero en blanco es un campo de texto de una línea y luego hay dos botones, uno de enviar y otro
de restablecer, es decir, borrar todo lo que se tiene escrito en el formulario.
El formulario hay que crearlo dentro del rectángulo con línea entrecortada. Para ello, al igual que en Word se van creando los espacios necesarios y poniendo los títulos que queramos a los campos. Un ejemplo de formulario creado sobre una tabla de una celda, para poder darle un fondo diferente y destacarlo, podría ser el siguiente.
El primer paso sería pensar los campos que queremos crear y colocarlos en el formulario con un nombre. Pero estos nombres son los que vería el visitante de nuestra página. Una vez creado el formulario tenemos que ir dándoles los nombres que queramos que aparezcan cuando recojamos los resultados. Para ello hay que ir por todos los campos pulsando con el botón derecho y seleccionando propiedades de campo de formulario. Entonces se nos muestra la siguiente ventana:
Esto es lo que nos ha aparecido en el primer campo de "Nombre", entonces en la primera línea deberíamos poner Nombre porque si no nos aparecerá como T1. Para poner los nombres de campo hay que respetar las normas de html, es decir, no se admiten acentos, ni eñes, ni espacios en blanco. Así, por ejemplo habría que escribir Bebida_preferida, tu_opinion, etc.
Una vez puestos los nombres que queramos ver en los resultados, tenemos que pulsar con el botón derecho sobre formulario y seleccionar propiedades de formulario. Nos aparece la siguiente ventana:
Si nosotros dejáramos el formulario con estas opciones, sólo sería válido si nuestra Web está puesta en un servidor que tiene extensiones de FrontPage. Podríamos poner una dirección de correo electrónico y elegir un archivo para que nos recoja los resultados. Lo que ocurre es que contratar las extensiones de FrontPage suele costar dinero y los servidores gratuitos no las tienen.
Para poder utilizar un servidor gratuito o sin extensiones de FrontPage tenemos que pulsar en "enviar a otra" y después en el botón "Opciones". Entonces se nos abre la siguiente pantalla que la tenemos que rellenar como la muestro:
Acción: Hay que poner mailto, dos puntos y la dirección de correo electrónico donde se van a recibir los resultados. Todo esto sin espacios en blanco, acentos, ni eñes.
Método: Se selecciona POST
Tipo de codificación: text/plain. Le estamos diciendo que nos lo mande en texto sencillo, es decir, sin ningún tipo de formato.
Una vez hecho esto aceptamos todas las ventanas y el formulario está listo para funcionar.
Ahora convendría realizar un formulario en la Web de la zapatería en la que utilicemos diferentes tipos de campos para ver cómo se crean. Una vez que realicemos todos los pasos, hay que comprobarlo a ver cómo funciona. Si no tenemos un correo electrónico todavía nos abrimos uno en www.hotmail.com
MAIL-TO
MAIL-TO
Se llama así porque crea un código html que pone mailto.
El mail-to se trata de un texto o icono que al pulsar sobre él se abre el programa de correo que tiene el ordenador con un correo nuevo dispuesto para escribir y la dirección puesta. Un ejemplo de esto es lo que aparece en la página principal de esta Web, al final, donde dice que para cualquier consulta puede pulsar sobre el icono.
Otros ejemplos serían los siguientes, que al pulsar sobre cualquiera de ellos se abre el programa de correo.
CORREO @
El mail-to se puede hacer con un texto o con un icono.
Para ello se selecciona el elemento que nos va a abrir el correo y se pulsa el icono de hipervínculo y se nos abre la siguiente pantalla:
Para ello se selecciona el elemento que nos va a abrir el correo y se pulsa el icono de hipervínculo y se nos abre la siguiente pantalla:
Entonces se pulsa en el sobre que aparece a la derecha de dirección URL y se nos abre la ventana siguiente:
Se escribe la dirección de correos a la que se quiere que llegue el correo y se aceptan las dos pantallas.
MAIL-TO
Se llama así porque crea un código html que pone mailto.
El mail-to se trata de un texto o icono que al pulsar sobre él se abre el programa de correo que tiene el ordenador con un correo nuevo dispuesto para escribir y la dirección puesta. Un ejemplo de esto es lo que aparece en la página principal de esta Web, al final, donde dice que para cualquier consulta puede pulsar sobre el icono.
PÁGINAS DE MARCOS
PÁGINAS DE MARCOS
Se llaman páginas de marcos a las que nos muestran varias páginas a la vez. Lo que realmente se guarda, aparte de las páginas, es una vista de la pantalla con diferentes divisiones en las que en cada una se ve una página diferente. Podemos ver un ejemplo en el ejercicio 2, donde se nos muestra una división vertical. En la parte de la izquierda se nos muestra un menú, que al pulsar sobre cada apartado nos va cambiando la pantalla de la derecha.
Este mismo efecto se suele hacer con un fondo lateral, pero sabemos que es una página de marcos porque el texto de cada parte de la pantalla se mueve de forma independiente al arrastrar verticalmente la barra de desplazamiento.
Para crear una página de marcos hay que ir Archivo / nuevo / página y se selecciona la pestaña de páginas de marcos. Entonces se nos muestra la siguiente ventana:
Si pulsamos sobre cada tipo de página vemos las diferentes divisiones que podemos crear. Nosotros vamos a seguir el ejemplo más sencillo, que es el primero, que se llama contenido.
Al aceptar nos aparece la pantalla dividida de la siguiente forma:
Aquí se nos ofrece la posibilidad de seleccionar una página para que se vea en esa parte de la pantalla, y si no la tenemos creada, de crear una nueva.
También observamos que las tres vistas que teníamos hasta ahora se han multiplicado para tener más opciones para poder trabajar con varias páginas a la vez.
A la hora de guardar nos va a pedir, si no lo hemos hecho aún, guardar cada una de las dos páginas que componen esta vista y el nombre que queremos dar a toda la vista para que se vean las dos ventanas. FrontPage nos va marcando en azul lo que va a guardar. En el caso de la vista completa aparece de la siguiente manera:
Las páginas las podemos ver y trabajar de forma individual en pantalla completa, pero siempre que accedamos a esta vista, veremos las dos páginas a la vez. Así, por ejemplo si elegimos la página de botas para el marco derecho y otra con el menú de todos los calzados a la izquierda nos podría quedar así:
Si ya tenemos creadas las tres páginas tenemos que enlazarlas para que al pulsar sobre la palabra se nos abra sobre la ventana de la derecha. Para ello seleccionamos la palabra y damos al icono de hipervínculo. En la pantalla que se nos abre seleccionamos con un click con el botón izquierdo la página a la que se va vincular y después seleccionamos marco de destino y se nos abre la siguiente ventana:
Seleccionamos la ventana de la derecha y aceptamos todo. Se procede así con todos los hipervínculos que queramos ver en una ventana determinada.
Cuando hagamos una vuelta al index desde una página de marcos, tenemos que seleccionar "toda la página" para que se nos abra toda la página, si no veríamos el index en la ventana de la derecha.
LOS TEMAS PARA HACER LA WEB
LOS TEMAS PARA HACER LA WEB
Los temas son un conjunto de opciones que nos ofrece FrontPage para dar un formato a nuestras páginas. Este formato supone una serie de colores de los botones de navegación automática, fondo, texto, etc.
Para aplicar un tema se pulsa con el botón derecho sobre la página y se selecciona tema. Nos aparece una ventana como la siguiente:
Al principio aparece la pantalla en blanco y dice que "esta página no utiliza tema", pero en cuanto seleccionamos algún tema como en el ejemplo de arriba aparece en qué consiste. Si aplicamos, por ejemplo, este tema en el ejercicio que estamos trabajando, quedaría de la siguiente forma:
Se puede aplicar un tema diferente a cada página, pero hay que tener cuidado con esto porque el efecto puede ser un poco chabacano por lo que es mejor utilizar un tema para toda la Web o diferentes temas, pero con mucho cuidado.
NAVEGACION AUTOMATICA
NAVEGACIÓN AUTOMÁTICA
Usando el programa FrontPage
Usando el programa FrontPage
Una vez que hemos creado las páginas con el icono "exploración" de la barra vistas, o que hayamos colocado las páginas creadas con anterioridad formando un árbol donde unas páginas dependen de otras, podemos crear una navegación
automática. Esto es interesante cuando queremos evitarnos problemas en Web que sean complejas de forma que el visitante nunca se quede colgado en la Web.
.Hay muchas Web que utilizan esta navegación automática, pero hay que decir que si no se utiliza con cuidado el aspecto que puede dar es poco profesional aunque en principio parezca lo contrario.
Una vez creado el árbol de la Web abrimos cualquier página haciendo doble click sobre la misma. Pulsamos con el botón derecho sobre la página y seleccionamos bordes compartidos. Se nos abre la siguiente pantalla:
Seleccionamos las opciones que vemos seleccionadas en este ejemplo y aceptamos. Vemos que en la página aparecen el título de página y los nombres de las diferentes páginas. En el ejemplo que estamos trabajando de la zapatería aparecería de la siguiente manera.
La página donde estamos aparece en negro y las otras en azul. Vemos también que aparte de las páginas del mismo nivel aparece [Principal], que es la vuelta al index o página de inicio.
Los niveles de navegación se pueden variar pulsando sobre la barra de navegación con el botón derecho y seleccionando propiedades de la barra de navegación. Entonces se nos muestra la siguiente ventana:
Aquí se puede elegir los diferentes niveles de navegación, la página principal, si los botones están en horizontal o en vertical, etc.
CREAR LA ESTRUCTURA DE LA WEB CON FRONT PAGE
CREAR LA ESTRUCTURA DE LA WEB CON FRONT PAGE
Lo primero que hay que hacer para tener clara la estructura de la Web es coger papel y lápiz y hacernos un dibujo o gráfico donde veamos claro las páginas que necesitamos.
Una vez que tengamos claras las páginas necesarias, se pueden crear páginas nuevas y guardarlas con el
nombre de archivo y título que queramos. Esto es lo que hemos visto hasta aquí. Ahora vamos a ver otra forma de crear la estructura de la Web y que nos permitirá la utilización de navegación automática.
Nos vamos a ver / barra de vistas / exploración:
Este icono nos abre una pantalla azul en la que se ve que existe sólo una página, que es la index y que tiene como título "Página principal".
Si la Web es nueva, podemos ir creando las páginas nuevas que queramos pulsando con el botón derecho sobre la página y seleccionando página nueva. Esto nos crea una página en un nivel inferior a la que hemos seleccionado para crear una página nueva. En el ejemplo que hemos trabajado de la zapatería nos quedaría de la siguiente manera:
Lo único que al principio nos aparecerá como página_nueva 1, 2 y 3. Para ponerlas un nombre que queramos utilizar, pulsamos con el botón derecho sobre la página y seleccionamos cambiar nombre. Una vez creadas las páginas de esta manera se guardan automáticamente con el nombre que les hayamos puesto.
Si la Web está creada, sólo tenemos que arrastrar las páginas desde la lista de carpetas pulsando sobre el nombre de archivo con el botón izquierdo y sin dejar de pulsar, arrastrarlo a la pantalla azul y ponerlo en el nivel que queramos.
Así tenemos la estructura de la Web creada
IMAGENES DE FONDO
IMÁGENES DE FONDO CON FRONT PAGE
Las imágenes también se pueden utilizar para crear un fondo a la página. Si seleccionamos Propiedades de página con el botón derecho sobre la página / fondo / imagen de fondo / examinar, vemos que se nos abre la siguiente ventana:
Como hemos visto antes, la primera ventana que se nos abre es en la que aparece nuestra Web. Aquí podemos seleccionar una imagen, pero si pulsamos sobre "imágenes" accederemos a las imágenes prediseñadas que tiene
FrontPage. Si la imagen la tenemos guardada en otra carpeta tendremos que pulsar sobre 
Esto nos crea una imagen de fondo repetida indefinidamente. Por eso las imágenes de fondo siempre hay que seleccionarlas bien para que no maten el texto o el resto del documento que queremos transmitir.
Lo mismo que decimos de imagen de fondo de una página, sirve para imagen de fondo de una tabla utilizando para ellos las propiedades de tabla.
Así si utilizamos como imagen de fondo de una tabla el último icono que hemos usado nos quedaría de la siguiente manera.
Vemos que no es una imagen muy apropiada para un fondo. Pero si utilizamos una imagen de fondo de las que ya trae preparadas FrontPage nos quedaría así.
Estas son imágenes pequeñas que se repiten indefinidamente.
Hay otras imágenes que son estrechas y alargadas, más que toda la pantalla y crean efectos de una banda lateral porque se repiten verticalmente.
Estos fondos se suelen llamar laterales y se pueden encontrar en Internet igual que las demás imágenes. Se suelen utilizar bastante y la parte izquierda se utiliza a modo de menú. El texto y las imágenes se colocan utilizando una tabla con borde 0 y justificada a la izquierda.
TIPO DE IMÁGENES QUE SE PUEDEN USAR EN UNA PAGINA WEB
TIPO DE IMÁGENES QUE SE PUEDEN USAR EN UNA PAGINA WEB
Las imágenes en las páginas Web funcionan de dos maneras. Como imágenes normales que insertamos dentro de la página y como imágenes que se utilizan como fondo de página o de tabla.
En este apartado vamos a ver las imágenes normales y en el siguiente apartado las imágenes de fondo. Las
imágenes funcionan más o menos como en Word. En las páginas Web sólo se utilizan los formatos siguientes:
GIF. Para dibujos e imágenes con pocos colores.
JPEG. Para fotos e imágenes que requieren más calidad.
Cualquier imagen que introduzcamos, FrontPage lo transformará en uno de estos dos formatos. Cualquier imagen que veamos en Internet podemos copiarla pulsando sobre la misma con el botón derecho y seleccionando copiar y pegándola donde queramos.
Si vemos imágenes interesantes se pueden guardar en una carpeta, para cuando las podamos necesitar. Estas imágenes se pueden recuperar mediante insertar / imagen / desde archivo o mediante el icono 
Esta opción nos abre una pantalla como la siguiente:
Esta opción nos abre una pantalla como la siguiente:
En esta pantalla se nos abren las carpetas que tenemos en nuestra Web. Si pulsamos sobre "images" se nos mostrarían todas las imágenes de la misma. Pero si lo hemos guardado en otra carpeta debemos pulsar sobre el icono que tiene una lupa sobre una carpeta. Esto nos abre todas las carpetas que tenemos en nuestro ordenador. Con este icono buscamos la carpeta y la imagen igual que lo hacemos con el explorador de Windows.
Con este icono buscamos la carpeta y la imagen igual que lo hacemos con el explorador de Windows.
Hay imágenes que son estáticas, pero las imágenes GIF pueden ser animadas como en el ejemplo siguiente:
Estas imágenes funcionan exactamente igual que las otras, pero en modo normal no veremos la animación. Para ello tendremos que verlas en vista previa o en el navegador de Internet. En Internet hay muchos sitios que nos ofrecen GIFS animados. Para encontrarlas sólo tenemos que ir a un buscador y poner las palabras claves para que nos encuentre muchos sitios con este tipo de imágenes. Esto vale también para imágenes de fondo y cualquier otro tipo de imágenes.
FrontPage también tiene sus propias imágenes que para utilizarlas tenemos que ir a insertar / imagen / imágenes. Esto nos abre una colección de imágenes preinstaladas dentro del programa. Seleccionamos una carpeta y la imagen que queramos utilizar y se nos abre un pequeño menú en la que la primera opción es "insertar clip". Pulsamos sobre esa opción y la imagen se nos insertará en donde teníamos colocado el cursor.
Una vez que hemos insertado una imagen pulsamos con el botón derecho sobre la misma y seleccionamos propiedades de imagen y se nos abre la siguiente ventana:
Es esta ventana vemos las diferentes opciones que podemos utilizar con la imagen. Si utilizamos el icono con una interrogación que aparece arriba a la derecha y vamos pulsando sobre las diferentes opciones, nos irá explicando para qué sirven.
Donde pone texto quiere decir que lo que escribamos ahí aparecerá sobre un fondo amarillo cuando apoyemos el cursor sobre la imagen. Esto sólo se verá en vista previa o en el navegador. Esto es muy útil para favorecer la navegación o facilitar información al visitante. El siguiente dibujo presenta un ejemplo de esta utilidad. Apoya el cursor sobre la imagen y verás que aparece un texto.
Cuando seleccionamos la imagen con un click del botón izquierdo vemos que en la parte inferior de la ventana activa aparece la barra de herramientas de imagen. En general las opciones que tiene son las mismas que en Word, pero hay un par de opciones que son diferentes.
El icono nos permite establecer un color transparente de la imagen. Esto es una propiedad de las imágenes GIF. Seleccionamos el icono
y pulsamos con el puntero el color que queremos hacer transparente y este desaparece. Utilizando la última imagen del hipopótamo, si le hacemos transparente el blanco quedaría de la siguiente manera.
y pulsamos con el puntero el color que queremos hacer transparente y este desaparece. Utilizando la última imagen del hipopótamo, si le hacemos transparente el blanco quedaría de la siguiente manera.
Esto es útil muchas veces para integrar más las imágenes en el documento.
La otra opción que es característica de FrontPage es el grupo de iconos 
que no nos crean figuras geométricas dentro de la imagen, sino que lo que hacen es lo que se llama mapear la imagen. Esto quiere decir que, por ejemplo, si tenemos una imagen de España dividida en provincias, si utilizamos estos iconos podemos hacer que cada parte de la imagen, por ejemplo las provincias, puedan vincularse a páginas diferentes. El área de hipervínculo lo establece de forma rectangular, circular o irregular. En cuanto mapeamos una parte de una imagen vemos que directamente se nos abre la ventana de hipervínculos para establecer el salto a la página que queramos.
que no nos crean figuras geométricas dentro de la imagen, sino que lo que hacen es lo que se llama mapear la imagen. Esto quiere decir que, por ejemplo, si tenemos una imagen de España dividida en provincias, si utilizamos estos iconos podemos hacer que cada parte de la imagen, por ejemplo las provincias, puedan vincularse a páginas diferentes. El área de hipervínculo lo establece de forma rectangular, circular o irregular. En cuanto mapeamos una parte de una imagen vemos que directamente se nos abre la ventana de hipervínculos para establecer el salto a la página que queramos.
Aparte de utilizar imágenes creadas por otros, para crear nuestras propias imágenes se suelen utilizar los procesadores de imágenes como Photoshop, Paint Shop Pro o cualquiera de los muchos que hay en el mercado. Pero, si controlamos un poco el Office podemos utilizarlo también para crear imágenes. Así si utilizamos el WordArt para crear un titular en Word, sólo tenemos que copiarlo y pegarlo en FrontPage para usar la imagen. Lo mismo ocurre con Power Point o Publisher.
COMO HACER UN HIPERVINCULO EN LA PAGINA WEB
COMO HACER UN HIPERVINCULO EN LA PAGINA WEB
Los hipervínculos es lo que nos permite establecer los saltos de una página a otra. El proceso es muy sencillo, se selecciona con el ratón el trozo de texto que queremos que vincular y pulsamos el icono de hipervínculo y se nos abre una ventana como la siguiente:
Pulsamos sobre la página a la que queramos ir y aceptamos. Ya está el vínculo creado. Se pueden vincular también las imágenes de la misma manera, se hace click sobre la imagen y se sigue el mismo proceso.
Es importante para que en la vista previa tome efecto todo lo que hacemos, que vayamos guardando los cambios.
Los hipervínculos los podemos ir viendo en la vista previa. Si queremos verlos en la vista normal, tenemos que mantener pulsada la tecla control y pulsar sobre el hipervínculo.
Hay veces que la vista previa no funciona correctamente, entonces conviene recurrir directamente al Explorer pulsando sobre el icono
Suscribirse a:
Comentarios (Atom)