UNIVERSIDAD DE PANAM

CENTRO REGIONAL UNIVERSITARIO DE COCL

EXTENSIN UNIVERSITARIA DE AGUADULCE
FACULTAD DE INFORMTICA, ELECTRNICA Y COMUNICACIONES
ESCUELA DE INGENIERA EN INFORMTICA

El uso de las pginas web como herramienta informativa a nivel empresarial

ELABORADOR POR:
JOSU JAVIER CRUZ DE BELLO

TRABAJO MONOGRFICO PARA

OPTAR
POR
EL
TTULO
DE
LICENCIATURA EN
INFORMTICA
PARA LA GESTIN EDUCATIVA
Y
EMPRESARIAL.

FACILITADORA:
LINETH ALAN

JULIO, 2014

DEDICATORIA
Esta monografa est dedicada a Dios y a mis Padres; a Dios porque
ha estado conmigo en cada paso que doy, cuidndome y dndome fortaleza
para continuar.
A mis padres, pilares fundamentales en mi vida. Sin ellos, jams
hubiese podido conseguir lo que hasta ahora. Su tenacidad y lucha
incansable han hecho de ellos el gran ejemplo a seguir y destacar, no slo
para m, sino para mis hermanos y familia en general
Tambin dedico este proyecto

a los miembros de mi iglesia que son

como mi segunda familia.

Josu Javier
Cruz De Bello

AGRADECIMIENTO
Principalmente a ti, mi seor, Dios quien me ha acompaado cada da
de mi vida; que me has guiado y me has dado la fortaleza para seguir
adelante
A mi mam: si hay algo que s hacer es por ti y cuando llega la
recompensa por un esfuerzo no puedo dejar de recordar tu devocin y
ejemplo. Que esta sea la recompensa a tantos aos de entrega, devocin y
apoyo.
A mi pap: por el

apoyo, confianza y cario. Nada podr ser mejor.

Gracias por darme la oportunidad de hacer realidad este sueo compartido,

por alentarme a hacer lo que quiero y ser como soy.
A la Profesora Lineth Alan: por darme los conocimientos necesarios
para poder desarrollar la monografa con xito

Josu Javier Cruz De

Bello

ii

NDICE DE IMGENES

Imagen 1

41

Imagen 2

41

Imagen 3

42

Imagen 4

42

Imagen 5

43

Imagen 6

44

Imagen 7

45

Imagen 8

45

Imagen 9

46

Imagen 10

46

Imagen 11

47

Imagen 12

47

Imagen 13

48

Imagen 14

48

Imagen 15

49

Imagen 16

49

Imagen 17

50

Imagen 18

50

Imagen 19

51

Imagen 20

51

Imagen 21

52

Imagen 22

52

Imagen 23

53
iii

Imagen 24

53

Imagen 25

54

Imagen 26

54

Imagen 27

55

Imagen 28

55

Imagen 29

56

Imagen 30

57

Imagen 31

57

Imagen 32

58

Imagen 33

58

Imagen 34

59

Imagen 35

59

Imagen 36

60

Imagen 37

60

Imagen 38

61

Imagen 39

61

Imagen 40

62

Imagen 41

62

Imagen 42

63

Imagen 43

63

Imagen 44

64

Imagen 45

64

Imagen 46

65

Imagen 47

65

Imagen 48

66
iii

Imagen 49

67

Imagen 50

67

Imagen 51

68

Imagen 52

69

Imagen 53

69

Imagen 54

70

Imagen 55

70

Imagen 56

71

Imagen 57

71

Imagen 58

72

iii

iii

INTRODUCCIN
Los negocios por Internet son cada vez ms habituales no solamente
por el gran alcance y difusin que goza este medio, sino mas bien por su
importancia que se ha vuelto prcticamente un requisito de xito para todo
negocio tener presencia en el Internet. Este proyecto abraca sobre el uso
de las pginas web como herramienta empresarial.
Una Pgina Web consiste en un inmenso conjunto de pginas
conectadas unas a otras por un sistema de enlaces la cual permite los
visitantes de estos

sitios, la consulta de informacin, la exposicin de

productos y servicios. Los que le permite a las empresas obtener ganancias

extras a travs de este medio. Sin embargo dada la gran competencia que
existe se deben contar con ciertas estrategias y herramientas online para
lograr sobresalir lo cual no lleva a utilizar la herramienta Joomla la cual es
un sistema que

permite construir sitios Web y aplicaciones en lnea

potentes.
Seguidamente la monografa est dividida en mltiples aspectos
bsicos como el primer captulo que contiene los aspectos generales de la
investigacin tales como: ella definicin del problema actual, una descripcin
del proyecto, los objetivos: general y especfico que se desean lograr, la
importancia de estudio, restricciones y alcance.

Vi

El segundo captulo representa el pate terico, el marco terico

conlleva toda la informacin que permite sustentar el proyecto.
El tercer capitulo se explica la herramienta a utilizar para la creacin del
producto y finalmente se presenta el producto terminado a travs de una
direccin URL.
Esperando que el estudio sirva de gua a futuras generaciones que
sientan el entusiasmo por darle continuidad al mismo.

vii

CAPITULO

ASPECTOS GENERALES

RESUMEN MARCO TERICO

Tener una pgina web para tun negocio no es algo nuevo. De hecho,
desde hace ms de una dcada se ha considerado que la presencia virtual
de cualquier negocio juega un papel fundamental en el xito o fracaso del
mismo. Al da de hoy, el dramtico crecimiento del Internet ha hecho que el
tener una pgina web sea uno de los puntos ms bsicos en la estrategia de
toda empresa.

Una pgina web les permitir a tus clientes encontrarte fcilmente y

estar en contacto contigo. Por supuesto, esto debe complementarse con
la estrategia de marketing en Internet adecuada en los buscadores Google
sigue siendo la pgina ms visitada en el mundo, de manera que puedas ser
encontrado rpidamente.

El marketing empresarial dirige la empresa hacia el cliente, la

empresa vive y perdura mientras el cliente lo permite. La funcin primordial
del marketing empresarial es la orientacin de la empresa hacia el mercado
que consume sus productos o servicios, cambiando si es necesario la
organizacin, la produccin y la comunicacin para lograr los fines previstos,
pues ya no se trata de vender nuestros productos, sino de vender lo que el
consumidor pide, de sta forma la continuidad de la empresa est
garantizada.

1.1

DEFINICIN DEL PROBLEMA.

Los avances tecnolgicos se enmarcan en un nivel amplio, como apoyo

para los negocios no puede quedar atrs con el uso de las TIC, la mayora
de las personas navegan en internet buscando cualquier tipo de infamacin,
productos o servicios que puedan satisfacer su necesidad. Hoy da muchos
negocios implementan pginas web para brindar informacin, productos o
sus servicios
La empresa ITS informtica tecnologa y servicios ubicada en la cuidad
de Aguadulce no cuenta con una herramienta informativa para dar a conocer
sus productos, servicios y informacin de la empresa, por lo cual se propone
usar una pagina web que funcione como herramienta informativa la cual le
permitir a la empresa exponer sus productos y servicios mas all de la
cuidad de Aguadulce.

1.2

OBJETIVOS

1.2.1 Objetivo general.

Crear una pagina web para una empresa la cual se utilice como
herramienta informativa a nivel empresarial.

1.2.2 Objetivos especficos.

Dar a conocer la importancia de una pagina web y la oportunidad que

brinda.
Resaltar los tipos de pginas qu existen, as como el diseo que debe
tener en cuenta a la hora de crearlas.
Identificar el contenido a desarrollar en la pgina web.
Crear una pagina web para interactuar con los clientes y proveedores
de la empresa.

1.3

JUSTIFICACIN E IMPORTANCIA DEL PROYECTO

Darse a conocer en el mercado es un elemento importante para las

empresas que desean mantener una posicin exitosa en la mente del
cliente. Una de las maneras de captar clientes es el uso de las TIC dentro de
los negocios, segn Fuente especificada no vlida. Las TICs agregan valor
a las actividades operacionales y de gestin empresarial en general y
permite a las empresas obtener ventajas competitivas, permanecer en el
mercado.
Existen diferentes tipos de TIC bsicos que agilizan el acceso a la
informacin, y a la comunicacin con los clientes y proveedores. Uno de
esos servicios tecnolgicos son las pginas web la cual aportan una
importancia estratgica para los negocios.

Fuente especificada no vlida. Seala que las pginas web tienen

un alcance mundial a la hora de ofrecer su producto o servicio. La empresa
obtiene Prestigio, calidad y una Tarjeta de presentacin la cual la ayuda a
darse a conocer a nivel mundial
Fuente especificada no vlida. Indica que Tener un buen sitio web puede
ser la ventaja que diferencie de la competencia. No solamente crear una
pgina web, sino saberla manejar y sacarle el mximo provecho a esta
herramienta tan poderosa. Estos sealamientos de estos expertos nos llevan
a buscar una herramienta para crear pginas web a un nivel de
profesionalismo, Joomla es una de ellas de la cual utilizaremos para el
desarrollo del proyecto.

