Proyecto portal web BATEMS

0
S.E.P. TECNOLÓGICO NACIONAL DE MÉXICO
INSTITUTO TECNOLÓGICO
DE TUXTEPEC
INFORME TÉCNICO DE RESIDENCIA
PROFESIONAL
PROYECTO:
“IMPLEMENTACIÓN DE UN PORTAL WEB
PARA EL BACHILLERATO TECNOLÓGICO
MOISES SÁENZ DE SAN JUAN BAUTISTA
TUXTEPEC OAXACA”
PRESENTAN
AGUILAR ORTIZ JULISSA 13350415
CÁLIZ RIVERA JESÚS E. 14350477
CASTILLO HERNÁNDEZ CARLOS E. 13350395
CRISTOBAL JOAQUIN ALEJANDRO 13350289
GARCÍA CARRILLO JUAN CARLOS 14350260
SOLIS CASTRO NORA B. 14350476
VELASCO SANTIAGO SINDY J. 13350567
CARRERA:
INGENIERIA INFORMÁTICA
ASESOR:
L.I. MARÍA DE LOS ÁNGELES MARTÍNEZ
MORALES
MAYO / 2017.

ii
RESUMEN
En la comunidad educativa Bachillerato Tecnológico Moisés Sáenz no contaban con
una herramienta informática que contribuya con la organización un medio de
comunicación y del proceso de notas entre docente y representante para
mantenerlos informados de las calificaciones y novedades de sus representados.
Este proyecto tiene como finalidad de implementar un portal web amigable que nos
permita la interacción de información concerniente entres estudiantes, docentes y
representantes de la unidad educativa BATEMS incluye un Sistema Académico de
notas, Moodle, donde los docentes realizan los ingresos de notas vía web
permitiendo consultar las mismas tanto como al representante y alumno; para
mejorar la comunicación entre los docentes y representantes se realiza envío de
SMS, correos electrónicos. En el marco teórico del proyecto se investigó lo que es
el gestor de contenido, que es un dominio, herramientas de comunicación en red,
que es un portal web, que es un ambiente web, metodología para la creación de un
portal web. Para la creación de la página se utilizó Drupal como gestor de contenido,
además la aplicación del Sistema Académico de notas fue desarrollada en PHP y
HTML con base de datos MYSQL bajo un entorno web, La modalidad de
investigación seleccionada es de tipo factible. Las variables que intervienen son
aplicación de herramientas Open Source de desarrollo y base de dato. Proceso
comunicacional en la comunidad educativa BATEMS e Implantación de un Portal
Web, este proyecto se mejora y fortalece los procesos de ingreso de nota y
comunicacional de la institución antes mencionada.

iii
ÍNDICE DE CONTENIDO
AGRADECIMIENTOS ..........................................................................................................i
RESUMEN ............................................................................................................................ii
ÍNDICE DE CONTENIDO ..................................................................................................iii
ÍNDICE DE TABLAS.......................................................................................................... vii
ÍNDICE DE FIGURAS ...................................................................................................... viii
INTRODUCCIÓN .................................................................................................................1
PLANTEAMIENTO DEL PROBLEMA ..............................................................................3
JUSTIFICACIÓN ..................................................................................................................5
OBJETIVOS ..........................................................................................................................7
OBJETIVO GENERAL ....................................................................................................7
OBJETIVOS ESPECÍFICOS ..........................................................................................7
ESTABLECIMIENTO DE LA HIPÓTESIS........................................................................8
HIPÓTESIS DE TRABAJO.............................................................................................8
HIPÓTESIS NULA ...........................................................................................................8
FUNDAMENTO TEÓRICO...............................................................................................11
1. HISTORIA DE LA WEB............................................................................................11
1.2 HISTORIA BREVE DE LOS SITIOS WEB..........................................................13
1.2.1 SITIO WEB........................................................................................................14
1.2.2 INTERNET. .......................................................................................................17
1.2.3 WORLD WIDE WEB. .....................................................................................19
1.2.4 SERVIDORES WEB........................................................................................19
1.2.5 HISTORIA DE LOS SERVIDORES WEB...................................................20
2. CONCEPTUALIZACIÓN DE LOS SITIOS WEB..................................................22
2.1 QUE ES UN SITIO WEB....................................................................................22

iv
2.2 CLASIFICACIÓN DE SITIOS WEB..................................................................22
2.3 TIPOS DE SITIOS WEB. ...................................................................................23
2.4 PORTAL................................................................................................................25
2.5 HYPERTEXT MARKUP LANGUAGE..............................................................25
2.6 HYPERTEXT TRANSFER PROTOCOL. ........................................................26
2.7 UNIFORM RESOURCE LOCUTOR. ...............................................................27
2.8 DOMINIOS. ..........................................................................................................28
3. LENGUAJES MÁS USUALES PARA LA CREACIÓN DE UN SITIO WEB. ....32
3.1 LENGUAJE HTML. .............................................................................................32
3.2 LENGUAJE JAVASCRIPT.................................................................................34
3.3 LENGUAJE PHP. ................................................................................................35
4. ELEMENTOS BÁSICOS DE UN SITIO WEB.......................................................38
4.1 ELEMENTOS QUE COMPONEN UNA PÁGINA WEB. ...............................39
5. METODOLOGIA PARA LA CREACIÓN DE SITIOS WEB.................................44
5.1 FASE DE ANÁLISIS. ..........................................................................................44
5.2 FASE DE PLANIFICACIÓN...............................................................................45
5.3 FASE DE CONTENIDO. ....................................................................................53
5.4 FASE DE DISEÑO. .............................................................................................54
5.5 FASE DE PROGRAMACIÓN. ...........................................................................55
5.6 FASE DE TESTEO. ............................................................................................56
5.7 FASE DE MERCADO YPUBLICIDAD............................................................56
6. SISTEMAS GESTORES DE CONTENIDO. .........................................................58
6.1 CARACTERÍSTICAS..........................................................................................59
6.2 ¿CÓMO ELEGIR UN SGC? ..............................................................................63
6.3 DRUPAL. ..............................................................................................................66

v
7. MYSQL........................................................................................................................72
7.1 COMPRENSIÓN DE LOS FUNDAMENTOS DE MYSQL............................73
7.2 CONCEPTO DE UNA BASE DE DATOS .......................................................73
7.3 TERMINOLOGÍA SOBRE BASES DE DATOS..............................................74
7.4 CONEXIÓN A UNA BASE DE DATOS............................................................75
7.5 CREACIÓN Y USO DE NUESTRA PRIMERA BASE DE DATOS .............78
PROCEDIMIENTO O MÉTODO......................................................................................86
ENFOQUE DE LA INVESTIGACIÓN .........................................................................86
ALCANCE DE LA INVESTIGACIÓN ..........................................................................86
TIPO DE INVESTIGACIÓN..........................................................................................87
DISEÑO DE LA INVESTIGACIÓN..............................................................................87
PROCEDIMIENTO.....................................................................................................88
FASE 1. FASE DE PLANIFICACIÓN .....................................................................88
FASE 2. ANÁLISIS ...................................................................................................99
FASE 3. CONTENIDO ..............................................................................................99
FASE 4. FASE DE DISEÑO.................................................................................. 100
FASE 5. FASE DE PROGRAMACIÓN................................................................ 101
FASE 6. FASE DE TESTEO................................................................................. 102
FASE 7. FASE DE MERCADO YPUBLICIDAD................................................ 102
MUESTRA PROBABILÍSTICA.............................................................................. 103
SELECCIÓN DE LA MUESTRA ........................................................................... 105
TÉCNICAS E INSTRUMENTOS DE RECOLECCIÓN DE DATOS. .................. 105
TÉCNICA DE RECOLECCIÓN DE DATOS ....................................................... 105
INSTRUMENTOS DE RECOLECCIÓN DE DATOS......................................... 105
ANÁLISIS DE RESULTADOS ...................................................................................... 106

vi
CONCLUSIONES Y RECOMENDACIONES ............................................................. 111
GLOSARIO ...................................................................................................................... 112
FUENTES CONSULTADAS.......................................................................................... 113
ANEXOS........................................................................................................................... 114

vii
ÍNDICE DE TABLAS
Tabla 1. Definición de variables.........................................................................................9
Tabla 2. Tabla Product......................................................................................................74
Tabla 3. Tabla Invoice .......................................................................................................74

viii
ÍNDICE DE FIGURAS
Figura 1. Cliente/Servidor.................................................................................................21
Figura 2. Organización......................................................................................................38
Figura 3. Dominios.............................................................................................................40
Figura 4. Estructura Lineal ...............................................................................................50
Figura 5. Estructura Jerárquica .......................................................................................51
Figura 6. Estructura Radial...............................................................................................52
Figura 7. Estructura de Red .............................................................................................52
Figura 8. Nuestro equipo tiene instalado el Cliente y el Servidor de MYSQL..........75
Figura 9. Nuestro equipo tiene instalado el cliente de MYSQL. El servidor MYSQL
tiene instalado en otro equipo al que se conecta el nuestro.......................................76
Figura 10. En este caso la terminal puede ser cualquier equipo capaz de conectarse
a otro, ya que ni si quiera lleva instalado el cliente MYSQL. ......................................76

1
INTRODUCCIÓN
En la actualidad si las empresas, instituciones y dependencias quieren ser
competitivos; lograr la satisfacción de sus clientes y posicionarse arriba de la
competencia, es importante crear programas innovadores de difusión y promoción
del quehacer de cada institución.
Es por ello que en el Bachillerato Tecnológico Moisés Sáenz (BATEMS) se optó
por la implementación de un portal web. Ya que cuenta con más de 800 alumnos y
40 docentes, con el aumento del alumnado y personal trabajador se vio la
necesidad de implementar un mecanismo de comunicación para proporcionar
información y para tener un mejor servicio a la comunidad educativa. Los mismos
que se detallan a continuación.
Los docentes llevaban manualmente el proceso de ingreso de notas y cálculos de
promedios, lo que provocaba retraso en la entrega de las mismas y en ciertas
ocasiones errores en los promedios. Y para difundir noticias al interior de la
comunidad, la escuela lo hace por medio de: el acto cívico, a través de las
anotaciones en un mural en el que se indican las fechas de los exámenes. Esto
último también se difunde de manera oral por los profesores al momento de dar sus
clases. Pero no se cuenta con un espacio especialmente para dar a conocer las
noticias, fechas, eventos o cursos acerca de la escuela.
Un propósito que motiva este proyecto es dar a conocer a los estudiantes una
manera diferente de interactuar con las nuevas tecnologías, no solo de
reconocimiento de cada una de las actividades que la Institución desarrolla con los
estudiantes si no también la participación y la opinión de cada uno de ellos.
El proyecto muestra como el estudiante, puede valorar, reconocer cada una las
actividades que la institución realiza, dar sus opiniones y tener una comunicación
mediante actividades por área que cada uno de los docentes dejan en la portal
web.

2
Es una página donde los padres de familia, exalumnos y toda la comunidad
educativa pueden conocer de una manera fácil, la Institución, horarios, directores
de curso, proyectos, actividades que se realizan, facilitando así la comunicación
entre la Institución y la comunidad educativa.

3
PLANTEAMIENTO DEL PROBLEMA
El Bachillerato Tecnológico Moisés Sáenz de San Juan Bautista Tuxtepec Oaxaca
(BATEMS) desde hace años empezó a brindar sus servicios escolares y hasta la
actualidad continua y es reconocida a nivel local, se encuentra ubicada en boulevard
sostenes bravo #100 esquina calzado Dr. Víctor Bravo Ahuja previo al paraíso
Tuxtepec.
Anteriormente la escuela contaba con alrededor de 300 alumnos y casi 20 docentes.
Actualmente cuenta con más de 800 alumnos y 40 docentes, con el aumento del
alumnado y personal trabajador se vio la necesidad de implementar un mecanismo
de comunicación para proporcionar información a la comunidad del BATEMS.
Para difundir noticias al interior de la comunidad, la escuela lo hace por medio de:
el acto cívico, a través de las anotaciones en un mural en el que se indican las
fechas de los exámenes. Esto último también se difunde de manera oral por los
profesores al momento de dar sus clases. Pero no se cuenta con un espacio
especialmente para dar a conocer las noticias, fechas, eventos o cursos acerca de
la escuela.
A continuación se enlistan los problemas detectados:
 No optimizan tiempo y recursos.
 No cuenta con un medio de difusión único para dar a conocer información a
