INTERNET

INTERMEDIO

INTERNET INTERMEDIO
Conocimiento en tcnicas de bsqueda de
informacin

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 comn en nuestro medio.
Para ingresar haga doble clic en el cono de Internet que aparece en el escritorio. Internet Explorer
mostrar la pgina de Iniciar.
Ustedes ya conocen cmo deben ingresar al programa Internet Explorer, tambin saben navegar en
dicho programa por lo tanto obviaremos dicho paso.

1.2 Buscando Informacin 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 dueo de la empresa Microsoft intent comprar la empresa google y no pudo por su
elevado costo.

INTERNET INTERMEDIO

1 Conocimientos de tcnicas de bsqueda de informacin

Tipo de bsquedas en el programa google:

- Contengan TODOS los trminos de la bsqueda,
- Contengan la frase exacta de la consulta,
- Contengan al menos uno de los trminos de la consulta,
- NO contengan ninguno de los trminos de la consulta,
- Estn redactadas en un idioma determinado,
- Se hayan creado en un formato de archivo especfico,
- Se hayan actualizado en un perodo de tiempo determinado
- Pertenezcan a un dominio o sitio - Web en particular,
- No contengan material para adultos.

INTERNET INTERMEDIO

1 Conocimientos de tcnicas de bsqueda de informacin

Veamos un mtodo de bsqueda avanzada en Google.

1. Active el programa google y seleccione la opcin Bsqueda Avanzada

Todos los cambios se realizan en este formulario y al final del proceso obtendr una Pgina Web con
una lista de resultados, luego Ud. puede revisar cada vnculo, guardar o imprimir, para lo cual haga clic
derecho sobre un enlace.

INTERNET INTERMEDIO
Creacin de cuentas de correo electrnico

2.1 Correo Electrnico (E-mail)

Usted debe trabajar con el correo electrnico creado anteriormente, ya que es requisito primordial tener un
correo electrnico para que la comunicacin sea ms rpida 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, imgenes, etc. en forma simultnea
y slo es necesario conocer el nombre del usuario y la direccin electrnica del servidor al cul se
encuentra conectado. Ejemplo: rnjustiniano@gmail.com
El correo electrnico ofrece diversas ventajas:
- No hay cargos de larga distancia.
- Es posible enviar grandes volmenes de informacin.
- Se puede contestar selectivamente y a la hora ms
conveniente.
- Es accesible a todo Internet y a la mayora de las
redes comerciales.
- Es la herramienta con mayor cobertura.
- Se puede enviar documentos en gran escala.

INTERNET INTERMEDIO

Creacin de cuentas de correo electrnico

Los usos del correo electrnico son diversos. Pueden utilizarse para enviar mensajes de negocios
(memos, cartas, etc.), servicio a clientes, listas de discusin especializadas, mensajes a familiares y
amigos, acceso a bases de informacin y ms.
Los correos Web ms 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 electrnico y contrasea.

INTERNET INTERMEDIO

Creacin de cuentas de correo electrnico

2. Luego se mostrar la ventana de correos Recibidos.

INTERNET INTERMEDIO
Principios de diseo de pginas web y publicacin
en portales gratuitos

3.1 Introduccin
HTML es un lenguaje sencillo pensado para presentar informacin en la WWW. HTML (HyperText
Markup Language), como su nombre indica es un lenguaje de marcas para la creacin de hipertextos.
Por hipertexto entenderemos texto con una presentacin agradable, con inclusin de elementos
multimedia (grficos, vdeo, audio) y con la presencia de hiperenlaces que permiten relacionar otras
fuentes de informacin 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 definirn la estructura lgica del documento.
Por tanto un documento HTML constar de texto que ser el contenido y la informacin del documento
y de instrucciones HTML que resaltarn este contenido y le darn un formato fcil y agradable de
leer y con la posibilidad de relacionar documentos y fuentes de informacin mediante hiperenlaces.
Las marcas del lenguaje HTML especifican:

INTERNET INTERMEDIO

3 Principios de diseo de pginas web y publicidad en portales gratuitos

1) La estructura lgica del documento:

a) Cabeceras, tipos y tamaos de las fuentes.
b) Prrafos 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) Inclusin de hipertextos para acceder a otros documentos relacionados.
d) Inclusin de imgenes y ficheros multimedia.