1.4

DELIMITACIN DEL TRABAJO

El presente estudio se enfoca en el uso de las paginas web a nivel

empresarial en la empresa ITS ubicada en la cuidad de Aguadulce la cual
busca un medio de informacin moderno para dar a conocer sus productos
y servicios.
El proyecto abarca nicamente a la empresa ITS ubicada en la cuidad
de Aguadulce. Los principales beneficiados

en este proyecto seran la

empresa ITS ya que al final de la investigacin obtendr un sitio web propio

el cual le servir como medio informativo para sus clientes y visitantes al sitio
web.

1.5

RESTRICCIONES O LIMITACIONES.

Entre las limitaciones que puedo presentar en el desarrollo de la monografa

estn:

1.6

Falta de apoyo de las autoridades de la empresa

Que no se tomen en cuenta los lineamientos establecidos en el

diseo
Que los empleados de cada departamento no colaboren

proporcionen la informacin requerida para el sitio web

Que la empresa no tenga clara cuales son sus servicios, beneficios y

ventajas que obtendrn al implementar el sitio web

Falta de recurso de hardware y software necesario para implementar

el sitio web
Falta de informacin y capacitacin del uso del sitio web

o no

METODOLOGA

Tipo de investigacin
La rea de esta investigacin es en primera instancia tecnolgica como
aquella que comparte informacin, apoyada a en enfoque socio econmico
tipo marketing.
Diseo Para el diseo e implementacin de esta pgina web se
requiere del uso de la computadora, con un software para diseo y
elaboracin de la pgina web

CAPITULO

MARCO TERICO

2.1

DEFINICIN DE PGINA WEB

Segn Ocando (2008)1, se

define las pginas web, como uno de los

elementos generados por la tecnologa que ms uso tiene a nivel

empresarial y que ha permitido ampliar los servicios y la cobertura de las
empresas.

En sus

inicios,

las

pginas

web

empresariales fueron

desarrolladas de forma lineal y a nivel informativo, en algunos casos bajo

esta estructura, las empresas con presencia en la web lograron
constituirla en un elemento diferenciador del servicio.

Adems Ocando (2008b),

una pgina web

es como un documento

electrnico el cual contiene informacin textual, visual y/o sonora que se

encuentra alojado en un servidor y puede ser accesible mediante el uso de
navegadores. Una pgina web forma parte de una coleccin de otras
pginas webs dando lugar al denominado sitio web el cual se encuentra
identificado bajo el nombre de un dominio.
Una Pgina Web puede estar alojada en un ordenador local o en un
ordenador remoto. Al

servidor donde est alojada la Pgina Web se le

denomina Servidor Web. El Servidor Web atiende las peticiones de Pginas

Web utilizando el

protocolo HTTP del lado del cliente es el Browser o

navegador el que recibe y muestra las Pginas Web utilizando el mismo

protocolo.

1 Osiris Ocando, Sitios Web y la estrategia empresarial,

http://www.gestiopolis.com/administracion-estrategia/sitios-web-y-la-estrategiaempresarial.htm , 2008

2.2

CARACTERSTICAS DE LAS PGINAS WEB EMPRESARIALES

Segn Villapierna (2007)2, Las caractersticas de las pginas web

empresarial hay considerar que para garantizar la calidad y rentabilidad,
deben cumplir los siguientes requisitos:
Validez de los contenidos: veracidad de la informacin, rigor de los servicios
ofrecidos, capacidad de renovacin y actualizacin.
Estabilidad de la pgina en red: perspectivas slidas de continuidad.
Funcionalidad de la navegacin: entramado claro y coherente de los enlaces
hipertextuales, visin general de las opciones de navegacin.
Calidad del diseo: secciones con una jerarqua clara de apartados y una
secuenciacin lgica.
Posibilidades de interaccin: servicios de comunicacin e intercambio que
ofrece al usuario.
Atencin y servicios al usuario: posibilidad de realizar consultas y obtener
repuesta con un grado razonable de inmediatez y utilidad.
Enlaces propuestos: comprobar la pertinencia y utilidad de las conexiones
que ofrece.

2 Villapierna, Arrarte G. Snchez de, Caractersticas de las pginas web,

ENSEANZA-APRENDIZAJE E/LE
http://aprendoele.blogia.com/2007/022003-caracteristicas-de-las-paginasweb.php 2007
9

2.3

CARACTERSTICAS BSICAS DE UN SITIO WEB

La estructura del sitio web debe ser visualmente intuitiva y fcil de utilizar
segn Quadrato (2010)3, Es importante que, de un simple vistazo, se puedan
identificar los siguientes elementos de una forma clara y consistente a lo
largo del sitio:

Encabezado: Logotipo (no borroso, no mal recortado, no pixeleado)

Bajo el logotipo, una frase corta que indique exactamente a qu se dedica tu
empresa. Por ejemplo bajo nuestro logotipo dice Diseo y desarrollo de
pginas y aplicaciones web.

Barra De Navegacin: Debe permanecer en el mismo lugar en todas

las pginas interiores, aunque puede estar en otro lugar en la portada si hay
una buena justificacin. Al estar siempre en el mismo lugar el visitante sabe
en todo momento donde buscar las dems opciones. Los diferentes niveles
de opciones deben indicarse visualmente con tipos de letra, negritas, colores
o mens desplegables. Los textos de cada opcin deben ser claros y
concisos. Si tu sitio web tiene muchas secciones y tienes que crear dos o
tres niveles de men, no dudes en hacerlo, siempre y cuando crees un
camino fcil de intuir.

3 Quedarte, Para tu sitio web ,Caractersticas bsicas de un sitio web bien

desarrollado, http://blog.quadrato.mx/caracteristicas-basicas-de-un-sitioweb-bien-desarrollado/ 2010
10

 rea de contenido principal: Es el rea donde la vista del visitante va

despus de ojear rpidamente el encabezado. Aqu debes poner tu
informacin.
Barra lateral de contenido (opcional): En algunos casos es muy til

tener una barra lateral, en la cual se puede colocar informacin de fcil

acceso, como nmeros telefnicos o una liga a nuestro formulario de
cotizaciones.
Pie de pgina: Debe contener un men alterno en puro texto, con las

opciones de primer nivel. Tambin salo para colocar informacin de

contacto u otra informacin importante. El contenido del pie debe aparecer
en todas las pginas.

2.4

TIPOS DE PGINAS WEB

Realizando la bsqueda sobre qu tipos de pginas Web se podan

identificar en el mundo online, me encontr con varias formas de clasificarla
que expone Saavedra (2009) 4
2.4.1 Segn la forma en que se actualiza el contenido:

4 Saavedra, Carlos Andres Sanchez, TIPOS DE PGINAS WEB, Universidad

Icesi,
http://www.icesi.edu.co/blogs_estudiantes/emicasanchez/2009/08/20/tipo
s-de-paginas-web/, 2009
11

Esttico:

cuando

la

actualizacin

del

contenido

es

hecha

manualmente.

11

Dinmico: cuando un programa, con la ayuda de una base de datos,

cambia el contenido en forma automtica, sin intervencin de nadie.
2.4.2 Segn la complejidad y cantidad de informacin publicada

Personales: son las pginas de Internet creadas por personas

naturales en servicios gratuitos de publicacin de sitios web (como Google
Pags o Geocities).
Corporativas: sitios web generalmente de compaas que buscan
promocionar sus productos o servicios.
Portales: son complejas pginas de Internet especializadas en ciertos
temas en particular. Se caracterizan por ofrecer contenido de inters a
grupos especficos de personas. Usualmente requieren de un registro previo
para poder descargar todo su contenido.
2.4.3 Segn la forma en que los usuarios utilizan el sitio web

Informativos: cuando el flujo de informacin solamente se da desde el

sitio web a los usuarios (no en sentido contrario).
Interactivos: cuando el flujo de informacin en ambos sentidos, es
decir, los usuarios no solamente reciben informacin del sitio web, sino que
tambin pueden enviar su propia informacin al sitio web o a otros usuarios.

12

2.5

CLASIFICACIN DE PGINAS WEB SEGN SUS FUNCIONES

Las pginas web se clasifican en diferentes maneras segn sus funciones

(Asuntos Digitales, 2010):5
2.5.1 Pginas web transaccionales, e-comercio o e-commerce

Bajo este modelo, las empresas exhiben sus productos en la pgina

para que los clientes los compren a travs de internet. El principal objetivo
de stas pginas es el de realizar ventas o transacciones online pero un
segundo objetivo muy comn es el de alojar informacin sobre sus
productos. Tal vez el mejor
2.5.2 Pginas web orientadas al servicio

Esta modalidad est orientada a brindar informacin sobre productos y

servicios y no poseen el famoso carrito de compra, por lo que los productos
no pueden ser comprados directamente a travs de la pgina. Este tipo de
pgina tiene como principal objetivo estimular a los clientes para que
terminen el proceso de compra offline. Un segundo objetivo en este caso es
el de construir relaciones con clientes (servicio al cliente).
2.5.3 Pginas web dirigidas a la construccin de una marca