la comunidad escolar.
 Retardo en la entrega de calificaciones.
 No disponen de cursos para la capacitación docente.
 Limitación en los horarios para acceder a la información.
Por lo que para agilizar estas actividades se tendrá que hacer uso de algunas
tecnologías, ya que en la actualidad es más común para los diferentes ámbitos que
existen.

4
PREGUNTAS DE INVESTIGACIÓN
¿A qué comunidad va dirigido el portal web?
¿Qué beneficios traerán la implementación del portal web?
¿Se requiere que el personal que tenga acceso al portal, reciba capacitación?
¿Qué tipo de contenido contendrá el portal web?
¿Se Cuenta con los conocimientos y la experiencia suficientes sobre metodología
de la investigación?
¿Se Dispone de los recursos humanos y materiales necesarios para completar el
estudio?
¿Se tiene acceso al lugar dónde se desarrolla el estudio?

5
JUSTIFICACIÓN
En éste proyecto se realizará un portal web que constará de enlaces web,
buscadores, foros, documentales, páginas web, diversos widgets e incluso con una
plataforma Moodle.
Dicho portal se hará con el objetivo de agilizar la mayoría de las labores escolares,
tales como entrega de calificaciones, subir archivos a la red, enterarse de noticias
de última hora, cursos de capacitación para docentes, entre otros; de igual forma
optimizar el tiempo que se ocupa en estas actividades.
Para llevar a cabo éste proyecto, primeramente deberemos contratar un hosting y
dominio para ser reconocido por la World Wide Web (www.), seguido de esto se
deberá configurar el portal para que pueda enlazarse con diferentes enlaces web y
se editará con el gestor de contenido Drupal. Hecho todo esto el portal pasará a
través de una revisión para garantizar que se elaboró de forma correcta y que
cumplirá con las necesidades de sus usuarios.
Dicho proyecto va enfocado para personal del instituto, como docentes,
trabajadores administrativos, alumnado en general y personas ajenas a la escuela
que requieran conocer información general acerca de ésta o posibles futuros
estudiantes que estén interesados en inscribirse.
Los beneficios son: optimizar tiempo tanto para dar a conocer información como
para la interacción entre estudiante/maestro, acceso a Moodle, acceso a galerías,
cursos de capacitación para docentes, alta y consulta de calificaciones, etc.

6
IMPACTO SOCIAL
El portal web ayudará a la comunidad en general a conocer información de la
institución (BATEMS), así como ayudar a la comunidad escolar a tener acceso a
noticias relevantes de la escuela, contar con acceso a Moodle e interacción
facilitada entre alumnos y docentes.
IMPACTO ECONÓMICO
Los usuarios podrán acceder al portal de manera gratuita, siendo esto una gran
oportunidad ya que la plataforma estará disponible a los usuarios a cualquier hora
y a cualquier momento sin importar su ubicación, así mismo poder ahorrar recursos
que se gastaban antes de manejar dicho portal.
IMPACTO TECNOLÓGICO
Se podrá acceder al portal web desde cualquier ubicación geográfica usando
distintas herramientas que cuenten con acceso a internet, ya que hoy en día la
tecnología es indispensable y podemos aprovecharla dándole uso a los dispositivos
tales como las computadoras, laptops, tabletas, teléfonos móviles (Smartphone) etc.
para hacer el uso acuerdo al portal web.
IMPACTO AMBIENTAL
El portal web afecta de manera indirecta al medio ambiente, puesto que solo se
utilizarán tecnologías que ya están implementadas, esto significa un importante
ahorro de materia y uso de energía, esto quiere decir que no habrá ningún daño
ecológico.

7
OBJETIVOS
OBJETIVO GENERAL
Implantar un portal web para los usuarios de Bachillerato Tecnológico Moisés Sáenz
de San Juan Bautista Tuxtepec, Oaxaca. Utilizando el gestor de contenido (CMS)
Drupal con la finalidad de optimizar tiempo y procesos para los estudiantes y
docentes que hagan uso del mismo, y dar a conocer información acerca de la
institución a dicha comunidad y personas en general.
OBJETIVOS ESPECÍFICOS
 Adquirir un dominio y hosting.
 Instalar los gestores de contenido necesarios.
 Compara el portal web con otros.
 Diseñar la estructura de navegación.
 Presentar un contenido acorde a los objetivos plateados.
 Precisar aspectos de usabilidad y accesibilidad.
 Gestionar la compatibilidad del sitio en diferentes navegadores.
 Verificar las soluciones de los tipos de equipos electrónicos para la correcta
visualización del sitio.
 Anexar los créditos de los desarrolladores que permita a los usuarios
contactarlos.

8
ESTABLECIMIENTO DE LA HIPÓTESIS
HIPÓTESIS DE TRABAJO
Con la implementación del portal web en el Bachillerato Tecnológico Moisés Sáenz,
la comunidad educativa tendrá acceso a un aula virtual de aprendizaje; los maestros
podrán realizar alta de calificaciones y darse de alta en cursos de capacitación, los
alumnos consultarán sus calificaciones, visualizaran anuncios y descargarán
archivos, así mismo tanto maestros como alumnos tendrán acceso a Moodle y
galería de imágenes sobre la escuela, y los administradores realizarán la gestión de
la información relevante de la institución.
HIPÓTESIS NULA
Sin la implementación del portal web en el Bachillerato Tecnológico Moisés Sáenz,
la comunidad educativa no tendrá acceso a un aula virtual de aprendizaje; los
maestros podrán realizar alta de calificaciones y darse de alta en cursos de
capacitación, los alumnos consultarán sus calificaciones, visualizar anuncios y
descargar archivos, así mismo tanto maestros como alumnos tendrán acceso a
Moodle y galería de imágenes sobre la escuela, y los administradores realizarán la
gestión del portal web y publicarán información relevante de la institución.
IDENTIFICACIÓN Y OPERACIONALIZACIÓN DE LAS VARIABLES
Las variables de la hipótesis de trabajo son:
VARIABLE INDEPENDIENTE
Con la implementación del portal web en el Bachillerato Tecnológico Moisés Sáenz.
VARIABLE DEPENDIENTE
La comunidad educativa tendrá acceso a un aula virtual de aprendizaje; los
maestros podrán realizar alta de calificaciones y darse de alta en cursos de
capacitación, los alumnos consultarán sus calificaciones, visualizaran anuncios y

9
descargarán archivos, así mismo tanto maestros como alumnos tendrán acceso a
Moodle y galería de imágenes sobre la escuela, y los administradores realizarán la
gestión de la información relevante de la institución.
DEFINICIÓN CONCEPTUAL
Tabla 1. Definición de variables
VARIABLES DEFINICIONES
IMPLEMENTACIÓN Poner en funcionamiento la solución del
problema.
PORTAL WEB Es un sitio dinámico el cual cuenta con
soporte para imágenes, video, audio y
conexión a base de datos.
ENTORNO VIRTUAL DE
APRENDIZAJE
Es un espacio educativo alojado en la
web, un conjunto de herramientas
informáticas que posibilitan la
interacción didáctica de manera que el
alumno pueda llevar a cabo las labores
propias de la docencia como son
conversar, leer documentos, realizar
ejercicios, formular preguntas al
docente, trabajar en equipo, etc. Todo
ello de forma simulada sin que medie
una interacción física entre docentes y
alumnos.

10
GESTIÓN DEL PORTAL WEB Realizar altas, bajas, modificaciones y
consulta de calificaciones y del portal en
general.
DEFINICIÓN OPERATIVA DE LAS VARIABLES
Variables Dimensión Indicador
Variable
independiente
Con la implementación del
portal web en el Bachillerato
Tecnológico Moisés Sáenz.
 Necesidad de un portal web.
 Necesidad de optimizar
tiempo y procesos.
Variables
dependiente
Mejorar la calidad de
enseñanza a los alumnos y
facilitar los procesos
educativos a los maestros.
 Plataforma Moodle.
 Cursos de capacitación.
 Sección de noticias en orden
de publicación.
Los administradores tendrán
mayor gestión de portal.
 Gestión del portal web

11
FUNDAMENTO TEÓRICO
1. HISTORIA DE LA WEB.
La Web fue creada alrededor de 1990 por el inglés Tim Berners-Lee y el belga
Robert Cailliau mientras trabajaban en el CERN en Ginebra, Suiza. Desde entonces,
Berners-Lee ha jugado un papel activo guiando el desarrollo de estándares Web
(como los lenguajes de marcado con los que se crean las páginas Web), y en los
últimos años ha abogado por su visión de una Web Semántica.
La idea subyacente de la Web se remonta a la propuesta de Vannevar Bush en los
años 40 sobre un sistema similar: a grandes rasgos, un entramado de información
distribuida con una interfaz operativa que permite el acceso tanto a la misma como
a otros artículos relevantes determinados por claves. Este proyecto nunca fue
materializado, quedando relegado al plano teórico bajo el nombre de MEMEX. Es
en los años 50 cuando Ted Nelson realiza la primera referencia a un sistema de
hipertexto, donde la información es enlazada de forma libre. Pero no es hasta 1980,
con un soporte operativo tecnológico para la distribución de información en redes
informáticas, cuando Tim Berners-Lee propone ENQUIRE al CERN (refiriéndose a
Enquire Within Upon Everything, en castellano Preguntando de Todo Sobre Todo),
donde se materializa la realización práctica de este concepto de incipientes
nociones de la Web.
En marzo de 1989, Tim Berners Lee, ya como personal de la división DD del CERN,
redacta la propuesta, que referenciaba a ENQUIRE y describía un sistema de
gestión de información más elaborado. No hubo un bautizo oficial o un acuñamiento
del término Web en esas referencias iniciales utilizándose para tal efecto el término
mesh. Sin embargo, el World Wide Web ya había nacido. Con la ayuda de Robert
Cailliau, se publicó una propuesta más formal para la World Wide web el 12 de
noviembre de 1990.
Berners-Lee usó un NeXTcube como el primer servidor Web del mundo y también
escribió el primer navegador Web, WorldWideWeb en 1990. En las Navidades del

12
mismo año, Berners-Lee había creado todas las herramientas necesarias para que
una Web funcionase: el primer navegador Web (el cual también era un editor Web),
el primer servidor Web y las primeras páginas web] que al mismo tiempo describían
el proyecto.
El 6 de agosto de 1991, envió un pequeño resumen del proyecto World Wide Web
al newsgroup] alt.hypertext. Esta fecha también señala el debut de la Web como un
servicio disponible públicamente en Internet.
El concepto, subyacente y crucial, del hipertexto tiene sus orígenes en viejos
proyectos de la década de los 60, como el Proyecto Xanadu de Ted Nelson y el
sistema on-line NLS de Douglas Engelbart. Los dos, Nelson y Engelbart, estaban a
su vez inspirados por el ya citado sistema basado en microfilm "memex", de
Vannevar Bush.
El gran avance de Berners-Lee fue unir hipertexto e Internet. En su libro Weaving
the Web (en castellano, Tejiendo la Red), explica que él había sugerido
repetidamente que la unión entre las dos tecnologías era posible para miembros de
las dos comunidades tecnológicas, pero como nadie aceptó su invitación, decidió,
finalmente, hacer frente al proyecto él mismo. En el proceso, desarrolló un sistema
de identificadores únicos globales para los recursos web y también: el Uniform
Resource Identifier.
World Wide Web tenía algunas diferencias de los otros sistemas de hipertexto que
estaban disponibles en aquel momento:
WWW sólo requería enlaces unidireccionales en vez de los bidireccionales. Esto
hacía posible que una persona enlazara a otro recurso sin necesidad de ninguna
acción del propietario de ese recurso. Con ello se reducía significativamente la
dificultad de implementar servidores Web y navegadores (en comparación con los
sistemas anteriores), pero en cambio presentaba el problema crónico de los enlaces
rotos.

