Sei sulla pagina 1di 46

ÍNDICE Tema 4.

CREACIÓN DE PÁGINAS WEB


Creación de páginas web 39

Tema 1. INTRODUCCIÓN Introducción de texto 41


Seleccionar texto 42
Aspectos fundamentales sobre Internet 1
¿Qué es la Web? 1 Copiar, mover o eliminar texto 42
Alinear texto 43
Protocolos 2

URL's 2
Interlineado 43

Clientes y Servidores Web 3 Sangrías 44

Servidores Web 4
Viñetas y numeración 46

Habilitar o deshabilitar las Extensiones de servidor de FrontPage 5 Insertar símbolos 49


Encabezados 50
Listas 51
Tema 2. SITIOS WEB

¿Qué es FrontPage 2000? 7 Configurar la página 52

Lo nuevo de FrontPage 2000 7 Imprimir , 53


Deshacer y Rehacer 55
Planificación de la información 10
Buscar y Reemplazar 55
Iniciar FrontPage 10
Crear un sitio web ,....17
Corrección ortográfica 57

Abrir un sitio web ya existente .....18


Tema 5. TABLAS
Opciones del sitio web 21
Trabajar y actualizar el sitio , 24 Creación de Tablas 59

Publicación 25
Modificar Tablas 66

Salir de FrontPage 26
Tema 6. MARCOS

Marcos gl
Tema 3. INFORMACIÓN GENERAL SOBRE PÁGINAS WEB
HTML 27

Modos de trabajo 28 Tema 7. INSERCIÓN DE IMÁGENES, SONIDOS Y VÍDEOS


Plantillas y asistentes 31 Insertar imágenes 87
Insertar sonidos 96
Contenido de las paginas web 34
Crear páginas web 34 Insertar vídeos 98

Guardar paginas web 35


Abrir páginas web 36 Tema 8. MEJORAR LAS PÁGINAS
Temas 99
Cerrar páginas web 36
Fuentes 104
Tareas 37
Marcadores 1Q8
Hipervínculos 110
INTRODUCCIÓN
Elementos activos 112
Insertar líneas 118
Insertar Fecha y Horaen la página 119
Diseño del fondo de la página 120
Aspectos fundamentales sobre Internet
Tema 9. COMPONENTES Y FORMULARIOS Internet es una red de ordenadores compuesta por miles de redes más pequeflas distribuidas por
Componentes de FrontPage 123 todo el mundo. Una red consisteen un grupode ordenadores conectados entre sí con la finalidad
Formularios 131 de compartir recursos, esto es, archivos, discos, impresoras,etc. A estos ordenadoresconectados
entre sí se les llama terminales.

Tema 10. CARACTERÍSTICAS AVANZADAS Todos los terminales han de tener un lenguaje común, cumplir unas normas, para que puedan tena-
Insertar HTML 139 acceso a todos los recursos, al conjunto de esas normas se les llama protocolos.
Insertarun subprograma en Java 139 Una red de ordenadorespuede ser de tres tipos en funciónde su ubicación:
Insertar un Control ActiveX 141 - LAN (Local Área Network). Son redes locales y se utilizan en entornos pequeños,
HTML dinámico 142 generalmenteun edificio.
Transición entrepáginas 143 - MAN (Metropolitan Área Network). Se utilizan en ordenadores distribuidos en edificios
Habilitar o deshabilitar HTML dinámico (DHTML) 144 diferentes dentro de la misma ciudad.
Seguridad en la Red 144 - WAN (Wide Área Network). Se utilizan en ordenadores distribuidos en edificios diferentes
ubicados en ciudades distintas.
Internet pertenece al tercer tipo. Se trata de una red de ordenadores que comparten el mismo
sistema de protocolos.

¿Qué es la Web?
La Web se basa en el protocolo de Transferencia de Hipertexto HTTP (HyperText Transport
Protocol).
La Web es simplementeinformación accesiblepor medio de los exploradores, los más utilizados
son Microsoft Internet Explorer y Netscape Navigator.
Un explorador consta de una ventana en la que se visualizan páginas Web, con barras de
herramientasy menus que permitenal usuarioexplorar las páginasy configurarel explorador.
Además de texto, las páginas Web pueden incluir imágenes,gráficos, sonidos, animacióny otros
efectos especiales. Las páginas individuales pueden estar vinculadas a otras, de manera que se

Grupo EIDOS
«rmowjccióN INTRODUCCIÓN

tiene acceso a más información. Toda esta información se transmite gracias a los protocolos de Protocolo. Especifica el protocolo de Internet que se va a utilizar para transferir los datos
Internet * entre cliente y servidor.
La Web ha crecido a una velocidadincreíble y miles de personas y de empren» teten m propia Protocolos de Internet: FTP (File Transfer Protocol) para la transferencia de ficheros;
página Web. El término pagina principal se utiliza para hacer retére&MMdMPSMBrpégjrtl•*••* HTTP (HyperText Transfer Protocol) para la transferencia de hipertexto; Telnet, etc.
sitio Web,es decir,la páginapredeterminada y, generalmente, unda-MSmtSjinas. La trtriHbd Nombre del Dominio. Es la forma de identificar a la máquina de forma única en Internet,
de estas páginas es lo que configura el sitio web. ,..„. *nm„ este sombre es la dirección IP. Indica el ámbito del servidor. Se representa con dos o tres
Cuando creamos un sitioweb,es importante optimizar sus págingj||lMkV*rie'%|UGJog usuarios letras.

las puedan descargar rápidamente, pero, al mismo tiempo, debe teaer «a buen djaato y m debe Ejemplos:
poder actualizar confrecuencia. >•. >»~ -,|( 4r? España es
Comercio com

Educación edu

Organización sin ánimo de hiero org

Protocolos Nombre del recurso. Identifica la página, imagen, directorio, etc. Cada elemento que forma
el camino del recurso se separa con la barra /
Ya sabemosque todas las redes poseen un sistema de protocolosque controlan el intercambiode
la información entre los terminales. En Internet los protocolos se denominan TCP/IP
(Transmission Control Protocol / Internet Protocol).
TCP es el protocolo encargado de la conexión entre los terminales. La información la fragmenta
en paquetes, ya que al sistema le resulta más fácil de controlar, asignándole a cada uno un número Clientes y servidores Web
de orden.
En la Red, el cliente es la estación de trabajo, mientras que el servidor posee mayor tamaño y es
IP se encarga de las direcciones a las que enviar o recibir los paquetes de información.
capaz de almacenar gran cantidad de datos y ejecutar grandes aplicaciones.
Cuando un ordenador se comunica con otro a través de Internet, se utiliza el modelo
cliente/servidor. Los recursos de Internet los proporcionan los servidores, que dan servicio a los
clientes.
URL* En el entorno de la WWW los servidores se denominan servidores Web y los cuentes se
El sistema de direcciones de Internet se denomina URL (Uniform Resource Locator). Una denominan navegadores Web.
dirección IP es un número de 32 bits que sirve para identificar de forma única una máquina Un servidor Web es el encargado de publicar o poner a disposiciónde los clientes unos recursos.
conectada a Internet Estos recursos pueden variar desde una página HTML a un script CGI o desde una página HTML
Las direcciones de los terminales y servidores son numéricas, aunque cada dirección IP tiene su a una página ASP.
equivalente en el sistema de nombre de dominios DNS (Domain Ñame System) gracias al cual Los navegadores Web realizan peticiones de documentos que se encuentran en servidores Web,
podemosteclearlasen forma de texto, mucho más sencilloy fácil de recordar. permitiendo visualizar los documentos de la World Wide Web. Los navegadores más utilizados
son Microsoft Internet Explorer y Netscape Navigator. El proceso de visualizactón de un
Sintaxis de una URL documento de la Web comienza cuando el navegador Web envía una petición al servidor Web. El
La sintaxisde una direcciónde hipertextoes la siguiente: navegador Web envía información, sobre sí mismo y sobre el fichero que solicita, al servidor
protocolo://<nombre del dominio>/<nombre del recurso> Web, en cabeceras de petición del protocolo HTTP.

Grupo EtDOS Grupo EIDOS

^ UÚQy —// Zj/ ^ orP "K



INTRODUCCIÓN

El servidor Web consulta las cabeceras HTTP para obtei y envía el fichero
con las cabeceras de respuesta del protocolo HTTPV El las cabeceras i

respuesta HTTP para determinar cómo mostrar el fich


^

* Apaaa»(|MUNIX).
• afongaaaa*aVCNIX)
Servidores Web
^\*
Todos los sitios web que diseñemos los vamos a guardar en un servidor web. Los servidores web
son los encargados de guardar sitios web, pennitiendo que las páginas sean accesibles desde (os
/ • Microsoft Windows 95 y 98
exploradores.
Microsoft Windows NT Workstation y Windows NT Server
FrontPageadmite todos los servidoresweb más conocidos.
s V
V \ UNDC (Solaris, SunOs, HP/UX, KDC^BSD^Linu* yDigital UNDC).,
Extensiones de servidor de FrontPage \ !
Dónde conseguir las extensión*
Las extensiones de servidor actúan como intermediano entre el cliente y el servidor web. La&
Las extensiones de servidor de Fronl
extensiones de servidor seencuentran enel servidor web y entran enfuncionamiento cuando se \
ó 98 y Windows NT (incluyendo tó
establece una comunicación entre elsitio web yelservidor. \
FrontPage. Las extensiones para los servida
En el caso de FrontPage, las extensiones de servidor de FrontPage, actúan como traductoras entre
dirección de Internet: http:/'officeupdate.microsoft.( orn/frontpageto)p/dci
el sitio web de FrontPage y el servidor.
Ventajas de utilizar las extensiones de servidor de FrontPage:
Cómo extraer las extensiones del servidor
._>_• Son gratis.
n. *\ Hacen posible que, utilizando FrontPage, el proceso de carga de los sitios web en los NormalmesJé^las^>rte»gi«nesjie_servidor se
servidor web, siga las instrucciones que acoi
servidores sea mucho más rápido y sencillo.
sólo hay que pulsar dos veces sobreel archivoexi
__*/Permiten especificar permisos de autor y de usuario
C5 \
_... \ • Garantizan queloscomponentes deFrontPage funcionan correctamente.
^ ) _ ^^ rx
Servidores web y plataforma» <cj c&
Servidores web comerciales
Habilitar o deshabilitar las Extensiones* de serytflpr de
Las extensiones de servidor de FrontPage están disponibles para los siguientes servidores web: ff-$ f"\ \
<J> •

Microsoft Internet Information Server 3.0 y 4.0 (para Windows NT Server).
Microsoft Servicios Web Punto a Punto (para Windows NT Workstation).
Si un web está creado en un servidor que utiliza las Extensiones\de servido^de FrontPage, se-
pueden añadir elementos como contadores de visitas, incluir página, etc., pero a no es así existen
• Netscape Enterprise Server (para Windows NT y UNDC). c r^O una serie de comandos que no podremos seleccionar? V <
• Netscape FastTrack Server (para Windows, Windows NT y UNDC). Para asegurar la compatibilidad con servidores que rio tengan las
• Netscape Commerce Server (para Windows NT y UNIX)
V FrontPage, podemos habilitar o deshabilitar los comandas que c

Grupo EIDOS -4

es
O—
INTRODUCCIÓN

Para habilitar o deshabilitar las Extensiones de servidor de FrontPage:


1. Seleccionamosel menú Herramientas, comando Opcionesdepágina y ficha Compatibilidad.
SITIOS WEB
2. Activamos o desactivamos la casilla de verificación Habilitado con las Extensiones de

servidorde MicrosoftFrontPage.
Si desactivamos la casilla de verificación, no podremos acceder a las siguientes opciones del menú ¿Qué es FrontPage 2000?
Herramientas y el comando Componente:
Microsoft FrontPage es un programa que nos permite la creación de páginas Web de una manera
a Contador de visitas a la página
sencilla y además sin necesidad de tener elevados conocimientos informáticos.
o Campo de confirmación
En un principio, las páginas Web se creaban utilizando el lenguaje HTML (HiperText Markup
a Incluir página
Lenguage), pero este lenguaje tiende a ser sustituido por Java.
o Inclusión programadade página
Las páginas web, como veremos más adelante, pueden contener texto, imágenes, sonidos, vídeos,
a Categorías
etc.
q Formulario de búsqueda
En el curso que en este momento vamos a comenzar trataremos de la versión 2000 de FrontPage.
• Componentes adicionales

Lo nuevo de FrontPage 2000


Existen una serie de novedades respecto a la versión 98 de FrontPage, veamos las más
características:

Webs

• Cualquier tema prediseñado se puede personalizar. Se pueden crear colores, fondos, viñetas,
gráficos... para adaptarlo a nuestro sitio.
• Se pueden situar objetos en cualquier parte de la página y en diferentes capas.
• Se puede trabajar con un explorador o un servidor Web, Extensiones de servidor de FrontPage,
ASP, DHTML, CSS o Java.

• Se puede crear un Web sin necesidad de utilizar un servidor Web, para ello utilizaríamos el
disco duro y, posteriormente, publicaríamos en un servidor de Web.
• Cuando se configura el entorno de trabajo de FrontPage, las opciones guardadas por los
usuarios permanecen, de esta manera el entorno siempre tiene la misma apariencia.
• Los menús aparecen, en principio, con los elementos que se utilizan más a menudo. Se pueden
ampliar, fácilmente, mostrando todos los comandos.
• Las barras de herramientas se pueden personalizar, agregando o quitando los botones que
deseemos.

• Copiar formato nos permite aplicar un formato determinado de un lugar a otro del texto.

Grupo EIDOS Grupo EIDOS


SITIOS WEB SITIOS WEB

• FrontPage 2000 subraya con una línea en rojo los errores ortográficos o las palabras Office
desconocidas. • Los documentos HTML se pueden utilizar del mismo modo que los archivos de Office.
• Se pueden crear subwebs anidados para que la estructura del sitio sea más organizada. • Al modificar un archivo de Office 2000 con FrontPage, desde un web, la aplicación de Office
También pueden darse permisosde acceso diferente para cada subweb. se abre para modificar el archivo en su aplicación original.
• El control de origen nos permite reservar un archivo en un Web para que nadie lo pueda • Los componentes Microsoft Office Web Component (Hoja de cálculo, Tabla dinámica y
modificar. Gráfico) permiten agregar directamente las funcionesde Microsoft Excel a las páginas web.
• Se pueden asignar páginas a determinadosmiembrosde un equipo. • Las Extensiones de servidor de Office incorporan las funciones de las Extensiones de servidor
de FrontPage, lo que permite tener webs en servidores que ejecutan las Extensiones de
HTML servidor de Office.

• Si se modifica código HTML y secuencias de comandos existentes, el código no cambia,


tampoco el que proceda de otros programas. Instalación

• Insertarcódigode formarápidacon los botoneso los menúsen la fichaHTML de la página. • Si se utiliza la tecnología estándar de Microsoft Windows Installer, se puede instalar
• Se puede personalizar la sangríadel código HTML,los coloresde las tabulaciones y cuándo FrontPage 2000 con Office 2000.
utilizar mayúsculas y etiquetas opcionales. • Los componentes y programas se instalansegúnse necesiten.
• Cuando se inicia, FrontPage determina si faltan archivos y dónde podemos encontrarlos para
Publicar instalarlos.

• En la publicación,un indicadorde progreso facilita el seguimientodel procesode publicación. • Asistente para instalación personalizada.

Programación También nos encontramos con una serie de mejoras, entre ellas:
• Modificar y depurar secuencias de comandos, incluidos JavaScript y VBScript. • Varias personas pueden modificar el contenido de los Webs al mismo tiempo. También se
• Se pueden realizar solucionesbasadasen FrontPagemedianteVBA puede crear un Web directamente en un servidor que ejecute las Extensiones de servidor de
• Se puedemanipular FrontPage, páginasy sitiosweb mediante código. FrontPage.
• Si movemos o cambiamos el nombre de una página o un gráfico, los hipervínculos se

Bases de datos actualizan de forma automática.

• Se pueden incorporar bases de datos de Microsoft Access a una página web. Los visitantes a FrontPage utiliza la misma consola de administración (management consolé) que Windows
pueden modificar la base de datos desde sus exploradores. NT e Internet Information Services, con lo que podemos administrar nuestro sitio de forma
remota.
• Se puede crear o modificaruna base de datos con un formulario.
a Existen más de cincuenta temas prediseñados para crear una página o un sitio Web con una

Idioma
apariencia coherente.

• Se puede establecerel idiomapara cada página. a Se pueden añadir efectos de HTML dinámico. Los efectos de animación funcionan con
Microsoft Internet Explorer y Netscape Navigator, a partir de las versiones 4.0.
o Se pueden crear o modificar colores personalizados, estos colores se guardan, permaneciendo
cada vez que entramos en FrontPage 2000.
• Hojas de estilo en cascada, proporcionan un formato personalizado y coherente de una página.

Grupo EIDOS Grupo EIDOS


10 SITIOS WEB SITIOS WEB 11

Planificación de la información También podremos entrar en el programa si tenemos creado un Acceso directo en el Escritorio y
hacemos doble clic sobre él.
Antes de crear nuestro sitio, es muy importante hacer una buena planificación del mismo y para
conseguircrear un buen sitio,debemos ponemos en el punto de vista del usuario.
Los mejores sitios web son los que resultan atractivos,comunican un mensaje de forma clara y las
páginas no tardan demasiado en descargarse, para ello, se deben utilizar elementos que los
usuarios puedan descargar rápidamente, además, es preferible no poner todo en una sola página.
Accediendo a FrontPage de cualquiera de las dos maneras indicadas aparecerá la siguiente ventana
inicial:

Iniciar FrontPage
W.\a\*\
Para entrar en FrontPage pulsaremos el botón Inicio de la barra de tareas, seleccionaremos del érchim Edición yjr traerte* Formulo tarramenta» letrt» Meso» v»ftT*ra Ajutí

menú emergente Programas y de ahí activaremos la opción Microsoft FrontPage, tal y como Q - 6» • * í El" a-1., Z- '::. '-• «• -»'' • '-"••'. {• f~. V.>."':-" (
aparece a continuación:
U^ldBOKpBtot

•^ Accesouit
•¿A Ap'racioMff
£) Adat Muidla!Muli ufa