La pgina web ofrece una experiencia para afianzar la imagen de la

marca. Por lo general, los productos no pueden ser comprados en lnea pero
muchas veces tienen la opcin de comprar material POP de la marca. Este

5 Asuntos Digitales, articulo Tipos o Clases de Pginas Web,

http://www.asuntosdigitales.com/tipos-o-clases-de-paginas-web/ 2014
13

Tipo de sitios es muy utilizado por marcas de productos de consumo masivo

y de precios bajos como bebidas, alimentos, cigarrillos, productos de higiene
personal, entre otros, y su objetivo fundamental es el de fidelizar la marca
entre sus clientes.
2.5.4

Pginas web de contenido

El principal producto de este tipo de pginas es su contenido. stas

proveen informacin a sus usuarios para que accedan a travs de ella a los
3 primeros tipos de pginas descritos en ste artculo va motores de
bsqueda, directorios, noticias, publicidad, patrocinios y programas de
afiliados, entre otros. Estas pginas generan ingresos de distintas formas
pero la va ms popular actualmente es la publicidad.
2.5.5 Comunidades, foros o redes sociales

Estos portales estn dedicados a estimular la interaccin y la generacin y el

intercambio de informacin entre sus usuarios. Tal vez el caso ms notable
de sta categora es Facebook, pero tambin existen casos de
comunidades, foros o redes sociales, mucho ms pequeos, que forman
parte de una empresa o pgina web particular que han demostrado traer
consigo muchos beneficios para los negocios.

14

2.6

IMPORTANCIA DE UNA PAGINA WEB

Segn (Ruiz, 2007)6La documentacin que llevan las pginas Web puede
ser elaborada por los gobiernos, instituciones educativas, instituciones
pblicas o privadas, empresas o cualquier otro tipo de asociacin, y por las
propias personas de manera individual.
Una Web permite dar a conocer a nivel mundial tu negocio, empresa,
institucin educativa, solamente tienes que estar conectado a Internet y dar
clic en la direccin correspondiente.

2.7

NAVEGADORES QUE SE UTILIZAN LAS PAGINAS WEB

Segn (Ruiz, 2007)Los ms conocidos son el Explorer de Microsoft, Mosaic

y el Netscape de Netscape Communications Corporation en Estados Unidos
y otros pases. Tienen capacidades diferentes y es importante cuando se
crea una pgina Web, adems de un buen diseo, tener en cuenta la
compatibilidad, es decir, programar pginas de modo que las acepte
cualquier Navegador Netscape es el que soporta ms y mejores efectos,
incluido programas embebidos en el propio texto (versin 2.0 en adelante),
escritos en lenguaje Java (algo muy parecido al lenguaje C), que son
interpretados por el visualizador, y que permiten realizar pginas
"inteligentes".

6 Maria Hayde Ruiz M., universidad autnoma de Nicaragua, Proyecto de

Diseo y Desarrollo del Sitio Web
http://www.unan.edu.ni/dir_invest/web_judc/cur_chontales/Computacion/p
ag_web_CUR_comp8.pdf ,2007
15

Conectndose a Internet, con un visualizador Netscape o Explorer, adems

de ver documentos HTML se puede recibir y enviar correo electrnico, recibir
y enviar NEWS (noticias), visitar los servidores GOPHER (servidores de
ficheros), y acceder a servidores FTP (ms servidores de ficheros) tanto en
entrada como en salida, todo ello con el mismo programa. Tambin, como
no, se pueden imprimir los documentos visualizados. Casi todos suelen ser
"WYSIWYG

2.8

ELEMENTOS DE UNA PGINA WEB

Una pgina Web tiene contenido que puede ser visto o escuchado por el
usuario final. Estos elementos incluyen, pero no exclusivamente:
Texto: El texto editable se muestra en pantalla con alguna de las fuentes que
el usuario tiene instaladas (a veces se utiliza una tecnologa de fuentes
incrustadas, con lo que vemos en el monitor una fuente que realmente no
poseemos, pero es poco frecuente.) El texto editable puede marcarse con el
ratn o el teclado y copiarse a otra aplicacin, como el bloc de notas
(muchos de los elementos textuales de las pginas, en especial los ttulos,
botones de navegacin. son realmente grficos, y su texto no es editable.)

16

 Imgenes: Son ficheros enlazados desde el fichero de la pgina propiamente

dicho. Se puede hablar de tres formatos casi exclusivamente:

Audio, generalmente en MIDI, WAV y MP3.
Adobe Flash.
Adobe Shockwave.
Grficas Vectoriales (SVG - Scalable Vector Graphics).
Hipervnculos, Vnculos y Marcadores.
La pgina Web tambin puede traer contenido que es interpretado de forma
diferente dependiendo del navegador y generalmente no es mostrado al

usuario final.
Scripts, generalmente Java Script.
Meta tags.
Hojas de Estilo (CSS - Cascading Style Sheets).

2.9

VISUALIZACIN DE UNA PAGINA WEB

Debe adecuarse a los gustos y preferencias de los responsables del sitio.

Una vez ms los objetivos trazados y el perfil del pblico deberan ser los
instrumentos para tomar las decisiones de diseo grfico y multimedia.
Adems de los criterios estticos y comunicacionales del diseo grfico, es
importante respetar los criterios tcnicos especficos:

17

2.9.1

Que cada pgina sea fcil de cargar.

La velocidad de carga de una pgina est en funcin del estado de las lneas
y de la cantidad de informacin que contiene. Sobre el primer parmetro no
hay nada que podamos hacer desde el diseo, pero s sobre el segundo:
establecer para cada pgina un mximo de bytes y no sobrepasarlo.

Realizar los grficos del tamao ms chico posible.

Repetir los iconos siempre que sea posible. El browser los leer de la

memoria cach a partir de la segunda vez que deba colocarlos en la pgina.

Grabar cada grfico en formato GIF y JFG, verificar el tamao de ambos y

descartar el mayor.
Reducir la cantidad de colores de cada grfico al mnimo indispensable. De
todos modos, la mayor parte de los usuarios no pueden visualizar ms de
256.
2.9.2

Que las pginas sean fciles de leer.

Resolver el contraste texto/fondo con valores de luminosidad y no slo de

color. Eliminar el color del monitor, si tiene esa posibilidad, o imprimir la
pgina en un lser monocroma para verificar esto.
2.10 PREMISAS BSICAS PARA CREAR UNA WEB CON XITO

2.10.1Un buen contenido

El contenido depender directamente de la temtica del Web. La gran

mayora de los usuarios que acuden a un sitio Web lo hacen en busca de

18

informacin. Da igual como se presente dicha informacin (texto, imgenes,

vdeo, audio) pero un Web debe aportar contenido. Es importante tener en
cuenta que WWW es un medio de comunicacin distinto a los que hasta
ahora conocamos (televisin, radio, prensa). El navegante pasa de pgina
en pgina Web a ritmo de clic de ratn y generalmente pasa poco tiempo en
una misma pgina.
Por lo tanto no se debe abusar de la informacin textual, ya que son muy
pocos los visitantes que se leen completamente una pgina Web.
2.10.2 Un buen Diseo

No es necesario ser un gran diseador para crear pginas Web con un

mnimo de sensibilidad grfica. A veces, un diseo simple se agrada mucho
ms que una Web inundada de "gifs" en movimiento. El utilizar una tipografa
determinada, unos colores adecuados, iconos, fotos, etc. puede convertir la
experiencia de visitar un Web en algo mucho ms agradable.
2.10.3 Las imgenes en el diseo

La velocidad de acceso al Web est siempre muy reida con el diseo. Es

frecuente el caso en que para embellecer un Web se utilicen muchas
imgenes (en formatos gif o jpeg) de gran tamao. Esto obliga a los usuarios
con conexiones lentas a sufrir largas esperas hasta que la informacin se
presente en pantalla, y eso es un riesgo porque ms de dos saltarn a
cualquier otra direccin Internet antes de perder su tiempo.

19

La velocidad de la Web tambin depender en gran medida de lo

saturadas que estn las lneas de acceso a nuestro centro proveedor de
presencia en Internet (en resumen, el servidor donde se aloja el Web). Sin
embargo este es un problema que se escapa del mbito del diseo.

2.10.4

Elementos Interactivos

La interactividad es fundamental para el xito de un Web. Se debe evitar la

sensacin "lectura de peridico" que puede causar en un visitante un Web
pasivo y lineal. Adems la interactividad puede beneficiar a quien publica el
Web ya que a travs de formularios podr conocer mejor los perfiles de
quienes pasan por las pginas.

2.11 ETAPAS DE DESARROLLO DE UN PROYECTO DE SITIO WEB

Segn (Ruiz, 2007)El desarrollo de un proyecto de sitio Web puede dividirse

en tres etapas principales:
2.11.1Pre diseo

A la etapa de Prediseo o conceptualizacin podemos dividirla en cinco