13
A diferencia de sus predecesores, como HyperCard, World Wide Web era no-
propietario, haciendo posible desarrollar servidores y clientes independientemente
y añadir extensiones sin restricciones de licencia. (Galeon.com, 2009)
1.2 HISTORIA BREVE DE LOS SITIOS WEB.
Millenium (2003), nos dice que es un conjunto de archivos electrónicos y páginas
Web referentes a un tema en particular, que Incluye una página inicial de bienvenida
generalmente denominada home page, con un nombre de dominio y dirección en
Internet específicos. Estos sitios son empleados por las instituciones públicas y
privadas, organizaciones e individuos para comunicarse con el mundo entero. En el
caso particular de las empresas, este mensaje tiene que ver con la oferta de sus
bienes y servicios a través de Internet, y en general para hacer más eficientes sus
funciones de mercadotecnia.
Un Sitio Web para LaQuey, y Ryer (1995), no necesariamente debe localizarse en
el sistema de cómputo de su negocio. Los documentos que integran el Sitio Web
pueden ubicarse en un equipo en Otra localidad, inclusive en Otro país. El único
requisito es que el equipo en el que residan los documentos esté conectado a la
red mundial de Internet. Este equipo de cómputo o Servidor Web, como se le
denomina técnicamente, puede contener más de un sitio Web y atender
concurrentemente a los visitantes de cada uno de los diferentes sitios. Al Igual que
los edificios, oficinas y casas, los Sitios Web requieren de dirección particular para
que los usuarios puedan acceder a la información contenida en ellos; como se
mencionó anteriormente. Estas direcciones, o URLs (por sus siglas en Inglés
Uniform Resource Locutor), aparecen cotidianamente en todos los medios de
comunicación como son prensa escrita, radio, televisión, revistas, publicaciones
técnicas y en el propio Internet a través de los motores de búsqueda (por su
denominación en Inglés search engines). Los nombres de estos sitios Web
obedecen a un sistema mundial de nomenclatura y están regidos por el Internet
Corporation for Assigned Names and Numbers (ICANN).

14
Los Sitios Web pueden ser de diversos géneros, destacando los sitios de negocios,
servicio, comercio electrónico en línea, imagen corporativa, entretenimiento y sitios
informativos. Por Otro lado una página Web es una pieza electrónica de información
que es vista a través de una computadora que está permanentemente conectada a
la Internet, dejando que los navegadores la vean, aunque New Forest Online (2001),
tiene una definición más sencilla:
“Un sitio Web provee información al observador, esta información es producida a
color y puede tener animación, imágenes, productos Inclusive puedes hacer
compras directamente de la misma. Virtualmente no hay límite a lo que puede ser
mostrado en una página web.”
Desde un punto de vista de negocios, provee una herramienta de marketing a un
precio relativamente bajo. (Galeon.com, 2009)
1.2.1 SITIO WEB.
Internet es una red internacional de redes: INTERnational NETwork.
Internet es la Red de Información y Publicidad más grande del mundo. Usted, sus
emprendimientos o su empresa deben lograr presencia en internet, y para
pertenecer a esta red de información, deben hacerlo a través de un sitio web, pero
no todo lo que brilla es oro. Para lograr con éxito el desarrollo de un sitio web, se
debe considerar un profundo análisis de los objetivos del sitio, en el caso que se
trate de una empresa, analizar la competencia y los clientes, y de esta manera
determinar como imponerse en este mega entorno que no para de crecer, llamado
Internet.

15
Internet es un conjunto de redes, redes de ordenadores y equipos físicamente
unidos mediante cables que conectan puntos de todo el mundo.
Los inicios de Internet nos remontan a los años 60. En plena guerra fría, Estados
Unidos crea una red exclusivamente militar, con el objetivo de que, en el hipotético
caso de un ataque ruso, se pudiera tener acceso a la información militar desde
cualquier punto del país.
Esta red se creó en 1969 y se llamó ARPANET. En principio, la red contaba con 4
ordenadores distribuidos entre distintas universidades del país. Dos años después,
ya contaba con unos 40 ordenadores conectados. Tanto fue el crecimiento de la red
que su sistema de comunicación se quedó obsoleto. Entonces dos investigadores
crearon el Protocolo TCP/IP, que se convirtió en el estándar de comunicaciones
dentro de las redes informáticas (actualmente seguimos utilizando dicho protocolo).
ARPANET siguió creciendo y abriéndose al mundo, y cualquier persona con fines
académicos o de investigación podía tener acceso a la red.
Las funciones militares se desligaron de ARPANET y fueron a parar a MILNET, una
nueva red creada por los Estados Unidos.
La NSF (National Science Fundation) crea su propia red informática llamada
NSFNET, que más tarde absorbe a ARPANET, creando así una gran red con
propósitos científicos y académicos.
El desarrollo de las redes fue abismal, y se crean nuevas redes de libre acceso que
más tarde se unen a NSFNET, formando el embrión de lo que hoy conocemos como
INTERNET.
En 1985 la Internet ya era una tecnología establecida, aunque conocida por unos
pocos. El autor William Gibson hizo una revelación: el término "ciberespacio". En
ese tiempo la red era básicamente textual, así que el autor se basó en los
videojuegos. Con el tiempo la palabra "ciberespacio" terminó por ser sinónimo de
Internet.

16
El desarrollo de NSFNET fue tal que hacia el año 1990 ya contaba con alrededor de
100.000 servidores.
En el Centro Europeo de Investigaciones Nucleares (CERN), Tim Berners Lee
dirigía la búsqueda de un sistema de almacenamiento y recuperación de datos.
Berners Lee retomó la idea de Ted Nelson (un proyecto llamado "Xanadú") de usar
hipervínculos. Robert Caillau quien cooperó con el proyecto, cuanta que en 1990
deciden ponerle un nombre al sistema y lo llamarón World Wide Web (WWW) o
telaraña mundial.
La nueva fórmula permitía vincular información en forma lógica y a través de las
redes. El contenido se programaba en un lenguaje de hipertexto con "etiquetas" que
asignaban una función a cada parte del contenido. Luego, un programa de
computación, un intérprete, eran capaz de leer esas etiquetas para desplegar la
información. Ese intérprete sería conocido como "navegador" o "browser".
En 1993 Marc Andreesen produjo la primera versión del navegador "Mosaic", que
permitió acceder con mayor naturalidad a la WWW.
La interfaz gráfica iba más allá de lo previsto y la facilidad con la que podía
manejarse el programa abría la red a los legos. Poco después Andreesen encabezó
la creación del programa Netscape.
A partir de entonces Internet comenzó a crecer más rápido que otro medio de
comunicación, convirtiéndose en lo que hoy todos conocemos.
Algunos de los servicios disponibles en Internet aparte de la WEB son el acceso
remoto a otras máquinas (SSH y telnet), transferencia de archivos (FTP), correo
electrónico (SMTP), conversaciones en línea (IMSN MESSENGER, ICQ, YIM, AOL,
jabber), transmisión de archivos (P2P, P2M, descarga directa), etc. (Galeon.com,
2009)

17
1.2.2 INTERNET.
Internet es una red internacional de redes: INTERnational NETwork.
Internet es la Red de Información y Publicidad más grande del mundo. Usted, sus
emprendimientos o su empresa deben lograr presencia en internet, y para
pertenecer a esta red de información, deben hacerlo a través de un sitio web, pero
no todo lo que brilla es oro. Para lograr con éxito el desarrollo de un sitio web, se
debe considerar un profundo análisis de los objetivos del sitio, en el caso que se
trate de una empresa, analizar la competencia y los clientes, y de esta manera
determinar como imponerse en este mega entorno que no para de crecer, llamado
Internet.
Internet es un conjunto de redes, redes de ordenadores y equipos físicamente
unidos mediante cables que conectan puntos de todo el mundo.
Los inicios de Internet nos remontan a los años 60. En plena guerra fría, Estados
Unidos crea una red exclusivamente militar, con el objetivo de que, en el hipotético
caso de un ataque ruso, se pudiera tener acceso a la información militar desde
cualquier punto del país.
Esta red se creó en 1969 y se llamó ARPANET. En principio, la red contaba con 4
ordenadores distribuidos entre distintas universidades del país. Dos años después,
ya contaba con unos 40 ordenadores conectados. Tanto fue el crecimiento de la red
que su sistema de comunicación se quedó obsoleto. Entonces dos investigadores
crearon el Protocolo TCP/IP, que se convirtió en el estándar de comunicaciones
dentro de las redes informáticas (actualmente seguimos utilizando dicho protocolo).
ARPANET siguió creciendo y abriéndose al mundo, y cualquier persona con fines
académicos o de investigación podía tener acceso a la red.
Las funciones militares se desligaron de ARPANET y fueron a parar a MILNET, una
nueva red creada por los Estados Unidos.

18
La NSF (National Science Fundation) crea su propia red informática llamada
NSFNET, que más tarde absorbe a ARPANET, creando así una gran red con
propósitos científicos y académicos.
El desarrollo de las redes fue abismal, y se crean nuevas redes de libre acceso que
más tarde se unen a NSFNET, formando el embrión de lo que hoy conocemos como
INTERNET.
En 1985 la Internet ya era una tecnología establecida, aunque conocida por unos
pocos. El autor William Gibson hizo una revelación: el término "ciberespacio". En
ese tiempo la red era básicamente textual, así que el autor se basó en los
videojuegos. Con el tiempo la palabra "ciberespacio" terminó por ser sinónimo de
Internet.
El desarrollo de NSFNET fue tal que hacia el año 1990 ya contaba con alrededor de
100.000 servidores.
En el Centro Europeo de Investigaciones Nucleares (CERN), Tim Berners Lee
dirigía la búsqueda de un sistema de almacenamiento y recuperación de datos.
Berners Lee retomó la idea de Ted Nelson (un proyecto llamado "Xanadú") de usar
hipervínculos. Robert Caillau quien cooperó con el proyecto, cuanta que en 1990
deciden ponerle un nombre al sistema y lo llamarón World Wide Web (WWW) o
telaraña mundial.
La nueva fórmula permitía vincular información en forma lógica y a través de las
redes. El contenido se programaba en un lenguaje de hipertexto con "etiquetas" que
asignaban una función a cada parte del contenido. Luego, un programa de
computación, un intérprete, eran capaz de leer esas etiquetas para desplegar la
información. Ese intérprete sería conocido como "navegador" o "browser".
En 1993 Marc Andreesen produjo la primera versión del navegador "Mosaic", que
permitió acceder con mayor naturalidad a la WWW.