3.2 Las Etiquetas del Lenguaje HTML

Las Etiquetas
El lenguaje HTML es un lenguaje de marcas, estas marcas sern fragmentos de texto destacado de
una forma especial que permiten la definicin 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 variarn la forma de su presentacin.

10

INTERNET INTERMEDIO

3 Principios de diseo de pginas web y publicidad en portales gratuitos

Una etiqueta ser un texto incluido entre los smbolos menor que < y mayor que >. El texto incluido dentro
de los smbolos 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 aadindole 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 maysculas o minsculas en las etiquetas es indiferente, se interpretarn
del mismo modo en ambos casos, pero lo normal es expresarlas en maysculas
para que destaquen con ms nitidez del texto normal.

11

INTERNET INTERMEDIO

3 Principios de diseo de pginas web y publicidad en portales gratuitos

3.3 Atributos de las Etiquetas

Las etiquetas pueden presentar modificadores que llamaremos atributos que permitirn definir diferentes
posibilidades de la instruccin HTML. Estos atributos se definirn en la etiqueta de Iniciar y consistirn
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 ms de una palabra deber expresarse entre comillas, en otro caso no ser necesario.
Un ejemplo de atributo ser:
<h1 align=center>Pagina de la Regin</h1>
En este caso la etiqueta h1 presenta un atributo align cuyo valor es Pgina de la Regin.
Igualmente una etiqueta podra 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 diseo de pginas web y publicidad en portales gratuitos

3.4 Estructura Bsica

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 <!--,
definindose un comentario de la forma:
<!-- Esto es un comentario -->

13

INTERNET INTERMEDIO

3 Principios de diseo de pginas 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>. Tambin,
aunque ya con menos utilidad para comentar cualquier instruccin o circunstancia del documento.

3.6 Imagenes en los documentos HTML

Una de las caractersticas principales del lenguaje HTML y de la WWW es la introduccin de elementos
multimedia, en este apartado veremos cmo introducir grficos y ficheros de imgenes en un documento
HTML.
En un documento HTML se puede incluir cualquier imagen en alguno de los siguientes formatos grficos:
GIF, JPEG o PNG. Estos formatos utilizan algoritmos de compresin que hacen que sus ficheros sean
de corto tamao y apropiado para su transmisin por la red.
El formato GIF es ms recomendado para conos, grficas, y el formato JPEG es ms til para imgenes
reales como paisajes, personas, etc.
Existen unos casos especiales en las imgenes GIF, que son las imgenes transparentes y las imgenes
animadas.
Etiqueta de imagen:
<IMG SRC=URL de la imagen ALT=Texto alternativo BORDER=# />

14

INTERNET INTERMEDIO

3 Principios de diseo de pginas web y publicidad en portales gratuitos

Es la utilidad bsica del hipertexto, permite indicar zonas de texto o imgenes que si son seleccionados
por el lector del documento nos traslada a otros documentos HTML u otras zonas del documento actual.
Para definir un hipervnculo podemos utilizar cualquier elemento HTML, no debe ser
texto necesariamente, podemos usar, cabeceras (<Hn>), cualquiera de los estilos,
una imagen, etc. Un hipervnculo igualmente podr definirse dentro de cualquier
elemento HTML: listas, prrafos de texto, tablas, formularios.
El texto del hipervnculo aparece normalmente resaltado sobre el texto normal, en
azul y subrayado, en el caso de las imgenes, si tienen definido un borde este
aparecer resaltado en color azul.
La mayora de los navegadores, cuando la zona por la que pasa el cursor es sensible, este cambia de
aspecto indicndolo y en la parte baja de la pantalla se indica el hipervnculo que se activa al pulsar en
esa zona. Mediante los atributos de BODY es posible cambiar el color de los hipervnculos.
El texto que define el hipervnculo debe ser clarificador sobre el documento al que referenciamos,
debemos evitar referencias especficas que hagan al texto poco legible.
La forma de indicarlo ser:
<A HREF=URL a la que se accede>Texto del Hipervnculo</A>

15

INTERNET INTERMEDIO