componentes: Objetivos, pblico, contenidos, estructura y visualizacin.
Estos interactan entre s y se condicionan mutuamente.

20

2.11.2Objetivos

Este es uno de los elementos ms importantes que determina a los otros.

Hay que responder a la pregunta: para qu se pblica este sitio?; qu
quiero que suceda raz de mi publicacin en la Web?
2.11.3Pblico

Al hablar de pblico no nos referimos a cualquier persona que recorriendo la

red llegue a nuestra pgina, sino a aquella parte de la poblacin a la que
pretendemos alcanzar e influir con el mensaje. Esto esta estrechamente
vinculado con los objetivos establecidos y la naturaleza del sitio que nos
proponemos.
2.11.4Contenidos

Se debe listar la informacin que se desea incluir en la Web. Esta

informacin debe ser significativa y til para el pblico. Teniendo en cuenta lo
que a ellos les interesa, no lo que a nosotros nos gustara que nos interese.
En el caso de que existan otras formas de acceso a informacin disponible
para esas mismas personas, el contenido de la Web deber ser superador
de esos otros materiales.
2.11.5Estructura

La organizacin de la informacin es un tema clave para asegurar un buen

funcionamiento de un sitio. El primer elemento organizador son las pginas.
Conviene incluir en cada una de ellas una unidad de informacin autnoma,

21

Completa. En el caso de que el volumen sea excesivo para ello, dividir esa
unidad de informacin en sub unidades ms pequeas, coherentes,
completas cada una en s misma. Una unidad de informacin es un tema o
un sub tema.
2.12 VISUALIZACIN

Segn (Ruiz, 2007) Debe adecuarse a los gustos y preferencias de los

responsables del sitio.
2.12.1Diseo

La tarea de diseo de pginas Web convoca por lo menos tres

especialidades diferentes: comunicacin (humana), programacin (HTML,
CGI, Java), diseo grfico y multimedia. Ninguna de estas especialidades
tiene en s misma todos los recursos para llevar a cabo proyectos de Web
exitosos.
2.12.2Instalacin y Pruebas

En esta etapa nos encargamos de la puesta en marcha, correcciones y

ajustes finales. Se debe hacer que todo funcione. Debemos hacer la prueba
de todos los enlaces o links, corroborar el correcto funcionamiento de todos
los elementos de multimedia y del funcionamiento de formularios, e-mail,
buscadores, etc. La transferencia de archivos a la Web, se realiza a travs
de FTP (File Transfer Protocol), generalmente, se necesita un nombre de
usuario y una clave de acceso.

22

2.12.3 VENTAJAS DE TENER UNA PGINA WEB PARA LA EMPRESA

Segn (Genux desarrollo web, 2012) 7

existen ventajas

que tiene una

pagina web para la empresa continuacin mencionamos y describimos cada

una de ellas

Obtiene una base de clientes ms grande

Educa a los consumidores sobre el negocio
Costo de promocin y comercializacin eficaz
Mejora la comunicacin con los clientes
Mantiene ventaja sobre los competidores
Resultados reales en la obtencin de clientes y contactos con empresas.
Refuerza y actualiza la imagen corporativa de la empresa.
Informa de los nuevos productos o servicios a los clientes que visiten su

pgina Web.
Promueve la comunicacin con los clientes y proveedores.
Genera una buena imagen moderna y tecnolgica de la empresa para sus
clientes.
Internacionalizacin de la empresa mediante una Web multidioma.
Presencia a nivel mundial de sus productos y servicios.
Captacin y fidelizacin de nuevos clientes.

7 Genux desarrollo web, http://www.genux.com.uy/5-ventajas-de-teneruna-pagina-web-para-su-empresa/ 2012.

23

2.13 PASOS PARA CREAR UN SITIO WEB

Existen pasas que se deben seguir para crear un sitio web segn el articulo
(Pasos para crear un sitio web, 2010)8 tenemos los siguientes
2.13.1 Definir el objetivo

Es el primer paso de la creacin de un sitio Web, se debe determinar

exactamente por qu se quiere crear una pgina y cul ser su uso.
2.13.2 Determinar la estructura del sitio

Determinar la estructura de la pgina principal por ejemplo:

Acerca de nosotros
Prximo eventos
Inform. de servicios
Inform. contactos
Hipervnculos

2.13.3 Decide la apariencia de la pgina

Esta etapa es importante en la planeacin en un sitio Web. Est bien tener

una mirada firme en todas las partes del sitio. Si tu negocio, organizacin o
propuesta.
2.13.4 Considera el diseo

Antes de comenzar a crear documentos HTML tienes que considerar varios

aspectos. Algunos de stos son:

8 Pasos para crear un sitio web,

http://www.slideshare.net/tomyycerr/pasos-para-crear-un-sitio-web ,2010
24

 Tomar en cuenta que tipos de visitante vas a tener y que tu pgina sea
compatible con diferentes tipos de navegadores.
La excelente pagina que has pasado horas diseando puede tomar tiempo
en descargarse. Si esto es el caso, muchos invitados no esperarn hasta
que termine la descarga e irn a otra parte.
Hacerla fcil para el pblico para que pueda desplazarse de una rea del
sitio a otra.
Trata de encontrar equilibrio entre un sitio web aburrido y un sitio Web
excesivo.
2.13.5 Escoge el editor

Se puede utilizar un editor de Windows: bloc de notas o wordpadun sitio

Web excesivo.
2.13.6 Busca y junta los objetos

Imgenes, logos, animaciones, sonidos, pelculas, etc. Que vas a utilizar en

tu pgina Web.
2.13.7 Crea el cdigo

Crea el cdigo para cada objeto y gurdalo con extensin HTML.

2.13.8Visualizar mi pgina

Abre el navegador de tu pgina elaborada y checa como funciona tu cdigo.

2.13.9Publica la pgina en internet

25

2.14 LENGUAJES DE PROGRAMACIN DE LAS PGINAS WEB

Segn (Harisson)

existen muchos lenguajes de programacin que se

pueden utilizar para crear sitios de Internet. Muchas veces, varios idiomas se
combinan para permitir un diseo complejo, estilo y funciones en un solo
sitio. Disear pginas de Internet no requiere de un software especial, todos
los lenguajes se pueden escribir en un editor de texto simple.
2.14.1HTML

El lenguaje de marcas de hipertexto, llamado HTML (por sus siglas

en ingls), es el lenguaje ms bsico para la creacin de un sitio de Internet.
Usando HTML, puedes crear los elementos bsicos de una pgina,
Incluyendo el encabezado y el cuerpo, tablas, prrafos y texto. HTML es un
lenguaje basado en etiquetas, que define los elementos usando etiquetas
encerradas en smbolos de menor que (<) y mayor que (>).
2.14.2CSS

Las hojas de estilo en cascada (CSS, por sus siglas en ingls) te permiten
un control preciso de los elementos de formato en una pgina de Internet.
Usando CSS, puedes definir una lgica compleja para los elementos de
formato en tu sitio, desde fondos especiales hasta cmo encajan juntas las
diferentes secciones y el flujo. Puedes modificar el color y el estilo de las
fuentes, cambiar la forma en que funcionan los hipervnculos y el formato de
las. CSS funciona con HTML para permitir la definicin y aplicacin de las

9 Erica Harisson, lenguajes de programacin para crear pginas web,

http://www.ehowenespanol.com/lenguajes-computadora-utilizan-crearpaginas-internet-info_261212/
26

clases, que luego se pueden referenciar en la pgina HTML para designar el

estilo del elemento HTML.
2.14.3JavaScript

JavaScript es un poco ms avanzado que HTML y CSS. Se utiliza para crear

la accin dentro de un sitio de Internet, como por ejemplo lo que sucede al
hacer clic en tu ratn o al pasar sobre una imagen. JavaScript tambin se
utiliza con frecuencia para realizar la comprobacin de entrada. Esto permite
Que el diseador de pginas de Internet valide la entrada en un campo de
formulario antes de enviar la informacin al servidor.
2.14.4ColdFusion y PHP

Tanto ColdFusion como PHP son lenguajes de desarrollo web diseados

para facilitar la interaccin con una base de datos en el servidor. Estos
lenguajes permiten al desarrollador extraer informacin de una base de
datos y mostrarla en un sitio. Adems, se pueden utilizar para actualizar o
insertar nueva informacin en una base de datos sobre la base de entradas
de formulario. Ambos lenguajes se pueden integrar perfectamente con
HTML, CSS y JavaScript para crear pginas complejas. No se requiere de
un software especial para escribir estos lenguajes, pero cada uno requiere
que se instale una aplicacin para interpretar el lenguaje y proporcionar
resultados. La aplicacin de Adobe ColdFusion es una aplicacin comercial,
mientras que PHP es de cdigo abierto.

27

2.14.5SQL

El lenguaje de consulta estructurado (SQL, por sus siglas en ingls) es un

