Internet PDF
Internet PDF
Internet PDF
de Internet
Josep Maria Losilla Vidal
1ª Edició 2000
2ª Edició revisada 2002
Unidad 8
La World Wide Web (WWW)
Tabla de contenidos........................................................................................ 35
8.1 Las páginas Web y el lenguaje HTML ...................................................... 36
8.2 Descripción de los elementos de la ventana principal de MS-IE.............. 36
8.3 Los botones de la barra de herramientas ................................................. 38
8.4 Navegar por la WWW................................................................................ 38
Unidad 9
El correo electrónico
Tabla de contenidos........................................................................................ 53
9.1 Profundizando en el uso del correo electrónico........................................ 54
9.2 Configuración de MS- OE .......................................................................... 56
9.2.1 Ficha «Leer» .................................................................................... 56
9.2.2 Ficha «Enviar» ................................................................................. 56
9.2.3 Ficha «Firmas» ................................................................................ 57
9.2.4 Ficha «Ortografía» ........................................................................... 57
9.2.5 Ficha «Mantenimiento».................................................................... 58
9.3 Descripción detallada del proceso de escritura y envío de un mensaje .. 58
9.3.1 Establecer la prioridad del mensaje y solicitar confirmación de
lectura............................................................................................... 60
9.3.2 Adjuntar ficheros al mensaje............................................................ 60
9.4 Cómo leer el correo electrónico pendiente ............................................... 61
9.4.1 El «matasellos» de un eMail ............................................................ 62
9.5 Gestionar y organizar el correo................................................................. 65
9.5.1 Clasificar el correo de forma manual ............................................... 65
9.5.2 Clasificar el correo de forma automática ......................................... 65
9.5.3 Borrar mensajes............................................................................... 67
9.5.4 Localizar mensajes .......................................................................... 67
9.6 Responder y reenviar un mensaje ............................................................ 67
Unidad 10
Herramientas de búsqueda
Tabla de contenidos........................................................................................ 89
10.1 Introducción ............................................................................................. 90
10.2 Mapas geográficos.................................................................................. 91
10.3 Catálogos (directorios) temáticos............................................................ 91
10.4 «Robots» de búsqueda de información .................................................. 94
10.4.1 Yahoo! ............................................................................................ 97
10.4.2 Altavista .......................................................................................... 98
a. Uso de los operadores booleanos AND, OR, NEAR y NOT ........ 100
b. Uso de paréntesis en las expresiones de búsqueda ................... 100
c. Otras características avanzadas .................................................. 101
10.4.3 Metabuscadores........................................................................... 101
a. MetaCrawler.................................................................................. 102
b. ProFusion...................................................................................... 103
10.4.4 Uso de herramientas especiales para automatizar la búsqueda 103
Unidad 12
FTP, Telnet, fax y SMS
Tabla de contenidos...................................................................................... 135
12.1 Transmisión de ficheros (FTP).............................................................. 136
12.1.1 Formatos habituales de los ficheros que se pueden copiar........ 138
12.1.2 Aspectos legales acerca de los archivos y programas que
se pueden copiar de Internet....................................................... 138
12.1.3 FTP desde MS-IE......................................................................... 140
12.1.4 FTP con el cliente CuteFTP......................................................... 141
12.1.5 Los mejores sitios para copiar software en Internet.................... 144
Unidad 13
Publicación y promoción de Webs
Tabla de contenidos...................................................................................... 149
13.1 El lenguaje HTML.................................................................................. 150
13.2 Elementos de sintaxis HTML y etiquetas para definir la cabecera
y el cuerpo de un documento ................................................................ 152
13.2.1 Declaración de inicio de un documento ....................................... 152
13.2.2 Encabezado del documento ........................................................ 152
a. Título del documento .................................................................... 153
b. URL base ...................................................................................... 153
13.2.3 Cuerpo del documento ................................................................. 154
a. Uso de imágenes de fondo........................................................... 155
b. Uso de colores de fondo y de texto .............................................. 155
13.3 Principales etiquetas HTML .................................................................. 156
13.3.1 Formato del texto ......................................................................... 156
a. Párrafos y finales de línea requeridos .......................................... 156
b. Encabezados ................................................................................ 157
c. Estilos............................................................................................ 157
c.1 Estilos físicos .......................................................................... 158
c.2 Estilos lógicos ......................................................................... 158
d. Texto preformateado .................................................................... 160
e. Listas............................................................................................. 161
13.3.2 Enlaces hipertexto («links»)......................................................... 162
a. El enlace MAILTO:........................................................................ 165
13.3.3 Tablas........................................................................................... 165
a. Especificar el ancho de los bordes de una tabla.......................... 166
b. Controlar el tipo de alineación del contenido de las celdas......... 167
c. Unir celdas .................................................................................... 168
d. Añadir título a las tablas ............................................................... 169
e. Rodear una tabla con texto .......................................................... 170
f. Tablas anidadas............................................................................. 170
13.3.4 Gráficos ........................................................................................ 171
a. Líneas horizontales....................................................................... 171
b. Imágenes ...................................................................................... 172
13.4 Uso de programas para diseñar páginas Web ..................................... 175
13.5 Dónde publicar y anunciar sus páginas Web........................................ 175
13.5.1 Dónde publicar ............................................................................. 175
13.5.2 Cómo promocionar la información............................................... 176
Módem interno
• Es frecuente en los PCs
• No es transportable
• No se puede observar el estado de conexión
• Es necesario manipular el ordenador para instalarlo
• Es más económico que el externo
• No ocupa espacio ni utiliza fuente de alimentación externa
Módem externo
• Se puede trasladar con facilidad de un lugar a otro
• Unos testigos luminosos indican el estado de la conexión
• Se instala utilizando un sencillo conector
• Su precio es mayor que el del interno
• No está integrado en el ordenador
Lista de carpetas («bandejas») de mensajes Panel de visualización del contenido de los mensajes
Retrocede a la
anterior página Accede a los servicios de correo
Web
visualizada. electrónico (mail) y de grupos de
noticias (news).
Muestra la
Muestra el historial de los
siguiente página
Web de la lista últimos sitios a los que se
que almacena el ha accedido.
orden de la
Accede a la libreta de
navegación.
direcciones de las páginas
Web «favoritas» del usuario.
Detiene la
transferencia de la Accede a una página Web que
página Web en curso. contiene varios métodos de búsqueda
de información en Internet.
Vuelve a cargar
y visualizar la Muestra la «página
página actual. Es inicial» (que es la
útil cuando se que se carga
observa que automáticamente al
Internet Explorer iniciar Internet
tarda mucho en Explorer).
cargar la página.
http://www.uab.es/public
‚ Pulsar Entrar.
ó bien
• Desplegar la lista «Dirección» con las últimas direcciones a las
cuales se ha accedido con éxito y seleccionar la URL a la cual desee
ir:
Dirección
electrónica del
remitente .
Dirección
electrónica del
destinatario o
destinatarios
principales.
Dirección
electrónica de
otros
destinatarios a
los que se desea
mandar copia.
Tema del
mensaje.
Archivo adjunto
Descriptiva.txt
Al hacer clic con el botón derecho sobre el icono del archivo enlazado
con el mensaje aparecerá el menú contextual:
a. Instalación de PGP
En la práctica, para utilizar el sistema PGP se requiere la instalación
del programa original desarrollado por la empresa PGP, Inc.,
propiedad de Phil Zimmerman, creador en 1991 de la primera versión
de este sistema, y que se distribuye libre de cargos a través de Internet.
Recuerde que para utilizar el sistema PGP sus interlocutores también
deberán instalar este programa (hoy en día existen cerca de tres
millones de usuarios de PGP en Internet, y su número crece sin parar).
En el momento de escribir este texto, se puede obtener gratuitamente
la versión internacional de PGP en la siguiente dirección:
http://www.pgpi.com/
Como puede observar, en este caso el mensaje podrá ser leído por
cualquiera, ya que no se ha cifrado su contenido. Únicamente se ha
añadido la firma digital del remitente para que el destinatario pueda
comprobar la autenticidad del mensaje y que no ha sido alterado por
terceros.
También puede escoger el comando Current Window | Encrypt &
Sign si desea cifrar el mensaje y añadir su firma digital al mismo
tiempo.
10.4.1 Yahoo!
Yahoo! (http://www.yahoo.com) es, sin duda, el buscador más
conocido de Internet. Su facilidad de manejo, su doble opción de
búsqueda -por palabras y por categorías temáticas organizadas
jerárquicamente-, y sus servicios añadidos -lugares más interesantes,
publicidad, metereología, etc.-, lo convierten en la herramienta ideal
para realizar localizaciones sencillas por conceptos genéricos. A pesar
de su facilidad, conviene conocer las opciones de búsqueda y los
distintos servicios que ofrece con el fin de aprovechar todo su
10.4.2 Altavista
AltaVista es un buscador desarrollado por la empresa Digital, que
desde 1995 indiza todas las palabras contenidas en los documentos
que encuentra en Internet.
La dirección de AltaVista es la siguiente:
http://www.altavista.com
También se puede acceder a las versiones en castellano en las
siguientes direcciones:
http://www.altavista.es
http://es -es.altavista.com/
10.4.3 Metabuscadores
Los motores de búsqueda revisados hasta ahora intentan dar solución
al problema de la búsqueda de información en Internet, aunque cada
uno de ellos recoge únicamente una parte de los recursos contenidos
en la red. Para ser exhaustivo en sus búsquedas, usted no puede
limitarse a un único buscador, sino que debe acudir a varios de ellos.
Los metabuscadores se han desarrollado para resolver este problema,
ofreciendo al usuario un único interfaz que inicie la búsqueda en todos
los buscadores conocidos. Algunos de estos metabuscadores son
únicamente páginas de enlaces a motores de búsqueda, mientras que
a. MetaCrawler
MetaCrawler (http://www.metacrawler.com) lanza las consultas en
varios buscadores, entre ellos: WebCrawler, Excite, AltaVista,
Yahoo!, Lycos e Infoseek. A diferencia de otros metabuscadores,
MetaCrawler presenta un resultado integrado de la búsqueda,
eliminando las duplicidades que se producen al utilizar los buscadores
por separado, y presentando de cada enlace encontrado las
descripciones que proporcionan cada uno de los buscadores
individuales consultados.
Es recomendable hacer clic sobre el enlace «Customize» para activar
las siguientes características adicionales de búsqueda:
• Indicar el método de búsqueda: cualquier palabra escrita («any»),
todas las palabras escritas («all»), o realizar la búsqueda de lo
escrito considerándolo una frase completa («as a phrase»).
• Limitar los resultados a enlaces a una zona geográfica concreta, o a
un tipo de dominio determinado (educación, comercial,
gubernamental, etc.).
• Especificar el número máximo de resultados por página encontrada
(de 10 a 30).
• Especificar el número máximo de resultados por buscador (de 10 a
30).
• Indicar el tiempo máximo que MetaCrawler debe esperar en el
caso de que alguno de los buscadores esté temporalmente
inaccesible (de 5 segundos a 2 minutos).
b. ProFusion
ProFusion (http://www.profusion.com) puede utilizar un gran número
de rastreadores para realizar las búsquedas, tanto generales como
especializados en diferentes ámbitos (salud, entretenimiento, biología,
deportes, etc.). Al igual que MetaCrawler, ProFusion devuelve los
resultados de la búsqueda integrados en una única lista.
La característica diferencial de este metabuscador es que permite
monitorizar los procesos de búsqueda a través de los siguientes
servicios:
• “Alert”: permite indicar una lista de páginas Web (URLs) que
deseamos que Profusión vigile y nos avise cada vez que se
produzca un cambio en su contenido.
• “My Profusión”: permite indicar una búsqueda en una gran
cantidad de buscadores, tanto generales como especializados.
• “Profilter”: permite indicar una búsqueda que se realizará sobre los
buscadores que se deseen, y además indicar que periódicamente se
vuelva a realizar esa misma búsqueda indicando las páginas
nuevas encontradas. Además, para cada resultado se puede indicar
si es no relevante para que Profilter lo tenga en cuenta en próximas
búsquedas.
Para activar estos servicios es necesario rellenar un pequeño
formulario, en el cual hay que escribir nuestro nombre, contraseña y
dirección electrónica.
Un servicio similar a Profusion y también de alta calidad es
Tracerlock (http://www.tracerlock.com).
Grupo Temas
Hilo o secuencia de discusión Panel de visualización del contenido Panel de encabezados de los artículos . En
( «trhead»). Las respuestas a los de los artículos. En este panel se este panel se muestran los artículos
artículos originales se muestran visualiza el contenido del artículo contenidos en el grupo seleccionado en la
descendiendo de éstos. seleccionado en el panel de artículos. lista “Grupos de noticias”.
Este paso sólo será necesario cuando desee añadir los datos de un
nuevo servidor a CuteFTP. Aparecerá entonces el nuevo servidor FTP
en la lista, por lo que las siguientes ocasiones que inicie CuteFTP ya
podrá escogerlo directamente:
Directorio
local: en este
panel se
muestran las
carpetas y
archivos del
ordenador
local.
Directorio
remoto: en este
panel se
muestran las
carpetas y
archivos del
ordenador
servidor
(“host”).
b. URL base
Se puede especificar el URL base de un documento utilizando la
siguiente etiqueta:
• <BASE HREF=”base_URL”>
Nótese que esta etiqueta no necesita ser cerrada, ya que no determina
un contexto de actuación, sino que afecta a todo el documento.
Una vez se ha establecido el URL base, el resto de URLs que se
incluyan en el documento se deberán especificar en relación a aquél.
De este modo se puede ahorrar mucho tiempo de escritura,
especialmente cuando los URL son largos. Por ejemplo, si el URL
base de un documento es el siguiente:
http://www.metodo.uab.es/internet/leccion_1/ejercicio.html
y se desea especificar el URL de ejercicio.html del directorio
/internet/leccion_2 del mismo servidor, se puede escribir sólo:
…/leccion_2/ejercicio.html
en lugar de escribir:
http://www.metodo.uab.es/internet/leccion_2/ejercicio.html
Otro motivo importante para especificar siempre el URL base atañe a
la exportabilidad de dicho documento, ya que si, por ejemplo, desea
mover todo un sitio Web a otro servidor, no será necesario reescribir
los URL de cada documento HTML, sino sólo el URL base (siempre
que conserve, claro está, la estructura de directorios original).
En este sentido, es recomendable que utilice siempre una carpeta
específica para cada conjunto de páginas Web que cree. Normalmente,
un sitio Web, incluso una página Web personal, no está formado por
una única página Web que contiene toda la información, sino por
varias páginas Web relacionadas. Además, cada página puede incluir
diferentes objetos, tales como gráficos, sonidos o películas de vídeo.
Es muy importante utilizar una carpeta para almacenar todos los
objetos que se van a usar en un conjunto de páginas Web. Puede crear
subcarpetas dentro de esta carpeta para organizarse mejor, por
ejemplo, una subcarpeta GRAFICOS donde almacenar todas las
c. Estilos
Sugerencia. Es preferible que En un documento HTML debemos distinguir dos tipos distintos de
utilice los estilos lógicos en
estilos: los estilos físicos y los lógicos. Los primeros son aquéllos que
Como puede ver, los estilos físicos son atributos de fuente, como
negrita o cursiva. HTML 2.0 soporta los cuatro estilos físicos que
aparecen en primer lugar en la tabla anterior. Sin embargo, no debe
asumir que cualquiera de estos estilos físicos estará disponible en el
visualizador que utilice el usuario, ya que, por ejemplo, algunos de
estos programas reservan el atributo de subrayado para los enlaces de
hipertexto, por lo que ignoran las etiquetas <U>…</U>; MS-IE sí
soporta el atributo de subrayado.
En relación con los estilos físicos, también debe tener en cuenta que, a
pesar que HTML permite la anidación de los estilos físicos, algunos
de los visualizadores (no es el caso de MS-IE) no admiten esta
funcionalidad:
<B><I> … texto … </I></B>
Aunque los encabezados también varían el tamaño de la fuente, la
utilización de los mismos (<H1>...<H6>) se debe restringir a los casos
en que realmente el texto sea un encabezado o titular; en el resto de
ocasiones se deben utilizar los estilos físicos o lógicos.
Los estilos lógicos sirven para indicar el significado del texto que
marcan dentro del contexto del documento y, como ya he indicado
antes, no especifican ningún atributo de aspecto de forma absoluta,
sino que éste dependerá de la configuración y prestaciones del
programa visualizador y de las preferencias del usuario que lo utiliza.
d. Texto preformateado
Se puede utilizar la pareja de etiquetas siguiente para escribir texto
preformateado, es decir, texto para el cual el visualizador respetará los
espacios y líneas en blanco que se hayan escrito:
• <PRE> : inicio del texto preformateado
• </PRE> : final del texto preformateado
El texto se mostrará en un tipo de letra de espaciado fijo, como
“Courier”, por lo que éste constituye un método sencillo para realizar
tablas o listas de elementos en columnas.
Dentro de un <PRE> se pueden incluir formularios, enlaces, etc.
Además, es recomendable marcar los espacios con la barra
espaciadora y no con tabuladores, y no se deben incluir etiquetas de
estilo ni de formato de texto.
Observe el siguiente ejemplo:
e. Listas
Mediante las listas se pueden realizar presentaciones de texto
atractivas y estructuradas en sus documentos.
Como puede observar en la siguiente tabla, todos los tipos de lista
requieren, además de la pareja de etiquetas que define el tipo, una
pareja de etiquetas para cada uno de los elementos de la lista:
Etiqueta de lista Etiqueta de ítem Efecto
<UL> ... </UL> <LI> … </LI> Lista sin ordenar
<LO> ... </OL> <LI> … </LI> Lista ordenada
<DIR> ... </DIR> <LI> … </LI> Directorio
<MENU> ... </MENU> <LI> … </LI> Menú
<DL> ... </DL> <DD> … </DD> Lista de
<DT> … </DT> definiciones.
<DD> encierra
cada elemento a
definir, y <DT>
cada definición.
<H1>Lista de empleados</H1>
<OL>
<LI>Alfonso Rodríguez</LI><P>
<LI>Alfonso Rodríguez</LI><P>
<LI>Alfonso Rodríguez</LI><P>
</OL>
13.3.3 Tablas
Con las etiquetas revisadas hasta ahora, el único medio del que
dispone para crear tablas consiste en utilizar texto preformateado con
la etiqueta <PRE>. El estándar HTML 3.2 formaliza el uso de las
tablas mediante etiquetas específicas.
Con la práctica irá aprendiendo que el uso de tablas es casi
imprescindible para conseguir que sus documentos sean atractivos y
fáciles de leer. Tenga en cuenta también, que dentro de las celdas de
una tabla no sólo puede incluir texto o números, sino también
imágenes o cualquier otro elemento, como enlaces de hipertexto, etc.
Una tabla en HTML se encierra entre las etiquetas:
• <TABLE>: inicio de la tabla
• </TABLE>: final de la tabla.
c. Unir celdas
Para unir dos celdas se pueden añadir los atributos ROWSPAN y
COLSPAN en las etiquetas <TD> y <TH>, indicando el número de
filas y de columnas, respectivamente, que se desea unir. Por ejemplo:
<TD ROWSPAN=2> …texto celdas … </TD)
<TD COLSPAN=3> …texto celda… </TD)
f. Tablas anidadas
Por último, y para demostrar la flexibilidad del uso de las tablas,
observe el siguiente ejemplo en el que se han anidado dos de ellas:
13.3.4 Gráficos
Trataremos en este apartado el uso de dos tipos de elementos gráficos
que se pueden incluir en un documento HTML: las líneas horizontales
y las imágenes.
a. Líneas horizontales
Para añadir una línea horizontal en un documento HTML basta con
introducir la etiqueta:
• <HR>
Se puede añadir la etiqueta <P> después de <HR> para conseguir una
línea en blanco adicional después de la línea gráfica.