3 Principios de diseo de pginas 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 disear Pginas Web conteniendo textos, imgenes, tablas, hipervnculos, etc. podemos emplear
software especializado algunos editores sencillos y simples de manejar.
Tenemos:
- Adobe Dreamweaver
- Microsoft Office
- Microsoft FrontPage
- Bloc de notas

3.9 Publicacin de Web

Cuando tenemos lista todas las Pginas 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 tcnico 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 diseo de pginas 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 diseo de pginas web y publicidad en portales gratuitos

3.9.3 Servidor Web Gratuito

Las desventajas son varias: lmite de almacenamiento, publicidad, tiempo de permanencia de nuestras
paginas, trfico 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

INTERNET INTERMEDIO
Creacin de Weblog

4.1 Creacin de Weblogs

Un blog es un sitio Web fcil de usar en el cual puedes, entre otras muchas cosas, expresar rpidamente
tus opiniones e interactuar con otros usuarios.
1. Ingresamos al sitio Web www.blogger.com

19

INTERNET INTERMEDIO

4 Creacin 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 opcin CONTINUAR.

20

INTERNET INTERMEDIO

4 Creacin de Weblogs

3. Ahora nos solicita el ttulo para el Blog, la posible direccin URL si est disponible y presionamos
CONTINUAR.

21

INTERNET INTERMEDIO

4 Creacin de Weblogs

4. El siguiente paso es elegir un modelo de plantilla y presione CONTINUAR.

22

INTERNET INTERMEDIO

4 Creacin de Weblogs

5. Ahora para ingresar el contenido de nuestro Blog presionamos EMPEZAR A PUBLICAR.

23

INTERNET INTERMEDIO

4 Creacin de Weblogs

6. En la ventana superior escribimos un ttulo para nuestra entrada y el contenido en el cuadro grande.
Tenemos opciones para dar formato al texto, insertar imgenes y video. Luego presionamos PUBLICAR
ENTRADA.

24

INTERNET INTERMEDIO
Entrenamiento y Capacitacin para la elaboracin
de contenidos

En este punto debemos analizar nuestro entorno socio-cultural

para recopilar, clasificar y validar la informacin relevante que
podemos publicar o actualizar en nuestro Sitio Web o Blog.
Buscamos en Internet sitios Web relacionados a nuestro habitad
en las reas:
- Geogrficas
- Histricas
- Econmicas

- Productivas
- Comerciales

- Culturales
- Tursticas

Comparamos la informacin de esos temas con nuestra

regin y vemos cules son las mejores formas de exponer,
mostrar y dar a conocer nuestra cultura.
Luego con la nueva informacin generada podemos
actualizar nuestro sitio Web.
La informacin que encontramos en diversos Portales, tanto del gobierno como de empresas privadas,
que sea de inters comn, puede ser difundida y compartida a travs de los medios de comunicacin
disponibles en nuestra comunidad, como por ejemplo: radio, reuniones comunales, afiches, volantes, etc.

25

INTERNET INTERMEDIO
Edicin y Publicacin de pginas web

Pasos para publicar en Tripod:

a) Ingresamos a la direccin www.tripod.lycos.es

26

INTERNET INTERMEDIO

6 Edicin y publicacin de pginas Web

b) Hacemos clic en la opcin nete a Tripod ahora!

c) En las pantallas siguientes, ingrese sus datos para crear su cuenta hasta finalizar.

d) En su correo electrnico, recibir un primer correo para activar la suscripcin, haga clic en el
indicado. All podr elegir el nombre de tu sitio Web.

enlace

27

INTERNET INTERMEDIO

6 Edicin y publicacin de pginas Web

e) Despus de la confirmacin recibir otro correo con toda la informacin que necesita para usar los
servicios de Lycos Tripod similar a este:

Nos alegramos en darte la bienvenida como usuario

de los Servicios de Construccin Web de Lycos
Tripod!
Puedes conectarte directamente con el siguiente
nombre de usuario y contrasea:
Nombre de usuario: abcde
Contrasea: 12345
Nombre del servidor (Conexin FTP): abcde
Contrasea 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 Edicin y publicacin de pginas Web

f) Con tu nombre de usuario y contrasea puedes ahora conectarte ingresando a la direccin:

http://www.tripod.lycos.es/myaccount

g) Mostrando su usuario y la direccin de su Sitio Web. Aqu puede cambiar sus datos personales y
utilizar las herramientas Online. Ahora haga clic en WebFTP.

29

INTERNET INTERMEDIO

6 Edicin y publicacin de pginas Web

La direccin de tu pgina Web es:

http://usuarios.lycos.es/tu_usuario

30

INTERNET INTERMEDIO

6 Edicin y publicacin de pginas 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 pginas Web que ha
diseado incluyendo los archivos de las imgenes. Para esto haga clic en el botn Examinar.

31

INTERNET INTERMEDIO

6 Edicin y publicacin de pginas Web

j) Se muestra una ventana en la cual debe seleccionar el archivo deseado. Repetir este mismo paso
para los dems archivos y luego presionar el botn Subir:

32

INTERNET INTERMEDIO

6 Edicin y publicacin de pginas 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

INTERNET INTERMEDIO
Actualizacin de Contenidos de pginas 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 pgina
principal, para tener una idea de cmo ordenar visualmente todos los elementos como mens,
imgenes, 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 slo 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 ms extensa que otra, y para que el usuario
sepa claramente a qu seccin debe ir para encontrar la
informacin 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

Actualizacin de contenidos de pginas web

4. No abuses con la publicidad. Est muy bien ganar algn 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 pgina principal y cosas por el estilo slo harn que el usuario no vuelva
a tu pgina.
5. Pon un enlace en java script del tipo Aadir a Favoritos para que el usuario tenga la opcin, slo
con hacer clic, de poner tu pgina entre las favoritas de su navegador. A veces el usuario est
interesado con el contenido de tu pgina pero no recuerda que tiene esta opcin para volver otro da
mucho ms fcilmente. La mayora de ocasiones los usuarios llegan a tu Web de forma aleatoria,
navegando desde buscadores, clicando en links de otras pginas, etc., y no recordar otro da cmo
volver hasta este lugar.
6. Piensa SIEMPRE desde el punto de vista del usuario. Quiz t crees que tu pgina principal tiene
un diseo muy atractivo, pero cuando el usuario cae en ella esta tarda mucho en cargar (si tarda
ms de 15 segundos ests acabado), o hay excesiva publicidad, o se le abren ventanas emergentes,
o no encuentra bien clasificada y ordenada la informacin. Es muy importante hacer que tu Web
sea accesible desde todos los buscadores, pero ms importante es que los que hayan visitado por
primera vez tu pgina piensen en volver a hacerlo otro da.
7. Recuerda a los usuarios que tu Web se actualiza cada cierto tiempo. Si actualizas el contenido de las
secciones pero la pgina principal siempre es la misma quiz el usuario crea que no hay nada nuevo
por ver. Cambia el diseo de las pginas (sobretodo de la principal) cada cierto tiempo, aunque
sean cambios slo visuales. Aade frases o imgenes siempre diferentes que llamen la atencin

35

INTERNET INTERMEDIO

Actualizacin de contenidos de pginas web

del usuario del tipo Nueva seccin o copia y pega

alguna pequea imagen llamativa.
8. No publiques tu pgina 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 informacin que no est disponible porque
la pgina est en construccin. Adems, piensa
que una buena pgina Web SIEMPRE est en
actualizacin.
9. Sea cual sea el tema del que habla tu pgina, nunca est de ms insertar algunos servicios generales
como buscador, noticias, horscopo, loteras, 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 pgina principal, y puede hacer que los usuarios la utilicen como pgina 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 informacin de tu Web debe estar a ms de tres
clics de la pgina principal. Sinceramente creemos que todava es mejor bajar esta referencia en 2
clics, una pgina principal y todas las secciones a un clic, si tu pgina se convierte en una gran Web
temtica es posible que necesites crear subsecciones, entonces s podrs ampliar los 2 clics en 3.

36

INTERNET INTERMEDIO

Actualizacin de contenidos de pginas web