lenguaje usado principalmente para el acceso a datos en bases de datos.
Este lenguaje es necesario para utilizar la funcionalidad de ColdFusion o
PHP en una pgina de Internet. Algunas aplicaciones de bases de datos
comunes que se utilizan con los sitios son Microsoft SQL Server, Oracle
Sybase y bases de datos MySQL. De ellos, MySQL es la nica aplicacin de
cdigo abierto. Una vez ms, escribir en SQL no requiere de un software
especial, pero las bases de datos deben estar instaladas en los servidores
del sitio de Internet.

2.15 ESTRUCTURAR DE UNA PAGINA WEB

Las pginas web cuentan con una estructura principal que debe tener cada
pgina a continuacin describimos cada una de esas estructuras dadas por
el investigador (Amelotti, 2012):10
2.15.1CABECERA O HEADER

La cabecera se encuentra en la parte superior de la pgina web,

generalmente contiene informacin relativa a la temtica del sitio web. Suele
contener el Logo, un ttulo o eslogan, informacin de contacto y el men para

10 Amelotti, Mario, cursoweb20.

http://cursoweb20.net/2012/05/30/paginas-web-definicion-y-estructura/
2012
28

navegar por las pginas principales. Muchos diseadores tambin incluyen

un buscador.
2.15.2CUERPO O BODY

En el cuerpo encontraremos el contenido ms relevante para esa pgina en

particular. Puede ser de cuerpo entero o con una barra lateral. Las barras
laterales generalmente se usan para poner contenido complementario y para
mostrar accesos a otras pginas relevantes.
2.15.3PIE DE PGINA O FOOTER

En el footer generalmente encontraremos informacin de contacto, un men

a las pginas ms relevantes, links a otras webs y en general contenido
complementario referente a la temtica del sitio web.
2.16 DEFINICIN DE GESTOR DE CONTENIDO

Segn (Guervos, 2005) Un gestor de contenidos (CMS) es una aplicacin

web usada para crear, editar, gestionar y publicar contenido digital. La
gestin de los contenidos se hace normalmente usando un navegador web
convencional y a travs de un panel de Administracin, al cual tiene acceso
el administrador o los editores de la publicacin.
Una caracterstica comn a todos los CMS es que no son necesarios
conocimientos informticos avanzados para poder gestionar el contenido de
un sitio web. Un editor de contenidos necesitar saber como manejar la
herramienta pero en principio no necesita tener conocimientos de HTML, css

29

2.17 TIPOS DE GESTORES DE CONTENIDOS

Un Gestor de Contenidos Web o CMS (en ingls Content Management

System11) es una aplicacin online que nos permite crear, editar y en general
administrar, los contenidos de nuestras pginas web. Segn (Amelotti, 2012)
existen diferentes tipos de los cuales mencionamos a continuacin.
2.17.1Gestores de contenidos generales.

Estn pensados para crear pginas Web dinmicas y portales de

contenidos, abarcan de todo y pueden servir para crear blogs, foros, tiendas
virtuales, aunque a veces hay que aadir diferentes plugins.

Los ms

conocidos son:
DRUPAL (PHP)
MAMBO
JOOMLA
PLONE
JAWS
PHP-NUKE
WEBSITE BAKER
KRYN.CMS
LMMY
ALFRESCO

11Guervos, Juan Julian Merelo, Introduccin a los sistemas de gestin de

contenidos, http://geneura.ugr.es/~jmerelo/tutoriales/cms/ 2005Amelotti, Mario,
cursoweb20. http://cursoweb20.net/2012/05/30/paginas-web-definicion-yestructura/ 2012

30

2.17.2Gestores de contenidos para blogs.

Permiten desarrollar una bitcora de forma sencilla dedicndote a

escribir entradas a lo largo del tiempo y actualizando as los contenidos de
una forma gil. Los principales CMS para blogs son:
WORDPRESS
B2EVOLUTION
2.17.3Gestores de contenidos para cursos y entornos educativos (elearning).

En ellos se pueden crear materiales multimedia y actividades, e

incluyen diferentes roles: profesor, alumno, visitante, profesor administrador.
Continuacin mencionamos algunos de este tipo de gestor educativo
MOODLE
BLACKBOARD
EFRONT
2.17.4Gestores de contenido para wikis.

Perfectos para trabajos colaborativos con varios editores. Dentro de

este grupo de CMS, el ms verstil de todos y los ms populares son:

TIDDLYWIKI
MEDIAWIKI
WIKKAWIKI
DOKUWIKIM

31

2.17.5Gestores de contenidos para tiendas online (e-commerce).

Estn diseados para permitir la compra online y tener los principales

elementos de un sitio de e-commerce, con bases de datos para los
productos tales como:
ZEN CART
OPEN CART
OSCOMMERCE
PRESTASHOP
MAGENTO

32

CAPITULO

LA PGINA WEB COMO HERRAMIENTA DE

INFORMACIN EMPRESARIAL

3.1

DEFINICIN DE JOOMLA

Joomla es un galardonado sistema de gestin de contenidos (CMS),

que le permite construir sitios Web y aplicaciones en lnea potentes. Muchos
aspectos, incluyendo su facilidad de uso y extensibilidad, Joomla han hecho
que el software del sitio Web ms populares disponibles. Lo mejor de todo,
Joomla es una solucin de cdigo abierto que est disponible gratuitamente
3.2

CARACTERSTICAS BSICAS DE JOOMLA

3.2.1 Gestin de usuarios

Joomla tiene un sistema de registro que permite a los usuarios

configurar las opciones personales. Hay nueve grupos de usuarios
con diferentes tipos de permisos en lo que los usuarios pueden
acceder, editar, publicar y administrar.
La autenticacin es una parte importante de mltiples protocolos
de gestin de usuarios y soporte de Joomla, incluyendo LDAP,
OpenID, e incluso Gmail. Esto permite a los usuarios utilizar su
informacin de cuenta existente para agilizar el proceso de registro.
3.2.2 Media Manager

El Media Manager es la herramienta de gestin de archivos

multimedia fcilmente o carpetas y usted puede configurar los ajustes
de tipo de MIME para manejar cualquier tipo de archivo. El Media
Manager se integra en la
herramienta Editor de artculo para que pueda tomar imgenes y otros
archivos en cualquier momento.

34

3.2.3 Gestor de idiomas

Existe un apoyo internacional para muchos idiomas del mundo y

codificacin UTF-8. Si necesita que su sitio Web en un idioma y el
panel de administrador en otro, hay varios idiomas posible.
3.2.4 Gestin Banner

Es fcil de configurar banners en tu sitio web utilizando el

Administrador de titulares, a partir de la creacin de un perfil de
cliente. Una vez que agregue campaas y tantas banderas como sea
necesario, se puede establecer el nmero de impresiones, URLs
especiales y mucho ms.
3.2.5 Gestin de contactos

El Contacto Manager ayuda a los usuarios a encontrar la

persona adecuada y su informacin de contacto. Tambin soporta
mltiples formas de contacto que van a individuos especficos, as
como grupos.
3.2.6 Encuestas

Si desea obtener ms informacin sobre sus usuarios, es muy

fcil para crear encuestas con mltiples opciones.
3.2.7 Bsqueda

Ayudar a navegar a los usuarios la mayor parte de los elementos

de bsqueda populares y proporcionar la administracin con las
estadsticas de bsqueda.

35

3.2.8 Gestin Web Enlace

Proporcionar recursos de enlace para los usuarios del sitio es

simple y se puede clasificar en categoras, incluso contar cada clic.
3.2.9 Gestin de Contenidos

Simplificado sistema de tres niveles de Joomla de artculos hace

que la organizacin de su contenido en un instante. Puede organizar
el contenido de la forma que desee, y no necesariamente como ser
en su sitio Web. Los usuarios pueden votar los artculos, enviarlas por
correo electrnico a un amigo, o automticamente guardar un archivo
PDF (con soporte UTF-8 para todos los idiomas). Los administradores
pueden archivar contenido para su custodia, ocultndola de los
visitantes del sitio.
3.2.10Sindicacin y suministro de noticias de Gestin

Con Joomla, es fcil de distribuir su contenido del sitio, que

permite a sus usuarios suscribirse a nuevos contenidos en su lector
de RSS favorito. Es igual de fcil de integrar canales RSS de otras
fuentes y agregar a todos en su sitio.
3.2.11Gestor de mens

El Gestor de mens le permite crear tantos mens y elementos

de men como necesite. Puede estructurar la jerarqua de men (y los
elementos de men anidadas) completamente independientes de la
estructura de su contenido. Ponga un men en varios lugares y en
cualquier estilo que desee; utilizar vuelcos, desplegables, mens
laterales y casi

36

cualquier otro sistema de navegacin que se pueda imaginar.

Tambin el pan rallado automticos se generan para ayudar a
navegar a los usuarios del sitio.
3.2.12Gestin de plantillas

Plantillas en Joomla son una poderosa manera de hacer que su