Jj AjtoCADRHO-Esosíol
-flj E^anColorMadP'O
-íi HwrariOTmdoMioOBjtOffiCB
-a} iikio
Jj MujosoUOHi™ Cuando un Web «tí abeto, sata unta muerta
id*lífuehío de «cptoiaaonátk«fe jile panto
-2d MicrosoftVhual Base 50 agiaajr botonas da m&*iaán a tut págrtat
tig"^ 5 AbnrAnímenlo(Mflfca n£j N^tocapsCcmirunlcetor
!&s
!£§ 1| nKievoüQGurAVttD da Office
•j O^Ti 331Apcbcaton
Ttt WMip -23 ^Tdo*»lnWirtW¡ndow«95
-34 RM
Jj BtNrAW
Jl RENTA W
-^ vBuiMap
5Í WlnZn
¿¡ WFWnSC B Í*JM
-2l ¡*lo,MPEG»IBysr
W Cuadumo «Jw Micnjbun
Ai E*pL.lnu:r,rda Windows
01 ífWmBí E^dorsr
4 Mwrasof Accra
En la parte superior de la ventana se encuentra el titulo de ésta "Microsoft FrontPage", con los tres
_J3 Ejecutar 86 *tooao>E»c«l botones que aparecen en todas las barras de título de las ventanas de Windows: Minimizar,
^ £]£ Apegar niliarjHnA 33 MrerosoftOmoc* Maximizar o Restaurar y Cerrar.
# Werotof PticloEdro*
HÉMau él 5i A V Bisivm
smoBamm Mmm&^Mx}}

Grupo EIDOS Grupo EIDOS


12 SITIOS WEB SITIOS WEB 13

Debajo de la barra de titulo aparece la barra de menús, cada uno de los cuales con sus comandos
respectivos. Carpetas. Aparecen todas las carpetas y archivos pertenecientes a nuestro web. Cuando
tenemos creado un sitio web, esta opción nos permite organizar sus archivos y carpetas, éstos
.é¥*W> Eeldfo ¡jar Inwtw Fajnste a****** W*> ***«» Verjtan» Aytfta ;| se pueden copiar, mover, eliminar, cambiar el nombre, etc. También se pueden crear
subcarpetas.
Y, a continuación,dos barras de herramientas: Estándar y Formato, respectivamente. Cada una de
En esta vista, la pantalla aparece dividida verticalmente en dos ventanas. En el panel izquierdo
ellas con los botones más representativos.
aparece la estructura de carpetas del sitio. La carpeta principal contendrá subcarpetas y
archivos. En el panel derecho aparece una lista con el contenido de la carpeta seleccionada.
.0 ' * y •W'-M a&9-: *, ÍT* ea <? «? - -- -«Ola"*' ¿ $ 1 !©•; Las carpetas y archivos que se encuentran en el panel derecho contienen una serie de datos
(Ninguno) » (fuente predeterminada) • Normal - , « jt a í i i EEflfíP ,** '4**S informativos: Nombre, Título, Tamaño, Tipo, Fecha de modificación, Modificado por y
Comentarios. Para ordenar la lista en función de una determinada columna, pulsamos el
encabezado de dicha columna, esto es, su título.
A la izquierda de la ventanase encuentrala Barrade vistascon las siguientes opciones: La siguiente imagen nos muestra la vista Carpetas:
• Página. Permite la creaciónde una página Web nueva. Su vista sería la siguiente:

fPfg*? a-tren & loür* )¡er jftcatter Funesto Ue'iejiejUei Je* «ejM Vagina tn&t

: Areríw t##i » iftMUr FgFMeb tjerurtenU» lebl» Ittrjte ***** A«¿i» 0-ai ©*'; oj.;

;<Mnouno) »(fuerte r,odoh»i*«« . NomHl *'í JH ;f 1 •,.¿g^,fri'»4%'. Vela» tabléasela» ] Cwteifc* %^»>»*»«r*>»V)*Wa»»" ,lFe*»*ti
- _jC\Ma»»mntoi\H»Webt «•** ,t«* 1 Te»*,. 1 Tí»
Veta» I g»au»«,nu»v»_,3,Wlr» IsaVga lj _pnvate )_pnvete copeta
- <¿J tnaget Ijroeje» capeta
_JanfiMta^> evítete,)i 14KB <• 29/07/99
jgEidoit&gi Ektala.gf 3KB <# 06/09799
J)fphovei.daw tphovef.dasi 9KB de» 15/12/98'.
_JfphO¥»Kci»« fphov»«,cl*» 1K8 den 15/12/99
_]fp<oiatB.daw fprotaté.das« 5KB das* 15/12/99
_3rprotatx.ci«M fprotaÉM.d8M 1KB da» 15/12/99

Jglm«grj*9GG.fjí tmag«86£.¿if 2KB o» 27/07/39;


Ojoflhtm okokok 1KB Km 30/07/99.
fiÜpaflpTMLrKjsva... Pagina nueva 1 1KB hM 27/07/99
ítl]pagina,,nueva.,. Pagina nuava 2 1KB hbn 27/07/99

y:|$Í^$|Sí)£

2caKabi 11 «rtvo.¡»0.7Ke> O ' ;NUM

¿¡
\KnraielXrimX ««previa /j/} • f"
O-2ít«0fluKfc»i2SÍ Informes. Al tener abierto un Web, esta vista proporciona información sobre los archivos,
hipervlnculos, imágenes y otros elementos que tengamos creados. En la vista Informes,
aparecen cuatro columnas con información: Todos los archivos, Contador, Tamaño y

Grupo EIDOS Grupo EIDOS


14 SITIOS WEB SITIOS WEB 15

Descripción. Para ordenar todos los informes según una columna pulsaremos el encabezado de Resumen del sitio. Este informe proporciona una idea general de cuáles son los elementos
dicha columna. más importantesdel sitio. En la última vista de Informes vimos un ejemplo.
Veamos un ejemplo en la sigviente imagen: Todos los archivos. Aparecen todos los archivos del sitio.
Archivos agregados recientemente. Muestra una lista con los últimos archivos que se han
ÜSI2 añadido.
ardwe BfcMrtlr ÍBerí* ñ£W*> Bwsréjntjj latte Mejia Veflawi A»gfe Archivos modificados recientemente. Aparece una lista con los archivos que se han
modificado últimamente.

Archivos antiguos. Aparecen los archivos que tienen más de un determinado número ele
días.

IflM Iwaflene* 2 5KB Archrvotde mugen delWeb actusl (GIF, JPG, BMP.etc) Archivos no vinculados. Muestra una lista con archivos que no están vinculadosa ningíin
a» Archivos no >ncul 13 41KB ArchivosdelWeb actuala te que rioss puede legai parteado da la p¿[ínapnr
^ Archvos vinclisdot 0 0KB Ardwú* detWebaetualalwque te puedeléjaf partienóc detapágrMtfpnnap
objeto.
L¿fPagrias lenta» 0 0KB Pagnat deíWeb actual que supeanun tempc> de descargo estimado dn X saj Páginas lentas. Este informe proporciona información acerca de cuántos segundos va a
y|| Archvos anrjisjos 4 18KB Archivo* delWeb actual que no w han morjficado desde hace 72 dfas
LÉ¡ Archivos agregad. 12 41KB ArchivosdelWeb actualque se K)n creadoen los ufamos30 días tardar en descargarse una página a determinada velocidad del modem.
*¿ Hpervínculo! 15 Todos los hpesvínculos delWeb iictual
? Hpervínculos no 2 Hpervlncubs que sefiaian archrvi« de desteto no confmattos Hipervínculois rotos. En esta lista aparecerán los hipervínculos que no funcionan. Para
#^ Miwvínculn lotos 0 Hpewíncutos que señalan archrviwde destelo no drsporabtes
¿jíHpervíncuta ext 2 Hepeivfnctiosque seRelanarchrwisque están tuna delW«b actual arreglar un vinculo roto, y encontrándonos en el informe Hipeninculos rotos, lo pulsamos
A MfKtvrnculor rite 13 Hpervínctioj que sefíalanarchrvits que están dentrodd Web actual
® {'notesde conpo. 0 Archivos delWeb adue) con ensoñantes quti notifican un emir
con el botón derecho del ratón y seleccionamos Modificar hipervinculo del menú
Qr 1«ees nocono». 0 Tamas ctf Web actuMque no astan marcadascomo complatadat emergente, con lo que abriremos el cuadro de diálogo del mismo nombn: y donde haremos
Éy lema*rwuHrado( 0 TemasdelWeb actualque no se .soleana rwtfúnarchivo
las modificaciones pertinentes.
Sk. .¿J Já Errores de componente. Con FrontPage tenemos ya todos los componentes personalizados
#aj»wÁtól«¡Éi*ft * ' mm
incluidos. Si existe un error en cualquiera de los componentes del sitio, aparecÉrá en este
informe.
Además de utilizar la Barra de vistas para acceder a Informes, también se puede ver y
administrar el sitio web desde el menú. Para ello seleccionaremos el menú Very la opción Estado de revisión. Se pueden organizar y ver los archivos del sitio creando un proceso de

Informes, aparecerán las siguientes opciones: revisión. Para asignar un estado de levisión, pulsamos, junto al archivo que queremos
cambiar, en la columna Estado de revisión, aparecerá un menú desplegable del que
»• {{señar rema» u»»"r*ntes l»M» Ma{s» veoían» n™>« seleccionaremos la revisión que deseemos o escribiremos el nombre de ln nueva.
9 <*»»» - f-f-¿r" V i ••':' - **•>'"* C.'-É Veamos un ejemplo:
•/ RM<B«n!»l«»ii

0)'tltwvfe«i« ^»*»J|J«W!« \
*l»d*ros a<jr«oa!^raS»rtr*TieF*e
#1 Arriito«ww*ilfcio>»ied»rt(|mente
Arc)»vo»Br*JQ\ic«

_ ^^«e*t'|»*» __
S««Kl»k«t«ifcnUl t ' i^natiínta» ' ~
@¡<awÉjeir » „5B**t!*5Í!?'»-_-
t.'.".-; •<».,... BnWdVM»9norí»
? hflpervfhculoi no
s>Mpervínctia' rotos ^Ñfce^dejejrtfc ,;_jj._,.
X VIpeMnckio* ext. AejEMdoa
& Hpervtnctiru mía &•»»*»; _. „_ ,
P f frotes de eoflem.
y 1 ateas no conote
Jr* 1 emssnoutaMdos

Grupo EIDOS Grupo EIDOS


16 SITIOS WEB SITIOS WEB 17

Ifcijíptr, Tareas. Se trata de un administrador de tareas que podemos utilizar para planificar los pasos a
• e/tHm E**3n Jjer JNerte fV»eto l>"ie»irtM I*Wa Matraí Venene AjyJa seguir en la creación de un Web Enumera cada una de las tareas, la describe, le asigna una
prioridad, indica quién la tiene asignada...
'*.^•.*^."?%. .^^^..^rTV. La columna "Estado" informa sobre el estado de la tarea. En la columna "Tareas" se describe
EoapodatevitSn
Eaadotteteyfeiiir, lAárvMo» \j FtWt^^^'WfcT la tarea en cuestión. En la columna "Asignada a" se informa de la persona responsable de
1S^r|Btaft h Wtifc,,
«ghonoiiuhtn Honolulú realizar dicha tarea La columna 'Prioridad" indica el tipo de prioridad que tiene la tarea: alia,
Jpagrwi„nueva. jinvete/pe^na^niievaji!
JrxinoUuhtn.cnt _pnvaWhonc4ahLhtm.cnt media o baja. La columna "Asociada a" indica qué página o archivo hay que modificar para
|j¡lmage86$.gif lmoge9G&g*f completar la tarea. En la columna "Fecha de modificación" se informa sobre la fecha en que se
"jrpíotabtdaii tprotatH.dws
Q anímatejs antmafe.js modificó la tarea por última vez. Y en la columna "Descripción" se ofrece una descripciónde
|||Eidod*gl :Eídosl&o*
_Jrpfotata.daí.s fprota'B.dass cada tarea.
[^]fphoven.cÍa$s fohovwxciass
O]pacjena_.nueva. Pagtna nueva 1
ÉÍJ pagna_nuewa. Peona nueva 2
"Jfphovef dais Jphovw.clBss
k§oohtm okofcok
Revisión de cóolgo
Revisen de conferido Crear un sitio web
Revisión de. dractoi
Revisión tofta. Para crear un sitio web seleccionaremos el menú Archivo,opción Nuevo y del menú elegiremos
«L jj
xv^M^it^aWyn^&t» -«••• Web. Nos aparecerá el siguiente cuadro de diálogo:

•frlxl
ífo.Web)
• Asignado a. Si hay muchas personas trabajando en el sitio y deseamos saber quién está
trabajando en cada página, pulsaremos en la columna Asignadoa.
8sN ss^j §¡\
• Categorías. Las categorías nos servirán para organizar los elementos individuales. Asistente pare Acátente pare Asistente para 0(mipi1»)l
Podemos seleccionar una de las categorías existentes, o bien crear una nueva. HH importa ai „ presenciac,. Web de £s. Eíptcfcme taúbiacíondBi nuevoWatt