19
La interfaz gráfica iba más allá de lo previsto y la facilidad con la que podía
manejarse el programa abría la red a los legos. Poco después Andreesen encabezó
la creación del programa Netscape.
A partir de entonces Internet comenzó a crecer más rápido que otro medio de
comunicación, convirtiéndose en lo que hoy todos conocemos.
Algunos de los servicios disponibles en Internet aparte de la WEB son el acceso
remoto a otras máquinas (SSH y telnet), transferencia de archivos (FTP), correo
electrónico (SMTP), conversaciones en línea (IMSN MESSENGER, ICQ, YIM, AOL,
jabber), transmisión de archivos (P2P, P2M, descarga directa), etc.
(Galeon.com, 2009)
1.2.3 WORLD WIDE WEB.
World Wide Web (o la "Web") o Red Global Mundial es un sistema de documentos
de hipertexto y/o hipermedios enlazados y accesibles a través de Internet. Con un
navegador Web, un usuario visualiza páginas Web que pueden contener texto,
imágenes, vídeos u otros contenidos multimedia, y navega a través de ellas usando
hiperenlaces. (Galeon.com, 2009)
1.2.4 SERVIDORES WEB.
Servidor Web. Es un programa que gestiona cualquier aplicación en el lado del
servidor realizando conexiones bidireccionales y/o unidireccionales y síncronas o
asíncronas con el cliente generando una respuesta en cualquier lenguaje o
aplicación en el lado del cliente. El código recibido por el cliente suele ser compilado
y ejecutado por un Navegador Web. Para la transmisión de todos estos datos se
utiliza algún protocolo. Generalmente se utiliza el protocolo HTTP para estas
comunicaciones, perteneciente a la capa de aplicación del Modelo OSI. El término