11. De la misma forma que tiene que ser fcil llegar a todos los rincones de tu Web, tambin debe
estar perfectamente indicada la forma de volver a la pgina principal. Tampoco conviene enlazar
las diferentes secciones de la Web con links extraos, dentro de efectos, etc. (hay muchas pginas
donde para entrar tienes que ver antes una larga animacin que muchas veces no te interesa).
12. Tambin es un fallo muy comn insertar fondos muy vistosos o demasiado oscuros, donde es difcil
leer el texto (normalmente es lo que ms 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 (tambin suele ocurrir en muchos sitios!).
13. Debes tener cuidado con las fuentes que
utilizas. Mucha gente crea una pgina Web
con una fuente extraa que se ha bajado
de Internet pero que la mayora de usuarios
no tienen instalada en su PC, por lo que
la vern con otra fuente por defecto (Arial,
Times New Roman, etc.). Esto puede
provocar un efecto muy extrao en nuestra
pgina, cosas desalineadas, marcos que
se salen de la pgina, fotos donde no deben
estar, etc. Utiliza pues siempre que puedas
las fuentes ms comunes de Windows.

37

INTERNET INTERMEDIO

Actualizacin de contenidos de pginas web

14. Cuidado con insertar javascripts vistosos que muestran textos extraos y divertidos en la barra
superior o inferior de la ventana. Esto suele ser muy espectacular pero cansa muchsimo al usuario.
15. No disees tu pgina para un navegador concreto. El tpico 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 ms utilizado, muchsima 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
visualzala con diferentes navegadores, sistemas operativos
y resoluciones. Recuerda que t lo que quieres es que la
pgina la vea mucha gente, y para ello tiene que ser lo
ms compatible posible con todo tipo de combinaciones de
software.
16. Evidentemente tampoco es recomendable insertar archivos
de msica o grandes imgenes que lo nico que consigues
es demorar la carga de la pgina. Lo que le importa al usuario
es el contenido, y slo con un buen contenido conseguirs
que vuelva a visitar tu Web. La esttica es importantsima,
pero se puede conseguir una buena esttica sin demorar
tanto la carga de la pgina.

38

INTERNET INTERMEDIO

Actualizacin de contenidos de pginas web

17. Inserta siempre una pequea descripcin para cada imagen utilizando el parmetro ALT dentro
de la directiva IMG. Piensa que muchos usuarios que disponen de conexiones lentas todava
configuran los navegadores para ver las pginas en modalidad slo texto. Si tu pgina 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. Slo demoran la carga de la pgina y se pueden sustituir por otras
alternativas. Ten imaginacin y busca algn recurso para evitar los FRAMES, incluso es mejor
insertar en todas las pginas un enlace a todas las secciones que recurrir a estar particiones de
pantalla. En muchos monitores se ven muy mal, y adems confunden a los robots de los buscadores.
19. Ofrece la oportunidad al usuario de contactar contigo, ya sea con tu direccin de e-mail o con un
pequeo formulario. Mucha gente querr explicarte cosas, pedirte informacin o intercambiarla,
links, etc. Si quieres hacerlo de forma annima o ms cmoda, inserta un foro en la Web y de vez
en cuando responde las dudas de los usuarios, incluso muchos usuarios respondern las dudas
de otros ahorrndote este pequeo trabajo. La posibilidad de contactar con el Web mster para
ampliar informacin 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

Actualizacin de contenidos de pginas web

20. Carga rpida: Es muy importante

definir el tamao que ocuparn las
imgenes, porque as el navegador
cargar en primer lugar todo el
texto de la pgina y reservar la
altura y anchura de las imgenes
para cargarlas al final de todo. De
esta manera el usuario no tendr
que esperar a que se carguen
todas las imgenes para comenzar
a ver el contenido de la pgina.
Esto se consigue definiendo los
parmetros width y height
dentro de las directivas <IMG>.
21. Hay una teora que dice que con las letras en minsculas se tarda un 30% menos en leer que con
las maysculas. Adems, un texto todo en maysculas puede traer incluso dolor de cabeza. Usa
maysculas, negritas, cursivas y encabezados slo cuando convenga, seleccionando muy bien slo
lo que quieras que llame la atencin.
22. No subrayes los textos pues se podran confundir con enlaces y pueden hacer enfadar al usuario.
Recuerda que hay que mimarlo al mximo.

40

INTERNET INTERMEDIO

Actualizacin de contenidos de pginas web

23. Evidentemente pon en la pgina principal informacin sobre los contenidos ms interesantes de tu
Web, y an as, lo ms importante primero, de forma que llame al mximo la atencin del usuario y
sea lo primero que pueda leer cuando ingrese a tu Web.
24. Hay otra regla adems 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 prcticamente inevitable en la mayora de pginas con un mnimo
de contenido, pero la horizontal es muy molesta, debes evitarla siempre que puedas. Para evitar
esto, se recomienda dar un ancho fijo a tu diseo de pgina y las imgenes 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 tpicos trucos para vender ms. No anuncies
cosas que sean mentira ni exageres nada de lo que
puedes ofrecer en tus pginas o conseguirs 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 nmero de visitas
que tienen y adems suelen ser una puerta de escape
(aunque parezca una tontera hay que evitarlos al mximo,
un punto por el cual el usuario suele salir fcilmente de la
pgina es dando clic en las estadsticas).

41

INTERNET INTERMEDIO

Actualizacin de contenidos de pginas web

Adems, una pgina con muy pocas visitas puede

hacer que el usuario crea que la pgina es de muy
mala calidad, aunque no sea as. Por el contrario,
una pgina con un nmero exagerado de visitas
puede hacer que el usuario crea que son falsas
(esto se produce muchas veces) o que piense
que la pgina est siempre saturada por la gran
afluencia de visitantes.
2. Cuando hayas terminado tus pginas y ests
preparado para publicarlas, antes haz un repaso
general, optimiza al mximo el cdigo HTML y las
imgenes (sobretodo de la pgina principal, que es la que ms se ver, y la primera impresin es
la que cuenta). Puedes consultar trucos en la seccin OPTIMIZACIN de WebTaller o dirigirte a
algn asistente en lnea como WebSiteGarage que te ayuda a optimizar y corregir los errores de tus
pginas Web.
3. Se est poniendo de moda al entrar en una pgina, 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 mayora de los casos
es detectado muy fcilmente por la empresa de publicidad), etc. Incluso hay pginas que
abren automticamente un anunciante como si el usuario hubiera hecho clic en un banner.