a Estado de publicación. Habrá ocasiones en las que solamente queramos publicar


•J ES | •J *l
' jW^TECNICOjAilWebZ *J
determinados archivos. Para decidir si un archivo queremos o no publicarlo, nos Web de Web de Web personal Web vacío
proyecto soporte... r Co-»»6n«iSMo«quaiioji(SSÍl
situaremos en la columna Publicar del archivo, aparecerá una lista desplegable donde Desetlpain
Om utnutvovAst eo/imn»tinca
seleccionaremos Publicar o No publicar. Si seleccionamos No publicar, el archivo no se pigtaaertbtanco.
publicará junto al resto del sitio web.

e Exploración Aparecen las piginas que componen el Web que tenemos abierto en forma de
árbol. Esta vista divide la pantalla en dos paneles verticales. En la zona de la derecha es donde
se diseña la estructura y en la de la izquierda es, simplemente, una vista de las carpetas.

Aceptar } Canéele;
e Hipervínculos. Muestra los hipervínculos (enlaces) que relacionan las páginas de nuestro Web
o que están relacionados con otros Web de Internet.

Grupo EIDOS Grupo EIDOS


18 SITIOS WEB SITIOS WEB 19

ffixq
En este cuadro seleccionaremos el tipo de sitio que queremos crear. Activaremos Web de una Buscaren: .£] mrWeb en b9cnJco3 j3 +" S¡ €l X tj £8*awaWMM -
página (del resto de los Asistentesy Plantillas hablaremosmás adelante). W *J_prrvate
.Jimages
Al seleccionar Web de unapágina, estamos creando un sitio con una página en blanco. FrontPage P indejCaMsiíi
Pj»>note.htrn
crea un sitio de una sola páginay sus carpetas correspondientes, A continuaciónse puede construir
el resto del sitio.

Tras seleccionar Web de una página, hay que designar un nombre para el nuevo web y, si es
necesario, también hay que cambiar la ubicación. Es aconsejable cambiar el nombre
predeterminadopor otro <aie haga referencia a nuestro web.
Por defecto, FrontPage utiliza una ubicación local, podemos cambiarlo seleccionando una de las
ubicacionesque se encuentranen la lista desplegableEspecifique la ubicación del nuevoWeb.
Si la ubicación deseada no se encuentra en la lista, bastará con escribirla en el cuadro de lista.
I tfrrtwaSB ardiwi j|
Si se está construyendo el sitio en una ubicación segura y dicha ubicación dispone de SSL, "3 Ifr ft* 1
marcamos la casilla de verificación Conexiónsegura requerida (para más información, vea el s&Jii&SISiM. Ifc»****» jPégirw, Web (*.hlnTi;«.rtml,*.*tinl;*,shJm¡».st:rn;*.42J Canato-
capítulo "Seguridaden la Red", Tema 10).
Buscar en. Solicita el lugar donde tenemos guardada la página que queremos abrir Tenemos
dos opciones, o la buscamos mediante la lista desplegable que nos aparece en la parte superior

Abrir un sitio web ya existente .¿J mftVeb antéenteos *S! f) 5K Cí 13* a^faJtítirl»»
¡^Escritorio
Para acceder a un sitio web que ya exista, seleccionaremos, en el menú Archivo la opción Abrir 45) MI PC
j| Carpetas Web
Web..., o también el botón Abrirde la Barra de herramientas Estándar, y la opción Abrir Web,
.¿Disco de 3VS(A:)
aparecerá el cuadro de diálogo que se encuentra a continuación:
^Msfp9(D:)
ü¿ Pavfn$en"Sanaa9o"(X:)
^sj Entorno dered
J¿ Mis ctoajmentos
_1) Servidos en enea
£) Mi Materjn
_j Espewo~2
Jj FRONTPAGE
Ü UbicadodesPTP
33]Agregar o fnorJftcar ubicaciones FTP