20
también se emplea para referirse al ordenador que ejecuta el programa.
(Galeon.com, 2009)
1.2.5 HISTORIA DE LOS SERVIDORES WEB.
Los Servicios Web surgieron ante una necesidad de estandarizar la comunicación
entre distintas plataformas (PC, Mainframe, Mac, etc.) y lenguajes de programación
(PHP, C, Java, etc.).
En la década de los 90's Internet permitió conectar computadoras en una escala
global. En principio la conexión fue entre PCs y servidores por medio del explorador
de Internet. A comienzos de este siglo es clara la necesidad de permitir a las
computadoras conectadas a Internet comunicarse entre ellas. Desde entonces se
va dando forma al nuevo modelo de computación distribuida llamado servicios Web
basados en XML. El objetivo es permitir comunicarse entre sí a sistemas
heterogéneos dentro y fuera de la empresa. Esta comunicación es independiente
del Sistema Operativo, lenguaje o modelo de programación. Para conseguir esto se
desarrollaron estándares. El consorcio de Internet http://www.w3c.org fue el
encargado de crear y mantener estos estándares.
Un servidor web es un programa que sirve datos en forma de Páginas Web,
hipertextos o páginas HTML (HyperText Markup Language): textos complejos con
enlaces, figuras, formularios, botones y objetos incrustados como animaciones o
reproductores de sonidos. La comunicación de estos datos entre cliente y servidor
se hace por medio un protocolo, concretamente del protocolo Http. Con esto, un
servidor Web se mantiene a la espera de peticiones HTTP, que son ejecutadas por
un cliente HTTP; lo que solemos conocer como un Navegador Web. A modo de
ejemplo: al teclear (http://www.cnice.mec.es) en un navegador, éste realizará una
petición HTTP al servidor que tiene asociada dicha URL.
El servidor responde al cliente enviando el código HTML de la página; el navegador
cuando recibe el código, lo interpreta y lo muestra en pantalla. El Cliente es el

21
encargado de interpretar el código HTML, es decir, de mostrar las fuentes, los
colores y la disposición de los textos y objetos de la página. El servidor se encarga
de transferir el código de la página sin llevar a cabo ninguna interpretación de la
misma.
 Servidor Web Local.
Tener un servidor Web local debería ser fundamental para todas aquellas
personas que no disponen de un Sitio Web online. El Servidor local nos va a
permitir comprobar que todas las modificaciones que se van a realizar en
nuestro diseños Web, no provoquen algún error que pueda afectar a todos
aquellos usuarios que naveguen por la red. Otro aspecto positivo de un
Servidor local, es que no hará falta tener que subir ficheros al servidor Ftp
para hacer nuestras pruebas con lo cual, la espera se hace más corta.
Como es de suponer, también se permite el acceso a nuestro servidor a
cualquier usuario de Internet. Para ello, se configura correctamente el Router
y sería de mucha ayuda tener una dirección IP estática, mediante la cual
cualquier usuario podría conectarse a nuestro servidor desde un navegador.
(Galeon.com, 2009)
Figura 1. Cliente/Servidor.

22
2. CONCEPTUALIZACIÓN DE LOS SITIOS WEB.
2.1 QUE ES UN SITIO WEB.
Un sitio web es un conjunto de páginas web desarrolladas en código html,
relacionadas a un dominio de Internet el cual se puede visualizar en la World Wide
Web (www) mediante los navegadores web o también llamados browser como ser
Chrome, Firefox, Edge, Opera entre otros.
Cada página web perteneciente al sitio web tiene como objetivo publicar contenido,
y este contenido podrá ser visible o no al público. (Galeon.com, 2009)
2.2 CLASIFICACIÓN DE SITIOS WEB.
Los sitios web se pueden clasificar en dos tipos:
Sitios Web Estáticos: Se denomina sitio web estático a aquellos que no acceden
a una base de datos para obtener el contenido. Por lo general un sitio web estático
es utilizado cuando el propietario del sitio no requiere realizar un continuo cambio
en la información que contiene cada página.
Sitios Web Dinámicos: Por el contrario los sitios web dinámicos son aquellos que
acceden a una base de datos para obtener los contenidos y reflejar los resultados
obtenidos de la base de datos, en las páginas del sitio web. El propietario del sitio
web podrá agregar, modificar y eliminar contenidos del sitio web a través de un
“sistema web”, generalmente con acceso restringido al público mediante usuario y
contraseña, el cual se denomina BACK END.
Se asume que a la hora de contratar el desarrollo de un sitio web, el propietario,
especificará al desarrollador web, la cantidad de páginas que contendrá el sitio,
discriminando si son dinámicas o estáticas.

23
El tener un Sitio Web puede incidir positivamente en los resultados de todas las
áreas funcionales de la empresa como marketing y comercial, ventas, compras,
recursos humanos, y administración entre otras; ofreciendo al navegante todo tipo
de información y servicios de valor agregado para sus clientes, tales como:
 Información institucional, servicios ofrecidos, catálogo de productos,
actividades, fotos, videos, formas de contacto, etcétera.
 Promocionar producto o servicios mediante cupones de ventas online,
banners, publicidad, sponsors, inscripciones, cursos.
 y toda información necesaria para el interesado, que sean relevantes para la
persona que está navegando.
(Galeon.com, 2009)
2.3 TIPOS DE SITIOS WEB.
2.3.1 INSTITUCIONALES.
Son denominados así, aquellos sitios web sencillos que contienen información
básica de la empresa.
No suelen contener grandes volúmenes de información, al tratarse de algo
institucional debería contener:
 Home o página Principal
 Acerca de (Misión, visión, valores, objetivos )
 Servicios (Detalle de cada servicio ofrecidos por la empresa)
 Ubicación (mapa de ubicación de la oficina comercial y sucursales)
 Contacto (dirección, teléfonos y formulario de contacto)
(Galeon.com, 2009)

24
2.3.2 ONEPAGE.
Son aquellos sitios que concentran toda su información en una sola página y el
usuario va accediendo al contenido a medidas que va desplazando hacia abajo con
el mouse o el teclado.
Es un concepto relativamente nuevo que se está utilizando bastante y es de bajo
costo.
La información contenida suele ser bastante reducida pero no deja de ser efectiva
si está bien lograda y segmentada la información. (Galeon.com, 2009)
2.3.3 BLOGS.
Los blogs son sitios web generalmente de carácter personal, con publicaciones que
contienen un orden cronológico, de actualización dinámica y continua.
Los blogs tienen la particularidad de almacenar artículos escritos por uno o más
autores, de diferentes temáticas y buscan lograr un feedback (intercambio de
opiniones) entre los escritores y los lectores a través de comentarios.
Los blogs están comprendidos dentro de los sitios web dinámicos. (Galeon.com,
2009)
2.3.4 SITIOS E-COMMERCE.
Son aquellos sitios que permiten realizar un comercio electrónico mediante el sitio
web, también llamados como carritos de compras o ventas.
Estos sitios web permiten realizar transacciones entre comprador y vendedor
permitiendo:

25
 Realizar compra-venta mediante tarjeta de crédito.
 Realizar un pedido online.
 Reserva de producto o servicio.
(Galeon.com, 2009)
2.4 PORTAL.
Según Millenium (2003), Portal es un término, sinónimo de puente, para referirse a
un Sitio Web que sirve o pretende servir como un sitio principal de partida para las
gentes que se conectan al World Wide Web Son sitios que los usuarios tienden a
visitar como sitios ancla. Los portales tienen gran reconocimiento en Internet por el
poder de influencia que tienen sobre grandes comunidades.
La idea del autor es emplear estos portales para localizar la información y los sitios
que nos Interesan y de ahí comenzar nuestra actividad en Internet. Un Sitio Web no
recibe el rango de portal por tratarse de un sitio robusto, importante o por contener
información relevante; un portal es más bien una plataforma de despegue para la
navegación en el Web. (Galeon.com, 2009)
2.5 HYPERTEXT MARKUP LANGUAGE.
Martínez, A. (1995) dice que HTML es un lenguaje muy sencillo que permite
describir hipertexto, es decir texto presentado de forma estructurada y agradable,
con enlaces (hyperlinks) que conducen a otros documentos o fuentes de
información relacionadas y con inserciones multimedia (gráficos, sonido, entre
otros). La descripción se basa en especificar en el texto la estructura lógica del
contenido (títulos, párrafos de texto normal, enumeraciones, definiciones, citas,
entre Otros), así como los diferentes efectos que se quieren dar, (especificar los
lugares del documento donde se debe poner cursiva, negrita, o un gráfico
determinado) y dejar que luego la presentación final de dicho hipertexto se realice

26
por un programa especializado Mosaic, o Netscape otra definición que nos da
Cuervo (2001), es que HTML (Hyper Text Markup Language) es un lenguaje para
crear documentos para la Word Wide Web mediante el uso de etiquetas; dentro de
este lenguaje se puede incluir texto, imágenes, elementos multimedia, enlaces a
otras páginas.
El organismo que gestiona la especificacióndel lenguaje HTML es W3C (Word Wide
Web Consortium), el cual se puede encontrar en http://www.w3c.org.
Si bien en un principio se pensó que el HTML era un lenguaje portable a diferentes
maquinas en su totalidad, ya fuesen MAC, UNIX, hoy en día cada empresa ha ido
generando sus variaciones sobre los estándares, por lo que puede suceder que
haya algunas etiquetas que no sean visualizados por algunos navegadores. Para
desarrollar páginas mediante HTML, bien se puede hacer mediante la edición de un
documento de texto con cualquier procesador de textos, o bien se puede utilizar
algún programa de los muchos que hay en el mercado para la edición de páginas
HTML. (Galeon.com, 2009)
2.6 HYPERTEXT TRANSFER PROTOCOL.
Webopedia (2003), nos dice que el Hypertext Transfer Protocol (HITP) es un
protocolo que facilita la transferencia de archivos de hipertexto entre sistemas
locales y remotos. Además define cómo los mensajes son formulados y
transmitidos, y que acción los servidores y navegadores deben tomar en repuesta
a varios comandos. Por ejemplo cuando se entra a un URL en un navegador, lo que
realmente sucede es que se está mandando un comando HTTP al servidor de la
red, y éste lo dirige para agarrar y transmitir la página Web.
La definición de Terra (2003), sobre HTTP es que es el método utilizado para
transferir ficheros hipertexto por Internet. En el World Wide Web las páginas escritas

27
en HTML utilizan el hipertexto para enlazar con otros documentos, al pulsar en un
hipertexto, se salta a otra página Web, fichero de sonido, o imagen.
La transferencia de hipertexto es simplemente la transferencia de ficheros de un
ordenador a otro. El protocolo de transferencia hipertexto es el conjunto de reglas
utilizadas por los ordenadores para transferir ficheros hipertexto, páginas web por
internet. (Galeon.com, 2009)
2.7 UNIFORM RESOURCE LOCUTOR.
La definición de webopedia (2003), sobre Uniform Resource Locutor (URL) es la
forma en la que se localiza algún sito 0 dirección web La primera parte de la
dirección indica que protocolo se usa, la segunda parte especifica la dirección IP o
el nombre del dominio de donde el recurso está localizado.
Nos referimos a "recurso", pues un vínculo no necesariamente será a otra página,
aunque sea lo habitual. Estos recursos pueden ser, imágenes, archivos de sonido,
videos, archivos comprimidos, documentos en algún formato de texto especial, etc.
Por lo general el browser tratará de interpretar el vínculo, y lo desplegará, de lo
contrario dará la posibilidad de ejecutarlo o guardarlo en su disco duro. Lo último
sucede y es utilizado frecuentemente para dejar disponible en el sitio web,
documentos comprimidos o "zipeados", con el conocido programa winzip.
(Universidad Tecnológica Metropolitana, 2003).
(Galeon.com, 2009)

28
2.8 DOMINIOS.
Un dominio de Internet es un nombre base que agrupa a un conjunto de equipos o
dispositivos y que permite proporcionar nombres de equipo más fácilmente
recordables en lugar de una dirección IP numérica. Permiten a cualquier servicio
(de red) moverse a otro lugar diferente en la topología de Internet, que tendrá una
dirección IP diferente. Técnicamente, es un recurso nemotécnico que se asocia a
nodos de la red Internet con el objeto de facilitar su identificación, constituido por
expresiones alfanuméricas concatenadas en varios niveles organizados de forma
jerárquica.
Un Dominio es el nombre que registra para identificar un lugar en Internet. En la red
opera como la dirección virtual y escaparate de marca.
Es el único identificador que tenemos para ser localizados en Internet, es como
nuestro domicilio virtual.
Podemos definir al dominio como: Nombre que se asigna al conjunto de equipos o
dispositivos y que permite proporcionar nombres de equipo más fácilmente
recordables en lugar de una dirección IP numérica.
Tipos de Dominios.
 Web, Web es un dominio de Internet de nivel superior.
 aero, para la Industria del transporte aéreo.
 asia, la región de Asia + Oceanía.
 biz, para los Negocios.
 cat, para páginas en catalán.
 com, para fines comerciales.
 coop, para Cooperativas.
 edu, para Educación.
 es, para páginas españolas.
 eu, la región de Europa.

29
 gov y .gob, para Gobierno y Entidades Públicas.
 info, para Información.
 int, para Entidades Internacionales, organizaciones como la ONU.
 jobs, para Departamentos de empleo y recursos humanos en empresas.
 mil, para el Departamento de Defensa de los Estados Unidos (Único país
con dominio de primer nivel para el ejército).
 mobi, para empresas de telefonía móvil o servicios para móvil.
 museum, para los Museos.
 name, para Nombres de personas.
 net, para Infraestructura de red.
 org, para organizaciones.
 pro, para profesionales con una titulación universitaria.
 tel, para servicios de comunicación por Internet.
 travel, para páginas de la industria de viajes y turismo.
2.8.1 DOMINIOS TERRITORIALES.
Son los dominios mantenidos por cada país. Para proteger la identidad de tu marca
o proyecto personal en un país es importante registrar tu dominio con este tipo de
extensión.
Este tipo de Dominios se componen de dos letras; por ejemplo .mx se utiliza para
México, .es para España, .co para Colombia, etc.
Ejemplo
www.___________.com.mx
Existen diferentes Dominios Territoriales como son:

30
 com.mx
 gob.mx
 net.mx
 edu.mx
2.8.2 DOMINIOS GENÉRICOS.
Son todos aquellos dominios básicos que no tienen registrado el lugar de origen del
Dominio, y pueden ser registrados por cualquier persona o empresa de cualquier
parte del mundo.
 com - Se usa para sitios comerciales y personales
 org - Recomendado para organizaciones no lucrativas
 net - Se recomienda para compañías relacionadas con la infraestructura de
Internet
Pueden ser registrados por todo tipo de personas físicas y jurídicas de cualquier
parte del mundo sin requerimientos especiales. Este tipo de dominios son
económicos y de registro muy rápido. En Guidom.com recomendamos este tipo de
registro de dominios, son los que tienen más uso en la red.
 .com: Son los más acertados para empresas u organizaciones con ánimo de
lucro. La red está llena de .com, por lo que registrando un dominio.
Este tipo, su organización adquirirá un aspecto de globalidad.
 .eu: Dominios relativos a Europa. Son asignados por EURID.
 .org: Para todo tipo de organizaciones sin ánimo de lucro.
 .net: Usados mayoritariamente por empresas de Internet y
Telecomunicaciones.

31
 .edu: Usados para fines educativos.
 .mil: Exclusivamente para todo tipo de organizaciones militares.
 .gov: Para los gobiernos.
2.8.3 DOMINIOS ESTATALES.
 .es: Relativos al territorio español. Son asignados por ESNIC. Recientemente
liberalizados.
 .au: Australia.
 .fr: Francia.
 .de: Alemania.
 .mx: México.
 .uk: Reino Unido.
(Galeon.com, 2009)

32
3. LENGUAJES MÁS USUALES PARA LA CREACIÓN DE UN SITIO
WEB.
3.1 LENGUAJE HTML.
Desde el surgimiento de internet se han publicado sitios web gracias al
lenguaje HTML. Es un lenguaje estático para el desarrollo de sitios web (acrónimo
en inglés de HyperText Markup Language, en español Lenguaje de Marcas
Hipertextuales). Desarrollado por el World Wide Web Consortium (W3C). Los
archivos pueden tener las extensiones (htm, html).
Sintaxis:
<html> (Inicio del documento HTML)
<head>
( Cabecera )
</head>
<body>
( Cuerpo )
</body>
</html>
<b> </b> Negrita.
<p> </p> Definir párrafo.
<etiqueta> Apertura de la etiqueta.
</etiqueta> Cierre de la etiqueta.

33
Ventajas:
 Sencillo que permite describir hipertexto.
 Texto presentado de forma estructurada y agradable.
 No necesita de grandes conocimientos cuando se cuenta con un editor de
páginas web o WYSIWYG.
 Archivos pequeños.
 Despliegue rápido.
 Lenguaje de fácil aprendizaje.
 Lo admiten todos los exploradores.
Desventajas:
 Lenguaje estático.
 La interpretación de cada navegador puede ser diferente.
 Guarda muchas etiquetas que pueden convertirse en “basura” y dificultan la
corrección.
 El diseño es más lento.
 Las etiquetas son muy limitadas.
(Galeon.com, 2009)

34
3.2 LENGUAJE JAVASCRIPT.
Este es un lenguaje interpretado, no requiere compilación. Fue creado por Brendan
Eich en la empresa Netscape Communications. Utilizado principalmente en páginas
web. Es similar a Java, aunque no es un lenguaje orientado a objetos, el mismo no
dispone de herencias. La mayoría de los navegadores en sus últimas versiones
interpretan código Javascript.
El código Javascript puede ser integrado dentro de nuestras páginas web. Para
evitar incompatibilidades el World Wide Web Consortium (W3C) diseño un estándar
denominado DOM (en inglés Document Object Model, en su traducción al español
Modelo de Objetos del Documento).
Sintaxis:
<script type="text/javascript"> ... </script>
Ventajas:
 Lenguaje de scripting seguro y fiable.
 Los script tienen capacidades limitadas, por razones de seguridad.
 El código Javascript se ejecuta en el cliente.
Desventajas:
 Código visible por cualquier usuario. Todas as imágenes deben de llevar
nombre y número.
 El código debe descargarse completamente.

35
 Puede poner en riesgo la seguridad del sitio, con el actual problema llamado
XSS (significa en inglés Cross Site Scripting renombrado a XSS por su
similitud con las hojas de estilo CSS).
(Galeon.com, 2009)
3.3 LENGUAJE PHP.
Es un lenguaje de programación utilizado para la creación de sitio web. PHP es un
acrónimo recursivo que significa “PHP Hypertext Pre-processor”, (inicialmente se
llamó Personal Home Page). Surgió en 1995, desarrollado por PHP Group.
PHP es un lenguaje de script interpretado en el lado del servidor utilizado para la
generación de páginas web dinámicas, embebidas en páginas HTML y ejecutadas
en el servidor. PHP no necesita ser compilado para ejecutarse.
Para su funcionamiento necesita tener instalado Apache o IIS con las librerías de
PHP. La mayor parte de su sintaxis ha sido tomada de C, Java y Perl con algunas
características específicas. Los archivos cuentan con la extensión (php).
La sintaxis utilizada para incorporar código PHP es la siguiente:
<?
$mensaje = “Hola”;
echo $mensaje;
?>
También puede usarse:
<?php

36
$mensaje = “Hola”;
echo $mensaje;
?>
Ventajas:
 Muy fácil de aprender.
 Se caracteriza por ser un lenguaje muy rápido.
 Soporta en cierta medida la orientación a objeto. Clases y herencia.
 Es un lenguaje multiplataforma: Linux, Windows, entre otros.
 Capacidadde conexión con la mayoría de los manejadores de base de datos:
MysSQL, PostgreSQL, Oracle, MS SQL Server, entre otras.
 Capacidad de expandir su potencial utilizando módulos.
 Posee documentación en su página oficial la cual incluye descripción y
ejemplos de cada una de sus funciones.
 Es libre, por lo que se presenta como una alternativa de fácil acceso para
todos.
 Incluye gran cantidad de funciones.
 No requiere definición de tipos de variables ni manejo detallado del bajo nivel.
Desventajas:
 Se necesita instalar un servidor web.
 Todo el trabajo lo realiza el servidor y no delega al cliente. Por tanto puede
ser más ineficiente a medida que las solicitudes aumenten de número.
 La legibilidad del código puede verse afectada al mezclar sentencias HTML
y PHP.

37
 La programación orientada a objetos es aún muy deficiente para aplicaciones
grandes.
 Dificulta la modularización.
 Dificulta la organización por capas de la aplicación.
Seguridad:
PHP es un poderoso lenguaje e intérprete, ya sea incluido como parte de un servidor
web en forma de módulo o ejecutado como un binario CGI separado, es capaz de
acceder a archivos, ejecutar comandos y abrir conexiones de red en el servidor.
Estas propiedades hacen que cualquier cosa que sea ejecutada en un servidor web
sea insegura por naturaleza.
PHP está diseñado específicamente para ser un lenguaje más seguro para escribir
programas CGI que Perl o C, y con la selección correcta de opciones de
configuración en tiempos de compilación y ejecución, y siguiendo algunas prácticas
correctas de programación.
(Galeon.com, 2009)

38
4. ELEMENTOS BÁSICOS DE UN SITIO WEB.
Un sitio Web debe ser sobre todo accesible y agradable. La organización inicial es
muy importante para poder utilizar eficazmente las herramientas y tomar decisiones
oportunas.
Un sitio Web es una localización en la Web que contiene varias páginas Web
organizadas jerárquicamente.
Cada sitio tiene una página de inicio que corresponde a la página principal, llamada
en inglés Home Page.
Es la primera página que se visualiza cuando se accede a un sitio tecleando el
nombre del dominio en la barra del navegador.
Un sitio tiene generalmente más de una página Web y su objetivo principal es
ofrecer la información que necesitan los usuarios y proporcionársela de manera que
puedan asignarla fácilmente. (Rodríguez, akus.net, s.f.)
Figura 2. Organización

39
4.1 ELEMENTOS QUE COMPONEN UNA PÁGINA WEB.
Las principales características que constituyen una página en Internet son: texto en
un sitio web, imágenes, nombre de dominio, hipervínculos, video, entre otros
elementos más, los cuales se describirán a continuación. (Rodríguez, akus.net, s.f.)
4.1.1 TEXTO EN UN SITIO WEB.
El texto es el elemento más significativo de cualquier sitio Web porque los usuarios
navegan por la Web fundamentalmente en busca de información expresada en
texto. (Rodríguez, akus.net, s.f.)
4.1.2 IMÁGENES.
Aunque no debe abusar de las imágenes por el riesgo de aumentar el peso de la
página, y por lo tanto, los tiempos de descarga, las imágenes constituyen un
elemento esencial para ofrecer información visual del contenido y mostrar un diseño
atractivo y personal. (Rodríguez, akus.net, s.f.)
4.1.3 ESPACIO SERVIDOR DE PÁGINAS WEB.
Para que nuestro sitio Web sea visible ante todos necesitamos colocarlo en un
servidor. (Rodríguez, akus.net, s.f.)
4.1.4 NOMBRE DE DOMINIO.
Es la primera parte de una dirección Web que identifica al servidor que almacena y
sirve su sitio. (Rodríguez, akus.net, s.f.)

40
Figura 3. Dominios
4.1.5 HIPERVÍNCULOS.
Por sí misma, una página Web no puede hacer mucho. La magia de verdad
comienza cuando relaciona varias páginas mediante enlaces. (Rodríguez, akus.net,
s.f.)
4.1.6 VIDEO.
Mientras Internet es cada vez más asequible, confiable y veloz, los programas de
edición de video se hacen más cercanos a los usuarios.
Ahora es más fácil realizar un video desde una cámara digital o un teléfono móvil
con cámara incorporada y que termine subiendo a la Web para ponerlo al alcance
de todos. (Rodríguez, akus.net, s.f.)
4.1.7 ANIMACIONES EN FLASH.
Es una imagen animada, fácil de crear y sobre todo que ocupa poca memoria. Tiene
diferentes usos, desde la creación de dibujos animados hasta el despliegue de
dibujos interactivos. (Rodríguez, akus.net, s.f.)

41
4.1.8 SONIDOS.
Un elemento cada vez más importante. La comercialización de nuevos dispositivos
digitales móviles como el iPhone ha potencializado este elemento.
Además de incorporar sonido a las páginas Web puede descargar de ellas archivos
de audio para sus dispositivos móviles.
El formato MP3 es el más conocido y más usado por su calidad y nivel de
compresión. (Rodríguez, akus.net, s.f.)
Otros elementos.
Banner: Una imagen fija o animada utilizada generalmente para publicidad.
Marcos: También llamados frames, son una especie de recuadro independiente en
el que puede cargar una página Web. De esta forma es posible dividir una página
Web en diferentes partes o ventanas, cada una con sus propios bordes y barras de
desplazamiento, cargando dentro de cada una de ellas una página web externa
independiente.
Los marcos se usaron mucho en un momento determinado, pero además de crear
algunos inconvenientes en el diseño, es una opción que no recomiendo ya que
los motores de búsqueda no indexan correctamente los sitios realizados con
marcos. Actualmente se pueden obtener los mismos resultados con CSS.
Formulario: Zona para introducir datos o comentarios. Una plantilla o página con
espacios vacíos para llenarse con alguna finalidad.
También se utiliza para referirse al conjunto de campos solicitados por un
determinado programa, los cuales se almacenan para su manipulación y uso
posterior. (Rodríguez, akus.net, s.f.)

42
4.1.9 EL DISEÑO WEB.
La Web se ha convertido en el medio de comunicación más importante del mundo
gracias a su facilidad para ofrecer información con una rapidez nunca antes
alcanzada por ningún otro medio.
Esta información puede ser consumida por cualquiera que tenga una conexión a
Internet desde cualquier parte del mundo.
El desarrollo Web es una mezcla de tecnología, contenidos, arquitectura del sitio,
diseño e interactividad.
El éxito de un sitio depende de la forma en que se combinan estos cinco factores
que determinan en gran medida la rapidez con que se genera y ofrece la
información, y por supuesto el éxito de un sitio.
Antes de analizar estos factores independientemente, debe considerar que ellos
deben garantizar que el sitio sea fácil de mantener, flexible para cambiar de tamaño
y realizar actualizaciones, atractivo y visualmente para los usuarios, interesante
para su audiencia, práctico para realizar descargas rápidas y búsquedas efectivas;
también sin vínculos rotos, ni comportamientos inadecuados.
En el contenido Web influyen la presentación, los conceptos de diseño y algunas
estrategias comunes del trabajo en Internet.
Los elementos visuales como el calor, el diseño de tipografía y las imágenes,
conforman la personalidad de un sitio y generan un impacto emocional que
determina que el sitio sea atractivo.
Aunque el objetivo final de todo diseñador sea transmitir un mensaje a una audiencia
determinada, ser un buen diseñador gráfico no significa necesariamente ser un buen
diseñador para la Web.
Cualquiera independientemente de su nivel artístico, puede conseguir un diseño
funcional con buena apariencia.

43
Un poco de experiencia y conocimiento de algunos principios básicosde diseño más
cierto grado de inspiración, originalidad y buen gusto harán que tenga parte de la
batalla ganada.
Observe los detalles de su entorno, la naturaleza el arte y sobre todo el trabajo de
otros creadores que hay en la Web.
Parece muy elemental, pero muchos olvidan las principales fuentes más asequibles
de enriquecimiento estético.
(Rodríguez, akus.net, s.f.)

44
5. METODOLOGIA PARA LA CREACIÓN DE SITIOS WEB.
La "Metodología para Creación de Sitios Web" comprende las fases siguientes, que
a continuación se presentan. (Rodríguez D. H., 2014)
5.1 FASE DE ANÁLISIS.
A la hora del desarrollo de un sitio Web se debe comenzar por dar respuesta a un
grupo muy concreto de interrogantes, que permitirán aclarar y definir de manera
básica las expectativas existentes en torno a la aplicación Web e Interacción que se
va a generar. (Rodríguez D. H., 2014)
5.1.1 SELECCIÓN DE OBJETIVOS.
Todo proyecto debe contar con objetivos definidos, contra los cuales puede medirse
la efectividad de las acciones que se desarrollen.
Green, chilcoott y Flick (2003) denominan esta etapa, resumen de objetivos, donde
establecen tres puntos primordiales para esta selección, los cuales son definir los
usuarios, lo que los usuarios esperan de la visita, y qué se pretende comunicar a
través del sitio Web.
También podemos denominarlos: selección de usuarios, expectativas de usuario y
expectativas de la organización; se describe a continuación:
 Selección de usuarios.
Los usuarios o la audiencia se refieren a aquella parte de la población a la
que se pretende alcanzar o influir con el sitio Web; esto está estrechamente
vinculado con la naturaleza del sitio que se propone. Toda la información que
se obtenga servirá para establecer parte de los criterios de diseño de
contenido, lenguajes, estética, entre otros.

45
"El modelado del usuario se basa en definir clases o perfiles de los usuarios
y así poder diseñar con el objetivo de satisfacer las necesidades propias de
cada grupo de usuarios" (Montero, Y. y Martón, F., 2003).
 Expectativas de Usuario.
La organización puede o no, ser conocida por los usuarios en potencia del
sitio. Al plantearse la puesta en marcha de un sitio Web es necesario conocer
hacia quién va dirigido éste y qué podrían esperar dichos usuarios al visitarlo.
"Tómese un tiempo para contactar con sus clientes, proveedores y amigos,
con el fin de averiguar cómo harían ellos para encontrar su sitio Web y qué
les gustaría ver en él" (Morris, S. y Dickison, P. 2002).
 Expectativas de la organización.
Es vital establecer o fijar qué resultados pretenden conseguir la organización
con la creación del sitio Web. Con ello se busca definir el propósito del sitio
Web, y se deben incluir aspectos que van desde los más generales,
relacionados con el público de destino, hasta los más específicos
relacionados con la organización.
Morrin y Dickson (2001) indican que se debe decidir si lo que se busca con
el sitio Web es: aumentar ventas, ofrecer servicios especializados y
conocimientos, publicidad y patrocinio, incentivos (productos gratis para
promoción), o para publicitar. (Rodríguez D. H., 2014)
5.2 FASE DE PLANIFICACIÓN.
Todo proyecto posee una fase de planificación. En ella se deben definir cuáles son
los requerimientos técnicos para este fin, quiénes serán los miembros del equipo,
seleccionar la estructura, planear un sitio bien organizado, y realizar estudios de
mercadeo comparativo. (Rodríguez D. H., 2014)

46
5.2.1 SELECCIÓN DE SOFTWARE.
En esta etapa de la metodología se busca determinar los requerimientos en cuanto
al software que se utilizará para el desarrollo de la aplicación; es decir, sistemas
operativos, servidor (software), editores para diseño Web, lenguajes de
programación, animaciones y otros componentes.
Esta definición dependerá de muchos aspectos como la existencia de licencias de
software o los recursos técnicos y hardware. (Rodríguez D. H., 2014)
5.2.2 SELECCIÓN DE HARDWARE.
Antes de emprender el desarrollo de una aplicación Web, se deben determinar los
requerimientos de hardware de la aplicación, el equipo servidor, la capacidad de
respuesta, terminales, requerimientos de red si la aplicación ha de disponerse de
una intranet o extranet.
En el caso que la aplicación vaya a estar publicada en Internet, se debe reservar el
dominio y ubicar el servicio de hospedaje de empresas que se especializan en este
servicio (Morrison y Dickinson). (Rodríguez D. H., 2014)
5.2.3 SELECCIÓN DEL EQUIPO ADECUADO.
"El entorno de trabajo en equipos surge de la necesidad de segmentar el proceso
de producción en varias funciones diferentes." (Green, Chilcott y Flick, 2003)
Parte de la planificación de un sitio Web consiste en pensar en términos de equipo
de trabajo.
Se trata del conjunto de técnicos que estarán a cargo de la concepción,
construcción, evaluación y mantenimiento del sitio.

47
Los miembros del equipo Web serán los responsables de todas aquellas estructuras
no visibles que hacen a la operatividad de un sitio.
El equipo se basará en la convergencia de saberes y experiencias. Debe estar
integrado por técnicos de muy diversas disciplinas, capaces de contemplar los
distintos aspectos que están en juego.
Inicialmente, la mayoría de las organizaciones tenían a cargo del sitio Web un
Webmaster que trabajaba solo, preparaba el servidor, editaba las páginas, hacía el
diseño gráfico, y escribía o reunía los textos. Con el tiempo, se ha comprendido la
complejidad de estos proyectos.
Es muy importante que el equipo tenga un líder (que puede en un futuro ser el
Webmaster o no) porque formar un equipo Web requiere un gran compromiso
personal e institucional.
Los equipos no se construyen de la noche a la mañana, ni a partir de una decisión
administrativa o un mandato. Requieren un proceso de consolidación, que pasa por
tiempos de búsqueda, acuerdos y adecuación.
Un equipo Web debe estar en constante comunicación tanto con aquellos que le
han asignado su misión, como con sus destinatarios (clientes o usuarios). Su éxito
se basa además, en una estrecha colaboración y comunicación entre sus miembros.
Cada miembro del equipo Web debe estar capacitado en su campo de trabajo (la
presencia o el nivel de experiencia de ciertos miembros del equipo puede variar
dependiendo del proyecto).
Se sugiere una lista de miembros que podrían ser parte de este equipo, de esta lista
se extrajeron los siguientes:
Jefe de proyecto: Encargado de la supervisión y control del resto del equipo. Actúa
como enlace entre el usuario y los demás miembros.

48
Productor: Este se encarga de establecer el aspecto, percepción y funcionalidad
del sitio.
Editor: Ayuda a establecer y mantener el estilo, además de la integridad del sitio.
Tiene la responsabilidad de controlar la corrección y el flujo de texto y en algunos
casos el contenido multimedia del sitio.
Escritor: Los escritores deben interesarse por los detalles técnicos y la
incorporación al desarrollo de estándares con ro al sitio, utilización de las palabras
apropiadas, ortografía y gramática. Es necesario que el escritor tenga conocimiento
de HTML, o de herramientas con FrontPage u otra aplicación.
Diseñador de bases de datos: Desarrolla las bases de datos que gestiona el sitio
Web, se ocupa de definir sus relaciones.
Diseñador de scripts: Trabajar en conjunto con el diseñador de base de datos.
Desarrolla y depura los scripts, los componentes Activex y otros elementos
interactivos en la Web.
Diseñador Gráfico: Se encarga de crear los archivos visuales del sitio, también
puede encargarse de la creación de los archivos de sonido y de película. Trabaja
con imágenes y pequeñas labores de programación
Técnico de Hardware: Configura, prueba, opera y mantiene las computadoras,
impresoras y máquinas necesarias para la ejecución y mantenimiento del sitio.
Técnico de pruebas: Si se dispone de un sitio grande o complejo puede resultar
provechoso la incorporación de un Técnico de prueba al equipo. Su labor consiste
en garantizar que todo funcione como debería, se encarga de probar los elementos
de todas las páginas.
Aunque estas funciones podrían tomarse como esenciales, la estructura siempre
vendrá determinada por el alcance del proyecto.

49
5.2.4 BENCHMARKING.
Es una manera de detallar, observar y evaluar todas aquellas páginas Web
calificadas como las mejores que se encuentre en la red, con la finalidad de diseñar
una forma que permita crear un producto de alta calidad, productividad y
competitividad. (Rodríguez D. H., 2014)
Una manera práctica de realizar el benchmarking es plantearse una serie de
preguntas al momento de visitar las páginas que se han seleccionado como las
mejores del ramo, Morris y Dickson (2002) sugieren las siguientes:
1. ¿Cuáles son los objetivos del sitio?
2. ¿Cuánto tiempo tardo en cargar?
3. ¿Se descargó en un orden lógico?
4. ¿Es un sitio Web interesante?
5. ¿Cómo son los gráficos?
6. ¿Refleja el género de la empresa o compañía?
7. ¿Es de fácil uso y es cómodo navegar en él?
8. ¿El contenido está estructurado de manera lógica?
9. ¿Hay demasiados o insuficientes niveles de información?
10.En conjunto ¿el sitio es un éxito?
5.2.5 ESTRUCTURA DE NAVEGACIÓN.
“La base de un sitio bien diseñado es una estructura definida con precisión” (Green,
Chilcott y Flick, 2003)
Las relaciones de las páginas entre sí configuran la estructura del sitio. A partir de
la página principal se vinculan mediante enlaces al resto de las páginas, esto es
bastante sencillo mediante código HTML, pero es más complicado decidir el orden,
de qué manera y con qué configuración se establecerán los vínculos.

50
La estructura de un conjunto de páginas Web es muy importante, ya que permitirá
al lector visualizar todos los contenidos de una manera fácil y clara (buena
estructura), o provocar en el lector una sensación de estar perdido, por lo cual no
encontrará rápidamente lo que busca y terminará por abandonar el sitio (mala
estructura).
Los autores Green, Chilcott y Flick (2003), destacan los tipos de estructura de
navegación, se verán a continuación.
 ESTRUCTURA LINEAL.
Esta estructura consiste en una línea recta que recorre el sitio desde la página de
inicio hasta la página final. Es muy útil cuando se desea que el lector siga un camino
fijo y guiado, además el de impedir que se distraiga con enlaces a otras páginas.
Por otra parte se puede causar al lector la sensación de estar encerrado si el camino
es muy largo o poco interesante. Este tipo de estructura sería válido para tutoriales
de aprendizaje o tours de visita guiada.
Figura 4. Estructura Lineal
 ESTRUCTURA JERÁRQUICA.
La estructura jerárquica, como se observa en la siguiente ilustración:

51
Figura 5. Estructura Jerárquica
Es la típica estructura de árbol, en el que la raíz es la página de bienvenida, ésta se
puede también sustituir por la de contenido, en la que se exponen las diferentes
secciones que contiene el sitio.
La ventaja de esta estructura es que el usuario siempre está ubicado y puede
moverse fácilmente por el sitio. Gracias a que la mayoría de las páginas secundarias
permiten regresar a la página de inicio, los visitantes controlan completamente la
navegación. (Rodríguez D. H., 2014)
 ESTRUCTURA RADIAL.
En este modelo las páginas secundarias no se conectan entre sí, y se debe navegar
por la página principal para ir de una secundaria a otra, es decir, la principal contiene
enlaces a todas las secundarias, pero las secundarias sólo contienen un entorno a
la principal, tal cual se aprecia en la figura que sigue:

52
Figura 6. Estructura Radial
La ventaja de esta estructura es que facilita la navegación, los visitantes sólo
tendrán que efectuar uno o dos clics para retornar a la página principal; sin embargo,
esto podría también ser un inconveniente porque obliga al usuario a regresar
siempre a la página de inicio. (Rodríguez D. H., 2014)
 ESTRUCTURA DE RED.
En ella se plantea un modelo en el que todas las páginas están relacionadas entre
sí. Es una estructura ideal para sitios especializados en un tema, en la que se le
permite al usuario una navegación libre y sin limitaciones como la que vemos a
continuación:
Figura 7. Estructura de Red

53
5.2.6 COSTOS DE INVERSIÓN.
A la hora de planificar un sitio Web, se debe realizar un estudio de viabilidad que
refleje el costo financiero a invertir, y que abarque tiempo, personal, hospedaje Web,
el dominio, licencias en caso de necesitarse, y mantenimiento.
Contar con un método de control de tiempo se hace pertinente en el desarrollo Web,
al igual que en otros proyectos, ya que el tiempo implica dinero. Una técnica para el
control del costo de cierta actividad, es el sistema de agenda, que consiste en dividir
cada hora en segmentos de seis minutos llamadas unidades, y es a partir de la
cantidad de unidades por actividad que se medirá el costo de ésta. (Rodríguez D.
H., 2014)
5.2.7 BENEFICIOS A OBTENER.
La puesta en marcha del sitio no lo es todo, la planificación del desarrollo de un sitio
Web debe abarcar aspectos como beneficios a adquirir con el funcionamiento del
mismo. Antes de establecer el desarrollo de un sitio Web se debe estimar el tiempo
de retorno de la inversión, ya que de esa forma tangible, como por ejemplo un
retorno monetario, o intangible como la mejora de las relaciones interpersonales de
la organización.
5.3 FASE DE CONTENIDO.
Básicamente el éxito de un sitio Web se debe a su contenido. El contenido del sitio
será probablemente una combinación de la información que actualmente se posee
y de la que se tendrá que crear.
Es conveniente presentar un contenido acorde a los objetivos planteados para
desarrollar el sitio, y que la información a plasmar cubra las necesidades e intereses
del público a quien va dirigido. (Rodríguez D. H., 2014)

54
5.4 FASE DE DISEÑO.
El diseño Web supone un trabajo extenso un trabajo extenso y detallado, puesto
que abarca no sólo la interacción de múltiples elementos, como tecnología
multimedia (audio, sonido, imágenes, animaciones, entre otros); sino, que abarca
también su integración con una estructura lógica basada en el propósito del sitio.
Representando una labor que va más allá de la simple necesidad e inquietudes de
sus potenciales usuarios.
Al momento de diseñar sitios Web, es necesario tener en cuenta aspectos como la
usabilidad y accesibilidad.
5.4.1 Usabilidad.
Referido al tiempo, esfuerzo y capacidad requerido por el visitante, para que alcance
un determinado nivel de adaptación al sistema, esta puede estar vinculada en
ocasiones al número de pasos necesarios para lograr determinada actividad, y a
nivel de conocimientos que requieran los usuarios para el uso de la aplicación.
5.4.2 Accesibilidad.
Un sitio Web se desarrolla con la idea de que sea visto por el mayor número de
visitantes, pero hay que tener presente que cada uno de estos puede acceder a la
información con equipos, navegadores e idiomas distintos, estos factores pueden
impedir que el sitio no pueda ser apreciado en su totalidad.
Romero (1999) señala tres áreas fundamentales para determinar la accesibilidad de
un sitio Web, estas son:
 Accesibilidad a la computadora: Referida a la capacidad de hardware con
la que se debe contar para el uso de la aplicación Web, lo ideal en esta área
es que la aplicación se adapte a la computadora cualquiera que este sea.

55
 Accesibilidad del navegador utilizado: En ocasiones mismos contenidos
se visualizan de distintas maneras en diferentes navegadores Web, se
recomienda utilizar un diseño que se pueda visualizar en la mayoría de los
navegadores y apegado al estándar.
 Accesibilidad del diseño de las páginas Web: Los usuarios pueden tener
desactivadas algunas funcionalidades de los navegadores Web, lo que
podría incidir en la correcta visualización del contenido del sitio Web.
(Rodríguez D. H., 2014)
5.5 FASE DE PROGRAMACIÓN.
Esta etapa corresponde a la utilización de las herramientas de programación Web.
En este punto es primordial seleccionar los lenguajes de programación en los que
se desarrollará el sitio Web, la base de datos definir qué contenido del sitio será
estático y cuál será dinámico.
Una vez definidos estos criterios se pasa a una etapa denominada Arquitectura de
tres fases, la cual expone lo siguiente:
Bases de datos: Se diseña y crea la base de datos.
Programación intermediaria: Programas o códigos que se ejecutarán en el
servidor Web. Acá se establecerá la comunicación entre la base de datos y la
interfaz.
Interfaz: Programas y códigos que desplegarán el contenido a los usuarios a través
del navegador Web. Se refiere aplicaciones que el usuario visualizará y a través de
la cual operará con ella. (Rodríguez D. H., 2014)

56
5.6 FASE DE TESTEO.
Se ejecutan pruebas exhaustivas para asegurar el perfecto funcionamiento del sitio
Web con usuarios que vayan a utilizar el sitio:
Comprobación en navegadores: El primer paso y también el más importante, es
comprobar que las páginas se pueden visualizar de forma correcta en diferentes
navegadores.
Detectar los vínculos rotos: Es necesario detectar documentos que existen en el
sitio pero que no están conectados a través de vínculos; ellos deben ser reparados
o eliminados en caso de no ser necesarios puesto que ocupan espacio en el servidor
y tienden a crear confusión.
Comprobar tiempo de descarga: Uno de los puntos clave en el éxito de un sitio
Web es su rapidez de descarga, en base a ello se recomienda un tiempo mínimo
descarga.
En este punto los administradores deben reciben la capacitación para el desarrollo
de sus tareas. (Rodríguez D. H., 2014)
5.7 FASE DE MERCADO Y PUBLICIDAD.
En esta fase se debe tomar en cuenta los Derechos Internacionales del Autor, por
el cual:
 Todas las copias realizadas incluyen derecho de autor.
 Se anexa en el sitio los créditos de los desarrolladores, o un enlace que les
permita a los usuarios contactarlos.
 Luego se define el dominio del sitio, se verifica que esté disponible para poder
registrarlo, y se transfieren los archivos al servidor remoto por FTP, o desde
la página del servidor. Se debe verificar que todos los archivos estén en su
carpeta correspondiente de la Web.

57
 Después de publicada la Web, su difusión depende de la publicidad que se
le pueda dar mediante papelería de la organización, mediante banners en
sitios específicos, por medio de buscadores y otros. (Rodríguez D. H., 2014)

58
6. SISTEMAS GESTORES DE CONTENIDO.
Los Sistemas Gestores de Contenidos SGC (Content Management Systems, CMS,
por su título en inglés) o Gestor de Contenidos Web GCW (Web Content
Management, WCM, por sus siglas en inglés), ayudan a mejorar la calidad de las
páginas en Internet, además de que facilitan la producción, la administración, la
actualización y el mantenimiento de los sitios web; desde uno muy simple, hasta un
portal con una considerable cantidad de elementos.
El Sistema Gestor de Contenidos debe proporcionar un ambiente que permita a uno
o varios autores (creadores de contenidos) generar sus documentos o artículos, de
manera amigable.
Actualmente, gracias a la evolución de algunas herramientas para la creación de
páginas web, y sin ser un experto en editores de código HTML, ni en diseño gráfico,
se generan sitios con mayor funcionalidad y presentación visual. Estas
herramientas, denominadas Sistemas Gestores de Contenidos SGC (Content
Management Systems, CMS, por su título en inglés) o Gestor de Contenidos Web
GCW (Web Content Management, WCM, por sus siglas en inglés), ayudan a
mejorar la calidad de las páginas, además de que facilitan la producción, la
administración, la actualización y el mantenimiento de los sitios web; desde uno muy
simple, hasta un portal con una considerable cantidad de elementos.
Un SGC es un software que se encuentra en un servidor web al que se le incorporan,
comúnmente, una o varias bases de datos, lo que permite al desarrollador crear,
administrar y actualizar páginas o sitios web de manera simple y dinámica, a través
de interfaces gráficas y plantillas de diseño predefinidas, según (Enterate en Línea
Unam, 2008).

59
6.1 CARACTERÍSTICAS.
Las características que ofrecen los SGC son las siguientes.
6.1.2 SEGURIDAD.
En Internet, los sitios o portales pueden sufrir distintos tipos de ataques que afectan
la información que contienen o la estabilidad del propio sistema. Por ello, la mayoría
de los sistemas SCG poseendiferentes niveles de seguridad configurables, es decir,
proporcionan mecanismos de autenticación que ayudan a establecer distintos
niveles de acceso a los contenidos:
Acceso a contenidos públicos. No requiere autenticación y cualquier persona
puede navegar por los contenidos (artículos, publicaciones) que no son restringidos.
Acceso a contenidos restringidos. Permite visualizar los contenidos públicos,
pero requiere autenticación para acceder y navegar por los contenidos en los que
se tienen privilegios de acceso. Además, se pueden establecer distintos niveles de
acceso (secciones o sólo algunos artículos) y diferentes niveles de contenidos
restringidos (noticias, publicaciones y comentarios).
Acceso al mantenimiento de los contenidos. Permite ver los contenidos públicos
y requiere autenticación para acceder y editar los contenidos donde se tienen
privilegios. Se pueden establecer distintos niveles de contenidos restringidos y de
acceso.
Acceso administrativo. Requiere la autenticación. En este nivel se tiene permitido
todo, tanto el manejo de los contenidos como el de la presentación del sitio y su
administración. Se pueden crear distintos tipos de usuarios con diferentes privilegios
de administración (como administrador de usuarios, secciones o categorías,
respaldos de configuración del portal, entre otros).
Para el manejo de la información en los SGC se debe disponer de herramientas
para realizar copias de seguridad y efectuar la restauración de las bases de datos

60
del sistema. También se requieren parches de corrección de vulnerabilidades y
bugs.
6.1.3 ESCALABILIDAD.
En los SGC la escalabilidad es un aspecto sumamente importante, a través de ella
el sistema que se esté desarrollando podrá adecuarse a las futuras necesidades.
La forma como los SGC cubren este punto es con la separación de los contenidos,
presentación, estructura y manejo de módulos que permitan la modificación de
alguno de ellos o la inclusión de uno nuevo, sin afectar a los otros, lo que se logra
a través del manejo de los siguientes estándares:
CSS. Permite la creación de hojas de estilo para definir la presentación de un
documento.
XML. Lenguaje de marcas que permite estructurar un documento con ciertas reglas.
WAI (Web Accessibility Initiative o Iniciativa de Accesibilidad para Web del W3C).
Asegura la accesibilidad al sistema a personas con alguna discapacidad.
RSS. Sirve para sindicar contenidos y ver las actualizaciones de algún contenido
sin tener que entrar en él.
La mayoría de los SGC toman en cuenta las aplicaciones existentes en torno a
nuestro sistema como son las bases de datos, el servidor web, los lenguajes de
programación utilizados y los sistemas operativos en los que pueda trabajar o ser
migrado sin muchas modificaciones.

61
6.1.4 ESTABILIDAD.
La mayoría de los SGC cubren este aspecto, ya que al abarcar los puntos anteriores
y estar en constante actualización, permiten la solución y la disponibilidad de las
nuevas funcionalidades, las cuales cubren las nuevas necesidades de los usuarios.
De acuerdo con la información que manejan, los SGC se clasifican en:
Blogs. Contienen noticias o artículos organizados de forma cronológica, que no
pueden ser editados, pero sí hacerse comentarios acerca de ellos. Un ejemplo es
BLOGSMÈXICO: http://www.blogsmexico.com/
Foros. Incorporan foros de discusión en línea, donde las personas opinan sobre
temas de su interés. Un ejemplo es Foros México:
http://foros.forosmexico.com/
Portales. Son sitios que combinan los blogs, foros, artículos, noticias, buscadores,
etcétera, los cuales tienen un gran tráfico de personas que persiguen fines comunes
(pueden ser centros de atención a clientes, revistas, empresas que ofrecen
servicios, etcétera). Un portal importante con algunas de las características
mencionadas es el Portal México Nación Multicultural:
http://www.nacionmulticultural.unam.mx/
Wiki. En este tipo de SGC cualquier persona puede colaborar o escribir sobre algún
tema en el que es posible aportar sus conocimientos. También pueden contener
espacios de discusión (foros). El ejemplo más conocido es Wikipedia:
http://es.wikipedia.org/wiki/Portada
Los SGC se clasifican en dos grandes tipos: los comerciales y los gratuitos, con
licencia de código abierto.

62
SGC comerciales.
De los más conocidos en esta categoría, se encuentran Content Management
Server 2002, de Microsoft http://www.microsoft.com/
cmserver/evaluation/overview/default.mspx; Iweb
http://www.iweb.com.es y Kentico, un CMS hecho en C# y Visual Basic.NET
http://www.kentico.com/
Entre sus principales ventajas se podría mencionar que ofrecen soporte profesional
y proveen los manuales correspondientes al sistema; con la contraparte de que no
incluyen el código fuente del sistema, su soporte es muy costoso y el precio de las
licencias es elevado.
SGC gratuitos con licencia de código abierto.
En esta categoría existe una importante cantidad de SGC, de los cuales algunos
muy conocidos son: Drupal (PHP) http://www.drupal.org.es/;
Joomla (PHP), versión surgida de Mambo
http://www.joomlaos.net; Mambo (PHP) CMS
http://www.mamboserver.com; PHP-Nuke (PHP)
http://www.phpnuke-espanol.org/; SPIP (PHP)
http://www.spip.net/es y TikiWiki (PHP)
http://tikiwiki.org/.

63
El software mencionado tiene disponible el código fuente, además de que su licencia
no tiene costo (salvo excepciones que ofrecen servicios añadidos), aunado al hecho
de que existen muchas comunidades en Internet que comparten soluciones a los
problemas que llegara a tener un SGC. No obstante, en caso de contener
documentación, no es muy completa y no ofrecen soporte como tal.
6.2 ¿CÓMO ELEGIR UN SGC?
Las características deseables de un SGC son variables y se desprenden,
principalmente, de los requerimientos de aplicación. Sin embargo, se pueden tener
algunos criterios generales que deben reunirse, para satisfacer las principales
necesidades de un sitio web. Según James Robertson, se pueden considerar los
siguientes:
6.2.1 CREACIÓN DE CONTENIDO.
El SGC debe proporcionar un ambiente que permita a uno o varios autores
(creadores de contenidos) generar sus documentos o artículos, de manera
amigable. El propósito es trabajar la información con el aspecto real que tendrá,
pero manteniendo ciertas restricciones que permitan conservar un formato
uniforme, para que se adopte el mismo estilo de página. Normalmente, esto lo
cumplen la mayoría de los SGC, con editores como: WYSIWYG What You See Is
What You Get (lo que ves es lo que obtienes).
Ejemplos de editores WYSIWYG pueden ser Quanta Plus, NVU.Amaya y Microsoft
Frontpage.Writer (de OpenOffice.org).
También debe permitirse la separación del contenido (información que consiste en
artículos o publicaciones) y la presentación del sitio web (estructura y aspecto
visual); de lo contrario, no se podrían aplicar múltiples formatos al sitio, porque el
contenido estaría atado a una sola presentación.

64
Asimismo, debe ser posible el manejo de múltiples usuarios o grupos con diferentes
niveles de permisos, de acuerdo con las funciones que realicen, como pueden ser
los usuarios registrados, donde sólo es posible ver el contenido de un sitio web
autores, editores y administradores.
6.2.2 ADMINISTRACIÓN DE CONTENIDO.
La mayoría de los SGC trabajan con una o varias bases de datos que utilizan como
repositorio central de los documentos generados, al igual que la información
relacionada con el propio documento: fecha de creación, el o los autores y las
versiones, junto con los datos de los autores y las configuraciones del propio Sitio
Web.
La administración, el mantenimiento y la actualización de un sitio web, en su
estructura, se lleva a cabo mediante herramientas que pueden dividirse entre los
distintos usuarios o administradores, con la finalidad de garantizar el ciclo de trabajo
(workflow) para la edición de artículos o publicaciones, a través de los grupos de
usuarios, como son autores y editores, entre otros. También se debe permitir el
control de versiones.
6.2.3 PUBLICACIÓN.
Un SGC debe permitir que la vista final de un sitio esté diseñada con hojas de estilo
(ccs), aspecto importante porque proporciona flexibilidad y expansibilidad. Por tal
motivo, la composición total de una página se realiza con plantillas basadas en XML.
Un SGC soporta la presentación de los documentos en varios formatos, como
pueden ser PDF, HTML, etcétera; y permite integrar un código para aumentar
funcionalidades; aunado al hecho de que ofrece la posibilidad de presentar la
información de diferente forma, con base en el perfil de cada usuario.

65
Asimismo, permite el manejo de estadísticas para la recopilación de información
sobre un sitio, como puede ser la relacionada con las páginas más visitadas, el uso
del buscador, etcétera, lo cual es sumamente útil para efectuar el seguimiento del
desarrollo de un sitio.
6.2.4 PRESENTACIÓN.
Un SGC debe ser fácil de manejar y comprender por los usuarios. Este aspecto es
muy importante, porque de él depende que un sitio sea aceptado y tenga un alto
nivel de visitas, además de cumplir con los estándares de accesibilidad, como el de
la iniciativa de accesibilidad a la web del W3C.
También, debe contar con soporte para ser visto desde cualquier navegador de
Internet, como Internet Explorer, Netscape, Opera, Mozilla, etcétera.
El tamaño de la página debe limitarse para garantizar que los tiempos de carga sean
aceptables para los usuarios. En ese sentido, es necesario especificar los métodos
de acceso: módem, cable, etcétera, así como las tecnologías requeridas del lado
del cliente: Java, JavaScript, Flash, etcétera, para poder ver el sitio.
Todas las páginas dentro de un SGC proporcionan los metadatos necesarios para
su indexación, los cuales permiten mejorar las búsquedas.
Los aspectos anteriores son los más importantes a destacar en el momento de elegir
un SGC; otros dependen del tipo de SGC, ya sea comercial o gratuito con licencia
de código abierto, para agregar o restar características manuales, de soporte,
etcétera.

Proyecto portal web BATEMS

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Similar a Proyecto portal web BATEMS

Similar a Proyecto portal web BATEMS (20)

Más de Carlos Hdez

Más de Carlos Hdez (8)

Último

Último (9)

Proyecto portal web BATEMS