sitio se vea exactamente de la manera deseada y, o bien utilizar un
modelo nico para todo el sitio o una plantilla independiente para
cada seccin del sitio. El nivel de control visual va un paso ms all
con potentes anulaciones plantilla, lo que permite personalizar cada
parte de sus pginas.
3.2.13Sistema de ayuda integrada

Joomla tiene una seccin de ayuda integrada para ayudar a los

usuarios a encontrar lo que necesitan. Un glosario explica los
trminos en la llanura Ingls, una versin corrector se asegura de que
est utilizando la ltima versin, una herramienta de informacin del
sistema le ayuda a
Solucionar, y, si todo lo dems falla, se vincula a una gran cantidad de
recursos en lnea en busca de ayuda y apoyo adicional.
3.3

REQUISITOS MNIMOS PARA INSTALAR JOOMLA

Para poder instalar y usar Joomla! debe tener plenamente

operativo un servidor web (Apache es el mejor), una base de datos
(MySQL es la ptima) y el lenguaje de script del lado del servidor
PHP, junto con mdulos especficos que se activan en PHP para
MySQL, XML y Zlib funcionando, entre otros.

37

3.4

ARQUITECTURA DE JOOMLA

Esta desarrollado en una arquitectura MVC lo que permite:

Interactuar directamente con la parte de vista de Joomla!, lo que

permite sobrescribir desde el template de Joomla! la parte de vista de un
componente, mdulo o plugin, lo que permite un gran nivel de

personalizacin en el desarrollo de los templates.

Un desarrollo de componentes mdulos y plugins basados en la

arquitectura base del CMS

Actualizaciones rpidas en caliente, actualizando los elementos
requeridos para los cambios de versin con la plataforma funcionando

3.5

EXTENSIONES DE JOOMLA

Una de las mayores potencialidades que tiene este CMS es que su

funcionalidad base puede ser extendida por medio de extensiones, los tipos
de extensiones son: Componentes, Mdulos, Plantillas, Plugins y Lenguajes.
Cada uno de estos tipos extiende las funcionalidades de Joomla! de una
manera diferente:
3.5.1 Componentes

Son extensiones que cargan como elemento funcional principal en Joomla!,

un componente usualmente agrega una funcionalidad de impresin de
contenido a Joomla, este es el caso de com_content que es el componente
principal de administracin de contenido estndar de Joomla, se caracterizan

38

porque Joomla de forma nativa solo soporta el manejo de un solo

componente al mismo tiempo.
3.5.2 Mdulos

Son extensiones que nos permiten cargar en una posicin de una plantilla de
joomla una salida de datos una funcionalidad especfica, usualmente un
mdulo nos permite colocar la salida de un componente
3.5.3 Plantillas

Son extensiones que nos permiten cambiar la parte de vista del CMS, el
archivo index.php de la plantilla de Joomla! determina donde cargarn los
componentes y los mdulos.
3.5.4 Plugins

Los plugins son extensiones que corren bajo disparadores seleccionados,

realizando acciones seleccionadas mientras el CMS realiza la carga
3.5.5 Lenguajes

Los lenguajes son archivos de traduccin que permiten colocar el CMS en

cualquier idioma, Joomla es multi-idioma Nativo
Existen cientos de extensiones disponibles y con diversas funcionalidades
como por ejemplo:

Generadores de formularios dinmicos

Directorios de empresas u organizaciones

Gestores de documentos

Galeras de imgenes multimedia

39

3.6

Motores de comercio y venta electrnica

Software de foros y chats
PASOS PARA CREAR UNA PAGINA WEB CON JOOMLA

Para crear una pgina web con Joomla

debemos seguir los siguientes

pasos:
3.6.1

Obtener un Servidor (hosting) para nuestro sitio web

Hosting es una analoga de "hospedaje o alojamiento en

hoteles o habitaciones" donde uno ocupa un lugar especfico, en

este caso la analoga alojamiento web o alojamiento de pginas
web, se refiere al lugar que ocupa una pgina web, sitio web,
sistema, correo electrnico, archivos etc.
Existen diferentes hosting unos gratuitos y otros pagados,
para nuestra pgina web utilizaremos un hosting gratuito el
000webhots
000webhost.com es una empresa lder en la prestacin de
servicios de alojamiento web gratuito de primera clase sin
publicidad No hay costos ocultos, ni anuncios, y no hay trminos
restrictivos. Velocidades rpidas, mxima fiabilidad y apoyo a los
usuarios fanticos son slo algunas de las comodidades de las que
recibe con nuestro servicio.

Instalar Joomla en 000webhost.com

En esta entrada aprenderemos a instalar Joomla en un hosting gratuito
como el que nos proporcionan en http://www.000webhost.com/

40

1 El primer paso sera registrarnos en http://www.000webhost.com/ y ellos

nos proporcionaran un dominio gratuito.
Imagen1

En esta venta nos muestra que para crear nuestra direccin web en
000webhots debemos irnos a Sign Up
Imagen2

En esta ventana Llenamos la orden para obtener nuestra direccin de sitio s

1. Colocamos como queremos que se llame nuestra direccin web,
automticamente 000webhots proporciona

el subdominio en este caso

.comuf.com.

41

Imagen 3

En esta venta nos muestra la confirmacin de nuestro registro en

000webhots en donde nos indica si deseamos confirmar.
Imagen 4

En esta venta nos indica que tenemos nuestro domino activo listo para el
uso

42

Imagen 5

En esta ventana verificamos nuestro sitio web online a partir de este

momento podemos visitar nuestra pagina web desde cualquiera parte

3.6.2 Instalar Joomla en nuestro servidor web

Para instalara Joomla en nuestro servidor debemos hacer lo
siguiente:

Irnos a control panel

Irnos a mysql
En Mysql creamos una base de datos de la siguiente manera.

43

Imagen 6

En esta ventana llenamos lo siguiente nombre de la base de datos,

usuario, le colocamos una contrasea y le damos crear la base de datos

Irnos a file manager

En file manager vamos a tener la opcin de subir nuestros

archivos para instalar Joomla

44

Imagen 7

En esta pantalla nos muestra la opcin para acceder a FTP manager

para subir nuestros archivos para la pagina web.

Imagen 8

45

En esta ventana nos muestra la opcin de cargar nuestro archivos nos

vamos a el icono udapde desde all subimos nuestros archivos.

45

Imagen 9

En esta ventana nos muestra la opcin de subir nuestros archivos para

instalar Joomla en nuestra pgina web. En esta botn seleccionamos
nuestro archivo comprimido Zip para subirlo al el sitio web.
Imagen 10

En esta ventana seleccionamos el archivo que deseamos subir a

nuestra pagina web en este caso es el instalador de Joomla

46

Imagen 11

En esta ventana muestra los archivos que hemos subido para instalar
Joomla. Nota: para subir nuestros archivos como carpetas debemos
hacerlo en carpeta comprimida Zip.
Imagen12

47

Despus de haber subido nuestros archivos para instalar Joomla volvemos a

nuestro servidor y nos vamos a nuestra pgina web.

47

Instalar Joomla en nuestro domino web

Imagen 13

En esta ventana nos muestra como empieza la instalacin de Joomla 1er

paso es escoger el idioma de preferencia
Imagen 14

2do paso es comprobar que el servidor cumpla con los requerimientos

para la instalacin

48

Imagen15

Tercer paso para la instalacin es aceptar los trminos de licencia

Imagen 16

Cuarto paso. En este paso configuramos la base de datos que

aviamos creado anteriormente en nuestro domino web.

49

Imagen 17

En este paso colocamos el usuario y contrasea para ingresar a nuestro

sitio
Imagen 18

En este paso no pide borrar la carpeta de instalacin para concluir con la

instalacin

50

Imagen 19

En esta ventana nos muestra nuestro sitio web como ha quedado

despus de la instalacin de Joomla en nuestro dominio
Imagen 20

Esta ventana muestra el acceso para el administrador de nuestro

sitio ingresamos poniendo http://itsservicios.comuf.com/administrator/

51

3.6.3 Modificar nuestro sitio web

Imagen 21

Esta es la ventana principal de administracin de nuestro sitio para

configurarlo y editarlo a nuestro gusto. Para empezar a modificar
debemos iniciar por configuracin global
Imagen 22

En esta seccin colocamos el nombre del sitio web.

Luego de este paso nos ubicamos en gestores de planillas

52

Imagen 23

En esta ventana nos da la opcin de instalar una plantilla solo

debemos seleccionar la plantilla que esta en nuestro ordenador
Imagen 24

En esta ventana seleccionamos una planilla que descargamos para

nuestro sitio web

53

Luego de instalar nuestra plantilla en nuestro servidor nos vamos a

gestor de plantillas en donde escogemos la plantilla que instalamos como
se muestra en la imagen 24.

MODIFICACION DE NUESTRO GESTOR DE PANTILLA DE NUESTRO SITIO

WEB
Imagen 25

Para modificar nuestra plantilla instalada nos vamos a gestor de plantilla

Imagen 26

En la ventana de estilos elegimos la plantilla que instalamos dndole un

clip a la estrella.

54

Imagen 27