m.. J3t
;TJtjedeartNwt jpágmasWeb(•.htmj*Jitr^/*.(htrn1¡*.slitm¡*.stm¡*.4»J «encajar '

Grupo EIDOS Grupo EIDOS


20 SITIOS WEB SITIOS WEB 21

Opciones del sitio web


O bien, lo hacemos directamente con cualquiera de las opciones que nos aparecen por defecto
Cerrar un sitio
a la izquierda de la ventana
FrontPage sólo puede visualizar un sitio cada vez, por lo que, cuando se abre un sitio se cierra el
anterior.
RlPst
ir mfWab en ter.rir.o3 Jü *-l£ •<» X D ® >t»»<M*»'*M •
Eliminar un sitio
^j .prívate
_J images Para elmúnar un sitio abierto, seleccionamosel sitio que queremos borrar y pulsamos el botón
Cündex.htm
8] paginóte.htm derecho del ratón, en el menú que aparece pinchamos en la opción Eliminary nos aparece un
cuadro de diálogo donde se nos pregunta qué deseamos eliminar, o el Web completo o solamente
la información de FrontPage.

•fjIliflWllinPal, EaaaTxl

¡ipmbraoeanlivoi
"3 :fe,fr?,,J'I C £«r>r*cornptairerfa*>teY/efe
TjrjMtearttow jpág»1asWeb(*.htm¡^^*ml¡^shtrnl¡«.5hto¡•.stm;•.^^'- • ...,,*****.v,:..,
f Aceptar i Censeti»

e Nombre de archivo. En esta caja de texto escribiremos el nombre del archivo que queremos
Una vez borrado no se puede volver a recuperar de ninguna manera.
abrir.

e Tipo de archivo. Aquí seleccionaremos el tipo de archivo a abrir, por defecto aparecerá
Borrar archivos
"Páginas Web" pero podríamos seleccionarcualquier otro tipo de los que aparecen en la lista,
Los archivos los podemos eliminar seleccionándolosen la vista Carpetas, Informes, Exploración o
un documento de Word o WordPerfect, una Hoja de Cálculo de Excel o de Lotus, etc.
Hipervínculos y pulsando a continuación la tecla Suprimir del teclado, o bien, del menú contextual
del archivo (aparece, teniendo seleccionado el archivo, con el botón derecho del ratón),
Una vez que tengamos seleccionadoel documentoque queremosabrir, pulsaremosla opciónAbrir
seleccionamosEliminar, o, por último, con el menú Edicióny la opción Eliminar.
o, si lo que queremos es salir de este cuadro de diálogo sin abrir ningún archivo, pulsaremos la
opción Cancelar.
Agregar tina página nueva a un sitio Web
Esta opción sólo la podemos realizar en las vistas Página, Carpetas y Exploración.
Para añadir una nueva página tenemos distintas opciones, por un lado, podemos seleccionar la
opción Nuevo del menú Archivo y luego Página, y por otro, podemos pulsar el botón Nueva
página de la barra de herramientas Estándar, y posteriormaite los botones Copiary Pegar de la
barra de herramientas Formato.

Grupo EIDOS Grupo EIDOS


22 SITIOS WEB SITIOS WEB 23

Importar un archivo a un sitio


Cuando queramos traemos a nuestro sitio, un archivo localizado en otro lugar, seleccionaremos el Agregarcarpeta. Con este botón lo que haremos será agregar carpetas a nuestro web con sus
menú.4reWvoy la opción Importar, aparecerá el siguiente cuadro de diálogo: subcarpetas y archivos.

NMK91
*«**«> ípfrtafrifflt... égtegaratcrivo. | Setow»?r«e«r» carpeta ck lolistaaguiente:
«'• •'..'•"•'•.i- •'•i.f
Ag»r^ chípete., j
- r?\ Esotaic
m
OeerJuelJsS*,. j
K".i«*ii.tie-•••."»••"••*•».«? - JHU
S.sS)Wswde3KlA:]
83 fi3 Id
..:—;-.,t %•••& (D:)
ai Sg PavfVi$ an"Santiago" C<)
;€ th Mis doctanentos
5 l«l Entorno dered
•B C3 Espewo'2
•« O FRONTPAGE
$| Mi Maletín
J3 Service*en línea

ICancatar'
T^JJtftarf mam f n,i i.

e Desde el Web. Cuando pulsamos este botón aparece el "Asistentepara importar al Web", el
Agregar archivo. Pulsaremos este botón con el que se abrirá el cuadro de diálogo donde
cual nos irá solicitando la información necesaria.
seleccionaremos los archivos que queremos importar. Una vez tengamos seleccionados los
archivos pulsaremos el botón Abrir.
MmpiiiM mmmm

EIAs¡sttsrteparairjpc^.s<Wt*-teíi«*iaa«asi
irir«^voW*apa*deai<*iv«e»aarite«on
«equipo o desde Ul s*o Wi* «wtente.
„] Misimágenes
.23Mis Webs c^e^ldtjt^dese4Írr»gBrt»'?t
¿J Dcctanenb» antiguos deExcel r 0esd«upd>i!ctol«rJeorir^dear*M3ia
wewolocatodelaied
<* JDtsde'un sS^^r^^\ga
aWaeBltoí . . . ' '
jejemplamctosoft com
traTtiedobrctwi | P Dsre^jwguaiecijertdafSSL)
Jjr»*a(cNw*-. (Todos los archivos[".") j3 . Cancelar 1

"•*'•' OfeS**^ lanceta' 1


eji. i. <••* iiW«Wti»eeei m*ft*m#M .«iien..ii,.je»li.i m,tjt

Grupo EIDOS Grupo EIDOS


24 SITIOS WEB SITIOS WEB 25

Trabajar y actualizar el sitio Publicación

Probar el sitio Podemos crear el sitio en nuestro disco duro, lo que nos puede ahorrar mucho tiempo, y
Una vez que tengamosel sitio terminado, es conveniente que probemos si los vínculosfuncionan posteriormente publicarlo con la opción Publicar Web del menú Archivo.
correctamente, tenemos diversas formas de hacerlo: O, también podemos trasladar nuestro sitio web a otro servidor, con lo que utilizaremos,
e Podemos verificarlos uno a uno, para ello pulsamos, en la vista Normal, la tecla CTRL y igualmente, la opción Publicar Web del menúArchivo, lo que haremos, en este caso, será copiar el
hacemos clic con el botón izquierdo del ratón sobre el vínculo, FrontPage nos llevará a la sitio en un servidor nuevo, para ello abriremos el sitio que queremos copiar y pulsaremos el botón

página o elemento con la que esté conectadoel vínculo, Publicar Web de la barra de herramientas Estándar La siguiente imagen muestra el cuadro de

e Podemos recorrer el sitio con un explorador (Microsoft Internet Explorer, Netscape diálogo "Publicar Web":

Navigator...) e ir probando los vínculos. La manera más sencilla de hacerlo es utilizando la


Vista previa,
Etramüqua le ubiotaAi entogue «epubketíi aüjfab:
e Podemos ver todos los vínculos en la vista Informes, aunque esta vista sólo comprueba si el
\tm ¿1 E/araiw... 1
vínculo existe y no si la vinculación es correcta.
Haga oh aquí«' no ten» un proveedorde piesencia analWeb

Actualización del sitio


Üpotonea • { { Plflte* J Canuta {
Es aconsejable que el contenido cambie regularmente, actualizándolo con nuevas imágenes o
textos, pero los cambios en la estructura pueden resultar desagradables para los visitantes
habitué les.

Es tan importante planificar la actualización del sitio como crearlo. En Especifique la ubicación en la que se publicará el Web escribiremos, o seleccionaremos de la

El sitio se puede actualizar, también, desde una ubicación remota,para ello, en primer lugar hay lista desplegable, el nombre del servidor.

que conectarse al servidor web que contiene el sitio a actualizar, es aconsejable que el servidor Si queremos comunicamos con el servidor utilizando SSL (Capa de conectóles seguros),

tenga instaladas las Extensiones de servidor de FrontPage y, en segundo lugar, evidentemente, marcamos la casilla de verificación Conexión segura requerida, esta casilla de verificación

FrontPage ha de estar instalado en la máquinadondevamosa realizarel proceso. aparecerá cuando pulsemos el botón Opciones(puede obtener más información en el Tema 10,

Cuando haya dos personas que intentan modificar una misma página, FrontPage emitirá un aviso "Seguridad en la Red").

al intentar guardar la página, mientras la otra aún sigue conectada. Para evitar este posible Si, únicamente queremos publicar los cambios, pulsaremos el botón Opciones y marcaremos la

problema, es preferible asignar páginas a distintas personiis. casilla de verificación Sólo publicarpáginas con cambios, tal y como aparece 6 continuación:

Grupo EIDOS Grupo EIDOS


26 SITIOS ¡WEB

INFORMACIÓN GENERAL SOBRE


mma
PÁGINAS WEB
jnttp/' zi E«anw«r j
y[ ISP. I He*cfcewi»r»ijen»i*r*oveetecte[*re>aria»en«tWeb
ff Scfepubk« paginas Mnsarrfcsos
<~ Pubs«iloctel«P49"«)iSot«e«^l»t^y»haj«mdr«t»io HTML

P Indur subviebs Aunque este curso se va a desarrollar en su totalidad con FrontPage, no está de más que
r CcceflónseguríreeuendaíSSL) conozcamos algunas características del lenguaje HTML.
PtGfcaí Cancelar HTML es la abreviatura de HyperText Markup Lenguage y es el lenguaje que todos los
navegadores utilizan para presentar la información en la World Wide Web (WWW). Este es un
lenguaje que se basa en el uso de etiquetas, consistentes en un texto ASCII encerrado entre
FrontPage localizará el servidor y publicará el sitioweb.
paréntesis angulares (<..>). El texto incluido dentro de los paréntesis nos indicará la utilidad de la
etiqueta.
Las etiquetas podrán incluir una serie de atributos o parámetros,casi siempre opcionales,que nos
permitirán definir diferentes posibilidadeso característicasde la misma. Estos atributos quedarán
definidos por su nombre y el valor que toman separados por el signo igual. En el caso de que el
Salir de FrontPage valor del atributo tenga más de una palabra deberá expresarseentre comillas,en caso contrario no
Para salir deFrontPage pulsaremos elmenú Archivo y laopción Salir, o bien elbotón "|tj es necesario.
Con ALT+F4 también saldremos del programa. El manejo de etiquetas nos permitirá, entre otras cosas:
Si intentamos salir del programa sin haber guardado previamentelos cambios, nos preguntará si e Definir ¡a estructura del documento HTML.
deseamos hacerlo en este momento. Podemos optar por guardarlos, no hacerlo, o no cerrar la
e La inclusión de hiperenlaces, que nos permitirán acceder a otros documentos.
aplicaciónsi pulsamosel botón Cancelar.
e Aplicar distintos estilos al texto.
e Incluir imágenes, vídeos, etc.
Si desea saber más acerca del lenguaje HTML, le remitimos al curso "Lenguaje HTML" que se
encuentra en la siguiente dirección de Internet: http://vwAv.eidos.es^almagesto

Grupo EIDOS Grupo EIDOS


28 INFORMACIÓN GENERAL SOBRE PÁGINAS WEB INFORMACIÓN GENERAL SOBRE PÁGINAS WEB 29

Veamos un ejemplo:

Modos de trabajo En primer lugar, hemos escrito una linea en la que hemos modificadoel tamaño Normal de fuente
por el de 2 (10 pto), así como las palabras "Máster Eidos" a las que les hemos puesto un tamaño de
Cuando estamos creando una página nueva, o tenemos abierta una, aparecen tres vistas,
3 (12 pto) y Negrita.
seleccionables, en la parte inferior de la pantalla: Normal, HTML y Vista previa:
También hemos puesto un fondo a la página.
El resultado sería el siguiente, en cada una de las vistas.
érehho &ftaon yjtr insertar Formato aarramena» laota Mato» Vefjtan» Ayup*

Vista Normal:
¡rjorguno) * (tuerte predeterminada) -Normal •» * X %,« • 9 '}5-t3'#; > -rjj,» *9
t»rt*M*w.tl*1*
1 OB i-laixl
; 4r*w fctócn jjar tmtuf PflrmXo rJBrrarmemes íatt» Micax Vers*t»:*íwia

¡Normar ~» (¿enteprsdeermhada) »"2 (lOpfcl', »f> S /ÍmÍ*» '(£ l£ 4Í-*; >*&.


.pfclMimJMi.

Tepresentamos aquí la sexta edición denuestro veterano Márter Eldo»

\Noriaoj/HTWt,X yfctarjnwiq'/l.iJ
^fever'AVude. pieítoié P^ B'3<)«eauridina29.8
•r1
NMM

Vista Normal

En la vista Normal será donde trabajaremos habitualmente. En esta vista no tendremos que
introducir ni un solo fragmento de código.

VUtaHTML \Norenl ¿HTMr A Vl»tap»yta /j ; \


|'30»aguiirio»a2B,8 NUM
El código aparece en diversos colores, esto es, el texto, los marcadores HTML, los atributos y el
código JavaScript aparecen en colores para diferenciarlos, lo que nos facilita la tarea cuando
tenemos que revisarlo.

Vista previa
La Vista previa nos muestra el resultado de nuestra página tal y como la veríamos con un
navegador, teniendo en cuenta que el aspecto que genera es el mismo que si la viéramos con
Internet Explorer, si utilizamos otro navegador, el resultado puede variar.

Grupo EIDOS Grupo EIDOS


30 INFORMACIÓN GENERAL SOBRE PÁGINAS WEB INFORMACIÓN GENERAL SOBRE PÁGINAS WEB 31

Vista HTML:

Vista previa:

• tmtm BtttBn gr fuero* Formato ^arntohea I«t» Maceos verjUrs Aráfa '
Q>cr>'B --; ffi'¿A-. • >« **'',•" •'!."*" "js.^JD*,! SU-
*
fflhttWsMfs - - ."I
' A
<head> Te presentamos aquíla sextaediciónde nuestroveterano Muter Eidoi
^meta http-oquiv«s"Coriten,b-L*ngu»ge* contentt,"es">
<mete http-equiv^^Contenfc-Type" coíitont='*text/htB»l; eharaet?^iindonats-1252">-
<m.eta nan*3,"GBHBRA.TOR'' content",'Micrfrao|fc Prontpege 4.0">
'

<me-ta nanit*f="ProgId'' conten't=:"ProfitP»geJ Editor. Documenta


^title^Pagin* nueva K/fcitle5*
</hcad>

<body bgcrsior^^PPPPDOV

<p><fo»t oiz9a¡"2',>TB presentamos aqui la sexta edición de nueatr 3 vstsrtne


</fant><b><íont size=*'3',P"M4ater Bidos</f ont></b>< forre size="2 "> </font>

<p>finbap;</p>

</bcdy>

</ht»l.>

•r J
Un6fll'3,CoítiTrrtia1 lS30a«9WtdM9¡%& :' ¿MUM f iXNurBtr-t/H^ívVratBprevio/l-.f ij
Sr|i2s««9i¿;tfcweai8 *¡JM ..

Plantillas y Asistentes
En este curso vamos a ver cómo crear nuestras propias páginas web partiendo de cero, pero
FrontPage también incluye una serie de plantillas que nos pueden ayudar en un momento dado
para comenzar la creación de una página.
Cuando se selecciona una plantilla se obtiene un determinado texto, a modo de ejemplo, que
tendremos que sustituir por el nuestro, además de poderle añadir imágenes, sonidos, vínculos, etc.

Plantillas web

Si lo que deseamos es abrir una plantilla para crear un sitio Web, seleccionaremos el menú
Archivo, opción Nuevo y del submenú activaremos Web, nos aparecerá un cuadro como el
siguiente:

Grupo EIDOS Grupo EIDOS


32 INFORMACIÓN GENERAL SOBRE PÁGINAS WEB INFORMACIÓN GENERAL SOBRE PÁGINAS WEB 33

•prtxf e Asistente para Web de discusión. Este asistentecrea un grupo de discusióncon hebras, tablas
SüosVVebl de contenido y búsqueda de texto.

Plantillas de página
Asistente pata Asistente paja Asistente pera ^sís^rerieír-^- „,** • - .
suportarel... rjesenciac... Webdetfs.. £spedfitJU»hurAsocí6níB)nuevoW* Para poder utilizar una plantilla de página, hay que tener activadala vistaPágina.
]Ntp7/TECNIC03/mWeb2 3 Para acceder a las plantillas, seleccionaremos el menú Archivo, opción Nuevo y del submenú
ss
Web de Web personal Web vacio elegiremos Página. Aparecerá el siguiente cuadro de diálogo:
soporte... r r¿»s^»eo^í ter4j«*Ja(SSL)
_Bájate r.~'-" :,-rr—- r *r -
CieeunmlevoWr*íonurHiJriM
r^jshaenbtanoo. •> c. ffrp^
General |p4ane»de(narcos ]Hojas de estlot|

fj BIS *J 88 | -
Asistente para Bibfoguira Cuerpo Opoonet
1 ' págjnasdef centrado

r •• -.•--•..-.--?.

fl ÉF1
Fotmtiario de
n
Fomutanode Libro de
íl
Págnade
Oeeefjpciflrt ~
Dea ur»plrs«Wt*t« Manco.
búsqueda
i,mj Cancelar comentan» cortfvTMción hviedos

SS j
"tzseúl
Preguntasmas Registrode Tablada
•J
Texto a dos -**
vista previa
frecuentes usuario* coríenido columna*
En esta ventana, además de Plantillas, nos aparecen Asistentes, éstos nos ofrecen opciones que
m
vamos seleccionando, para ayudamos a crear un sitio o una página Web.
Textoadot
O
Texto a dos
Wtr&¿J
Texto a tres
•i
Texto a una
e Web de unapágina. Crea un sitio Web de una página, sin contenido. columnas c columnas c columnas columna co.

e Web deproyecto. Crea un sitio Web donde se estableceráinformaciónsobre un proyecto.Crea


B] 0] ffll •~I z)
una página principal, otra páginaen la que se enumeranlos miembros del proyecto, otra sirve
de búsqueda, otra con el plan de trabajo, otra con el estado del proyecto, otras páginas de Aceptas Eanoeta

discusión y formularios y una páginacon vínculoscon todaslas discusiones sobreel proyecto.


e Web de soporte al cliente. Crea un sitio al que pueden acudir los clientes para solicitar
información, plantear problemas, etc. En esta ventana aparecen, como podemos apreciar, tres fichas: General, Páginas de marcos y
e Web personal. Crea una página personal,con fotos, vínculos,etc. Hojas de estilos.
e Web vacio.Crea un sitio completamentevacío,a partir de él se agregaráel contenido. La Vista previa nos muestra la apariencia de la plantilla seleccionada y en Descripción se nos
e Asistente para importar al Web. Si tenemos un sitio que no se ha creado con FrontPage o una informa del contenido de la plantilla
serie de archivos que deseamos importar a FrontPage, podemos utilizar este asistente.
e Asistente para presenciacorporativa. Este Asistente nos ayuda a crear un sitio web para una
empresa. Se ofrecen varios tipos de páginasque podemosseleccionara nuestro gusto.

Grupo EIDOS Grupo EIDOS


34 INFORMACIÓN GENERAL SOBRE PÁGINAS WEB INFORMACIÓN GENERAL SOBRE PÁGINAS WEB 35

Contenido de las páginas web Guardar páginas web


Una página Web puede contener texto, imágenes, sonidos o vídeos. Al crear una página Web, FrontPage no guarda solamente un archivo, sino varios, todos ellos son
En una página Web asociamosdistintos elementosa través de enlaces que hacen referenciaa otros incluidos en una carpeta cuyo nombre nos pide FrontPage al crear el Web.
elementos o páginas, así, al hacer clic sobre un objeto de la página, éste nos llevará al elemento o Para guardar una página tenemos dos opciones:
página seleccionado. 1. Seleccionar en el menú Archivo, la opción Guardar, o bien pulsar el botón Guardar de la
Barra de herramientas Estándar o también podemos utilizar la combinación de teclas
Texto CTRL+G.

El texto es fundamental en una página Web ya que es el que nos ofrece información sobre la Si la página ya tenía nombre no nos lo pedirá otra vez con lo que guarda los cambios
página. automáticamente con el mismo nombre y en la misma carpeta donde se encontrara
Al texto podemos darle apariencias distintas como son el tipo de letra, colores, efectos, etc. anteriormente. Si queremos cambiar el nombre de la página o la carpeta destino habremos de
Cuando una parte del texto sea un hipervínculo (nos lleva a otro objeto o página), éste aparece Utilizarla opción Guardarcomo del menú Archivo.
subrayado. Por otro lado, sí es la primera vez que guardamos el archivo nos aparecerá el cuadro de
diálogo Guardar comoque vemos en la siguiente imagen.
Imágenes 2. O bien, directamente podemos seleccionar del menú Archivo la opción Guardarcomo. Con
Las imágenes sirven para hacer más atrayentes las páginas. En Internet las imágenes suelen teñó esta opción podemos dar un nombre nuevo a la página o bien cambiar el que ya tenía.
los formatos GIF y JPG. A continuación tenemos el cuadro de diálogo "Guardar como"

No conviene que las imágenes tengan un tamaño desmesurado ya que tardan demasiado en ser
"descargadas", lo que puede resultamolesto para los visitantes.
j^JmrWebe "3 **_'fi'^ c_ _&»._tsw_»t»»_««-
__privete
Sonidos
_J images
Los sonidos en Internet suelen tener el formato WAV y al igual que las imágenes ocupan mucho tfllndex.hoiri
f'"p*ginote,htm
espacio por lo que convienecomprimirlospara que ocupenmenos.

Vídeo

Los formatos en que aparecen los vídeos en Internet son AVI y QTM.
giíjl^^Sfíjgí

TfajVdetapéajnal Paojrwonridpal
Crear páginas web rj$rnbr$t_ ai>ctlh49t
"—' l~..»**r,....-.j
La creación de páginas web con FrontPage es algo muy sencillo de realizar. En el siguiente tema ÍH\Í$!¡V*;íSK <5u*d*'«WMP» ji>5ña7web(rhr^^ " Cancelar
veremos cómo hacerlo desde un principio.
Aquí, solamente reseñar que para crear una página nueva, activamos el botón Nuevapágina de la
barra de herramientas, o bien la opción Nuevo,Página del menú Archivo.

_ _ _ _ _

Grupo EIDOS
36 INFORMACIÓN GENERAL SOBRE PÁGINAS WEB INFORMACIÓN GENERAL SOBRE PÁGINAS WEB 37

Guardar en:. Carpeta en la que vamos a guardar la página. Tareas


Nombre de archivo:. Nombre que le vamos a dar a nuestra página, si el que aparece por FrontPage ofrece la posibilidad de recordar todos los pasos que planifiquemos previamente a la
defecto no nos interesa podemos cambiarlo escribiendo encima de él o pulsando el botón hora de crear un Web. Se trata de una lista de tareas donde aparecerán todas las operaciones que
Cambiar. nos parezcan relevantes para crear el Web.
Guardar como tipo:. La página la podemos guardar como "Páginas Web" o bien como Para acceder a la lista, deberemos seleccionar la opción Tareasdel menú Ver.
cualquierotro tipo de archivo de los quenos aparecenen la listadesplegable de esta opción Si deseamos añadir una nueva tarea a la lista, deberemos utilizar el menú Archivo, la opción
Cuando hayamos indicado la ubicación y el nombre de la página pulsaremos el botón Nuevo y elegir Tarea. También podemos seleccionar el menú Edición, la opción Tareay Agregar
Guardar. El botón Cancelarsale del cuadro de diálogo sin guardar los cambios. tarea. Aparecerá el siguiente cuadro:

E
~" Prioridad

Hombre de tarea:
f " " '* r_t*
Abrir páginas web •<*__•
Afjgnadea: 1 _ <~a*>
Con la orden Abrir, no solamente se pueden abrir páginas creadas con FrontPage, sino que
Asoaadacon: hoMstururcei
también se abren otros tipos de archivos.
Corrsjslelada; No
Hay varias formas de abrir una página desde el web actual, o bien activamos cualquier vista, Modrkadaper. (Nowmdificol
buscamos la página y la abrimos (doble clic con el botón izquierdo del ratón), o bien, en la vista Osada pe»: ebftjsjdt>_23/u7/9Sabs13:3659
Página, activamos la orden Abrirdel menú Archivo, o, por último, con el botón Abrirde la barra
JescBpoiort
de herramientas Estándar. _

j Acepta | Cenceler j

Cerrar páginas web


Para cerrar una página, seleccionamos Cerrar en el menú Archivo. Si no hemos guardado los e Nombre de tarea. En este cuadro le pondremosun nombre a nuestra tarea.
cambios, FrontPage adviertede este hecho y nos pregunta si queremosguardarlos,a continuación, e Asignara:. Aquí podemos incluir el nombre de la persona que desarrollará la tarea.
guardará (si se lo hemos indicado)y cerrará la página. e Prioridad. Asignaremos la preferencia con que se realizará la tarea.
e Descripción. Resumen de la tarea.
Las tareas se asocian a páginas o imágenes por medio de hipervínculos. Así, al ejecutar una tarea,
FrontPage nos lleva a esa página para que, al terminar el trabajo en ella, la tarea quede marcada
como realizada.

Si se desea indicar que una tarea ya ha finalizado seleccionaremos en el menú Edición la opción
Tarea y Marcar como completada.

Grupo EIDOS Grupo EIDOS


40 CREACIÓN DE PÁGINAS WEB

Seleccionaremos el icono Página normal y aparecerá la página en blanco, como se muestra a


CREACIÓN DE PÁGINAS WEB continuación (hay que tener en cuenta que en la siguiente vista hemos desactivado la opción Barra
de vistas del menú Ver):

Creación de páginas web


Prácticamente, todo el trabajode diseño que tiene lugar en un Web se realiza con el Editor, éste es KSjfflr^j
| tV*lvr¡ B_n gt* Insertar IfeMt» t»farr*sntas lehta natíos Versar» Ayuda' ;
parecido a un procesador de textos, en él podremos escribir, insertar imágenes, sonidos, etc.
íPjL#Jl _5j C#.1_?l*3i*"^;'__:"'iMÍ_38J¡_?_*Ií _?•]
La vista Página presenta las páginas en formato WYSIWYG (lo que se ve es lo que se obtiene), ¡<Mnguno) » (fuente r»_terri»noda) »Normal «• | S: '¿T § llrS • ^ tic ¡2 ♦ 1É ¡^ *4Í» *»
esto significa que cualquier cosa que aparezca en la vista Página es exactamente lo que va a ver el |iaoÍWrjusir«tt;htiit
usuario en un explorador. 1
Para entrar en el Editor bastará con seleccionar el botón Nuevapágina de la barra de herramientas
Estándar, o bien, la opción Nuevoy Página del menú Archivo, en cuyo caso aparecerá la siguiente
ventana:

l^lxl
&>n_{patjiriÉt damas] rMstde estíos j

®N 3(STsj
±
_B
Asistente para
•J
Gibbogiafía
*l
Cuerpo Opoipnet -
_ _ paguas de f centrado

V i - -.•',- ......
"1 • l «»J «fl Descripción
DMorarjíojnaWeljenblanca
\Nis»rfXHr«5X V^.p/<r*a. /).•] r1
Formulario de Fonnutanode Libro de Páojnade
coméntanos ccfifirmación invfcado* búsqueda
W»W*y*&ir__ft ~ ' JH:2_9untroVaS&ir ;hum

•J
Preguntasmas
íl
Registrode
«]
Tabla de
11
Texto a dos _
VBbpttwe
frecuentes usuarios contenido Cflíumnat

Otra forma de crear una página nueva es, teniendo visible la Barra de vistas, seleccionar Página,
í.J
Texto a dos
•l
Texto a do*
*j
Texto a tres
*]
Texto a una
la nueva página aparecerá, en blanco, a la derecha de la Barra, como se muestra a continuación:
columnas c columnas c columnas columna co...

Oí *"\ S | _ ] _

Aceptar j Cartcelat

Grupo EIDOS Grupo EIDOS


CREACIÓN DE PÁGINAS WEB 41 42 CREACIÓN DE PÁGINAS WEB

KrISiTllffIlllMIffB _H__as>__aJ_sa—a_e—^ Seleccionar texto


i éfém eüdon gw Injertar remite üerrarneftt* labia natíos Ventera Ayuda
Habitualmente lo que hacemos es introducir el texto y después darle formato. Para dar formato a

^(Nnour») - (fuerte r*edetertnlnade) »Normal v, « JT £ ¡* É'3t [ISIS * '»> "•»* *_ *. un texto que ya está escrito, habrá que seleccionarlopreviamente.
Para seleccionar un texto tenemos dos opciones, o bien lo hacemos con el teclado o bien con el
p»#iaj)uewt.t.tto
1 ratón.

Seleccionar texto con el ratón

Para seleccionar un texto con el ratón basta con hacer clic sobre el principio del texto que
queremos seleccionar y, sin soltar el botón izquierdo del ratón, arrastrarlo hasta el fin del texto a
seleccionar.

Es muy importante comenzar a seleccionar al principio o al final del texto deseado puesto que no
nos va a permitir seleccionar texto en dos direcciones.
Si deseamos quitar la selección a un texto, basta con hacer un che en cualquier lugar y comenzar
nuevamente la selección.

Si deseamos seleccionar líneas enteras, nos situaremosen el margen izquierdo de la página (el
puntero del ratón toma forma de flecha), hacemos che y podemos desplazamos hacia arriba o
hacia abajo, seleccionando, de esta forma, líneas completas.
EJ\No.neel / HÍkjIlJr;.Virtsppiia / ]<J
Para*wAyuda.pftaioriaFI JQ¡ 2 0segundos e2í,é rtuH
•r*
Seleccionar texto con el teclado

Al igual que cuando seleccionamos texto con el ratón, nos situaremos al comienzo o al final del
Si no deseamos tener siempre visible la Barra de vistas, la desactivaremos en el menú Ver, opción texto que queremos seleccionar, pulsamos la tecla Mayúsculas (no Bloq Mayús) y pulsamos los
Barrade vistas,de esta manera nos quedará toda la pantalla para el diseño de nuestras páginas. cursores (flechas) o las teclas Inicio, Fin, RePag o AvPag en función del bloque que deseemos
seleccionar.

Cuando terminemos la selección, pulsaremos la tecla Mayúsculas.


Una vez seleccionado el texto procederemosa darle o quitarle formato.

Introducción de texto
Como ya hemos dicho, la vista Página ñmciona de manera muy parecida a un procesador de
textos. De hecho, incluye muchos de los botones y órdenes estándar de Word, Negrita, cursiva,
subrayado, numeración y viñetas, deshacer y rehacer, alineación izquierda, centrada y derecha, Copiar, mover o eliminar texto
etc. Podemos copiar o mover textos de la misma manera que lo haríamos en Word.
El texto se escribe de la misma manera que en cualquier otro procesador de textos. Si queremos copiar un texto -u otro elemento-, previamente lo seleccionaremos y pulsaremos el
botón Copiar de la barra de herramientas o bien la opción Copiar del menú Edición. A
continuación situaremos el cursor en el lugar donde queramos pegar la copia y pulsaremos el

Grupo EIDOS Grupo EIDOS


CREACIÓN DE PÁGINAS WEB 43 44 CREACIÓN DE PÁGINAS WEB

botón Pegar de la barra de herramientas o bien la opción Pegar del menú Edición. El texto
aparecerá duplicado en el lugar de destino.
Sangrías
Si lo que queremos es mover un texto, seguiremosexactamente los mismos pasos, pero en vez de
seleccionar Copiar, seleccionaremosla opción Cortar. Al sangrar un texto conseguimos que el margen del texto seleccionado, o del párrafo donde se

Para eliminar un texto o elemento, lo seleccionamos y pulsamos la tecla SUPR del teclado, o bien encuentre el cursor, se desplace a la derecha del margen izquierdo de la página.

activamos la opción Eliminardel menú Edición. Hay que tener en cuenta, que las sangrías afectan al párrafo entero y nunca a lineas individuales de
un mismo párrafo, salvo que indiquemos lo contrario en el cuadro de diálogo "Párrafo'', en cuyo
caso podemos aplciar una sangría solamente ala primera linea del párrafo. Igualmente, y en el
mismo cuadro de diálogo, podemos indicar que la sangría afecte al margen derecho del párrafo y
no solamenteal izquierdo.
En la barra de herramientasexisten dos botones, uno de ellos para aumentar la sangría y el otro
Alinear texto
para disminuirla. Cuando aumentamos la sangría, el margen izquierdo del párrafo se desplaza
El texto lo podremos alinear a la izquierda, centrarlo o alinearlo a la derecha.
hacia la derecha mientras que cuando la disminuimos el mismo margen se desplaza hacia la
izquierda.
S? Izquierda.Alinea el texto al margen izquierdo,quedandoel margen derechodesigual.

W. Aumentar sangría
* Centro. El textoseleccionado quedacentradorespectoa los márgenes.

frS' Disminuir sangría


9 Derecha Alinea el texto respecto al margen derecho, con lo que el margen izquierdo queda
desigual.
La distanciade las sangríasse estableceen el menú Formato, opciónPárrafo.
Veamos ahora el cuadro de diálogo "Párrafo":
Estas tres opciones, además de Justificar, también las podemos seleccionar en Alineación,que se
encuentra en la opción Párrafo del menú Formato.

Interlineado
El interlineado es el espacio que existe entre una línea y la siguiente. Para modificar el
interlineado iremos al menú Formato, opción Párrafo... y abriremos la lista desplegable de
interlineado donde podemos seleccionar una de las tres opciones que aparecen: Sencillo, 1,5 líneas
o Doble,

El interlineado siempre estará en función del tipo de fuente que tengamos seleccionada y de su
tamaño.

Grupo EIDOS Grupo EIDOS


CREACIÓN DE PÁGINAS WEB 45 46 CREACIÓN DE PÁGINAS WEB

ffriqixl
lYpji • 6Tcr*« t*lon r> Iraertai r»*^^^ ' "
Seriarlas P«apeóado j
. *
Skmáárt |b_É _
;Normal « ffuentor«detemÉieda) «.Normal -• ¡* jT i-; |sf ^ ál ' J5.1S t,*flt. ^-' si» •-^
Ftfam&m*...
SANORlA ANTES DELTEXTO
testo. 1 _

Ap^sangleapqtneielínea:
Si deseeraos czesrnuestros propios color»»y guardarlo» per» postanoras ocasión»» putatresaos si botón
«files» j _ i ; _ Personalizado Corrviera puUerelbo_.¿*7«097 a leu crtCTcsjxrsoTiaiiza^
Especiado - Cadauno de lo» cuadros que asparse» en blanco (16 en tota$ puede contener k deflrácioncb un colm diferente

_
trfeifneeda SANGRÍA DESPUÉSDELTEXTO
Bstpuesdeíj _ i _ Si deaeanoc crasrnuactros propios coloras y guárdanos paraposteriores ocasionas pulssramoc «1botón
Criaba | _
Ptrsonalíiado.Convienepulsaralboton^sjrsE^sr a loscolorespersonalizados para su rrtetetiesutisifación.
Cadauno délos cuadros queapersceenblanco(16»n101*5 puadseorilenerledaWacAcUuncolwdiftrent»,
VWepjieyi»
SANGRÍA DE PRIMERA LÍNEA

Si dsfleexnOBcrearauatlrofl propios color»» y s^ardsrlosparspostsáorss ocasione»pulsaremoselbotón


Personalizado CotvtienecnilsuelbotonjS^f^dlcusWorcsBcrsoHaFús^^
da loa cuadros que aparece *nblanco (16 entotaTj puede conlsrjsrh definición deuncolor diferente vj
\Mo.^x**Xyt*i>«./l'l _ :J
~ ''" ~~ *" 'O'2v»»»jiiidos"eair "":" "«mí.,
1 Aceptar I Cano*»
Debemos tener cuidado con las sangrías ya que algunos navegadoresno las soportan.

Sangría:
e Antesdel texto. La sangría afecta al margen izquierdo de todo el párrafo,
e Despuésdel texto. La sangría afecta al margen derecho del párrafo. Viñetas y numeración
e Aplicarsangría a primera línea. La sangría afectará, exclusivamente,a la primera línea del Se pueden crear esquemas en un texto de tal modo que los elementos de una lista queden
párrafo. numerados, o bien que nos aparezcan con viñetas.
Los botones para activar lanumeración o las viñetas son fe y fc• respectivamente.
Vamos a ver un ejemplo: Si lo que deseamos es modificar las características de los esquemas, activaremos la opción Viñetas
y numeración... del menú Formato. Aparecerá un cuadro de diálogo con tres Fichas: Viñetas de
imagen, Viñetasy Numeración.

Ficha Viñetas de imagen:


Permite seleccionar una pequeña imagen para utilizarla como símbolo en los párrafos
seleccionados.

Grupo EIDOS Grupo EIDOS


CREACIÓN DE PÁGINAS WEB 47 48 CREACIÓN DE PÁGINAS WEB

W#tt<k<m3m\vT*ia\ rtome«seSSri| . .
V¡M»*añiaasn ""TOas J«u_ae*5ri}

f~ Uietimasefm des'too» actual


8 ..* £*f|ejpjrs^jrflfl06ft: ,*
\ • . '• •:; - . ' - ' . - . ; ••,

«*»r'l '
I' Oftefifof -
, Aceptas
1_E1
Aceptar Cancel*

í;.sac imágenesdel temaactual. Permite utilizar únicamente las viñetas del tema que se esté
utilizando en el Web.

Especificarimagen. Podemos indicar los datos del archivo que contiene la imagen, escribiendo
Ficha Numeración.
su dirección directamente en la caja de texto, o bien, pulsando el botón Examinar para
Permite numerar los párrafos con distintos sistemas de numeración: arábigo, romano, etc.
seleccionar la ruta del archivo.
También nos da la posibihdad de comenzar la numeracióncon un valor diferente al primero de la
lista.

Ficha Viñetas

Las viñetas son símbolos especiales que podemos insertar con FrontPage.
Permite seleccionar una de las viñetas existentes.

Grupo EIDOS Grupo EIDOS


CREACIÓN DE PÁGINAS WEB 49 50 CREACIÓN DE PÁGINAS WEB

Para insertar uno de los símbolos en nuestra página, lo seleccionamos, -che sobre él- y pulsamos
el botón Insertar, en este momento el símbolo seleccionado se habrá insertado en nuestra página.
WlatMdeswaenlysTet** Numewcijn 1
Podemos insertar tantos símbolos como deseemos,al finalizar pulsaremos el botón Cerrar.
1. I Comeruaj
en-
2 II
F""_
3 III

Encabezados

a i
Los encabezados ayudan a establecer las prioridades de los niveles de informaciónde una página.

b. 1
Para seleccionar el estilo pulsaremos el botón Estilo de la Barra de herramientas Formato,

c. •
aparecerá una lista desplegable con diferentes tipos de encabezados, seis en total, comenzando por
el Encabezado1, de nivel superior y de mayor tamaño y finalizando con el Encabezadoó, de nivel
inferior y menor tamaño.
Veamos una muestra:
Pía
Aceptes ] Cancelar
EtIrP^
; í/d*« Etksin yer fuerte- tanate Henal»*»*» I _ K*ro* Vertan. tyarb

Í^^Mj^MlñMlJ I í_^^^__í _¿i_¿I.SLÍ2_:


j!Éncobe«do&' (fuenter*ede*erir*wda) _» Normal «> j M Jt ,g , E S .SJ!fg |S Qt Í>Ej «* *^ r J
r&ieatietadol ±fc~'
¡ r_besado2 .ñateáis»» ..
~ U»

Insertar símbolos Encabezadol


Los símbolos son caracteres especiales que podemos insertar en nuestras páginas. Encabezado2
Para insertar un símbolo, seleccionamos el menú Insertar y la opción Símbolo.... Aparecerá el
Encabezado)
siguiente cuadro de diálogo:
Enca.beudo4

PP _se«aabj|
\ "*t «*'<)*♦,- / 0123456789: ;«.»?
bnhuM
(t)CDt r Gil JKLUNOPQRSTÜVWXYZf^ ]"_
tbedefchijklmaopqrstuvv/xvltl ) - €
"i < £ o » §-••«--•"•»«' 'hI .'•»** % ¿
A*A»iA«cÉÍEEÍ i 1 I cilóóódóxBtrúúüítB ;jfi«»SKiÍ!(íií
l » i l « i ( e 5 « a í í l ( t l o a o ó S S o + «T4i0u?b»

Insertar [i Ceder
£'£: \NojswIXHTMLX Vfittfrww /] • j ^
| 2o»Jjúndo»"*2 NÜM

Grupo EIDOS Grupo EIDOS


CREACIÓN DE PÁGINAS WEB 51 52 CREACIÓN DE PÁGINAS WEB

Listas
archive &M0T1 W ¡rwrt»- ffcmato tfcwaeiW— Xebtt Meto» Yetfom «*udo ._ •
Podemos encontrar diferentes tipos de listas que se encuentran en el botón Estilo de la barra de
herramientas Formato: Normal • [fuentepredeteiMneda) <r Normal • 5• "Jt "jt'tt WWt~ |S ÜS tjfc'flEl** Vjjkj .
foffiffifttjfoL,

B^PP USTA NUMERADA:


1
#**» Btodn >r' Inserta remeto. »<m^ms im r*t& Vettx» Xf&a -' '
1. Lunes
2. Motas
3. íl4i»ífCfjltrJ
'pivíS''li"(ro^jxeofcerfflhada^ ¿Mormd »J, »" JÉ* gJS| #9;tS £ #¡#E] ^ «J^k* U~
^Encabezado 6 +! r* LISTA CON Y1T_TAS;
Liste numerada Ue^esJ-Wc* ..
Ust.aconvlner.es
Listo de taVectortos * Lunef
Uttatáe menús • Mart* i
Térmlrw definido _. * Miel-col* i
l-^sr-

USTA DE DIRECTORIOS:

o Lunes
o Martes
O Misjfcolts

LISTA DE MHWSi

• Lunes
• Mates
• Mié-col*»

._

\wc«e!.XHft«.X X<mpmlJ W _
PaartíA orestcreFI faV'Xt Jegunt)Ma2aS

,J
Q'IásetwidweM^

Configurar la página
Para configurar la página seleccionaremos del menú Archivo la opción Configurar página....
e L«ta numerada. Los elementos se presentan en una secuencia ordenada, normalmente con
Aparecerá el siguiente cuadro de diálogo:
numerales y comenzando por el número 1.
e Lista con viñetas. Los elementos se presentan con viñetas, ta
e Lista de directorios. Es otro tipo de formato de listas con viñetas. Se suele utilizar para listas Encebetodo m
cortas, Pwdeosuina lPagina &P
e Lista de menú.Se trata de un tipo más de formato de lista con viñetas. ♦isergeests:,-.

Irflwntdo J2D Sumar 20

Vamos a ver un ejemplo: Eerecoo: J2D «Mregft 20

asdra»».,.
f í Aceptar
t Concefaí
~\
Grupo EIDOS Grupo EIDOS
CREACIÓN DE PÁGINAS WEB 53 54 CREACIÓN DE PÁGINAS WEB

|ttffl
e Encabezado. En él escribiremos el texto que queramos aparezca en la parte superior - Impreso»
j

encabezado- de todas las páginas, lint*»:


• Estada l<r(!resorarwW«twa^l^
e Píe depágina. Igual que el encabezado,pero el texto apareceráen la parte inferiorde todas las
! Ti» HPWraM*
páginas, ; rtitiMt*nr \\&vüv>SrfA . /. ,
1 Cwnsnterío: C ¡fWMttmtféM l
e Márgenes. Distanciaque existirá entre el texto y los bordes de la página,
e Opciones.Permite configurar la página respecto a la impresora. fta^mt-
\#tm ' - }Nú*_de#»»s: fl áj
HMHVHMhuM
*rjpr««sr* * - - ----- *• -
' t*m*n>: •Ma__sfl_si_eHr»_B_ •TC] 'Eropiedette» { :
Aceplei
I ilnll
| ' Ce»_ J
ijlllulisl iilli, Milu »|i,nln|f
Eílecta ^pmtonfxvieHiTmaítcíjm '
Tipo " Ceerws^blsWeKiWOA
Ubíeep»e. im
.' ' '•• »'.:
Nombre. Aparece la impresora rtredeterminada, es decir, aquella por la que se imprimirán
nuestras páginas. Si la que deseamos utilizar no se encuentra en esta lista habrá que instalarla
i TbjbsíIb, |A4(210»297mm) je] , desde Windows.

QfáOK JAJimerrtedOfautomaeco «] \ í_ - •••"•''r Propiedades. Permite modificar las características de impresión. Aparecerá un cuadro de
- - _ , . - - , - ..,. ,- -^ . „„.. „.__-•- .„' -';, diálogo diferente en función de la impresora, ya que este cuadro lo diseña el fabricante de la

'
| Acepte» j Cencotor j impresora.
Imprimir a un archivo. Reproduce el resultado de la impresión en un archivo del disco en
lugar de hacerlo en el papel. Aparecerá un cuadro de diálogo donde se nos solicitará los datos
del archivo (nombre, carpeta, etc.).
Intervalo de impresión. Aquí seleccionaremossi lo que deseamos imprimir es Todo -la página
completa- o Páginas de la a la -donde seleccionaremosel rango de las páginas que queremos
Imprimir
imprimir. Ya sabemosque una páginaWebpuedeocuparvariaspáginasde papel.
Para imprimir una página seleccionaremos el menú Archivo y la opción Imprimir, o bien
Si deseamos imprimir únicamente una parte de la página, previamente la seleccionaremos y en
pulsaremos el botón Imprimir "jol de la barrade herramientas Estándar.
el cuadro de diálogo Imprimir, activaremos la opción Selección.
Número de copias. Cantidad de ejemplares que queremos imprimir.
Con el botón Imprimir sacaremos por impresora una copia de toda la página. No nos aparece
Intercalar. Si activamos esta casilla de verificación, FrontPage imprimirá todas las páginas de
ningúncuadro de diálogo,con lo que no podemos seleccionarnada.
la primera copia y cuando haya terminado comenzara por la segunda. Si no la activamos,
Si para imprimir utilizamos la opción Imprimir del menú Archivo, nos aparecerá el siguiente
imprimirá todas las copias de la primera página y cuando haya finalizadopasará a la impresión
cuadro de diálogo:
de la segunda.

Grupo EIDOS Grupo EIDOS


CREACIÓN DE PÁGINAS WEB 55 56 CREACIÓN DE PÁGINAS WEB

e Arribao Abajo. La búsqueda se realizará por encima o por debajo de donde tengamos situado
el cursor.
Deshacer y Rehacer
e Coincidir mayúsculas y minúsculas. Si no activamos esta casilla de verificación, FrontPage
Deshacer
localizará el texto que hayamos escrito en el cuadro Buscar independientemente de que lo
Esta opción nos permite deshacer, es decir, eliminar la última operación, y anteriores, que hayamos hecho en mayúsculas o en minúsculas. Si, por el contrario, activamos la casilla,
hayamos realizado. FrontPage sólo localizará el texto cuando se encuentre en la página exactamente igual a como
Utilizaremos el botón Deshacer ?' de la barra de herramientas Estándar, o seleccionaremos
esté escrito en el cuadro Buscar.
la opción Deshacer del menú Edición.
e Sólo palabras completas. Si no activamos la casilla de verificación, FrontPage localizará el
Las operacionesse deshacenen orden inversoa cómo han sido creadas.
texto escrito en el cuadro Buscar, aunque se encuentre formando parte de otras palabras. Si
activamos la casilla, el texto que localizará será únicamente aquél que forme una sola palabra.
Rehacer
e Buscaren HTML. La búsqueda se realizará en HTML.
Con Rehacer "desharemos lo deshecho", es decir, cuando deshacemos algo que queremos
e Buscar siguiente. Cuando pulsemos la primera vez este botón, FrontPage comenzara la
recuperar, pulsaremos este botón y se restablecerá la operación deshecha.
búsqueda y se detendrá la primera vez que haya localizado el texto escrito en el cuadro
Para rehacer una operación utilizaremos el botón Rehacer r». de la barra de herramientas
Buscar, marcando la palabra en la página. Si volvemos a pulsar el botón Buscar siguiente,
Estándar o el menú Edicióny la opción Rehacer.
FrontPage continuará la búsqueda, deteniéndose la siguiente vez que haya localizado el texto.
Y asi sucesivamente hasta que al llegar al principio, o al final, de la página nos informe de este
hecho. Para cerrar el cuadro de diálogo habrá que pulsarel botón Cancelar.

Buscar y Reemplazar Reemplazar


Buscar Cuando seleccionamos esta opción lo que hacemos es localizar un texto y sustituirlo por otro.
Cuando deseamos localizar un texto dentro de la página utilizaremos la opción Buscar del menú Accederemos a la ventana Reemplazar con el menú Edicióny la opción Reemplazar. Aparecerá el
Edición.Aparecerá el siguiente cuadro de diálogo: siguiente cuadro de diálogo:

,«*•*:. - J t6V--«ó'l
Dr«wiM*rÁr«iuetia tkmfm&tts») '£*íeel* \
Mecrión: ' Opráones:
C Ajttoe r €<*»# mt<utt_f rréiúíot—
r^^ps>i[rftt?r^wf*i*jft ~ fieemplaiar j
C%eBei6ftr tjfcá***:
I* £.?,/.••> r-vu*-- i* Abe* «"" ^pMMtttiffipbta* Reanptostodo j
r '•ftu.-.rijr.ii r l^»r_meyú»ai«t!i<»ij»_
ff £•*)••;• <v*fc.,<á T Sc*pato«cíijfjj|et»« •
rs4,.,wl1;i-„-

e Buscar.En esta caja de texto escribiremos el texto que queremos localizar en la página, Como vemos, el cuadro es prácticamente igual que en Buscar, veamos el resto de las funciones:
e Todaslas páginas. Realizará la búsqueda en todas las páginas de nuestro Web actual, e Reemplazar con:. En este cuadro escribiremos el texto que sustituirá al que se encuentra en
e Página actual.La búsqueda sólo se realizará en la página en la que nos encontramos. Buscar.

Grupo EIDOS Grupo EIDOS


CREACIÓN DE PÁGINAS WEB 57 58 CREACIÓN DE PÁGINAS WEB

e Buscarsiguiente. Al igual que en el cuadro Buscardel puntoanterior, este botón localizará el Omitir. Admite como correcta la palabra en cuestión, deteniéndose la próxima vez que
texto escrito en la caja de texto Buscar. encuentre la misma palabra.
e Reemplazar. Cuandohemoslocalizado el textoque queremos sustituirpulsaremos este botón, Omitir todas. Con este botón le indicamos que la palabra está bien escrita, con lo cual siempre
e Reemplazar todo. Esta opción nos cambiará el texto escrito en el cuadro Buscar, en todas sus que la encuentre en la página, no se detenga en ella
aparicionesdentro de la página, por el que se encuentreescrito en Reemplazar con:. Cambiar. Utilizaremos este botón cuando la palabra correcta se encuentre entre la lista de Sugerencias,
en tal caso la seleccionaremos y pulsaremos el botón Cambiar. También tendremos que pulsar este
botón cuando tengamos que corregir manualmente la palabra en el cuadro Cambiara:
Cambiartodo. Es igual al anterior con la única diferencia de que modificará esa palabra siempre que se
encuentre en cualquier lugar de la página.
Corrección ortográfica
Agregar. Añade la palabra que se encuentra en "No se encontró" a los diccionarios personalizados que
FrontPage realizará la corrección ortográficade una página,comprobando palabraa palabrasi está posee FrontPage, para que, en futurasocasiones, no la localicecomo incorrecta.
bien escrita. En principio, cuando en la página figure una palabra subrayada en rojo, eso Sugerir. Al escribir un texto en el cuadro Cambiarpor, se activa el botón Sugerir, para que FrontPage
significaráque la palabra en cuestión no se encuentra en el diccionariode FrontPage, bien porque muestre otra lista con las palabras que sugiere pueden reemplazar a la que acabamos de escribir.
es una palabraqueestá mal escrita,bien porquese trata de una palabrapocousual.
Hay que tener en cuenta que FrontPage no comprende el significado de las palabras, sino que se
limitaa compararcada palabradel textocon las que encuentraen su diccionario.
Para realizar la corrección ortográfica a una página, pulsaremos la opción Ortografía del menú
Herramientas o bien el botón Oriografia &> de la barra de herramientas Estándar. Aparece el
cuadro de diálogo "Ortografía":

• Hflffi
^«eencontri jpattjj

c*M«r* JI_""
Suosreretsj:
patio fis_ . i 'ÚtílkUkimt i
patito i.¡PiTijfn.iit J^gT.l,
pajito £a_at i Ceesilartodo 1
patrio 'i 'm •'{"',' ' ^'i'"'!'" i"y >'
|lW*»w. j *>•!•'.• I

Carroeter

No se encontró:. Aparecerá la palabraque FrontPagereconoce como mal escrita.


Cambiara:. Palabra que sustituirá a la anterior en la página.
Sugerencias. Si FrontPage encuentra palabras semejantes a la incorrecta nos mostrará una lista,
pudiendoseleccionaren la misma, la palabracorrectamenteescrita.

Grupo EIDOS Grupo EIDOS


60

i düC'.iinenlQs\M¡£ Webs
TABLAS 4 echlvo; £¡_o pr insertar fórmate Herramientas T»t*a r«r^: Vetjtarie Ayuda
i i » i

¡(Nenguno) «• (ft^erxedererrraneda) * Normal * ¡ tf X S \W • \ is #t&• siW * *í


.pee»ajuwa,a,-titjt
Creación de tablas
Las tablas son elementos muy útiles para distribuir los datos coherentemente.
Una tabla está, formada por cojumnas, que aparecen verticalmente, y por filas, que se encuentran
horizontalmente, siendo la intersección entre una fila y una columna lo que llamamos celda.
Todas las opciones de las tablas se encuentran en el menú Tabla.
Existen tres formas de crear una tabla:

a
1. Uülizando el botón de la barra de herramientas Estándar. Al pulsar este botón nos \NcjmaiXHTMf.A' v^.prevá./l; [
aparecerá una cuadrícula en la que podemos seleccionar el número de filas y columnas que Panivertsuuda, psesjeneFÍ JJ,X0tt9*>„a2»',8 ,HUM .

deseemos.

2. Utilizando la opción Dibujar tabla del menú Tabla que nos permite dibujar las filas y las
Si deseamos una tabla de un tamaflo superior, haremos clic en cualquier parte del cuadro y, sin
columnas de la tabla. Aparece la barra de herramientas Tabla con la que realizar diversas
soltar el botón izquierdo del ratón, arrastraremos hacia abajo o hacia la derecha hasta dpnde
operaciones.
deseemos.
3. Con la opción Insertary la opción Tabla del menú Tabla. Aparecerá un cuadro de diálogo en
el que estableceremos los datos de la tabla.

Crear una tabla mediante el menú "Tabla" y las opciones "Insertar" y "Tabla".
Al seleccionar la qpción Insertary el ítem Tablade) menú Tabla,aparecerá el siguiente cuadrp de
Crear una tabla con el botóji "Insertar tabla" de la barra de herramientas Estándar
diálogo:
Al pulsar este botón nos apareceráuna lista en la que podemos seleccionarel número de filas y de
columnas que deseemos para nuestra tabla.
Comoejemplo vamosa crear una tablaque contenga3 filasy 4 colunias: T«,afl(t _• .- '- - - •-
Cstetvje . j2 ||
OtaeV . - —.... ---;•
áene^saárt ' |pre»jel*rririado*j V Edificarancho:
:f*r>tífe!«bst^.|l ^ J1Q0 ' r «pije*»
«*;«npt!is»r*i(»-
1 3pe**Teb1e
Especiado entre .C"' '"' ' """ JJ

El resultado seríael que vemos en la siguiente imagen:


6*- j
•i"1/'"." *•*
;* t. tópete»' } ' Orces* \

Grupo EIDOS GrupoElTjOS


TABLAS 61 62 TABLAS

e Tamaño. Indicaremos elnúmero defilas y decolumnas que deseamos para crear latabla. Crear una tabla con la opción "Dibujar tabla" del menú "Tabla"
e Diseño. Con Alineación indicamos la posición de la tabla respectti al margen izquierdo y donesta opción tenemos laposibilidad dedibujar muestra tabla, creando, así, el número de filas y
derecho. Podemos elegir entre Izquierda, Derecha, Centro o Justificar, de columnas quedeseemos.
e Tamaño del bordé. Con esta opción estableceremos el ancho del borde (marco que rodea la Al seleccionar la opción Dibujar tabla del menú Tabla, aparecerá la siguiente barra de
tabla), herramientas:

e Margen de celdas. Indicael alto de las filas.


.... • _________•• m
e Espaciado entre celdas.Distancia due hay entre las celdas dé la tabla;
e Especificar anchó. Con esta opción establecemos el ancho para las celdas de la tabla,
independientemente de su contenido. El ancho se puede indicar eh píxels o en porcentaje
(100% es el ancho .le la página).
Antesde Ver losbotones de la barrade herramientas, veamos unejemplo de dibujar tablas:

Si hamos seleccionado las opciones predeteriTiinadas, el resultado sería el que aparece en la


!Pl«»líffif^<'
siguiente imagen: ; eW*« efctVv m iwarW «áoeta rjerr.srt.ntis Isa*. Matcw Wíar» ier¡0,

Bflpsriipíxi ¡Norato! - tfuenreoredstenrevads) « normes1 • I JT 1 16 »* (á i= 0* "W ;si. - -


mmmsm
•(fUttO Sdmón yerJnserter Fírmate ysrrefr»er*as' labia Miro» "etfana Ayyrft pt^f^mm-O^fm ' '
«i

', Nevmal (tuerto werfctormrade) . :NoriMl ¿• * M g . K «C "i |~c|S $t $r¡¡ !& < Ü Z*<i&%#í ii*p,Q„E«v\ •ií **!»•» 1
Wlr^wMj htm •
I }.......... T - ;- -•-•• ; i
j
i
J

\Noii.j /tfmi / Vutectsvss y | • | r


Vato^tt'Jyud* piénetMF1 IQI'3 ° eeourtjo* e 2

Veamos ahora los botones de la barra de herramientas Tabla:

\HcjmalXsirML /. Vsitapiawa f \'|


Parí ver Ayurje. preeóne Fl '20«B*idc*a28.ií
•r1
MUM
f'¿ Dibujar tabla. Este botón es el que permite trazar las líneas de la tabla. Para dibujar
pulsamos el botón y haciendo clic con el botón izquierdo del ratón pinchamos y arrastramos
dando forma a la tabla.

Grupb EIDOS GrupoEIDOS


,TABLAíj 63 64 TABLAS

yj \ Borrador. Permite borrar línefls de la tabla qué previamente hayan sido dibujadas. Para Centrar verticalmente. El contenido de la celda se centra verticalmente dentro de ella.
H
ello, arrastraremos el puntero por la línea que deseemos borrar.
j—r Alinear cdn elborde inferior. Elcontenido delacelda secoloca enlaparte inferior dela
a^. Insertar tilas. Con este botón ánadirerríos nuevas filas á la tabW. Hay que seleccionar la misma.

fila entera que quiero insertar. Las filas se insertarán en el lugar en el que nos
encontremos,desplazándose las filas existenteshacia abajo para dejar sitio a las nuevas. ! . Distribuir filas uniformemente. Asigna lamisma altura a todas las filas seleccionadas,
^7 repartiendo eltamaño entre todas. Previamente habrá que seleccionar varias filas.
uu Insertar columlias. Se añaden lluevas columnas a la tabla. Para poder insertar una nueva
columna habrá que seleccionar previamente todas las celdas de lá columna donde quiero -; Distribuir columnas uniformemente. Asigna el mismo ancho a todas las columnas
insertar la nueva. Una vez insertada la columna, las demás se estrechan para dejar hueco a seleccionadas, repartiendoel tamaño entre todas ellas
la nueva. Las columnas,que ya existían, se desplazan un lugar a la derecha.
& »¡ Color de relleno. Con este botón elegiremos unfondo para lasceldas seleccionadas.
:' Eliminar celdas. Borra las celdas previamente seleccionadas.

^9*»»»»!»ei5««£Bí
»-.. Combinar celdas, Une las celdas previamente seleccionadas convirtiénddlas en una sola
Se puede utiliz* tanto tettical éomo horizontalrhente. Las celdas a combinar han de ser ttajbts^asrjecler
• : «usa*:»
conmutas.

ascrasprrscMBladcí

B Dividir celdas. Convierte una celda en dos o roes. Hay que especificar si la división la ' _• M JE

queremos vertical u horizontalmente. Aparece un cuadro de diálogo donde se nos solicita


este dato: JP*2>t.">aW.I5_

f OMdsenlias

t)*r*oder.r*irr»vis: - |z" -jj j-.

Alinear con el borde Superior Este bdtón alinea el texto en la parte superiorde la celda
E
o celdas seleccionadas.

Grupo1 EIDOS Grupo EIDOS


TABLAS 65 66 TABLAS

En esta lista podemos seleccionar entre el color automático (por defecto), una serie de
colores estandarizados, colores personalizados (que anteriormente habremos generado
nosotros) y la opción"Máscolores" que nos llevaal siguiente cuadro de diálogo: mr.r'mrurr
mrrmmmmm
mrmmmmmm
KCI_1

$»W •: |He#KFF.FF.FF) maamurm'Cl


&*„rjerscwlto»dOJj;
ttgrqfíte; "Jemstft
rmmwrrrr •astrJTSf"
rmmmrrrr
•; sajo"" ¡a»* I»
j &*t6«du ^rjjo* Ajut(2S"
j_J*_2¡__J aceptar j Canoela Agtsso^a|e>M*iratp«seMbsdm 1
s *'•* W'P» .i ' i^i »yi MiJ

fkmum

i ti Actual- En este nuevo cuadro podemos crear los colores definiendo la cantidad de rojo, verde o
azul que lleva cada uno de ellos, etc. Pulsaremos el botón Agregar a los colores
personalizados cuando queramos que el nuevo color que hemos definido aparezca en la
Il.jumuT.
Áoepta 1 Cerval»
ini.,i.iiiiiT n,.,i ¡i .1 lista de la izquierdaColorespersonalizados y se mantengahasta que lp eliminemos.
Para eliminar un color de la lista Colores personalizados, basta con situamos sobre el
cuadro que representa ese color y agregar uno nuevo conemboten Agregar a loscolores
En estecuadro podemos seleccionar unode loscolores que nos aparecen a la izquierda, o personalizados
bien pulsarel botónPersonalizado, con lo que accederíamos a un nuevocuadro:
Autoajustar. Ajusta el ancho de cada columna para que el contenido de la tabla quepa en
la misma.

Modificar tablas
Una vez creada la tabla lo más probable es que tengamos que modificarla, ^ara ello utilizaremos
tanto los botones de la barra de herramientas Tabla como las opciones del inenú Tabla. Comp ya
hemos visto la barra de herramieritas, vamos a centramos en las opciones del menú, que son las
siguientes:

Grupo EIDOS Grupo EIDOS


TABLAS 67 68 TABLAS

Insertar Filas o columnas... Permite añadir filas o columnas a una tabla.


jeBs «*<»Urt/ns Un»*
Aparecerá el siguiente cuadro de diálogo:
L/Mr^ft _ '
fea— "

B0«*<5Be«...
*? ¡3|¡t C Cálumna»
Núrrwotfcgea: ; ji -*J -;
r*t«loáis» Ubstatótii .---.-!-"*-—-..._. —•
Cencatr f f^atiorM^lasesecíiín
'•e* r%_d^asl»í_!¿er»'

' •'!: fI ni SnnaSllli


Acesjíei 1I r>»etsi {
ndu.n. Vmñ . ,..i.t

Dibujar tabla
En esta opciónno nos vamosa detener,puestoque la vimosen el puntoanterior.
• SeleccionaremosFilase Columnas en función de lo que queramos insertar, teniendo en
Insertar cuenta que no podemos seleccionar ambos opciones de una sola vez.
Dentíode esta opciónpodemos seleccionar entre Tabla,Filaso columnas, Celda'o Título. En Númerodefilas o Númerode columnas indioaremos la cantidad de filas o columnas
que queremos insertar.
• Por encimade la selección o Izquierda de la selección (si se trata de columnas). Indica
y*> fte¿a* vesana *!>*» . ; _
que la fila se insertará por encima de donde está el cursor y la columna a la izquierda
del cursor.
rií.-m* "s(*>. - :-' •" , i^ttcs^wBjss.„
ítesijsme f ^ *, ^ó** J • Por debajo de la selección b Derecha de ¡a selección (si hemos seleccionado

Rl^cej_,r"" '"" ' columnas). La fila se insertará tpor debajo de donde está el cursor o a la derecha si se
trata de columnas.

»* 4fJtM|u*» a Insertar celda. Añade una celóla en la posición del cursor. El resto de las celdas se
íonjeror s desplazan a la derecha.

6<t««iadM ' • • Insertar título. Añadeun título en la paAe superior de la tabla. El textodeíl títulotendrá
el misino tamaño que lá tabla, si escribimos más, ocupará más de'una línea.

Insertar Tabla... Esta opciónla utilizaremos la primeravez que queramos crear•una tabla Eliminar celdas
pero también es posible crear una segunda tabla dentro de oirá ya existente, para ello Borra las celdas de la tabla que estén seleccionadas.
bastaría con tener elcursor dentro deuna celda áelatabla y seleccionar esta opción.

Grupo EIDOS Grupo EIDOS


TABLAS 69 70

MiiimflaWiiavraii'.iiíri'M'i.irMiíi^ii'Ya
Seleccionar ; Ardiere gctertn Ser Insertar fórjate, bañas**»» {elfo ttarjo, Ventana Ayude

Permite seleccionar celdas, filas, columnas o toda la tabla. Cuando activamos Seleccionar aparece :b *s* -a *; a 'm'% v_') '*\ s, <*'«•_• <^ mn "es :*.';•': ÓT í
el siguiente menú:
•rtormal - (fuente rjeedetermineda) - Normal •.> JT S ;B? • £= $K {£ »£, - ?
rjcqe-^nuevti_3.htr»

ytk Magas Ver/ana aryjjjfi CELDAS COMBINADAS


Jmm^ -, tete1*
i insertar * M •1% IS-l

Par» verAjisrJe. presione Fl \^(tx9Jnic.t»iajS MAY NUM


• Seleccionar Tabla. Selecciona todas las celdas de la tabla.
e Seleccionar Columna. Selecciona toda la columna de la celda en la que se encuentra el
cursor.
Dividir celdas. Divide una celda en dos o más. Al seleccionar esta opción aparece el siguiente
También podemos seleccionar una columna situándonos en la parte superior de la cuadro de diálogo:
misma -por encimadel borde- y, al apareceruna flecha negra, hacer clic con el botón
izquierdo del ratón,
e Seleccionar Fila. Selecciona toda la fila de la celda donde se encuentre el cursor.
Igualmente, podemos seleccionar toda una fila situándonos etlel bordeizquierdo de la
#'^__ÉS' Ti!
^«rijrsMjhkT i\ - r'
misma y cuando el puntero del ratóji adopte forma de flecha negra, hacer che con el
J¡^aiis»o<teoateina* • ;-J2 JJ
botón izquierdo del ratón.
• Seleccionar Celda. Selecciona, exclusivamente, la celda en la que se encuentra el
cursor.

Combinar celdas. Une dos o más celdas convirtiéndolas en una sola. Previamente tendremos que • Dividir en columnas. La celda se dividirá en columnas, es decir, de forma vertical.

tener seleccionadas las celdas a unir. Solamente se pueden combinar celdas que se encuentren Ejemplo de celdas divididas en columnas:
situadas de forma continua.

Ejemplo de celdas combinadas;

Grupo EIDOS Grupo EIDOS


TABLAS 71 72 TABLAS

Br___ra___m_
¡Jrt**» StesSn jgjti Jnee^';JSjnMto t^arrterto laWa.«áteos Jérfana A>ijdo ; ;::• ' j Número de columnas / fikis. Indicamos la cantidad de columnas o[ filas en las que se
S_**rJD*ífeíÍJS „ í-íí^éT'i:ll|í§lCJ!lií
¡«orinal »(hje^ preattermlnada) «termal *,¿ c*jl'|'jp *'!'|S jP$<•$, *^<- ?j
dividirá la celda en la que nos encontramos.

» «l» I. Hil.—fi» • •lT,ii.i,niiwa>^„i

^sjhciy»».^!», Distribuir filas uniformemente. Asigna la misma altura a todas las filas seleccionadas.

CELDAS DIVIDIDAS EN COLUMNAS Previamente tendremos que tener seleccionadas varias filas.

Distribuir columnas uniformemente. Asigna el misjno ancho a todas las columnas


seleccionadas. Previamente tendremos que tener seleccionadas varias «olumnas.

Autoajustar. Ajusta el ancho de cada columna a su contenido.

,_
Ejemplo:
\Nosmal Ah».£ %!»*&/h
Peta veíAatjjt. peaioñe fí'" ' jflj 3[l1 «eglrtdoi áai MÁY 'WJti
Mi'iiimiiBffiítffiri'jiiiii^jiiiiiH'j'iiiig
:sVrjayo tdioért üer Insertar Formato aerreiréanteí [sjgtj Maté* Verfaní *yyd*~
• Dividirenfilas. La celda se dividirá en filas, es decir, de forma horizor|al.
rtormel - (fuente podrtern*Mtb) - Normal »*M X '% •' s¥ $f £s 0F i£ ' tjk, *
Ejemplo de celdas divididas en filas:
fjer>pa_tK»wa.3Jltrrl

Bagas»
¡¡wmmmwmm
^ércftvo SdMtSo »«' Intert* formato JJ^MBeerjaí iebta Hatees «íeotans Ay^rJa Pianavera Verano Otoño Innemo

'Normal « (fuerter»eotee*mlnada) • Normal - ' » JT 8 :P af |= Í|C tíí 4*,,- ?¡


|>aa»M,www..3.h1m

CELDAS DIVIDIDAS EF FILAS


Á
f_"^Á)»_,|»_osieFÍ Ber'líOsietJuntJos i .NUM

\Nesre^^Htí«.r/.y«»ta»»jf /jí,
l^JOsetountosaa^ -MAY,NÚH ,,-
r1
Reía vWAjUia, pejenotft

Grupo EIDOS Grupo EIDOS


/
/

Encuentro de radios libres 15 y 16 abril 2005 Valencia


1 Radiocomunicación

La Radiocomunicación se define como la telecomunicación realizada por medio


de ondas electromagnéticas. Y la telecomunicación nos referimos a la emisión,
transmisión y recepción de todo tipo de señales, signos, escritos, imágenes, sonidos
por cualquier medio: hilo, radio, medios ópticos, y otros medios electromagnéticos.
La transmisión a través del espacio libre sucede cuando las ondas electromagnéticas
se propagan a través de este espacio a frecuencias inferiores a 3000 GHz.
Las señales de Radio, TV, Radar, Satélites,...tienen unas bandas de frecuencia de
uso en el espacio radioeléctrico:

Banda rango unidades uso

LF 30-300 KHz Radiofaros


MF 300-3000 KHz Radio AM
HF 3-30 MHz Radio onda corta
VHF 30-300 MHz Radio FM, TV
UHF 300-3000 MHz TV, LAN, GSM, GPS
SHF 3-300 GHz Radar, Satélite, LDMS
EHF 30-300 GHz Radar

Las frecuencias se pueden definir en términos de longitud de onda (metros),


que estará totalmente relacionado con las dimensiones de las antenas que debe
mos utilizar, distancias entre antenas en caso de hacer agrupaciones (arrays).
La longitud de onda se define como:

A = (1)
/
siendo c la velocidad de propagación 3 * 108ra/s y / la frecuencia.
Por ejemplo, para FM, que cubre la banda de 88 a 108 MHz tenemos longitudes
de onda que van de 2,78 a 3.41 metros.

2 Limitaciones comunicaciones radio


Todos sabemos las ventajas de la radio FM. el uso extendido de esta tecnología y
toda la pesca... pero y las desventajas?

Ancho de banda - Interferencias - El espectro radioeléctrico está total


mente saturado, sobretodo en grandes ciudades. El pisarse una radio a otra,
iy*°w*A Encuentro de radios libres 15 y 16 abril 2005 Valencia

suele ser ya común y las grandes corporaciones nos perjudican a golpe de


Kilowatio.

• Obstáculos orográficos - Según la localización de nuestras antenas y zona


donde queramos emitir, tendremos limitaciones, seguro que en algún lado o
otro nos escucharán mejor o peor. Para ello hay que diseñar bien el sistema
radiante para tener una buena cobertura.

• Energía - Alimentación - Necesitamos energía para hacer funcionar todo


el tinglado, en el mismo lugar de emisión.

3 Principales elementos de una radio FM


A parte de todos los micros, cedes, ordenadores, mesa de sonido, monitores,...tenemos
una serie de elementos que conectados en cadena harán que estemos emitiendo por
laFM.

De la Salida de audio de la mesa

Compresor de audio

Excitador de FM

Emisor de FM

| )
V ))
Antenas ))) ONDAS FM
) )
)

Esta configuración correspondría a una emisora que emite en FM desde el propio


estudio de emisión. Si el lugar de emisión de FM estuviera a unos km de distan
cia del estudio, habría que diseñar un radio-enlace, para ello necesitaríamos más
W Encuentro deradios libres 15 y 16 abril 2005 Valencia '"'**'

equipos de radiofrecuencia y antenas directivas (más adelante lo veremos).

Analicemos ahora cada elemento del diseño

3.1 Compresor de audio


Se coloca entre los módulos de audio (mesa de mezclas) y módulos de radiofre-
cuencia(excitador, emisor, antenas). Su misión es reducir la señal de las señales
más fuertes (saturaciones) y aumentar las señales débiles (volumen bajo). Mejora
la calidad del audio y es muy importante dentro de la cadena de emisión para tener
una buena calidad. Si aquí el audio es de mala calidad, la emisión por FM será
pues mala.

3.2 Excitador de FM

Primer elemento de la parte de radiofrecuencia. Modula la señal de audio que


va de (0 a 20 KHz) a la frecuencia de FM que nosotros elijamos (entre 88 y 108
MHz). Es decir trasladamos a la frecuencia de FM toda nuestra señal de audio.
El ancho de banda que ocupará nuestra señal será 200 KHz (transmisión mono) o
400KHz (transmisión estéreo).
Qué es modular?
Modulación es la alteración de la frecuencia v también es una codificación.

i\t •-».' ' i ,


> • .

:,-*•„'^•••.••;» ,»- ;!>,-•„r>^;

r
•i *
i
I

"•'•I. ¿«Si? *-i •"••'••;--í-i<-

%:'' '•••,,_;
.'rt
• . -i > t i . i
RM>»0
•V1 Encuentro de radios libres 15 y 16 abril 2005 Valencia

La potencia de la señal de FM que da el excitador suele ser de unos 20 Watios,


suficientes para que el emisor pueda "trabajar" y amplificar la potencia.

3.3 Emisor de FM

Se encargará de amplificar la señal subministrada por el excitador y mandarla a


los antenas. Tanto los cables de interconexión entre equipos de radiofrecuencia,
como los conectores, tienen que ser de radiofrecuencia y que tengan muy pocas
pérdidas (MUY IMPORTANTE).

3.4 Antenas

Las antenas son los elementos que se encargarán de radiar nuestra señal de FM.
Las antenas de FM de longitud A/2 tienen una impedancia de 75 ohmios. Por lo
que el cable de radiofrecuencia tiene que ser para esta impedancia.

El cable utilizado entre emisor y antena tiene que tener muy pocas pérdidas, es
grueso, no conviene doblarlo ya que cambiarías la impedancia y tendrías reflexión
de la señal. Que implicaría tener reflexiones de señal, que os podéis cargar el
emisor de FM !!!.
Imaginaros tenéis una cañería de agua de 30 cm de diámetro, al final de esta, la
empalmáis con una de 10 cm. si la cañería de 20 va a tope, la cañería de 10 no
podrá aguantar y acabará rebentando todo.
Pues la idea es la misma, si tenéis reflexiones de potencia en los empalmes entre
antena y cable, o emisor y antena, os podéis cargar el emisor. Para evitar esto, una
vez hecho el montaje conviene hacer unas medidas para saber que todo está bien.
La relación de onda estacionaria(ROE) es el cociente entre el valor mayor y menor
de amplitud de onda:

„ „ _, Vmax

El coeficiente de reflexión (CR) se puedea obtener a partir de la ROE cómo:


„n ROE-1
CR=ROE^l (3)
Lo ideal es que no haya reflexión CR = 0, entonces el valor óptimo de ROE —1.
Normalmente las antenas tienen valores de ROE entre 1.05 y 1.2.

El cable más usado suele ser éste:


itaoso
(ü|>M
Encuentro de radios libres 15 y 16 abril 2005 Valencia

Tipo de cable Atenuación 100 metros a 100 MHz Precio (euros/metro)


CELFLEX7 8 1.23 dB 13.8

1 dB es un decibelio. Para que os hagáis una idea, perder 3 dB significa di


vidir la potencia entre 2. Es decir, cuanto más corto el cable mejor, pero el cable
bueno!!! También habrá que usar los conectores adecuados.

3.4.1 Tipos de antenas

Nuestra elección de antenas vendrá determinada por el lugar de emplazamiento


de éstas. Si queremos emitir en unas direcciones concretas, eligiremos antenas di
rectivas, si queremos emitir en todas las direcciones, antenas omnidireccionales.
También se caracterizan por el tipo de polarización (horizontal, vertical, circular),
esto está relacionado en de que manera se radia el campo eléctrico.

El diagrama de radiación nos deja claro en que direcciones radías la señal,


veamos algunos ejemplos.

Antena Omnidircccionas (radiación en todas direcciones) - Ejemplo Dipolo A/2

\'V'-: 4¡&S¡<K-!>-¿\
Encuentro de radios libres 15 y 16 abril 2005 Valencia

Antena direccional (radiación en direcciones concretas) - Ejemplo Agru


pación de dipolos

Según el área que queramos cubrir, podemos hacer agrupaciones de antenas,


una directiva en una dirección, otra en otra dirección y así cubrir zonas sin des
perdiciar potencia. Imaginaos que tenemos una montaña justo detrás y estamos
pegados a ella, pues no tiene ningún sentido emitir en esa dirección, estamos
tirando Watios allá donde no hay gente que nos escuche, malamente!
Si elegimos hacer agrupaciones de antenas tendremos que comprar un repartidor,
reparte la señal que viene del cable del emisor, a los cables que vayan a las difer
entes antenas. Un repartidor de dos salidas (para dos antenas) suele valer unos
600 euros, eso sí, te garantiza que se pierde muy poca potencia y que no hay
reflexiones. La distancia de separación entre antenas

4 Radioenlaces

A veces, el estudio de emisión y el emisor FM están situados en localizaciones


diferentes dentro de una ciudad o zona. Para ello, se diseñan radioenlaces, conex
iones de radiofrecuencia con antenas directivas entre los dos recintos a otras ffre-
cuencias diferentes a FM.
Harán falta nuevos equipos: emisor radioenlace, antena emisor radioenlace, an
tena receptor radioenlace y receptor radioenlace.
rwo»o

W Encuentro de radios libres 15 y 16 abril 2005 Valencia

5 La radio digital (lo que viene)


El sistema que se propone se llama DAB (Digital Audio Broadcasting) "Radiodi
fusión de señales de audio de forma digital".
Se trabajará con dispositivos digitales: chips, conversores Analógico/Digitales,...,
y se trabajará con señal digital (ceros y unos). Así que nos tocará cambiar nuestros
sistemas de emisión. Mejorará la calidad de recepción (no habrá que conectar la
cadena de water como antena, vamos). La calidad de la señal que se manda es
calidad de CD (44000 muestras/segundo).
Las frecuencias de emisión tendrán un ancho de banda de 1.6 MHz, podrán caber
6 emisoras de radio emitiendo en estéreo. IMPORTANTE: 6 emisoras emitiendo
desde un mismo emisor!!!
Las bandas de frecuencia que se utilizaran en principio serán:

• De 162MHz a 230MHz para radio digital terrestre.

• De 1452MHz a 1492MHz para radio digital vía satélite.

Pero lo importante, ya existen receptores digitales, de momento muy caros,


que es lo que está retrasando a esta tecnología como a muchas otras. De momento.
nos queda exprimir a la FM por donde podamos, pero tenemos que ir pensando en
estos temas.

Potrebbero piacerti anche