42

INTERNET INTERMEDIO

Actualizacin de contenidos de pginas web

Esto es una falta absoluta de profesionalidad y slo har (con toda seguridad) que el usuario no
vuelva. Tambin se suelen ver mensajes del tipo por favor, haz clic en nuestro patrocinador,
o antes de pasar a la siguiente seccin haz clic en el banner. Estos mensajes tambin estn
prohibidos por los patrocinadores y deben evitarse o habr problemas al cobrar.
4. Por ltimo, consulta las secciones de WebTaller para optimizar el cdigo y las imgenes de tus
pginas, para saber cmo darte de alta en los buscadores, para ganar dinero con tu Web y para
dotarla de un contenido renovado continuamente.

7.1 Actualizacin de Sitio Web

Procedimiento:
1. Ingresamos al sitio Web
www.tripod.lycos.es/myaccount
2. Escribimos nuestro usuario y contrasea
y presionamos Conectar.

43

INTERNET INTERMEDIO

Actualizacin de contenidos de pginas web

3. Mostrando su usuario y la direccin de su Sitio Web. En herramientas Online haga clic en Mejoras
Web.

44

INTERNET INTERMEDIO

Actualizacin de contenidos de pginas web

4. En esta pantalla podemos aumentar la visibilidad del sitio Web en Internet clasificndolo en una
categora de directorio para que sea ms fcil localizado utilizando los buscadores.

45

INTERNET INTERMEDIO

Actualizacin de contenidos de pginas web

7.2 Actualizacin del Weblog

1. Ingresamos al sitio Web www.blogger.com
2. Escribimos nuestro usuario y contrasea de Gmail en la parte superior derecha y clic en el botn
ACCEDER

46

INTERNET INTERMEDIO

Actualizacin de contenidos de pginas web

3. Se muestra nuestra cuenta Gmail con los

Blogs que hemos creado. All podemos
crear o actualizar nuevas entradas.

47

INTERNET INTERMEDIO
Mdulo de Actualizacin de Contenidos por
Emprendedor

Ver desarrollo de este

punto en el manual
adjunto.

48