En esta ventana nos nuestra la plantilla que hemos elegidos para nuestro
sito web, para editarla a nuestro gusto nos vamos a editar
Imagen 28

En esta ventana editamos nuestra plantilla elegida para nuestra pgina

web desde aqu cambiamos nuestro logo podemos ponerle figura o texto
adems le podemos dar una descripcin de nuestro sitio

55

Imagen 29

En esta ventana podemos elegir el tipo de logo que queremos para

nuestro sitio web como una imagen o texto en nuestro caso elegimos
texto. Adems podemos ponerle una descripcin de nuestro sitio.

56

Imagen 30

En esta ventanos nos vamos a gestor de mdulos aqu en esta seccin

creamos nuestros mdulos.

CREACION DE GESTOR DE MODULOS DE NUESTRO SITIO WEB

57

Imagen 31

Para crear nuestro modulo nos vamos a nuevo

57

Imagen 32

En esta ventana elegimos el tipo de modulo en este caso seria men

Imagen 33

En esta ventana le colocamos el titulo de nuestro gestor y en que

posicin este dentro de la plantilla

58

CREACIN DE GESTORES DE CATEGORAS DE NUESTRO SITIO WEB

Imagen 34

En esta ventana nos vamos a gestor de categoras para crear una nueva
gestor de categoras

Imagen 35

En esta ventana nos vamos a nuevo para crear nuestra categora

59

Imagen 36

En esta ventana colocamos el titulo de nuestra categora, en el padre

escogemos sin categora.

CREACIN DE ARTCULOS DE NUESTRO SITIO WEB

Imagen 37

En esta ventana hacemos un nuevo artculo para nuestra pgina web

dndole en aadir un nuevo artculo

60

Imagen 38

En esta ventana hacemos nuestro nuevo articulo dndole nuevo

Imagen 39

En esta pantalla configuramos nuestro artculo colocndole el titulo

del artculo y asocindolo a la categora que queremos

61

Imagen 40

En ventana nos muestra los artculos que hemos creados para nuestra
pagina web.

CREAR MEN Y ELEMENTOS DEL MEN DE NUESTRO SITIO WEB

Imagen 41

El siguiente paso es realizar nuestros men para eso nos vamos a gestor
de mens

62

Imagen 42

Lugo de ingresar a gestor de men nos vamos a elementos del men y

creamos un elemento del men ponindonos en nuevo
Imagen 43

En esta ventana le colocamos el tipo de elemento de men, le colocamos

el titulo del men, la localizacin del men para nuestro nuevo elemento
del men

63

Imagen 44

En esta ventana escogemos el tipo de elemento de men en este caso

artculo simple
Imagen 45

A la hora de crear nuestro elemento de men nos pide una configuracin

requerida es la seleccin del articulo en esta seccin es donde
vinculamos nuestro elemento con un articulo de nuestra pagina

64

Imagen 46

A la hora de seleccionar un artculo nos desplegara los artculos que

hemos creado anteriormente elegimos el articulo que va referido a
nuestro elemento de men

Con este paso terminamos la creacin de nuestro elemento de men.

Imagen 47

En esta ventana observamos los elementos de men que hemos creado

para nuestro sitio web vemos el orden y el estatus de los mismos.

65

INSTALACIN DE MDULOS DE IMGENES PARA NUESTRO SITIO WEB

Imagen 48

Para que nuestro sitio web tenga el deslizador de imgenes debemos

instalarlo en nuestro Joomla
Pasos para instarla deslizador de imgenes en Joomla
1 debemos irnos a gestor de extensiones

66

2. subir e instalar nuestro deslizador de imgenes en Joomla como

muestra en la siguiente imagen .
Imagen 49

En esta ventana seleccionamos el archivo que debe estar en nuestro

ordenador y le damos instalar.
3 activar y configurar nuestro deslizador de imgenes, para eso debemos
irnos a gestor de mdulos
Imagen 50

En esta ventana escogemos nuestro modulo deslizador de imgenes y le

damos editar para cargar las imgenes a nuestro deslizador

67

Imagen 51

En esta ventana configuramos nuestro deslizado de imgenes en donde

seleccionamos la posicin que queremos para nuestro deslizador de
imgenes y desde aqu subimos las imgenes que queremos.

COMO SUBIR TEXTO A NUESTROS ARTCULOS DE NUESTRO SITIO WEB

Para subir texto a nuestros artculos debemos irnos a gestor de artculos

68

Imagen 52

En esta ventana escogemos el artculo que deseamos editar y le

colocamos un gancho y le damos a editar
Imagen 53

69

En esta ventana colocamos el texto que queremos para nuestro sitio web
en cada articulo podemos hacer lo mismo

69

3.6.4 Visualizar nuestro sitio web

Imagen 54

En esta pantalla tenemos el inicio de nuestra pgina web.

Imagen 55

En esta pantalla tenemos un men despegable del botn servicios.

70

Imagen 56

En esta pantalla tenemos quienes somos de nuestro sitio web

Imagen 57

71

En esta pantalla vemos el artculo servicios con un men despegable

71

Imagen 58

En esta pantalla tenemos un servici como articulo

72

CONCLUSIONES

Un sitio web como herramienta de informacin empresarial es un medio de

comunicacin el cual la empresa puede darse a conocer ms all de su
ubicacin

Los sitios web se han creado para aprovechar las inversiones existentes en
las empresas para as usarlas junto con la tecnologa y planificar el futuro, ya
que nos encontramos ante todo un mundo de posibilidades electrnicas.

El uso de esta pagina web ayudara a desarrollar arraigo y sentido de

pertenencia a los colaboradores de esta empresa

Al tratar el tema de pgina web hemos querido dar a conocer todo lo

referente a ello, ya que una pagina web no solo es una herramienta de
comunicacin, sino que tambin podemos adquirir muchos beneficios de
ella.

73

RECOMENDACIONES

Incluir las paginas web como recursos Tics ya que ha inundado nuestro
entrono, y los empresas pueden darse a conocer a travs de este medio y
obtener nuevos clientes.

Las pginas web deben ser elaboradas por diversos componentes de los
negocios si estamos convencidos de la necesidad de hacer y divulgar el uso
crtico de los sitios web como herramienta informativa para nuestra empresa.

Incluir en la confeccin de sitos web, la herramienta de diseo Joomla ya

que cuenta con una gran cantidad de utilidades que permiten que nuestro
sitio web sea ms atractivo y competitivo.

74

BIBLIOGRAFA
Pasos para crear un sitio web. (27 de Septiembre de 2010). Obtenido
de http://www.slideshare.net/tomyycerr/pasos-para-crear-un-sitio-web
Accin MK. (6 de Agosto de 2013). Accin MK. Recuperado el 8 de
junio de 2014, de 10 caractersticas ms importantes que una pgina web
debe
ofrecer:
http://www.accionmk.com/las-10-caracteristicas-masimportantes-que-una-pagina-web-debe-cumplir/
Amelotti, M. (30 de Mayo de 2012). cursoweb20. Recuperado el 6 de
junio de 2014, de http://cursoweb20.net/2012/05/30/paginas-web-definiciony-estructura/
Asuntos Digitales. (12 de mayo de 2010). Recuperado el 6 de junio de
2014, de http://www.asuntosdigitales.com/tipos-o-clases-de-paginas-web/
Genux desarrollo web. (27 de Agosto de 2012). Genux. Recuperado el
8 de Junio de 2014, de Genux / Desarrollo Web & Hosting:
http://www.genux.com.uy/5-ventajas-de-tener-una-pagina-web-para-suempresa/
Guervos, J. J. (14 de Mayo de 2005). Introduccin a los sistemas de
gestin de contenidos. Recuperado el 8 de Junio de 2014, de
http://geneura.ugr.es/~jmerelo/tutoriales/cms/
Harisson, E. (s.f.). lenguajes de progrmacion para pginas web.
Recuperado
el
12
de
Junio
de
2014,
de
http://www.ehowenespanol.com/lenguajes-computadora-utilizan-crearpaginas-internet-info_261212/
Ocando, O. (7 de marzo de 2008). Sitios Web y la estrategia
empresarial. Recuperado el 5 de junio de 2014, de Sitios Web y la estrategia
empresarial: http://www.gestiopolis.com/administracion-estrategia/sitios-weby-la-estrategia-empresarial.htm
9

Quadrato. (20 de Septiembre de 2010). Blog Quadrato. Recuperado el

de junio de 2014, de diseo, pgina web, usabilidad:

75

http://blog.quadrato.mx/caracteristicas-basicas-de-un-sitio-web-biendesarrollado/

75

Ruiz, M. H. (12 de Octubre de 2007). Univercidad autonoma de

