Download Manual de Internet Intermedio

INTERNET
INTERMEDIO
1
INTERNET INTERMEDIO
Conocimiento en técnicas de búsqueda de
información
1.1 Los Navegadores
Existe una gama de Navegadores, entre ellos tenemos Internet Explorer, Mozilla Firefox, etc. Se pide
que ustedes busquen lista de navegadores en Internet.
En nuestro caso utilizaremos Internet Explorer porque es de uso común en nuestro medio.
Para ingresar haga doble clic en el ícono de Internet que aparece en el escritorio. Internet Explorer
mostrará la página de Iniciar.
Ustedes ya conocen cómo deben ingresar al programa Internet Explorer, también saben navegar en
dicho programa por lo tanto obviaremos dicho paso.
1.2 Buscando Información Avanzada
Como siempre nuestro buscador de bandera será el programa Google que inició en 1996 en la
Universidad de Stanford (Estados Unidos), por los entonces estudiantes Sergey Brin y Larry Page, y fue
en 1998 cuando se creó la empresa Google Inc.
Recordemos que el dueño de la empresa Microsoft intentó comprar la empresa google y no pudo por su
elevado costo.
3
INTERNET INTERMEDIO
1 Conocimientos de técnicas de búsqueda de información
Tipo de búsquedas en el programa google:
- Contengan TODOS los términos de la búsqueda,
- Contengan la frase exacta de la consulta,
- Contengan al menos uno de los términos de la consulta,
- NO contengan ninguno de los términos de la consulta,
- Estén redactadas en un idioma determinado,
- Se hayan creado en un formato de archivo específico,
- Se hayan actualizado en un período de tiempo determinado
- Pertenezcan a un dominio o sitio - Web en particular,
- No contengan material para adultos.
4
INTERNET INTERMEDIO
1 Conocimientos de técnicas de búsqueda de información
Veamos un método de búsqueda avanzada en Google.
1. Active el programa google y seleccione la opción Búsqueda Avanzada
Todos los cambios se realizan en este formulario y al final del proceso obtendrá una Página Web con
una lista de resultados, luego Ud. puede revisar cada vínculo, guardar o imprimir, para lo cual haga clic
derecho sobre un enlace.
5
2
INTERNET INTERMEDIO
Creación de cuentas de correo electrónico
2.1 Correo Electrónico (E-mail)
Usted debe trabajar con el correo electrónico creado anteriormente, ya que es requisito primordial tener un
correo electrónico para que la comunicación sea más rápida con distintos puntos del mundo, por ser una
herramienta que nos permite enviar mensajes a cualquier persona o grupo de personas que tengan una
cuenta de correo. Sirve para enviar mensajes, documentos adjuntos, imágenes, etc. en forma simultánea
y sólo es necesario conocer el nombre del usuario y la dirección electrónica del servidor al cuál se
encuentra conectado. Ejemplo: rnjustiniano@gmail.com
El correo electrónico ofrece diversas ventajas:
- No hay cargos de larga distancia.
- Es posible enviar grandes volúmenes de información.
- Se puede contestar selectivamente y a la hora más
conveniente.
- Es accesible a todo Internet y a la mayoría de las
redes comerciales.
- Es la herramienta con mayor cobertura.
- Se puede enviar documentos en gran escala.
6
INTERNET INTERMEDIO
2
Creación de cuentas de correo electrónico
Los usos del correo electrónico son diversos. Pueden utilizarse para enviar mensajes de negocios
(memos, cartas, etc.), servicio a clientes, listas de discusión especializadas, mensajes a familiares y
amigos, acceso a bases de información y más.
Los correos Web más populares son:
a)
HOTMAIL
www.hotmail.com
b)
GMAIL
www.gmail.com
c)
YAHOO
www.yahoo.es
2.2 Utilizando nuestra cuenta nueva
1.Ingrese a www.gmail.com y escriba
su correo electrónico y contraseña.
7
INTERNET INTERMEDIO
2
Creación de cuentas de correo electrónico
2. Luego se mostrará la ventana de correos Recibidos.
8
3
INTERNET INTERMEDIO
Principios de diseño de páginas web y publicación
en portales gratuitos
3.1 Introducción
HTML es un lenguaje sencillo pensado para presentar información en la WWW. HTML (HyperText
Markup Language), como su nombre indica es un lenguaje de marcas para la creación de hipertextos.
Por hipertexto entenderemos texto con una presentación agradable, con inclusión de elementos
multimedia (gráficos, vídeo, audio) y con la presencia de hiperenlaces que permiten relacionar otras
fuentes de información en documentos hipertextos.
Es el lenguaje utilizado para representar documentos en la WWW (World Wide Web).
Como se ha dicho es un lenguaje de marcas ya que en las instrucciones son trozos de texto resaltados
convenientemente que definirán la estructura lógica del documento.
Por tanto un documento HTML constará de texto que será el contenido y la información del documento
y de instrucciones HTML que resaltarán este contenido y le darán un formato fácil y agradable de
leer y con la posibilidad de relacionar documentos y fuentes de información mediante hiperenlaces.
Las marcas del lenguaje HTML especifican:
9
INTERNET INTERMEDIO
3 Principios de diseño de páginas web y publicidad en portales gratuitos
1) La estructura lógica del documento:
a) Cabeceras, tipos y tamaños de las fuentes.
b) Párrafos de texto.
c) Centrado.
d) Enumeraciones o listas.
e) Formularios.
f) Tablas.
2) Distintos estilos que definen el texto:
a) Negrita.
b) Cursiva.
3) Diferentes efectos:
a) Direcciones de correo.
b) Citas textuales.
c) Inclusión de hipertextos para acceder a otros documentos relacionados.
d) Inclusión de imágenes y ficheros multimedia.
3.2 Las Etiquetas del Lenguaje HTML
Las Etiquetas
El lenguaje HTML es un lenguaje de marcas, estas marcas serán fragmentos de texto destacado de
una forma especial que permiten la definición de las distintas instrucciones de HTML, tanto los efectos
a aplicar sobre el texto como las distintas estructuras del lenguaje. A estas marcas las denominaremos
etiquetas y será la base principal del lenguaje HTML. En documento HTML será un fichero texto con
etiquetas que variarán la forma de su presentación.
10
INTERNET INTERMEDIO
3 Principios de diseño de páginas web y publicidad en portales gratuitos
Una etiqueta será un texto incluido entre los símbolos menor que < y mayor que >. El texto incluido dentro
de los símbolos será explicativo de la utilidad de la etiqueta.
Por ejemplo:
<center>INICTEL – UNI</center>
La de fin contendrá el mismo texto que la de Iniciar añadiéndole al principio una barra inclinada /. El
efecto que define la etiqueta tendrá validez para todo lo que esté incluido entre las etiquetas de Iniciar y
fin, ya sea texto plano u otras etiquetas HTML.
<ETIQUETA>Elementos Afectados por la Etiqueta</ETIQUETA>
Por ejemplo, con la etiqueta siguiente:
<B>Texto que será en negrita</B>.
Obtendremos: Texto que será en negrita
El uso de mayúsculas o minúsculas en las etiquetas es indiferente, se interpretarán
del mismo modo en ambos casos, pero lo normal es expresarlas en mayúsculas
para que destaquen con más nitidez del texto normal.
11
INTERNET INTERMEDIO
3 Principios de diseño de páginas web y publicidad en portales gratuitos
3.3 Atributos de las Etiquetas
Las etiquetas pueden presentar modificadores que llamaremos atributos que permitirán definir diferentes
posibilidades de la instrucción HTML. Estos atributos se definirán en la etiqueta de Iniciar y consistirán
normalmente en el nombre del atributo y el valor que toma separados por un signo de igual.
El orden en que se incluyan los atributos es indiferente, no afectando al resultado. Cuando el valor que toma
el atributo tiene más de una palabra deberá expresarse entre comillas, en otro caso no será necesario.
Un ejemplo de atributo será:
<h1 align=”center”>Pagina de la Región</h1>
En este caso la etiqueta h1 presenta un atributo align cuyo valor es Página de la Región.
Igualmente una etiqueta podría presentar varios atributos:
<HR ALIGN=”LEITH” NOSHADE SIZE=”5” WIDTH=”50%”>
En este caso la etiqueta HR presenta cuatro atributos. El segundo atributo NOSHADE es un caso especial
que no presenta valor. El orden en que se especifiquen los atributos no afectará al resultado final.
12
INTERNET INTERMEDIO
3 Principios de diseño de páginas web y publicidad en portales gratuitos
3.4 Estructura Básica
Un documento HTML está definido por una etiqueta de apertura <HTML> y una etiqueta de cierre </
HTML>. Dentro de este se dividen dos partes fundamentales: la cabecera, delimitada por la etiqueta
<HEAD> y el cuerpo, delimitado por la etiqueta <BODY>. Por tanto la estructura de un documento HTML
será:
<HTML>
<HEAD>
DefIniciarnes de la cabecera
</HEAD>
<BODY>
Instrucciones HTML
</BODY>
</HTML>
3.5 Comentarios
Para insertar comentarios dentro de un documento HTML utilizaremos la etiqueta especial <!--,
definiéndose un comentario de la forma:
<!-- Esto es un comentario -->
13
INTERNET INTERMEDIO
3 Principios de diseño de páginas web y publicidad en portales gratuitos
Los comentarios son útiles para identificar el documento, pudiendo indicar al comienzo del documento
su titulo, autor y la fecha en el que fue realizado, esto se hace antes de la etiqueta <HTML>. También,
aunque ya con menos utilidad para comentar cualquier instrucción o circunstancia del documento.
3.6 Imagenes en los documentos HTML
Una de las características principales del lenguaje HTML y de la WWW es la introducción de elementos
multimedia, en este apartado veremos cómo introducir gráficos y ficheros de imágenes en un documento
HTML.
En un documento HTML se puede incluir cualquier imagen en alguno de los siguientes formatos gráficos:
GIF, JPEG o PNG. Estos formatos utilizan algoritmos de compresión que hacen que sus ficheros sean
de corto tamaño y apropiado para su transmisión por la red.
El formato GIF es más recomendado para íconos, gráficas, y el formato JPEG es más útil para imágenes
reales como paisajes, personas, etc.
Existen unos casos especiales en las imágenes GIF, que son las imágenes transparentes y las imágenes
animadas.
Etiqueta de imagen:
<IMG SRC=”URL de la imagen” ALT=”Texto alternativo” BORDER=”#” />
14
INTERNET INTERMEDIO
3 Principios de diseño de páginas web y publicidad en portales gratuitos
Es la utilidad básica del hipertexto, permite indicar zonas de texto o imágenes que si son seleccionados
por el lector del documento nos traslada a otros documentos HTML u otras zonas del documento actual.
Para definir un hipervínculo podemos utilizar cualquier elemento HTML, no debe ser
texto necesariamente, podemos usar, cabeceras (<Hn>), cualquiera de los estilos,
una imagen, etc. Un hipervínculo igualmente podrá definirse dentro de cualquier
elemento HTML: listas, párrafos de texto, tablas, formularios.
El texto del hipervínculo aparece normalmente resaltado sobre el texto normal, en
azul y subrayado, en el caso de las imágenes, si tienen definido un borde este
aparecerá resaltado en color azul.
La mayoría de los navegadores, cuando la zona por la que pasa el cursor es sensible, este cambia de
aspecto indicándolo y en la parte baja de la pantalla se indica el hipervínculo que se activa al pulsar en
esa zona. Mediante los atributos de BODY es posible cambiar el color de los hipervínculos.
El texto que define el hipervínculo debe ser clarificador sobre el documento al que referenciamos,
debemos evitar referencias específicas que hagan al texto poco legible.
La forma de indicarlo será:
<A HREF=”URL a la que se accede”>Texto del Hipervínculo</A>
15
INTERNET INTERMEDIO
3 Principios de diseño de páginas web y publicidad en portales gratuitos
El texto indicado entre las etiquetas de comienzo y de fin se presentará de forma resaltada y en el caso
de seleccionar este texto el documento actual cambiará por el especificado en la URL.
3.8 Editores Web
Para diseñar Páginas Web conteniendo textos, imágenes, tablas, hipervínculos, etc. podemos emplear
software especializado ó algunos editores sencillos y simples de manejar.
Tenemos:
-Adobe Dreamweaver
-Microsoft Office
-Microsoft FrontPage
-Bloc de notas
3.9 Publicación de Web
Cuando tenemos lista todas las Páginas Web que conforman nuestro Sitio Web el siguiente paso es
publicarlo en un Servidor Web.
Así lucen las empresas de hosting por dentro:
3.9.1 Servidor Web propio
No es recomendable para nuestros fines porque requiere tener amplio conocimiento técnico en
los programas Internet Information Server en el sistema operativo Windows Server y Apache
en el sistema operativo Linux y tener el hardware adecuado completo resultando ser muy
costosos.
16
INTERNET INTERMEDIO
3 Principios de diseño de páginas web y publicidad en portales gratuitos
3.9.2 Servidor Web de Paga (hosting)
Pertenecen a empresas que alquilan por un
pago mensual o anual el alojamiento de nuestro
Sitio Web. Las ventajas son la seguridad,
el mantenimiento, el espacio reservado,
velocidad y menor costo en general.
La lista de los mejores hosting de paga:
1. BLUEHOST
www.bluehost.com
2. HOSTICAN
www.hostican.com
3. HOSTGATOR
www.hostgator.com
4. LUNARPAGES
www.lunarpages.com
5. HOSTMONSTER
www.hostmonster.com
6. INMOTIONHOSTING www.inmotionhosting.com
17
INTERNET INTERMEDIO
3 Principios de diseño de páginas web y publicidad en portales gratuitos
3.9.3 Servidor Web Gratuito
Las desventajas son varias: límite de almacenamiento, publicidad, tiempo de permanencia de nuestras
paginas, tráfico lento, etc.
Ejemplos:
18
1.
www.000webhost.com
2.
www.byethost.com
3.
www.110mb.com
4.
www.tripod.lycos.es
5.
www.phpus.net
4
INTERNET INTERMEDIO
Creación de Weblog
4.1 Creación de Weblogs
Un blog es un sitio Web fácil de usar en el cual puedes, entre otras muchas cosas, expresar rápidamente
tus opiniones e interactuar con otros usuarios.
1. Ingresamos al sitio Web www.blogger.com
19
INTERNET INTERMEDIO
4 Creación de Weblogs
2. Si tenemos una cuenta Gmail hacer clic en CREAR BLOG AHORA, el cual muestra la ventana
siguiente y completamos los datos solicitados y presionamos la opción CONTINUAR.
20
INTERNET INTERMEDIO
4 Creación de Weblogs
3. Ahora nos solicita el título para el Blog, la posible dirección URL si está disponible y presionamos
CONTINUAR.
21
INTERNET INTERMEDIO
4 Creación de Weblogs
4. El siguiente paso es elegir un modelo de plantilla y presione CONTINUAR.
22
INTERNET INTERMEDIO
4 Creación de Weblogs
5. Ahora para ingresar el contenido de nuestro Blog presionamos EMPEZAR A PUBLICAR.
23
INTERNET INTERMEDIO
4 Creación de Weblogs
6. En la ventana superior escribimos un título para nuestra entrada y el contenido en el cuadro grande.
Tenemos opciones para dar formato al texto, insertar imágenes y video. Luego presionamos PUBLICAR
ENTRADA.
24
5
INTERNET INTERMEDIO
Entrenamiento y Capacitación para la elaboración
de contenidos
En este punto debemos analizar nuestro entorno socio-cultural
para recopilar, clasificar y validar la información relevante que
podemos publicar o actualizar en nuestro Sitio Web o Blog.
Buscamos en Internet sitios Web relacionados a nuestro habitad
en las áreas:
-Geográficas
-Históricas
-Económicas
-Productivas
-Comerciales
-Culturales
-Turísticas
Comparamos la información de esos temas con nuestra
región y vemos cuáles son las mejores formas de exponer,
mostrar y dar a conocer nuestra cultura.
Luego con la nueva información generada podemos
actualizar nuestro sitio Web.
La información que encontramos en diversos Portales, tanto del gobierno como de empresas privadas,
que sea de interés común, puede ser difundida y compartida a través de los medios de comunicación
disponibles en nuestra comunidad, como por ejemplo: radio, reuniones comunales, afiches, volantes, etc.
25
6
INTERNET INTERMEDIO
Edición y Publicación de páginas web
Pasos para publicar en Tripod:
a) Ingresamos a la dirección www.tripod.lycos.es
26
INTERNET INTERMEDIO
6 Edición y publicación de páginas Web
b) Hacemos clic en la opción ¡Únete a Tripod ahora!
c) En las pantallas siguientes, ingrese sus datos para crear su cuenta hasta finalizar.
d) En su correo electrónico, recibirá un primer correo para activar la suscripción, haga clic en el
indicado. Allí podrá elegir el nombre de tu sitio Web.
enlace
27
INTERNET INTERMEDIO
6 Edición y publicación de páginas Web
e) Después de la confirmación recibirá otro correo con toda la información que necesita para usar los
servicios de Lycos Tripod similar a este:
Nos alegramos en darte la bienvenida como usuario
de los Servicios de Construcción Web de Lycos
Tripod!
Puedes conectarte directamente con el siguiente
nombre de usuario y contraseña:
Nombre de usuario: abcde
Contraseña: 12345
Nombre del servidor (Conexión FTP): abcde
Contraseña de FTP: 12345
El servidor de FTP es: ftp.usuarios.lycos.es
IMPORTANTE: Pon a tu cliente de FTP en modo “pasivo”
(PASV)
Para acceder, manejar tu cuenta y los detalles
personales, por favor ve a:
http://www.tripod.lycos.es/myaccount/
28
INTERNET INTERMEDIO
6 Edición y publicación de páginas Web
f) Con tu nombre de usuario y contraseña puedes ahora conectarte ingresando a la dirección:
http://www.tripod.lycos.es/myaccount
g) Mostrando su usuario y la dirección de su Sitio Web. Aquí puede cambiar sus datos personales y
utilizar las herramientas Online. Ahora haga clic en WebFTP.
29
INTERNET INTERMEDIO
6 Edición y publicación de páginas Web
La dirección de tu página Web es:
http://usuarios.lycos.es/tu_usuario
30
INTERNET INTERMEDIO
6 Edición y publicación de páginas Web
h) Se mostrará la siguiente pantalla donde debe hacer clic en Abrir FTP Web.
i) En esta ventana ahora puede subir a su Sitio Web gratuito cada una de las páginas Web que ha
diseñado incluyendo los archivos de las imágenes. Para esto haga clic en el botón Examinar.
31
INTERNET INTERMEDIO
6 Edición y publicación de páginas Web
j) Se muestra una ventana en la cual debe seleccionar el archivo deseado. Repetir este mismo paso
para los demás archivos y luego presionar el botón Subir:
32
INTERNET INTERMEDIO
6 Edición y publicación de páginas Web
io
rop eb
p
Mi o W
i
sit
k) Para finalizar desconecte su
usuario de Tripod, haciendo clic en
Desconectar.
l) Con esto, ya tiene publicado su Sitio Web.
33
7
INTERNET INTERMEDIO
Actualización de Contenidos de páginas web
Veamos una lista de interesantes consejos para mejorar nuestros sitios Web.
Tomado de: www.webtaller.com/maletin/articulos/tips_para_el_diseno_web.php
1.Antes de crear la Web es conveniente crear mentalmente o mejor sobre papel un boceto de la página
principal, para tener una idea de cómo ordenar visualmente todos los elementos como menús,
imágenes, banners y animaciones.
2.Antes de desarrollar el contenido debes tener bien claro de qué puedes hablar y de qué no. De nada
sirve crear una Web con efectos llamativos si no sabes nada sobre ellos y sólo copias contenido de
otras webs o de una enciclopedia. Lamentablemente esto lo hace mucha
gente y lo pueden acabar pagando caro, pues los derechos de autor deben
ser respetados.
3.Intenta ordenar todas tus ideas en diferentes secciones, para que
una no sea mucha más extensa que otra, y para que el usuario
sepa claramente a qué sección debe ir para encontrar la
información que busca. Tampoco debes ser repetitivo, intenta
dar nuevas ideas y clasificarlas para insertarlas en cada uno
de los apartados de tu Web.
34
INTERNET INTERMEDIO
7
Actualización de contenidos de páginas web
4. No abuses con la publicidad. Está muy bien ganar algún dinerito para poder comprarte un dominio,
intercambiar banners para aumentar las visitas, etc., pero las ventanas emergentes del tipo pop-up,
el abuso de banners en la página principal y cosas por el estilo sólo harán que el usuario no vuelva
a tu página.
5. Pon un enlace en java script del tipo “Añadir a Favoritos” para que el usuario tenga la opción, sólo
con hacer clic, de poner tu página entre las favoritas de su navegador. A veces el usuario está
interesado con el contenido de tu página pero no recuerda que tiene esta opción para volver otro día
mucho más fácilmente. La mayoría de ocasiones los usuarios llegan a tu Web de forma aleatoria,
navegando desde buscadores, clicando en links de otras páginas, etc., y no recordará otro día cómo
volver hasta este lugar.
6. Piensa SIEMPRE desde el punto de vista del usuario. Quizá tú crees que tu página principal tiene
un diseño muy atractivo, pero cuando el usuario cae en ella esta tarda mucho en cargar (si tarda
más de 15 segundos estás acabado), o hay excesiva publicidad, o se le abren ventanas emergentes,
o no encuentra bien clasificada y ordenada la información. Es muy importante hacer que tu Web
sea accesible desde todos los buscadores, pero más importante es que los que hayan visitado por
primera vez tu página piensen en volver a hacerlo otro día.
7. Recuerda a los usuarios que tu Web se actualiza cada cierto tiempo. Si actualizas el contenido de las
secciones pero la página principal siempre es la misma quizá el usuario crea que no hay nada nuevo
por ver. Cambia el diseño de las páginas (sobretodo de la principal) cada cierto tiempo, aunque
sean cambios sólo visuales. Añade frases o imágenes siempre diferentes que llamen la atención
35
INTERNET INTERMEDIO
7
Actualización de contenidos de páginas web
del usuario del tipo “Nueva sección” o copia y pega
alguna pequeña imagen llamativa.
8. No publiques tu página y la des de alta en los
buscadores sin haberla acabado por completo
antes. Da mucha rabia ver un enlace interesante en
un buscador o en un centro de recursos anunciando
una información que no está disponible porque
la página está en construcción. Además, piensa
que una buena página Web SIEMPRE está en
actualización.
9. Sea cual sea el tema del que habla tu página, nunca está de más insertar algunos servicios generales
como buscador, noticias, horóscopo, loterías, mapas del mundo, webcams, etc. Seguramente muy
poca gente visitará estos enlaces, pero cuestan muy poco de hacer y dan un toque muy profesional
a tu página principal, y puede hacer que los usuarios la utilicen como página de Iniciar para encontrar
siempre cualquier cosa al iniciar el explorador. Hay muchos servidores que ofrecen gratuitamente
estos servicios a los webmasters, desde WebTaller puedes acceder a todos ellos.
10.La popular regla de los 3 clics dice que ninguna información de tu Web debe estar a más de tres
clics de la página principal. Sinceramente creemos que todavía es mejor bajar esta referencia en 2
clics, una página principal y todas las secciones a un clic, si tu página se convierte en una gran Web
temática es posible que necesites crear subsecciones, entonces sí podrás ampliar los 2 clics en 3.
36
INTERNET INTERMEDIO
7
Actualización de contenidos de páginas web
11.De la misma forma que tiene que ser fácil llegar a todos los rincones de tu Web, también debe
estar perfectamente indicada la forma de volver a la página principal. Tampoco conviene enlazar
las diferentes secciones de la Web con links extraños, dentro de efectos, etc. (hay muchas páginas
donde para entrar tienes que ver antes una larga animación que muchas veces no te interesa).
12.También es un fallo muy común insertar fondos muy vistosos o demasiado oscuros, donde es difícil
leer el texto (normalmente es lo que más interesa al navegante). A veces creemos que el texto se lee
bien pero debemos probar de leerlo durante mucho rato para comprobar si no nos duele la cabeza
al cabo de cinco minutos de ir leyendo (¡también suele ocurrir en muchos sitios!).
13.Debes tener cuidado con las fuentes que
utilizas. Mucha gente crea una página Web
con una fuente extraña que se ha bajado
de Internet pero que la mayoría de usuarios
no tienen instalada en su PC, por lo que
la verán con otra fuente por defecto (Arial,
Times New Roman, etc.). Esto puede
provocar un efecto muy extraño en nuestra
página, cosas desalineadas, marcos que
se salen de la página, fotos donde no deben
estar, etc. Utiliza pues siempre que puedas
las fuentes más comunes de Windows.
37
INTERNET INTERMEDIO
7
Actualización de contenidos de páginas web
14.Cuidado con insertar javascripts vistosos que muestran textos extraños y divertidos en la barra
superior o inferior de la ventana. Esto suele ser muy espectacular pero cansa muchísimo al usuario.
15. No diseñes tu página para un navegador concreto. El típico mensaje “Esta Web se ve mejor con
Internet Explorer” es totalmente dictatorial y abusiva. Pese a que Internet Explorer de Microsoft
se está convirtiendo en el navegador más utilizado, muchísima gente es enemiga al monopolio
de Microsoft y se está haciendo muy popular Mozilla Firefox. Tiene que ser totalmente compatible
con todos. Para ello haz una prueba antes de publicarla y
visualízala con diferentes navegadores, sistemas operativos
y resoluciones. Recuerda que tú lo que quieres es que la
página la vea mucha gente, y para ello tiene que ser lo
más compatible posible con todo tipo de combinaciones de
software.
16.Evidentemente tampoco es recomendable insertar archivos
de música o grandes imágenes que lo único que consigues
es demorar la carga de la página. Lo que le importa al usuario
es el contenido, y sólo con un buen contenido conseguirás
que vuelva a visitar tu Web. La estética es importantísima,
pero se puede conseguir una buena estética sin demorar
tanto la carga de la página.
38
INTERNET INTERMEDIO
7
Actualización de contenidos de páginas web
17.Inserta siempre una pequeña descripción para cada imagen utilizando el parámetro “ALT” dentro
de la directiva “IMG”. Piensa que muchos usuarios que disponen de conexiones lentas todavía
configuran los navegadores para ver las páginas en modalidad “sólo texto”. Si tu página se basa
demasiado en GIF animados, banners, etc., al menos intenta sustituirlas por un buen texto descriptivo
de lo que el usuario no ve.
18. Tampoco uses FRAMES. Sólo demoran la carga de la página y se pueden sustituir por otras
alternativas. Ten imaginación y busca algún recurso para evitar los FRAMES, incluso es mejor
insertar en todas las páginas un enlace a todas las secciones que recurrir a estar “particiones” de
pantalla. En muchos monitores se ven muy mal, y además confunden a los robots de los buscadores.
19.Ofrece la oportunidad al usuario de contactar contigo, ya sea con tu dirección de e-mail o con un
pequeño formulario. Mucha gente querrá explicarte cosas, pedirte información o intercambiarla,
links, etc. Si quieres hacerlo de forma anónima o más cómoda, inserta un foro en la Web y de vez
en cuando responde las dudas de los usuarios, incluso muchos usuarios responderán las dudas
de otros ahorrándote este pequeño trabajo. La posibilidad de contactar con el Web máster para
ampliar información o detalles es muy importante para la seriedad y buen funcionamiento de un
buen website y cuesta mucho menos de lo que crees.
39
INTERNET INTERMEDIO
7
Actualización de contenidos de páginas web
20.Carga rápida: Es muy importante
definir el tamaño que ocuparán las
imágenes, porque así el navegador
cargará en primer lugar todo el
texto de la página y reservará la
altura y anchura de las imágenes
para cargarlas al final de todo. De
esta manera el usuario no tendrá
que esperar a que se carguen
todas las imágenes para comenzar
a ver el contenido de la página.
Esto se consigue definiendo los
parámetros “width” y “height”
dentro de las directivas <IMG>.
21.Hay una teoría que dice que con las letras en minúsculas se tarda un 30% menos en leer que con
las mayúsculas. Además, un texto todo en mayúsculas puede traer incluso dolor de cabeza. Usa
mayúsculas, negritas, cursivas y encabezados sólo cuando convenga, seleccionando muy bien sólo
lo que quieras que llame la atención.
22.No subrayes los textos pues se podrían confundir con enlaces y pueden hacer enfadar al usuario.
Recuerda que hay que mimarlo al máximo.
40
INTERNET INTERMEDIO
7
Actualización de contenidos de páginas web
23.Evidentemente pon en la página principal información sobre los contenidos más interesantes de tu
Web, y aún así, lo más importante primero, de forma que llame al máximo la atención del usuario y
sea lo primero que pueda leer cuando ingrese a tu Web.
24.Hay otra regla además de la de los “tres clics”. La de la barra de desplazamiento, sobretodo la
horizontal. (La barra inferior para mover el contenido de la ventana de izquierda a derecha y
viceversa). La barra vertical es prácticamente inevitable en la mayoría de páginas con un mínimo
de contenido, pero la horizontal es muy molesta, debes evitarla siempre que puedas. Para evitar
esto, se recomienda dar un ancho fijo a tu diseño de página y las imágenes que esta tenga, con esto
evitaras un contenido alargado horizontalmente y el uso de la barra de desplazamiento horizontal
para desplazarte por el.
25.Evita los típicos trucos para vender más. No anuncies
cosas que sean mentira ni exageres nada de lo que
puedes ofrecer en tus páginas o conseguirás el efecto
contrario al deseado porque el usuario no volverá.
1.Contadores: no son tan útiles como parece. Al
usuario pocas veces le interesa el número de visitas
que tienen y además suelen ser una “puerta de escape”
(aunque parezca una tontería hay que evitarlos al máximo,
un punto por el cual el usuario suele salir fácilmente de la
página es dando clic en las estadísticas).
41
INTERNET INTERMEDIO
7
Actualización de contenidos de páginas web
Además, una página con muy pocas visitas puede
hacer que el usuario crea que la página es de muy
mala calidad, aunque no sea así. Por el contrario,
una página con un número exagerado de visitas
puede hacer que el usuario crea que son falsas
(esto se produce muchas veces) o que piense
que la página está siempre saturada por la gran
afluencia de visitantes.
2. Cuando hayas terminado tus páginas y estés
preparado para publicarlas, antes haz un repaso
general, optimiza al máximo el código HTML y las
imágenes (sobretodo de la página principal, que es la que más se verá, y la primera impresión es
la que cuenta). Puedes consultar trucos en la sección OPTIMIZACIÓN de WebTaller o dirigirte a
algún asistente en línea como WebSiteGarage que te ayuda a optimizar y corregir los errores de tus
páginas Web.
3.Se está poniendo de moda al entrar en una página, una ventana “obligando” al usuario a
votar por la Web en un ranking, visitar el patrocinador (el webmaster en estos casos suele
ganar un tanto por clic, aunque esto es absolutamente ilegal y en la mayoría de los casos
es detectado muy fácilmente por la empresa de publicidad), etc. Incluso hay páginas que
abren automáticamente un anunciante como si el usuario hubiera hecho clic en un banner.
42
INTERNET INTERMEDIO
7
Actualización de contenidos de páginas web
Esto es una falta absoluta de profesionalidad y sólo hará (con toda seguridad) que el usuario no
vuelva. También se suelen ver mensajes del tipo “por favor, haz clic en nuestro patrocinador”,
o “antes de pasar a la siguiente sección haz clic en el banner”. Estos mensajes también están
prohibidos por los patrocinadores y deben evitarse o habrá problemas al cobrar.
4. Por último, consulta las secciones de WebTaller para optimizar el código y las imágenes de tus
páginas, para saber cómo darte de alta en los buscadores, para ganar dinero con tu Web y para
dotarla de un contenido renovado continuamente.
7.1 Actualización de Sitio Web
Procedimiento:
1. Ingresamos al sitio Web
www.tripod.lycos.es/myaccount
2. Escribimos nuestro usuario y contraseña
y presionamos Conectar.
43
INTERNET INTERMEDIO
7
Actualización de contenidos de páginas web
3. Mostrando su usuario y la dirección de su Sitio Web. En herramientas Online haga clic en Mejoras
Web.
44
INTERNET INTERMEDIO
7
Actualización de contenidos de páginas web
4. En esta pantalla podemos aumentar la visibilidad del sitio Web en Internet clasificándolo en una
categoría de directorio para que sea más fácil localizado utilizando los buscadores.
45
INTERNET INTERMEDIO
7
Actualización de contenidos de páginas web
7.2 Actualización del Weblog
1. Ingresamos al sitio Web www.blogger.com
2. Escribimos nuestro usuario y contraseña de Gmail en la parte superior derecha y clic en el botón
ACCEDER
46
INTERNET INTERMEDIO
7
Actualización de contenidos de páginas web
3. Se muestra nuestra cuenta Gmail con los
Blogs que hemos creado. Allí podemos
crear o actualizar nuevas entradas.
47
8
INTERNET INTERMEDIO
Módulo de Actualización de Contenidos por
Emprendedor
Ver desarrollo de este
punto en el manual
adjunto.
48