nicaragua.
Recuperado
el
15
de
junio
de
2014,
de
http://www.unan.edu.ni/dir_invest/web_judc/cur_chontales/Computacion/pag
_web_CUR_comp8.pdf
Saavedra, C. A. (20 de Agosto de 2009). TIPOS DE PGINAS WEB .
Recuperado el 8 de junio de 2014, de Universidad Icesi:
http://www.icesi.edu.co/blogs_estudiantes/emicasanchez/2009/08/20/tiposde-paginas-web/
Villapierna, A. G. (20 de Febrero de 2007). ENSEANZAAPRENDIZAJE E/LE. Recuperado el 6 de junio de 2014, de Caractersticas
de
las
pginas
web:
http://aprendoele.blogia.com/2007/022003caracteristicas-de-las-paginas-web.php

76

ANEXOS

NDICE GENERAL

NDICE DE IMGENES...iii
INTRODUCCINviii
1 CAPITULO ASPECTOS GENERALES
RESUMEN MARCO TERICO...2
1.1 DEFINICIN DEL PROBLEMA..........................................................3
1.2 OBJETIVOS........................................................................................3
1.2.1 Objetivo general...........................................................................3
1.2.2 Objetivos especficos....................................................................4
1.3 JUSTIFICACIN E IMPORTANCIA DEL PROYECTO.......................4
1.4 DELIMITACIN DEL TRABAJO.........................................................4
1.5 RESTRICCIONES O LIMITACIONES................................................6
1.6 METODOLOGA..................................................................................6
2 CAPITULO MARCO TERICO
2.1 DEFINICIN DE PGINA WEB........................................................17
2.2 CARACTERSTICAS DE LAS PGINAS WEB EMPRESARIALES
............................9
2.3 CARACTERSTICAS BSICAS DE UN SITIO WEB........................10
2.4 TIPOS DE PGINAS WEB...............................................................11
2.4.1 Segn la forma en que se actualiza el contenido:.....................11
2.4.2 Segn la complejidad y cantidad de informacin publicada......12
2.4.3 Segn la forma en que los usuarios utilizan el sitio web...........12
2.5 CLASIFICACIN DE PGINAS WEB SEGN SUS FUNCIONES
2213
2.5.1 Pginas web transaccionales, e-comercio o e-commerce........13
2.5.2 Pginas web orientadas al servicio............................................13
2.5.3 Pginas web dirigidas a la construccin de una marca.............13
2.5.4 Pginas web de contenido.........................................................14
2.5.5 Comunidades, foros o redes sociales........................................14
2.6 IMPORTANCIA DE UNA PAGINA WEB............................................15
2.7 NAVEGADORES QUE SE UTILIZAN LAS PAGINAS WEB.............15
2.8 ELEMENTOS DE UNA PGINA WEB..............................................16
2.9 VISUALIZACIN DE UNA PAGINA WEB.........................................17
2.9.1 Que cada pgina sea fcil de cargar..........................................18
2.9.2 Que las pginas sean fciles de leer.........................................18
2.10 PREMISAS BSICAS PARA CREAR UNA WEB CON XITO........18
2.10.1 Un buen contenido.....................................................................18
2.10.2 Un buen Diseo..........................................................................19
2.10.3 Las imgenes en el diseo.........................................................19
2.10.4 Elementos Interactivos...............................................................19
2.11 ETAPAS DE DESARROLLO DE UN PROYECTO DE SITIO
WEB..............................................................................................19
2.11.1 Pre diseo..................................................................................19
2.11.2 Objetivos.....................................................................................20

2.11.3 Pblico........................................................................................20
2.11.4 Contenidos.................................................................................20
2.11.5 Estructura...................................................................................21
2.12 VISUALIZACIN...............................................................................21
2.12.1 Diseo.........................................................................................21
2.12.2 Instalacin y Pruebas.................................................................22
2.12.3 VENTAJAS DE TENER UNA PGINA WEB PARA LA
EMPRESA...............................................................................................23
2.13 PASOS PARA CREAR UN SITIO WEB............................................24
2.13.1 Definir el objetivo........................................................................24
2.13.2 Determinar la estructura del sitio................................................24
2.13.3 Decide la apariencia de la pgina..............................................24
2.13.4 Considera el diseo....................................................................24
2.13.5 Escoge el editor..........................................................................25
2.13.6 Busca y junta los objetos............................................................25
2.13.7 Crea el cdigo............................................................................25
2.13.8 Visualizar mi pgina...................................................................25
2.13.9 Publica la pgina en internet......................................................25
2.14 LENGUAJES DE PROGRAMACIN DE LAS PGINAS WEB......26
2.14.1 HTML..........................................................................................26
2.14.2 CSS............................................................................................26
2.14.3 JavaScript...................................................................................27
2.14.4 ColdFusion y PHP......................................................................27
2.14.5 SQL.............................................................................................28
2.15 ESTRUCTURAR DE UNA PAGINA WEB.........................................28
2.15.1 CABECERA O HEADER............................................................28
2.15.2 CUERPO O BODY.....................................................................29
2.15.3 PIE DE PGINA O FOOTER.....................................................29
2.16 DEFINICIN DE GESTOR DE CONTENIDO..................................29
2.17 TIPOS DE GESTORES DE CONTENIDOS.....................................30
2.17.1 Gestores de contenidos generales............................................30
2.17.2 Gestores de contenidos para blogs...........................................31
2.17.3 Gestores de contenidos para cursos y entornos educativos (elearning)...................................................................................................31
2.17.4 Gestores de contenido para wikis..............................................33
2.17.5 Gestores de contenidos para tiendas online (e-commerce)......32
3 CAPITULO LA PGINA WEB COMO HERRAMIENTA DE
INFORMACIN EMPRESARIAL
3.1 DEFINICIN DE JOOMLA................................................................34
3.2 CARACTERSTICAS BSICAS DE JOOMLA..................................34
3.2.1 Gestin de usuarios....................................................................34
3.2.2 Media Manager...........................................................................34
3.2.3 Gestor de idiomas......................................................................35
3.2.4 Gestin Banner...........................................................................35
3.2.5 Gestin de contactos..................................................................35
3.2.6 Encuestas...................................................................................35
3.2.7 Bsqueda...................................................................................35

3.2.8 Gestin Web Enlace...................................................................36

3.2.9 Gestin de Contenidos...............................................................36
3.2.10 Sindicacin y suministro de noticias de Gestin........................36
3.2.11 Gestor de mens........................................................................36
3.2.12 Gestin de plantillas...................................................................37
3.2.13 Sistema de ayuda integrada.......................................................37
3.3 REQUISITOS MNIMOS PARA INSTALAR JOOMLA......................37
3.4 ARQUITECTURA DE JOOMLA........................................................38
3.5 EXTENSIONES DE JOOMLA...........................................................38
3.5.1 Componentes.............................................................................38
3.5.2 Mdulos......................................................................................39
3.5.3 Plantillas.....................................................................................39
3.5.4 Plugins........................................................................................39
3.5.5 Lenguajes...................................................................................39
3.6 PASOS PARA CREAR UNA PAGINA WEB CON JOOMLA.............40
3.6.1 Obtener un Servidor (hosting) para nuestro sitio web...............40
3.6.2 Instalar Joomla en nuestro servidor web...................................52
3.6.3 Modificar nuestro sitio web.........................................................52
MODIFICACION DE NUESTRO GESTOR DE PANTILLA DE NUESTRO
SITIO WEB.................................................................................................54
CREACION DE GESTOR DE MODULOS DE NUESTRO SITIO WEB
.57

CREACIN DE GESTORES DE CATEGORAS DE NUESTRO SITIO

WEB...........................................................................................................59

CREACIN DE ARTCULOS DE NUESTRO SITIO WEB

.69
CREAR MEN Y ELEMENTOS DEL MEN DE NUESTRO SITIO WEB 71
INSTALACIN DE MDULOS DE IMGENES PARA NUESTRO SITIO
WEB...........................................................................................................66

COMO SUBIR TEXTO A NUESTROS ARTCULOS DE NUESTRO

SITIO WEB.................................................................................................68
3.6.4 Visualizar nuestro sitio web........................................................70
CONCLUSIONES...........................................................................................73
RECOMENDACIONES..74
BIBLIOGRAFA...............................................................................................75
ANEXOS.............................................................................................................

e Responsabl

CRONOGRAMA DE ACTIVIDADES
Actividades

Presentacin del Facilitador

Josu

Gua didctica

cruz

Taller 1. Clasificacin de las TIC.

Josu

Taller

N2.

Identificacin

de

cruz
Josu

Proyecto.

cruz

Taller 3. presentacin de software

Josu

educativo pginas web educativas,

cruz

entornos

tecnolgicos

para

los

negocios
Elaboracin

la

Josu

aspectos

Cruz
Josu

generales del proyecto

Elaboracin del marco terico del

cruz
Josu

proyecto
Elaboracin de la herramienta a

cruz
Josu

utilizar para la creacin del producto

cruz

Proceso de la elaboracin de la

Josu

pagina web
Entrega final del trabajo escrito

cruz
Josu

monografa
Elaboracin

del
de

ttulo
los

de

cruz

24 al 31
De marzo

5 de mayo

11
mayo

de

15 de mayo

21 de mayo

30 de mayo

11 de junio

29
junio

de

7
julio

de