DEDICATORIA

Verte sonreír cada día es lo más importante para mí,

tu eres mi mayor impulso en la vida, por ti seguiré a
donde me sea posible. Dedicado para ti mi pequeña
hija Mitzy Joali que me das los mejores momentos de
la vida.

A mis padres Ana y Narciso que forman parte

importante de mi vida y siempre estuvieron
apoyándome tanto moral como económicamente,
para continuar en mi formación como una
profesional.

Y a mi esposo Simón por su sacrificio y esfuerzo para

que yo culminara esta etapa más en la vida y por
creer en mi capacidad.

¡Gracias a todos!

Arely Martínez L.
 ÍNDICE.

INTRODUCCIÓN.

1. EL PROBLEMA DE INVESTIGACIÓN.
1.1. Antecedentes……………………………………………......................... 6
1.2. Caracterización y determinación del problema………........................ 10
1.2.1 Caracterización inicial de los sujetos………………………….. 14
1.2.2 Caracterización inicial del contexto…………………………..... 16
2. OBJETIVOS…….…………………………………………………..…........... 19
3. JUSTIFICACIÓN………………………………………………..………......... 20
4. MARCO TEÓRICO.
1 Internet.
1.1 Historia del Internet…..…………………………………….……. 22
1.2 Usos del internet.
1.2.1 Uso publicitario……………………………...………......... 23
1.2.2 Uso educativo………………………………………...…… 25
1.2.3 Uso de entretenimiento…………………………………… 27
2 Página web.
2.1 Tipos de página web……………………………………….......... 28
2.1.1 Página web estática………………………………………. 28
2.1.2 Página web dinámica……………………………………... 29
2.2 Elementos de una página web………………………………….. 31
3 Sitio web.
3.1 Tipos de Sitio Web……………………………………………….. 35
4 Herramientas para la elaboración de un sitio web.
4.1 Lenguajes de programación para la creación de Sitios Web… 37
4.2 Software para la creación de un sitio web…………................. 38
4.3 Software para edición de imágenes y fotos…………………… 40
4.4 Elementos para subir una página web a Internet.
4.4.1 Dominio………………………………………………..…... 42

-2-
 4.4.2 Hosting…………...………………………………………… 44
4.4.3 Servidor……………..……………………………….......... 45
5 Leyes que rigen una página web………………………………….. 47
5.1 Estándares web……………………...…………………………... 48
5.2 Protocolos de Internet…………………...………………………. 50
6 Pasos o momentos para la elaboración de una Página Web…… 52
5. HIPÓTESIS……………………………………………………………........... 54
6. PROCESO METODOLÓGICO.
6.1. Paradigma de investigación………………………………………….…. 55
6.2. Tipo de investigación……………………………………………..……… 55
6.3. Técnicas e Instrumentos de investigación…………………………..… 57
7. PROCEDIMIENTO METODOLÓGICO PARA LA OBTENCIÓN
DE DATOS…………………………………………………………………..… 60
8. ANÁLISIS ESTADÍSTICO………………………………………………….... 62
9. CONCLUSIONES……………………………………………….................... 78
10. PROPUESTA……………………………………………………………….… 80

BIBLIOGRAFÍÁ………………………………………………………………….... 86

LINKOGRAFÍA…………………………………………………….……………… 87

ANEXOS.

-3-
 INTRODUCCIÓN.

El internet es un conjunto de redes interconectadas, que desde su inicio

ha ido creciendo a nivel mundial, convirtiéndose en una herramienta
indispensable para las personas. Ya que en cualquier lugar y momento lo
estamos usando.

En un principio esta herramienta era de uso militar, posteriormente fue

creciendo y así mismo se fue usando para diversas actividades, dándole uso
tanto educativo como de entretenimiento y publicitario. Pues en la actualidad
los negocios y empresas que ofrecen sus servicios y productos lo realizan
mediante esta red. El internet se compone de los sitios web, que a su vez lo
conforman las páginas web. Estas páginas son como documentos electrónicos
que contienen cierta información, incluso pueden contener imágenes, videos,
etc.

Uno de los usos más importantes a mencionar en esta investigación es

la de publicidad, ya que actualmente los negocios y empresas de cualquier
tipo que quieran tener éxito deberán contar con un sitio web en Internet. Esto
para que sus productos o servicios lleguen a un mayor número de personas.

Por otra parte de sebe analizar qué tipo de sitio web se necesita, pues
existen dos tipos de sitios que son el dinámico y el estático. El primero es
donde los usuarios pueden interactuar con el administrador del sitio y el
segundo se utiliza solo como informativo.

Ahora para crear estos sitios existen diferentes opciones como puede
ser por medio de algún software en línea donde no se necesita tener
conocimientos informáticos de programación, o crearlo uno mismo con un
editor de HTML (Lenguaje de Marcas de Hipertexto) sin ningún costo. También
se debe considerar la estructura y contenido que deberá llevar nuestro sitio,
se pueden utilizar programas para la edición y creación de elementos
multimedia, para que el sitio tenga un diseño atractivo.

-4-
 En este proyecto de investigación se está proponiendo el diseño de un
sitio web para la Universidad Americana de Comercio e Informática, campus
Arcelia.

Arcelia es un municipio del estado de Guerrero, que se distingue por

sus tradiciones y costumbres, además de la vestimenta distinguida de los
hombres que portan el sombrero Tlapehualense y el huarache. La Universidad
Americana de Comercio e Informática, campus Arcelia, está ubicada en la calle
Ignacio López Rayón N. 58 Colonia Centro. Cuenta con seis licenciaturas
(Enfermería, Administración, Contabilidad, Sistemas Computacionales,
Diseño Gráfico e Inglés) en sus diferentes modalidades (Escolarizado y Semi
escolarizado).

Se realizó una investigación cuantitativa en la Universidad para saber

qué tan frecuentemente los estudiantes utilizan internet y si consideran
indispensable el contar con un sitio web en esta.

Los resultados se obtuvieron a través de encuestas y entrevistas, con

lo cual se comprobó que si es necesario contar con un sitio web en internet.
Además de que debe ser un sitio atractivo que capte la atención de los jóvenes.

En la presente investigación se abordan estos y más temas

relacionados a los sitios web, cada uno explicado de la manera más clara y
sencilla posible para el entendimiento de la persona que guste leerla y
analizarla.

-5-
 1. EL PROBLEMA DE INVESTIGACIÓN.
1.1 Antecedentes.

El internet es un conjunto de redes interconectadas que utilizan los

protocolos TCP/IP (Protocolo de Control de Transmisión/Protocolo de
Internet). La primera conexión fue de cuatro ordenadores distribuidos en
distintas universidades en Estados Unidos, conocida como ARPANET (Red de
la Agencia de Proyectos de Investigación Avanzada), esta surgió con objetivos
militares por el Departamento de Defensa de los Estados Unidos.

A continuación podemos ver como el avance de la tecnología, el

software y hardware, han ayudado a mejorar el internet:

Primera generación: Ted Nelson crea el concepto de hipertexto, en los

años 60. Internet nació en los años 70 con el TCP/IP (Protocolo de Control de
Transmisión/Protocolo de Internet). Y en los años 90: surge el primer servidor
en línea. En esta época el padre de la WWW, (World Wide Web o Red
Informática Mundial) Tim Berners-Lee creó el primer navegador web y editor
HTML (Lenguaje de Marcas de Hipertexto), llevando el mismo nombre de la
red y después bautizado como Nexus. Posteriormente Marc Andreesen diseña
Mosaic (segundo navegador web).

Imagen 1: Segundo navegador web "Mosaic". Tomada de akus.net Diseño

web. Recuperada el 05 de Febrero del 2018.

-6-
 Luego de Mosaic, surgió el navegador Netscape, no transcurrió mucho
tiempo antes que se volviera el navegador líder en la web, Netscape comenzó
a crear sus propias etiquetas y la World Wide Web (Red Informática Mundial)
lo siguió.

Imagen 2: Tercer navegador web "Netscape". Tomada de Blogthinkbig.

Recuperada el 04 de Agosto del 2018.

El HTML (Lenguaje de Marcas de Hipertexto) era la única forma de

codificación para el diseño web en ese entonces y tampoco había mucha
libertad a la hora de diseñar páginas web. Debido a esto los primeros
diseñadores web sólo podían crear diseños sencillos, con texto, tablas y
vínculos con muy pocos gráficos.

El W3C o World Wide Web Consortium (Consorcio de la Red

Informática Mundial) se creó para evitar que las grandes compañías
monopolizaran el negocio del diseño web.

Aún hoy en día el W3C (Consorcio de la Red Informática Mundial) es

responsable de gobernar las técnicas de codificación, normas y directrices
para hacer la web siempre de mejor calidad.

-7-
 Imagen 3: Así se veía la primera página web.
Tomada de Diseño web y animación 3D. Recuperado el 31 de Diciembre del
2018.

Segunda generación: Se empezó a extender bastante la primera

versión del Lenguaje de Marcas Hipertexto (HTML), y así se dió origen al
HTML 2 (Lenguaje de Marcas de Hipertexto 2).

Se empiezan a utilizar algunos iconos en vez de palabras, las páginas

empiezan a tener imágenes de fondo, aparece el uso de banners (banderola
o anuncio) en vez de header (cabecera o encabezado), el uso de botones, y
la organización de textos por medio de menús y listados, aparecen monitores
y tarjetas gráficas que mejoran el color y la resolución, mejorando la calidad
del diseño.

Tercera generación: surgieron muchas más etiquetas HTML

(Lenguaje de Marcas de Hipertexto) y con esto se dió origen a HTML 3
(Lenguaje de Marcas de Hipertexto 3). Los diseñadores tienen muchas más
opciones y posibilidades a la mano como tablas y CSS (Hojas de Estilo en

-8-
Cascada), ese mismo año surge el controvertido navegador de Microsoft,
Internet Explorer.

Ahora las páginas pasan de ser estáticas a dinámicas. Los sitios de

tercera generación pueden ya tener fondos a color o con un patrón gráfico, así
mismo se introduce la animación al diseño web con el nacimiento del formato
Gif (Formato de Intercambio de Gráficos). Aparece el plugin (complemento) de
Macromedia Flash. Y con ello el surgimiento de páginas web de publicidad y
venta (productos y servicios).

Cuarta generación: Los sitios web de hoy en día se denominan sitios

web de cuarta generación. El lenguaje HTML5 (Lenguaje de Marcas de
Hipertexto 5) es el que se usa actualmente, cuenta con nuevas características
en su sintaxis, por ejemplo, la integración de gráficas SVG (Gráficos
Vectoriales Redimensionables o Escalables) y las nuevas etiquetas, video,
audio y canvas esto hace más sencilla la integración de contenido multimedia
sin ningún tipo de plugins (complementos).

Debido a estas grandes mejoras se hacen menos necesarios plugins

(complementos) adicionales como Flash y Java. Día a día HTML (Lenguaje de
Marcas de Hipertexto) mejora y avanza en muchas direcciones.

Además de este existen diversos lenguajes para el diseño de sitios web

como son JavaScript (Lenguaje de Programación Interpretado), PHP
(Preprocesador de Hipertexto), XML (Lenguaje de Marcado Extensible), CSS
(Hojas de Estilo en Cascada), etc. Los sitios se enfocan totalmente a la
multimedia.

Los sitios web pueden ser almacenados en un equipo local o en un

servidor web. Para acceder a estas páginas se necesita el protocolo de
transferencia de hipertexto (HTTP).

-9-
1.2 Caracterización y determinación del problema.

Una página web (página electrónica, página digital, o ciber página) es

la información electrónica (documento) que puede contener sonido, vídeo,
texto, programas, imágenes, enlaces, entre otras cosas. Está adaptada para
la WWW (World Wide Web o Red Informática Mundial) y que se puede acceder
a ella mediante un navegador web. Esta información la encontramos en
formato HTML (Lenguaje de Marcas de Hipertexto) o XHTML (Lenguaje de
Marcado de Hipertexto Extensible). También incluyen otros recursos como
pueden ser hojas de estilo en cascada (CSS), guiones (scripts), imágenes
digitales, entre otros.

Existen dos tipos de páginas web, la dinámica y la estática:

 Página web estática: el servidor descarga contenido codificado en

HTML (Lenguaje de Marcas de Hipertexto). Visualizado en un
navegador (de forma predeterminada).
 Página web dinámica: están creadas en un lenguaje interpretado (por
ejemplo PHP). Estas se generan al momento de la visualización.
Permiten la creación de aplicaciones muy complejas como las tiendas
online, un ejemplo de ellas es Amazon.

Una forma simple de crear páginas web es utilizando un editor de texto

(por ejemplo Notepad++). Así se creaban las primeras páginas.

También existen los sistemas CMS (Sistema Gestor de Contenidos) que

nos evitan la codificación en HTML. Haciendo que la creación de una página
sea como editar un documento en una aplicación de ofimática (OpenOffice o
Word).

Se puede decir que una página web es como una tarjeta de

presentación digital de personas o empresas, así como una forma de transmitir
conocimientos, teorías, ideas, información, etc.

- 10 -
 En la actualidad las páginas web son usadas para hacer publicidad,
entre las cuales encontramos la publicidad de instituciones educativas.

Antes de ingresar a la Universidad Americana de Comercio e

Informática (UACI) campus Arcelia, trate de buscar información en internet
sobre ésta, así fue como me pude dar cuenta de que nuestra institución no
cuenta con una página web, y por lo tanto con la publicidad necesaria para
hacer promoción en sus diferentes licenciaturas. Actualmente se cuenta con
una página en la red social Facebook donde se ha dado a conocer un poco
más la universidad, sin embargo no proporciona la información necesaria
sobre el plantel, de igual modo se ha hecho publicidad con trípticos y anuncios
en el periódico.

Tal vez sea por falta de interés, tiempo, o simplemente no se había

tomado en cuenta la necesidad de contar con una página web donde las
personas puedan obtener información más detallada acerca del plantel.
Algunos campus si cuentan con una página y por lo tanto son más
reconocidos. En nuestro campus (Arcelia), nos hace falta tener más publicidad
por lo tanto una página web nos ayudaría mucho.

Debido a esto se estaría teniendo una baja publicidad de la universidad,

y así no podrá acaparar el interés de muchos jóvenes y adultos estudiantes
para que se inscriban en esta institución. Ya que actualmente el uso del
internet es indispensable para la búsqueda de información, una de ellas es la
búsqueda de instituciones educativas.

En este proyecto yo propongo la creación de un sitio web de la

Universidad Americana de Comercio e Informática (UACI) campus Arcelia,
donde las personas puedan informarse acerca de la institución. Esta página
permitirá conocer el plan educativo de la universidad, así como las diferentes
licenciaturas que se manejan, las actividades a realizar dentro de esta.
Mostrando así que es una buena opción para formarse como un verdadero

- 11 -
profesional. De este modo se podría tener una mejor herramienta para lograr
que los estudiantes del nivel medio superior fijen su interés por la Universidad.

Durante el transcurso de mi formación me he interesado mucho por la

creación de páginas web, y viendo la necesidad de una en esta Universidad,
opte por realizar este proyecto que también me ayudará para aprender más
sobre el tema, además de que me permitirá conocer más de cerca la institución
donde me estoy formando como profesional.

Para poder realizar este trabajo se deben tomar en cuenta las siguientes
interrogantes:

¿Qué requisitos y procedimientos debemos seguir para publicar un sitio web?

 Tener los conocimientos necesarios en HTML (Lenguaje de Marcas de

Hipertexto).
 Definir la información que debe tener el sitio web.
 Buscar el hosting (hospedaje) donde se alojará el sitio web, que sea
el más adecuado a nuestras condiciones, tanto en seguridad, costo y
beneficio.
 Descargar un programa FTP (Protocolo de Transferencia de Archivos).
En este caso podemos usar el programa “FileZilla”, que es gratis,
completo y muy fácil de usar. Aunque existen otros programas FTP
(Protocolo de Transferencia de Archivos).
 También debemos registrar el nombre de dominio para posteriormente
dirigirlo a los servidores DNS (Sistema de Nombres de Dominio) de
nuestro proveedor de hospedaje web.

¿Cuánto cuesta crear y subir un sitio web?

Existen muchas variables que influyen en el costo del desarrollo de un

sitio web, por ejemplo:

 Calidad de la compañía que lo desarrolla.

- 12 -
  Tipo de página a desarrollar.
 Software para programar.
 Software para el diseño de imágenes.
 Servicio de hosting (hospedaje).
 Programa FTP (Protocolo de transferencia de archivos).
 Registro de nombre de dominio.

Como resultado nos daría un costo que puede ir desde los $10,000 en
adelante, incluso podría llegar a generar un costo hasta de millones de pesos
dependiendo de la calidad, contenido y tipo del sitio web. Sin embargo existen
programas gratuitos que nos dan la oportunidad de crear un sitio web de
manera económica o sin gastar absolutamente nada, si contamos con los
conocimientos necesarios para desarrollarlo nosotros mismos.

¿Qué aspectos tomar en cuenta para que mi sitio tenga éxito?

 Diseño: Entre más simple, mejor, un sitio web tiene que ser ligero,
sencillo y fácil de leer, es decir intuitivo; no debe estar saturado de
contenido multimedia, ya que esto hará que la página tarde en cargar
y por ende acabar con la paciencia de un cliente.
 Contenido: La información tiene que ser una fiel representación de la
imagen de la organización y los contenidos deben ser coherentes.
 Innovación: Una vez que se tenga una página web no se debe dejar
en el olvido, el mercado es cambiante y las formas de comunicación
también lo son, por lo que continuamente se deben buscar nuevas
oportunidades para mejorar un sitio web.

¿Qué debemos saber para que nuestro sitio web tenga una buena
velocidad?

 Los sitios hechos puramente con tecnología Flash suelen tener una
carga más lenta que los sitios hechos con HTML/CSS (Lenguaje de
Marcas de Hipertexto/Hojas de Estilo en Cascada).

- 13 -
  La velocidad del servidor web donde se hospeda nuestro sitio web.

¿Qué herramientas utilizar para el diseño y creación del sitio web

de la Universidad Americana de Comercio e Informática campus Arcelia?

1.2.1 Caracterización inicial de los sujetos.

La Universidad Americana de Comercio e Informática está ubicada en

la calle Ignacio López Rayón N. 58 Colonia Centro, Arcelia, Guerrero.

Imagen 4: Ubicación de la Universidad Americana de Comercio e Informática,

campus Arcelia. Tomada de Google Maps. Recuperado el 16 de febrero del
2018.

 Edificio: Cuenta con un edificio de dos pisos, al interior es color

blanco, cuenta con 9 salones de clases, dos baños (uno para hombres
y otro para mujeres), una sala de cómputo, una bodega y una oficina
administrativa.

- 14 -
 Docentes: Actualmente se encuentran 25 docentes laborando en la
institución, que cuentan con las especialidades de Licenciados: en
Enfermería, Lenguas Extranjeras (Ingles), Administración, Derecho,
Sistemas Computacionales, Contabilidad, Matemáticas, Economía y
Contador Público; también se cuenta con Doctores, Psicólogos,
Químicos y Pedagogos.
 Alumnos: La universidad cuenta con 111 alumnos en general los
cuales se encuentran distribuidos en las diferentes licenciaturas de la
siguiente manera: Licenciatura en Enfermería 18 hombres y 56
mujeres, Licenciatura en Administración 9 hombres y 8 mujeres,
Licenciatura en Sistemas Computacionales 2 hombres y 2 mujeres,
Licenciatura en Contabilidad 6 hombres y 10 mujeres.
 Licenciaturas: En enfermería, Administración, Contabilidad,
Sistemas Computacionales, Diseño Gráfico y Lenguas Extranjeras
(Ingles).
 Horarios: Escolarizado (Lunes-Viernes) de 8:00 am – 4:00 pm. Y
Semi escolarizado (Sábados) de 8:00 am – 5:00 pm.
 Servicios: La universidad cuenta con agua, electricidad, teléfono,
internet, aire acondicionado, drenaje.
 Necesidades: El espacio es muy pequeño, no cuenta con comedor y
áreas recreativas, falta una mejor vista externa para el edificio y la
sala de cómputo no se utiliza.

- 15 -
1.2.2 Caracterización inicial del contexto.

Imagen 5: Colindancias del municipio de Arcelia.

Tomada de Enciclopedia Guerrerense. Recuperado el 05 de febrero del
2018.
El municipio de Arcelia se localiza en la región de Tierra Caliente al
noroeste de Chilpancingo. Sus colindancias son: al norte con Canuto A. Neri y
el estado de México, al sur con San Miguel Totolapan, al este con Teloloapan
y Apaxtla, y al oeste con Tlalchapa, Tlapehuala y Ajuchitlán.

La orografía del municipio es formada por la sierra de Zacualpan, que

parte del Nevado de Toluca y se introduce al municipio hasta la depresión del
río Balsas. Tiene una temperatura entre los 22 y los 34 °C, muy caluroso la
mayor parte del año. Su vegetación está clasificada como selva baja
caducifolia, con presencia de pastos, huizaches, mezquite, cirián, cascalote,
parota, corongoro y huamúchil.

La fauna es variada: zorro, zorrillo, tejón, mapache, tlacuache, conejo,

coyote, cuinique, serpiente de cascabel, coralillo y culebra ratonera; aves
como el gavilán, el gavilancillo, el zopilote, la paloma silvestre, el águila, el
cenzontle, el gorrioncillo, y muchas más.

- 16 -
 En la agricultura se realizan las actividades de siembra de maíz, melón,
sorgo de grano, sandía, ajonjolí, frijol, mango, plátano, papaya, limón y caña
de azúcar.

Funcionan fábricas de jabón, de hilo, de material de construcción

(ladrillos, tejas, tubos para drenaje y tabicón), de huaraches y de calzado.

Cuenta con los servicios de seguridad pública, alumbrado, agua

entubada, drenaje, recolección de basura, líneas telefónicas, internet y energía
eléctrica. El municipio tiene además mercado, panteón y rastro.

Los servicios educativos se ofrecen a través de 161 escuelas a las que

asisten 11 097 alumnos, atendidos por 631 maestros en 781 grupos.

Su población según los datos que arrojó el II Censo de Población y

Vivienda realizado por el Instituto Nacional de Estadística y Geografía (INEGI)
con fecha censal del 12 de junio de 2010, el municipio de Arcelia tenía hasta
ese año un total de 32 181 habitantes, de dicha cantidad, 15 644 eran hombres
y 16 537 eran mujeres.

El municipio de Arcelia es además asiento de una de las ferias

comerciales, ganaderas, artesanales y agrícolas más importantes de la región
y del estado, que se lleva a cabo en enero. El 8 de diciembre, los habitantes
rinden homenaje a la Virgen de la Purísima Concepción, patrona del lugar, con
eventos culturales y religiosos. El 12 de diciembre se realiza una magna
peregrinación hacia el pueblo de Tulatengo, donde existe un santuario de la
Virgen de Guadalupe.

Su estructura política municipal está conformada por un presidente

municipal, un síndico, cuatro regidores de mayoría relativa y cuatro de
representación proporcional; un secretario general, un tesorero, y un director
de Obras Públicas y de Servicios Municipales. Funcionan además jefaturas de
departamento.

- 17 -
 El municipio se rige por el Bando de Policía y Buen Gobierno, la Ley del
Municipio Libre, el Reglamento Interior del Ayuntamiento, el Reglamento de
Limpia, el Reglamento de Panteones, el Reglamento de Rastros y el de
Parques y Jardines.

En la gastronomía se incluyen variados platillos como moles, combas,

carne de cerdo, chicharrón, uchepos (tamales de elote tierno), iguana, conejo
y variedad de pescados de agua dulce que se consiguen en la presa.

El sombrero tlapehualense distingue a la población masculina de Arcelia

y de toda Tierra Caliente. En artesanías pueden mencionarse la talabartería y
la orfebrería como actividades destacadas de la cabecera municipal.

Cuenta con diversos monumentos históricos, que son la del general

Lázaro Cárdenas, uno del último emperador azteca y una estatua de Emiliano
Zapata, vestido de charro.

- 18 -
 2. OBJETIVOS.

Hoy en día el uso de sitios web es una herramienta indispensable en

las empresas, negocios, instituciones educativas, etc. Ya sea para ofrecer
algún producto o servicio. A continuación se exponen los objetivos a alcanzar
en este proyecto de investigación para el diseño de un sitio web para la
Universidad Americana de Comercio e Informática (UACI), campus Arcelia.

 Exponer la importancia de contar con un sitio web específico para la

Universidad Americana de Comercio e informática (UACI) campus
Arcelia.
 Ofrecer información más detallada a los usuarios a cerca de las
Licenciaturas de la Institución.
 Proponer la creación de un sitio web para la Universidad Americana
de Comercio e Informática (UACI) campus Arcelia, para aumentar la
publicidad.
 Aplicar lo aprendido durante mi periodo de formación universitario, en
el tema de sitios web, para mejorar y desarrollar nuevas habilidades
personales y profesionales.
 Indagar diversos diseños de sitios web, para lograr captar más la
atención de los alumnos y/o usuarios).
 Realizar una investigación documental y de campo para fundamentar
el diseño, creación y uso del sitio web.
 Analizar las herramientas necesarias para la creación y diseño del sitio
web que sean más accesibles, atractivas y eficientes.
 Conocer los elementos necesarios de un sitio web para que tenga
éxito.

- 19 -
 3. JUSTIFICACIÓN.

En este proyecto de investigación se planea reforzar y poner en

práctica los conocimientos en creación de sitios web, utilizando las diversas
herramientas que existen para esta tarea. Al mismo tiempo de que se expone
lo aprendido durante la estancia en la institución, demostrando así la calidad
de aprendizaje en la Universidad.

De igual modo, con esta investigación se desea conocer más a fondo a

la institución, desde la infraestructura con la que cuenta hasta el personal que
labora en ella. Por ejemplo aquí se recabarán datos de los mismos estudiantes
de la institución para saber qué es lo que ellos esperan encontrar en el sitio
web de su universidad, así mismo se tomaran en cuenta las ideas que estos
puedan aportar para tener un mejor diseño y contenido de la nueva página de
la universidad.

Por otro lado, se pretende realizar una mejor publicidad para la

institución, ya que actualmente solo se realiza por medio de trípticos e
invitaciones personales y promociones institucionales. Así los usuarios podrán
encontrar la información completa, de la Universidad Americana de Comercio
e Informática (UACI) campus Arcelia, con mayor facilidad y desde el uso de
cualquier dispositivo que cuente con internet, dando a conocer cada una de
las licenciaturas con su respectivo plan de estudios. Logrando así un aumento
en el número de personas que se interesen por alguna de las licenciaturas que
se ofertan. Además de que se reducen los gastos tanto para la universidad,
como lo es en la impresión de trípticos, y para las personas ya que no se tienen
que trasladar hasta ella para obtener la información que necesitan. Obteniendo
así beneficios para ambas partes.

` El uso de páginas web hoy en día es indispensable en nuestra vida

cotidiana, siempre estamos buscando información de todo tipo y en cualquier
momento en la red. Por este motivo la implementación de un sitio web para la

- 20 -
Universidad Americana de Comercio e Informática (UACI) campus Arcelia, es
de mucha importancia. Ya que actualmente en el mundo Universitario se debe
estar a la vanguardia para acaparar la atención de los jóvenes, dándoles la
mejor versión posible de la universidad y convenciéndolos de que se les está
ofreciendo la mejor calidad educativa.

En México el uso del internet va en aumento, sirviendo como medio de

comunicación, entretenimiento y para ingresar a contenidos audiovisuales.
Siendo el teléfono inteligente el más utilizado para su acceso, dejando en
segundo lugar a las computadoras. Según el INEGI se obtiene el siguiente
porcentaje de los diversos usos que se le da al internet:

Imagen 6: Estadísticas del uso del internet en México. Tomada de Expansión

en alianza con CNN. Recuperado el 24 de Marzo del 2018.

- 21 -
 4. MARCO TEÓRICO.

1 Internet.
1.1 Historia del internet.

El Internet (Interconnected Networks o Redes Interconectadas), es un

conjunto de redes interconectadas, que utilizan los protocolos TCP/IP
(Protocolo de Control de Transmisión/Protocolo de Internet).

“La Internet es una colección de miles de redes de computadoras.

También se le conoce como "Superautopista de la Información”” (Vallejos,
2002: 2).

Internet surge como un proyecto militar del Departamento de Defensa

de los Estados Unidos de América en el cual el objetivo principal era el de
mantener comunicación entre diferentes puntos. Es aquí cuando nace la idea
de la creación de la primera red llamada ARPANET (Red de la Agencia de
Proyectos de Investigación Avanzada), la cual consistía en conectar cuatro
computadoras ubicadas en diferentes lugares (Universidades).

Posteriormente se desarrolla el correo electrónico y la red ARPANET

(Red de la Agencia de Proyectos de Investigación Avanzada) contaba ya con
unas 50 Universidades y centros de investigación integrados. Un año después
se empiezan a establecer conexiones con otros países como Noruega e
Inglaterra. Y así siguió aumentando el número de ordenadores conectados.
Hasta que aparecieron otras redes.

Fue entonces que el Departamento de Defensa de los Estados Unidos

de América introduce le protocolo TCP/IP (Protocolo de Control de
Transmisión/Protocolo de Internet) en su red surgiendo aquí la Arpa Internet.

Luego de eso Marc Andreesen diseña Mosaic (navegador web) y Tim

Berners Lee creó la World Wide Web (WWW). En ese momento la codificación
del diseño web se realizaba únicamente mediante HTML (Lenguaje de Marcas

- 22 -
de Hipertexto). Los diseños eran muy sencillos solo incluían texto, tablas y
vínculos con pocos gráficos.

Después para evitar la monopolización del negocio del diseño web se

creó la W3C o Wide Web Consortium. Que hoy en día es responsable de las
técnicas de codificación, normas y directrices para hacer la web siempre de
mejor calidad.

Actualmente las páginas web ya cuentan con mejores gráficos y la

cantidad de ordenadores conectados a la red siguen aumentando
considerablemente en todo el mundo diariamente.

1.2 Usos del internet.

El uso de esta herramienta se ha vuelto indispensable en la vida diaria

de las personas, pues ahora además de comunicarnos con otras personas a
distancia también se pueden realizar muchas cosas en Internet como hacer
trámites, comprar, vender, entretenerse y buscar información de cualquier tipo.

“Internet es básicamente una red de redes de ordenadores con la

capacidad de comunicación entre ellos; sin embargo, esta
tecnología ha trascendido las fronteras de su concepción, uso e
impacto, y se ha convertido en uno de los más importantes medios
de comunicación, pero también se ha transformado en un medio de
interacción y de organización social” (Castells, 2001:1).

A continuación describiré algunos de los usos más importantes que le

damos al Internet.

1.2.1 Uso publicitario.

Anteriormente la publicidad se realizaba por medio de la radio,

televisión, diarios, revistas, etc. Hoy en día el Internet es el medio más popular
que utilizan las personas para ofertar sus productos y servicios.

- 23 -
 “Con la llegada de la web, los esquemas de publicidad y
comunicación han cambiado, este medio de comunicación es
mucho más democrático y permite anunciarse con presupuestos
que el propio anunciante puede decidir, precios más alcanzables y
rentables para pequeñas y medianas empresas, incluso para
individuos” (Pentagrama, 2018. Recuperada el 02 de Julio del
2018).

Actualmente la compra/venta online (en línea) va en aumento, ya que

es una forma más cómoda de ofrecer y vender los productos, además de que
permite que la oferta del producto llegue a más usuarios que incluso pueden
ser de otro país.

“Incluye, entre otros, email marketing, publicidad por visualización

(banners), mercadotecnia en redes sociales, posicionamiento en buscadores
(SEO), anuncios de pago en buscadores (SEM) o difusiones a través de
mobile” (Ve, 2018. Recuperada el 27 de Junio del 2018).

Así mismo es más fácil para los negocios o empresas ofrecer sus
servicios exponiendo los beneficios e invitando a un mayor número de
personas a hacer el uso de estos.

“La publicidad en Internet tiene como principal herramienta la

página web y su contenido, para desarrollar este tipo de publicidad,
que incluye los elementos de: texto, link o enlace, banner, web,
weblog, blog, logo, anuncio, audio, vídeo y animación; teniendo
como finalidad dar a conocer el producto al usuario que está en
línea, por medio de estos formatos” (Tiendas virtuales y comercio
web, 2018. Recuperada el 27 de Junio del 2018).

- 24 -
 Imagen 7: Página web Publicitaria de Coca-Cola. Tomada de Coca-Cola
México. Recuperado el 15 de Julio del 2018.

1.2.2 Uso educativo.

De igual manera se ha convertido en una herramienta muy útil en el

ámbito escolar en todos los niveles, pues de ahí se puede obtener una
cantidad infinita de información sobre cualquier tema.

“Las páginas Web representan metafóricamente una biblioteca o un

conjunto de bibliotecas a través de las cuales podemos acceder
interactivamente a información y personas. En lugar que la
información esté en los estantes, en Web la información está en los
computadores en diversos lugares del planeta, que están unidos a
través de una serie de líneas telefónicas, cables y satélites”
(Sánchez, 1999:5).

- 25 -
 De esta forma se obtiene información de diferentes temas de todo el
mundo, incluso las personas interactúan, comparten e intercambian
información.

Esto ayuda a que los estudiantes tengan un mayor conocimiento

educativo, ahí encuentran todo lo necesario para estudiar y realizar sus
trabajos escolares. Desde un niño de primaria que necesite algo mínimo (un
dibujo), hasta el Universitario que requiere de investigaciones exhaustivas.
Además de que la información se encuentra en diferentes idiomas lo que
posibilita su uso mundial.

De acuerdo al INEGI (Instituto Nacional de Estadística Geografía

e Informática), en México hay 46 millones de personas de seis años
o más que usan los servicios que ofrece Internet y seis de cada 10
usuarios recurre a Internet para obtener información. El 17 de mayo
es el Día mundial de Internet” (Biblioteca del Colegio de Sonora, s/f.
Recuperada el 28 de Junio del 2018).

Imagen 8: Estadísticas de usuarios de internet por nivel de escolaridad.

Tomada de INEGI. Recuperado el 28 de Junio del 2018.

- 26 -
 1.2.3 Uso de entretenimiento.

Los principales usuarios de Internet son los jóvenes. Muchas veces los
usuarios entran a la red para distraerse un momento cuando tienen tiempo
libre, ya sea viendo videos de cualquier tipo, escuchando música, buscando
información, así como descargando contenido multimedia, etc.

“La variedad de opciones de entretenimiento en Internet son

amplísimas. El espectro de la Web cubre todos los ámbitos de
gusto, formas y juegos en lo que refiere a la diversión. En el mundo
de Internet, si se busca se encuentra” (Todo el ocio.net, 2008.
Recuperada el 28 de Junio del 2018).

Incluso como medio para comunicarse es una buena herramienta, ya

que anteriormente la comunicación a distancia solo era posible mediante
cartas escritas a mano o vía telefónica, ahora con el internet esto se ha vuelto
más fácil, rápido, seguro y divertido, pues hoy en día una carta se puede enviar
mediante el correo electrónico y en cuestión de segundos llega a su destino,
ahora no solo se puede realizar una llamada sino que hoy existe la video
llamada eso significa que las personas no solo pueden hablarse sino verse
también.

Además a esto se añaden las redes sociales que últimamente están de

moda no solo en jóvenes, personas de cualquier edad con conocimientos de
uso en celulares y computadoras ya se encuentran en este medio de
comunicación. Aquí los usuarios conocen personas de diferentes partes del
mundo e interactúan con ellos, ya sea platicando (chat), compartiendo
contenido multimedia y jugando en línea.

“Los juegos siempre estuvieron presentes en las computadoras,

pero gracias al internet se abrieron un sinfín de posibilidades y
novedades que revolucionaron el mundo del entretenimiento. Esta
gran revolución fue posible gracias a que la velocidad del internet

- 27 -
 mejoró de tal forma que ahora es posible conectarse con alguien
que está en otro continente y compartir información o jugar con él
sin problemas” (Diario Ya, 2018. Recuperada el 02 de Julio del
2018).

2 Página web.
2.1 Tipos de página web.

La página web es un documento digital, que puede incluir elementos

multimedia como videos, imágenes, enlaces, etc. Estas son utilizadas por los
negocios, empresas y cualquier tipo de persona que quiera vender o comprar
sus productos o servicios.

“Una Página Web es conocida como un documento de tipo

electrónico, el cual contiene información digital, la cual puede venir
dada por datos visuales y/o sonoros, o una mezcla de ambos, a
través de textos, imágenes, gráficos, audio o vídeos y otros tantos
materiales dinámicos o estáticos. Toda esta información se ha
configurado para adaptarse a la red informática mundial, también
conocida como World Wide Web” (Concepto definición, 2014.
Recuperada el 04 de Agosto de 2018).

Existen dos tipos de páginas web de las cuales explicaré un poco a

continuación.

2.1.1 Página web estática.

Las páginas web estáticas son aquellas desarrolladas con el lenguaje

HTML (Lenguaje de Marcas de Hipertexto), aquellas que se limitan a
proporcionar cierta información. Este tipo de páginas son utilizadas por las
empresas o personas que solo quieren dar información general de los
productos y servicios que ofrecen.

- 28 -
 “Las páginas web estáticas son básicamente informativas y están
enfocadas principalmente a mostrar una información permanente,
donde el navegante se limita a obtener dicha información sin poder
interactuar con la página visitada” (Buyto, 2018. Recuperada el 04
de Julio del 2018).

Tienen la desventaja de que el propietario no puede interactuar con el

usuario y tampoco acceder a su información.

“Solo te sirve como una "tarjeta de presentación" con la única función

de "informar" a tus usuarios sobre tu existencia y tus servicios” (Movidagrafica,
2017. Recuperada el 04 de Julio del 2018).

Sus principales ventajas es que resultan muy económicas, no necesitan

actualizarse constantemente, son rápidas, y no se necesita descargar ningún
software para desarrollarlas, ya que se pueden crear con un editor de texto
como lo es el block denotas.

“En las páginas web estáticas no se utilizan bases de datos ni se

requiere programación” (Buyto, 2018. Recuperada el 04 de Julio del 2018).

2.1.2 Página web dinámica.

Una página web dinámica es donde el usuario puede interactuar en ella,

está desarrollada con lenguajes de programación como lo es PHP (Procesador
de Hipertexto).

“No se desarrollan bajo el lenguaje de programación HTML sino de otros

como ASP, PHP, JSP o RUBY. Para manejar estos lenguajes si se requiere
contar con conocimientos informáticos” (Lifeder, 2018. Recuperada el 04 de
Julio del 2018).

En este tipo de páginas el propietario si puede interactuar con el

usuario. Estos contenidos interactúan con una base de datos en la que se
guardan cada uno de los registros de los usuarios.

- 29 -
 “Las páginas dinámicas se caracterizan porque interactúan con el
usuario. Es decir, que no se trata de un simple archivo HTML, sino
de un contenido que es interactivo. Esto se debe a que la
información se almacena en bases de datos que permiten el
desarrollo de aplicaciones webs. Es entonces desde allí desde
donde se recupera la información necesaria para mostrar según las
peticiones de los usuarios” (Lifeder, 2018. Recuperada el 04 de
Julio del 2018).

Este tipo de página es ideal para las personas o negocios que desean
realizar encuestas, envío de correos electrónicos inteligentes, compras online,
atención exclusiva, entre otros.

“Ambas páginas se podrían "ver" igual. La diferencia es operativa y

económica. Un sitio estático es ligeramente más económico al
comienzo, pero si tú requieres modificaciones constantes del
contenido de su web, un sitio dinámico es la mejor opción”
(Movidagrafica, 2017. Recuperada el 04 de Julio del 2018).

Imagen 9: Página web dinámica de Facebook. Tomada de Facebook.

Recuperado el 15 de Julio del 2018.

- 30 -
 2.2 Elementos de una página web.

Para que nuestra página web tenga éxito debemos analizar muy bien
qué tipo de elementos llevará para lograr captar la atención de los usuarios.

“En la actualidad una página web o un blog es parte importante de

la imagen de un individuo, empresa o institución, es una de sus
partes visibles. De su apariencia y estilo depende la imagen que
proyecta, así los visitantes se hacen una idea o concepto sobre la
organización o el personaje a quien pertenece el sitio” (Red Grafica
Latinoamérica, s/f. Recuperada el 11 de Julio del 2018).

A continuación se presentan algunos de los elementos necesarios en

las páginas web.

 Contenido.

Los textos en las páginas web se redactan de acuerdo a las

exigencias, los títulos y subtítulos deben ser directos y claros, y se debe citar
la fecha de creación o edición de la página web.

“Al momento de crear contenido para la Web, estos deben de ser:

breves, concisos y puntuales, muy estructurados que permitan una
visión general y la opción a ampliaciones o profundizaciones
mediante enlaces” (Diseño web akus.net, 2018. Recuperada el 12
de Julio del 2018).

También es necesario actualizar el contenido constantemente y ofrecer

la información apropiada para los usuarios.

Además se debe tener muy bien organizada la información, jerarquizar

en áreas y asignar a cada una la información correspondiente.

- 31 -
 “La organización lógica del sitio permite que usuarios lo recorran
haciendo predicciones exitosas acerca de dónde encontrar las cosas” (Diseño
web akus.net, 2018. Recuperada el 12 de Julio del 2018).

 Imágenes.

Las imágenes son clave importante para captar la atención de las

personas, por eso se eligen cuidadosamente el tipo de imágenes para cada
caso.

“Las imágenes son un pilar fundamental en el diseño de una web,

la correcta elección y calidad de estas pueden ser el detonante para
llamar la atención y captar visitas, incluso para que se lleve a cabo
una compra, de ahí su importancia” (Multiplicalia, s/f. Recuperada
el 12 de Julio del 2018).

Una de las cosas que debemos cuidar son los derechos de autor, ya
que no todas las imágenes que encontramos en internet podemos usar
libremente, por lo mismo lo más recomendable es utilizar imágenes y fotos
propias.

“Siempre que sea posible debemos optar por imágenes propias,

porque Google penaliza las que proceden de stock o las fotos que
están siendo usadas en otras páginas web” (Multiplicalia, s/f.
Recuperada el 12 de Julio del 2018).

También existen páginas web donde podemos comprar u obtener de

forma gratuita estas imágenes.

Otro aspecto importante a cuidar seria el tamaño, pues si se trata de

una imagen muy pesada nuestra página se verá lenta y aburrida lo cual no
ayudaría mucho.

- 32 -
 Al igual debemos elegir el formato, son tres los tipos más usados que
son: PNG (Gráficos de Red Portátiles), JPG (Grupo Conjunto de Expertos en
Fotografía) y GIF (Formato de Intercambio de Gráficos).

“JPG, es el formato universal que se utiliza sobre todo para las

imágenes, pues aunque se pierde un poco de calidad al comprimir
las imágenes, y con ello pierde nitidez, no se pierden colores o
tonalidades. Ideal para fotografías con detalles y muchos colores”
(Multiplicalia, s/f. Recuperada el 12 de Julio del 2018).

 Tipografía.

Otro elemento importante es la tipografía, pues tanto el color, como el

tamaño y el tipo de letra influyen bastante en la calidad de la página web, a la
vez que acapara la atención de los usuarios.

“La tipografía es la ciencia de arreglar tus letras de manera tal que

el texto escrito sea agradable y fácil de leer. Antes de que la
digitalización llegara, la tipografía era una ocupación especializada,
sin embargo, actualmente es algo con lo que todos tenemos que
trabajar, al menos todos los que tenemos un sitio web. La tipografía
incluye seleccionar la fuente, el tamaño, el largo de línea, el
interlineado y la separación entre letras” (Jorge Castro, 2016.
Recuperada el 13 de Julio del 2018).

 Botones e iconos.

En el diseño web los botones son elementos fundamentales para la

interacción con los usuarios. Pueden ser de diferentes formas como círculos o
triángulos, pero lo más recomendable es que se use la forma común que es
un rectángulo.

“¿Cómo los usuarios entienden que un elemento es un botón? La

respuesta es simple. Las señales visuales ayudan a las personas a

- 33 -
 saber si es “para hacer click” o no. Es importante usar significados
visuales apropiados en elementos cliqueables para hacer que se
vean como botones” (Staff Creativa, 2016. Recuperada el 13 de
Julio del 2018).

Los iconos son imágenes simplificadas y son indispensables en la

página web, ya que sirven de apoyo para comprender mejor un texto. Lo ideal
será crear iconos propios aunque también se pueden obtener de algunas
páginas web de manera gratuita y darles la personalidad que más se acerque
a nuestro diseño.

“En el mundo real los iconos son ampliamente utilizados, dando las
personas información variada de forma rápida mediante un lenguaje
visual entendido por todos” (Desarrollo web, 2005. Recuperada el
13 de Julio del 2018).

Imagen 10: Botones del buscador Google. Tomada de Google. Recuperado

el 04 de Agosto del 2018.

 Animaciones y movimiento.

Las animaciones y movimientos dentro de la página web hacen más

divertida y entretenida la navegación en ella. Estos elementos son tendencias

- 34 -
muy atractivas en el diseño web, por lo cual se debe tener mucho cuidado de
no usarlas de manera que sobrecarguen nuestra página web, pues la hará una
página lenta y aburrida.

“La palabra animación viene del latín anima, que puede ser
traducido al español como alma o espíritu. Si tomamos en cuenta la
raíz etimológica de esta palabra, es entonces como caeremos en
cuenta de que ofrecer animaciones en tus sitios Web, bien puede
ser considerado como darle vida a tus diseños” (Netcommerce,
2016. Recuperada el 13 de Julio del 2018).

Algunos de los movimientos y animaciones utilizados son: Slideshow

Effect (efecto de presentación) se desliza para ver diferentes imágenes,
Loaders (cargadores) durante la carga de una página, Hover (flotar) el cursor
flota sobre el contenido y Scrolling (desplazamiento) para desplazarse por la
página web.

“Sin importar su propósito, un elemento animado bien utilizado sin duda

alguna terminará por enriquecer notablemente la experiencia del usuario al
momento de navegar dentro de cualquier sitio Web.” (Netcommerce, 2016.
Recuperada el 13 de Julio del 2018).

3 Sitio web.
3.1 Tipos de Sitio Web.

Un sitio web es un conjunto de páginas web relacionadas a un dominio

de Internet, este sitio puede ser visualizado en un navegador web como lo es
Chrome, Firefox, Opera, entre otros.

“Un sitio web o website en inglés es una localización en la World

Wide Web en la que se encuentran documentos organizados de
forma jerárquica. Cada una de las páginas contiene gráficos, fotos,
audio, videos o textos combinados que aparecen en la pantalla de

- 35 -
 la computadora como información digital” (Tiposde.org, s/f.
Recuperada el 04 de Agosto del 2018).

Existen diferentes tipos de sitios web, a continuación se explican

algunos de los más utilizados.

 Blog: Es como un diario personal, en él se publica contenido en forma

de artículos cada cierto tiempo (posts).
 Tiendas online: Aquí se puede contratar un servicio o comprar algún
producto desde una computadora o teléfono inteligente.
 De descargas: Aquí se pueden subir y bajar contenido electrónico
(música, películas, entre otros).
 De desarrollo: Contiene información vinculada sobre desarrollos en
diseño, software y lo relacionado a la informática.
 De información: Se trata de organizaciones que pueden ser
educativas o gubernamentales, su principal objetivo es el de informar
sobre ciertos temas.
 Personal: Son ideales para personas que quieren ofrecer sus
servicios profesionales, por ejemplo de algún candidato político.
 Wiki: Son sitios donde los usuarios pueden editar el contenido de este,
un ejemplo claro es el sitio de Wikipedia, donde cualquier persona
puede subir y cambiar la información.
 Educativo: Estos ofrecen información y herramientas de diferentes
temas educativos, inclusive algunos ofrecen cursos en línea.
 De subasta: Es un espacio para que las personas puedan negociar
precios online de lotes.

- 36 -
 4 Herramientas para la elaboración de un sitio web.
4.1. Lenguajes de programación para la creación de sitios web.

Para poder llevar a cabo la tarea de crear un sitio web se necesita de

los lenguajes de programación, los más básicos son HTML (Lenguaje de
Marcas de Hipertexto) y CSS (Hojas de Estilo en Cascada).

“El HTML y el CSS son los dos lenguajes de programación más básicos
y son usadas para construir casi todos los sitios web del Internet” (Jorge
Castro, 2015. Recuperada el 15 de Julio del 2018).

A continuación algunos de los lenguajes más usados para esta tarea.

 HTML (Lenguaje de Marcas de Hipertexto): Es el lenguaje de

marcado estándar que estructura y da formato a los contenidos. Los
elementos de página como títulos, encabezados, textos y links son
incluidos en este documento.
 CSS (Hojas de Estilo en Cascada): Es un lenguaje de hojas de estilo,
que permite definir como se verán las páginas web, aquí se especifica
el color, diseño y fuentes.
 JavaScript: Es el lenguaje de programación que hace posible
animaciones, juegos, aplicaciones, interactividad y otros efectos
dinámicos.
 PHP (Hypertext Pre-processor o Preprocesador de Hipertexto): Es
el lenguaje que se ejecuta en el servidor web antes de enviar la página
al cliente.
 JSP (Java Server Pages o Páginas de servidor Java): Es un
lenguaje para la creación de sitios web dinámicos, orientado a
desarrollar páginas web en Java. JSP (Java Server Pages) es un
lenguaje multiplataforma. Creado para ejecutarse del lado del
servidor.

- 37 -
 “Actualmente existen diferentes lenguajes de programación para
desarrollar en la web, estos han ido surgiendo debido a las
tendencias y necesidades de las plataformas” (Maestros del web,
2007. Recuperada el 15 de Julio del 2018).

4.2 Software para la creación de un sitio web.

En la actualidad no es muy difícil crear un sitio web pues existen muchos

programas especiales para su creación, los hay de diferentes precios como
también gratuitos. De igual forma encontramos sitios web donde podemos
comprar una página.

“Increíblemente en la actualidad no es nada difícil crear nuestras

páginas web, únicamente necesitamos 2 cosas, una computadora
y conexión a Internet. Esto se debe a la gran cantidad de software
para crear páginas web que actualmente está disponible y al
alcance de cualquier persona. Y más importante que es software
totalmente gratuito” (Código programación, 2013. Recuperada el 15
de Julio del 2018).

A continuación enlistaré algunos de los mejores programas para la

creación de sitios web.

 Dreamweaver: Es el programa más utilizado para el desarrollo de

páginas web, mismas que pueden ser visualizadas en dispositivos
móviles. Es aconsejable tener conocimientos en programación por si
queremos hacer una modificación o añadir algo en el código. Es
compatible con Google Chrome, Internet Explorer, Opera, Safari,
Firefox, etc.
 Brackets: Un editor de código HTML (Lenguaje de Marcas de
Hipertexto), CSS (Hojas de Estilo en Cascada) y JavaScript ligero que
se abre rápido y que no consume muchos recursos. Su interfaz es
moderna y fácil de seguir.

- 38 -
  Flash Profesional: Con este programa podremos crear vistosas
animaciones y unos muy buenos efectos en nuestras páginas web de
forma muy sencilla. Quizá este sea el programa de creación de
páginas web más recomendado para empezar a hacer las mismas,
debido a la simplicidad y facilidad que ofrece el mismo programa.
 Netbeans: No es solo un editor para desarrollar sitios web sino que
también se pueden crear proyectos en Java, PHP o C++.
 WebEasy: nos permite crear desde una página personal hasta una
tienda online con un aspecto totalmente profesional. Con él,
obtenemos numerosos asistentes y una interfaz simple que permite
añadir elementos con tan solo arrastrar y soltar el ratón. Además,
incluye numerosas plantillas y es compatible con redes sociales como
Facebook.
 KompoZer: Un software de creación de páginas web totalmente
gratuito. Combina la gestión de archivos web y la edición fácil de
archivos web.

También podemos encontrar lo famosos creadores web donde

cualquier persona sin conocimientos en programación puede crear su propia
web.

 Weebly: Uno de los creadores más populares. Es el creador de sitios

web más fácil de utilizar. Además sus plantillas son responsivas y se
adaptan perfectamente a todos los dispositivos. Por todo esto, crear
un sitio web resulta fácil con ellos.
 Jimdo: Se puede crear un sitio web con un look profesional sin mucho
esfuerzo. Uno de los puntos fuertes de Jimdo es que ofrecen todo lo
que se necesita para lanzar un sitio web. Además del editor y el hosting
ofrece nombre de dominio y cuenta(s) de email en todos sus planes
de pago, sin ningún coste extra.

- 39 -
  Wix: Es el creador de sitios web más popular del mercado. Es el que
ofrece más libertad en los diseños. Su editor es muy flexible, resulta
muy visual y esto lo hace perfecto para fotógrafos, diseñadores y
artistas.

Por otro lado están los CMS (Sistemas Manejadores de Contenidos) que nos
sirven para crear, editar y publicar contenido multimedia en diversos formatos.
Algunos de ellos son:

 WordPress: Con el podemos crear cualquier tipo de páginas, se

popularizó mucho en la creación de blogs. Es fácil de actualizar y uso.
 Joomla: Es un software de código abierto que permite desarrollar
sitios web dinámicos. Cuenta con un panel de administración en el cual
se modifica, edita y elimina el contenido.
 Drupal: Es un programa libre, para crear blogs tanto personales como
empresariales. Este sistema es muy utilizado por las universidades y
organizaciones más importantes (Harvard, UNAM, Stanford, La Cruz
Roja, el Gobierno del Reino Unido, La Casa Blanca, etc.).
4.3 Software para edición de imágenes y fotos.
En una página web es de vital importancia incluir contenido multimedia
de buena calidad y que realmente capte la atención de los usuarios, es por
eso que las fotografías e imágenes deben usarse de manera correcta.

“No te olvides de insertar imágenes con el tamaño correcto para evitar

desajustes en la parte visual del contenido y conseguir una estructura perfecta
y atractiva” (Aula CM, 2017. Recuperada el 15 de Julio del 2018).

Existen diversos programas tanto de paga como gratuitos que nos sirve
para la creación y edición de imágenes y fotos. Enseguida describo algunas
de estas herramientas.

- 40 -
  Adobe Photoshop: Es el programa de retoque fotográfico estrella. Se
utiliza para modificar imágenes digitalizadas, como fotografías.
También se usa para crear y editar fotos y gráficos.

Algunas de sus características son: soporta archivos de imágenes,

como JPG, PNG, GIF, y más; puedes modificar, transformar y distorsionar las
imágenes; permite el tratamiento extensivo de fotos como controlar y retocar
el color; tiene un grupo de filtros de desenfoque que permite añadir diversos
efectos borrosos y cuenta con detección de tonos de piel.

 GIMP: La mejor alternativa gratis. Ofrece una potente capacidad de

manejar capas, filtros, ajustes de color, herramientas para dibujo o
pintura, etc.

Algunas de sus características: tiene muchas herramientas para

manipular los colores y el aspecto de las imágenes como el enfoque,
eliminación de manchas, sombras y modificación de escala; es capaz de
importar ficheros en PDF (Formato de Documento Portátil), así como
imágenes vectoriales (SVG).

 Photoscape: Es uno de los mejores editores de imágenes gratuitos

para principiantes. Es una herramienta fácil y sencilla que permite
corregir y mejorar tus fotos rápidamente.

Sus características son: Tiene un editor de imágenes, donde puedes

ajustar el tamaño, corregir luces y añadir texto; un editor de efectos. Editor de
ajustes y creador de animaciones en GIF.

 Visual.ly: Con este programa puedes contratar la construcción de una

infografía pues tienen un equipo de diseñadores y creativos que
pueden realizar los contenidos gráficos que necesites como
infografías, vídeos, gráficos, etc.

- 41 -
 “Ajusta el tamaño de cada imagen dependiendo de dónde y para qué la
utilices. Debes reducir el peso todo lo posible sin perder calidad para no
ralentizar tus páginas y web” (Aula CM, 2017. Recuperada el 15 de Julio del
2018).

4.4 Elementos para subir un sitio web a Internet.

Una vez que tengamos listo nuestro sitio web se procede a ponerlo en
línea. Para poder realizar esto es necesario contar con un nombre de dominio
y el hosting (alojamiento web).

4.4.1 Dominio.

Para poder subir un sitio web a Internet es necesario registrar un

dominio, que puede ser de pago o gratis. La diferencia es que un nombre de
dominio gratis es más largo que uno de pago. El dominio es la dirección de la
página en Internet.

“Un dominio es un nombre único que identifica a una web y permite

acceder a ella fácilmente desde un navegador de internet. Por
ejemplo tutorialeshosting.com es un dominio, es decir el nombre
que sirve para identificar a esta web y que así puedas accederla.”
(All in hosting, s/f. Recuperada el 16 de Julio del 2018).

Un dominio es único, esa es su principal característica, ya que no se

permite que dos personas u organizaciones tengan el mismo nombre de
dominio. Los dominios se crearon para enlazar las IP (Protocolo de Internet)
por palabras, pues son más fáciles de recordar. Para eso existe el DNS
(sistema de nombres de dominio) que traduce la dirección IP en un nombre de
dominio.

“La parte que sigue al último punto se llama dominio de primer nivel
(TLD) o extensión. La parte que se encuentra a la izquierda del
punto se llama dominio de segundo nivel o etiqueta. Esta es la parte

- 42 -
 del nombre de dominio que los usuarios generalmente asocian con
su sitio web o dirección de correo electrónico” (ICANN, 2011:3).

Los dominios de primer nivel se dividen en dos grandes grupos, el

primero es el de los dominios de primer nivel genéricos (gTLD) que son las
extensiones que se diferencian por la finalidad del uso que se les dará. Deben
tener un mínimo de tres caracteres y no están asociados a países Algunos
ejemplos de ellos son:

 .comgggg: para propósitos comerciales

 .net: para entidades relacionadas con Internet
 .org: para las organizaciones no gubernamentales (ONG) o no
lucrativas.
 .int: para organismos de carácter internacional
 .mil: para entidades de ámbito militar
 .edu: para entidades educativas de países, como España.

El segundo grupo de dominios son los ccTLD (dominios de primer nivel

de código de país) que sólo cuentan con dos caracteres y son gestionados por
organismos de cada país. Algunos ejemplos de estos son: “.es” (España), “.ar”
(Argentina), “.fr” (Francia), “.mx” (México), etcétera.

Los dominios de segundo nivel son los nombres de dominio, lo que

cualquier persona puede registrar en cualquier momento. Por ejemplo en la
página de facebook.com la palabra facebook es el nombre de dominio.

“Los dominios de segundo nivel suelen centrarse en el nombre, sigla o

abreviatura del nombre de la organización, institución, asociación, empresa o
particular dueño del dominio” (Los dominios en Internet, 2004:15).

Los dominios de tercer nivel surgieron como contrapartida a los de

segundo nivel y son mucho más restrictivos.

 .com.es: Entidades comerciales.

- 43 -
  .nom.es: Nombres personales.
 .org.es: Organizaciones no comerciales.
 .gob.es: Entidades gubernamentales (restringido).
 .edu.es: Instituciones educativas (restringido).
4.4.2 Hosting.

Es el servicio que provee el espacio en Internet para los sitios web.

“El Hosting (también llamado alojamiento web u hospedaje web) es el

lugar donde se publican los archivos que componen tu sitio web para que estén
disponibles a tu audiencia” (All in hosting, s/f. Recuperada el 16 de Julio del
2018).

Existe una gama bastante extensa de tipos de alojamiento que explicare

un poco a continuación.

 Hosting web gratuitos: Aparte del alojamiento de ficheros, suelen

incluir las prestaciones más importantes. Estos servicios generalmente
agregan publicidad en los sitios.
 Hosting web compartido: El sitio web se almacena en un servidor en
el que hay otras páginas, por lo que se comparten los recursos,
aunque cada una tiene su espacio particular.
 Hosting VPS (Virtual Private Server o Servidor Virtual Privado):
Consiste en poner a disposición del cliente un servidor exclusivo
(privado), pero no como máquina física, sino como máquina virtual,
con diferentes niveles de recursos (potencia de procesador, memoria,
etc.).
 Hosting especializado/gestionado: Para webs creadas con
aplicaciones como WordPress y Joomla. Se ajusta a las
características de estas aplicaciones.
 Cloud hosting (hosting en la nube): Combina el hosting tradicional
con la tecnología “en la nube”, reparte la información en varios

- 44 -
 servidores de todo el mundo, lo que aumenta la seguridad y el tiempo
de respuesta de las aplicaciones.
 Hosting dedicado: Un servidor se reserva exclusivamente a un solo
usuario, que es el responsable del mantenimiento de dicho servidor.

“El hosting es la prestación en donde una empresa ofrece a su

cliente el espacio físico (dentro de un ordenador conocido como
“servidor”) para que almacene los datos de su Website de modo que
esté siempre online” (Duplika, s/f. Recuperada el 17 de Julio del
2018).

4.4.3 Servidor.

Un servidor es un equipo informático que suministra información variada

(como texto, imagen, vídeo, programas informáticos, bases de datos, etc.) a
varios clientes (personas o dispositivos).

“Programa diseñado para permitir la interacción entre ordenadores.

Suele funcionar permaneciendo a la espera de peticiones. Cuando
las recibe responde a ellas transfiriendo documentos de tipo
hipertexto. Para ello implementa el protocolo HTTP (HyperText
Transfer Protocol). El término también se emplea para referirse al
ordenador que ejecuta el programa” (Servidores web, 2011:3).

Hay distintos tipos de servidores que son:

 Servidor web: Almacena documentos HTML, escrituras, archivos

de texto, imágenes y todo el material web.
 Servidor de base de datos: Facilita servicios de base de datos a
otros programas u otras computadoras.
 Servidor de correo: Recibe, envía, almacena y realiza operaciones
vinculadas con email para los usuarios de la red.

- 45 -
  Servidor de seguridad: Cuenta con software especializado para
evitar intrusiones maliciosas. Tienen antispyware (antiespía) y
antivirus, además de contar con cortafuegos redundantes.
 Servidor de acceso remoto: Se ocupa de controlar las líneas de
módem de los monitores u otros canales de comunicación de la red
para que las peticiones conecten con la red de una posición remota.
 Servidor proxy: Hace un determinado tipo de funciones a nombre
de otros usuarios en la red para incrementar el funcionamiento de
algunas operaciones.

Sin embargo, de acuerdo al rol que asumen dentro de una red se dividen
en:

Servidor dedicado: son aquellos que le dedican toda su potencia a

administrar los recursos de la red, es decir, a atender las solicitudes de
procesamiento de los clientes.

Servidor no dedicado: son aquellos que no dedican toda su potencia

a los clientes, sino también pueden jugar el rol de estaciones de trabajo al
procesar solicitudes de un usuario local.

“El servidor es la máquina o equipo que permanece conectada a

Internet proporcionando diferentes recursos y el hosting sería un
espacio de alojamiento en el servidor usando ciertos recursos
técnicos. Por lo tanto, al contratar un servidor se contará con más
recursos técnicos que con un hosting” (Economía simple, 2016.
Recuperada el 17 de Julio del 2018).

- 46 -
5 Leyes que rigen un sitio web.

Existen leyes que se deben seguir muy de cerca a la hora de crear una
página web, por ejemplo debe ser original y se debe contar con la licencia de
uso de los complementos utilizados para su configuración. A continuación se
encuentran las leyes que rigen estas páginas.

 Ley de Propiedad Intelectual: Debemos tener mucho cuidado al

insertar imágenes en nuestra página, lo más seguro será utilizar
imágenes y fotografías propias o con la autorización del autor.

“En primer lugar toda página web tiene que respetar la Ley de
Propiedad Intelectual. La página web como tal es una creación del
intelecto susceptible de protección como propiedad intelectual”
(Abogado amigo, 2012. Recuperada el 17 de Julio del 2018).

 Ley Orgánica de Protección de Datos: Otorgando protección tanto

a los datos de personas claramente identificadas, como a los de
aquellas que a pesar de no estarlo, podrían llegar a identificarse a
partir de los datos con los que se cuenta.

“La LOPD obliga no sólo a la custodia y seguridad del tratamiento

sino también a comunicaciones administrativas, establecimiento de
protocolos de actuación y formas de información al ciudadano”
(Abogado amigo, 2012. Recuperada el 17 de Julio del 2018).

 Ley de Servicios de Sociedad de la Información: Se aplica al

comercio electrónico y a otros servicios de Internet cuando sean parte
de una actividad económica.

“Todo prestador de servicios de Sociedad de la información queda

sujeto al régimen de la ley facilitando publicidad a su actuación y
evitando responsabilidades que puedan derivarse de su comercio”
(Abogado amigo, 2012. Recuperada el 17 de Julio del 2018).

- 47 -
  Ley de Marcas: cuando los elementos distintivos de la página web
alcanzan una cierta relevancia es muy aconsejable protegerlos
procediendo al registro de la marca y del logotipo para asegurar
defensa frente a intromisiones ilegítimas.

“Los industriales, comerciantes o prestadores de servicios podrán

hacer uso de marcas en la industria, en el comercio o en los
servicios que presten. Sin embargo, el derecho a su uso exclusivo
se obtiene mediante su registro en el Instituto” (Ley de la propiedad
industrial, 2012:21).

 Ley de Protección Civil al Honor, a la Intimidad y la Propia Imagen:

Exige la privacidad de: la vida familiar, la integridad física y moral,

publicaciones sin la autorización de la persona, fotografías privadas e
informaciones confidenciales.

“Parte del reconocimiento al individuo de una esfera de autonomía,

donde este puede hacer lo que desee. Se refleja en el respeto a la
vida privada, la morada, la familia y la correspondencia, aspectos
que se estima pertenecen a la persona y en ellos no debe sufrir
injerencias arbitrarias o sin justificación siendo protegidos por el
derecho frente a entes o personas públicas o privadas” (Londoño,
2016:108).

Además garantiza el derecho a: el honor y la reputación, no ser

presentado bajo falsa apariencia, la no divulgación de hechos inútiles o
embarazosos y la protección contra el espionaje o indiscreciones.

5.1 Estándares web.

Son un conjunto de normas y recomendaciones publicadas por el World

Wide Web Consortium (W3C) que definen el aspecto de la WWW (World Wide
Web o Red Informática Mundial). Un sitio diseñado con estos estándares es

- 48 -
compatible con todos los navegadores y más fácil de actualizar, ya que el
código es más simple.

Cuando se diseña con los estándares web primero se define la

estructura y después el estilo o apariencia.

“De los estándares web más conocidos para diseño de páginas web
cabe destacar para estructurar documento, el HTML y XML; para
controlar la visualización del documento, el CSS; para
dibujos/gráficos el SVG y PNG; para la sindicación de contenidos el
RDF/RSS; para sincronizar texto, audio y video, el SMIL” (Web
Reunidos, 2018. Recuperada el 05 de Agosto del 2018).

Hacer el uso correcto de los estándares web beneficia en:

 Compatibilidad: Con todos los navegadores o plataformas donde se

visualice.
 Accesibilidad: Se podrá visualizar e interpretar indistintamente desde
cualquier parte del mundo.
 Usuarios, dispositivo final y mantenimiento: El usuario adapta la
página de acuerdo a sus necesidades con el uso de CSS (Hojas de
Estilo en Cascada), se adapta a los diferentes dispositivos y es más
fácil el mantenimiento.
 Posicionamiento: Los motores de búsqueda interpretan mejor el
código de la página y la posicionan en los primeros resultados de
búsqueda.
 Ancho de banda y carga de las páginas: La buena estructura del
código reduce el consumo de ancho de banda y las páginas se cargan
más rápido.

“No es obligatorio el cumplimiento de todos los estándares en un

archivo de código fuente. De hecho, la enorme mayoría de los sitios
web no está en condiciones de ser validado por el analizador

- 49 -
 automático del W3C. También estamos acostumbrados a que los
sitios web se vean en todos los navegadores pero con ciertas
diferencias entre uno y otro, ya que cada uno aplica normas propias
a la interpretación del código” (4rsoluciones, 2012. Recuperada el
05 de Agosto del 2018).

5.2 Protocolos de Internet.

El Modelo TCP/IP son un conjunto de reglas que permiten que las

computadoras se comuniquen entre sí. También se denomina como conjunto
de protocolos TCP/IP (Protocolo de Control de Transmisión/ Protocolo de
Internet).

Ese modelo consta de cuatro capas que son las siguientes:

 Capa de aplicación: Se manejan protocolos de alto nivel, codificación

y control de dialogo. Aquí se encuentran los protocolos FTP (File
Transfer Protocol o Protocolo de transferencia de archivos), HTTP
(Hypertext Transfer Protocol o Protocolo de Transferencia de
Hipertextos), SMTP (Simple Mail Transfer Protocol o Protocolo de
Transmisión de Correo Simple), DNS (Domain Name Server o Sistema
de Nombres de Dominio), NFS (Network File System o Sistema de
Archivos de Red), telnet (Telecommunication Network), entre otros.
 Capa de transporte: Calidad del servicio en cuanto a fiabilidad, la
corrección de errores y el control de flujo. Los protocolos de esta capa
son TCP (Transmission Control Protocol o Protocolo de Control de
Transmisión) y UDP (User Datagram Protocol o Protocolo de
Datagrama de Usuario).
 Capa de Internet: Controla la comunicación entre los equipos. Su
protocolo más importante es el IP (Internet Protocol o Protocolo de
Internet).

- 50 -
 Capa de acceso de red: Se ocupa de los aspectos que requieren el
paquete IP para realizar un enlace físico y luego realizar otro. Sus
protocolos son ARP (Address Resolution Protocol) y PPP (Protocolo de
Punto a Punto).

“El usuario de una computadora se convierte en un cliente al

intentar tener acceso a una página WEB, así como, a través de una
línea telefónica, podría solicitar información sobre un servicio o un
producto a un proveedor, a quien identificaría como un servidor. A
la forma de ponerse de acuerdo en cuanto al modo de envío y
recepción de un artículo adquirido telefónicamente, se le llama
protocolo” (Estrada, 2004:4).

Modelo OSI: Es el principal modelo para las aplicaciones de red.

“Puede usar el modelo de referencia OSI para visualizar cómo la

información o los paquetes de datos viajan desde los programas de
aplicación (por ej., hojas de cálculo, documentos, etc.), a través de
un medio de red (por ej., cables, etc.), hasta otro programa de
aplicación ubicado en otro computador de la red, aun cuando el
transmisor y el receptor tengan distintos tipos de medios de red” (El
modelo OSI, 2008:6).

Consta de siete capas las cuales son:

 Capa 7 (de aplicación): Suministra procesos de red a aplicaciones.

 Capa 6 (de presentación): Traduce los formatos de datos.
 Capa 5 (de sesión): Establece, administra y finaliza las sesiones entre
dos hosts que están en comunicación.
 Capa 4 (de transporte): Conexiones de calidad y fiabilidad de
extremo a extremo.
 Capa 3 (de red): Direccionamiento y selección de ruta.
 Capa 2 (de enlace de datos): Control de acceso al medio.

- 51 -
  Capa 1 (física): Define voltaje, velocidad de datos físicos,
conectores físicos y otros atributos.
6 Pasos o momentos para la elaboración de un Sitio Web.

Esta tarea debe seguirse muy cuidadosamente para lograr el principal

objetivo de la página web.

“Además, tiene que garantizarle una buena experiencia al visitante

(usabilidad). De lo contrario, no pasará de ser una visita única.
Aunado a todo esto, la web debe verse en cualquier dispositivo del
que disponga el usuario.” (Posicionamiento web systems, s/f.
Recuperada el 19 de Julio del 2018).

Son seis las etapas conocidas de este proceso:

 Recopilación y aprendizaje: La primera etapa en la creación de un

sitio web consiste en recopilar la mayor cantidad de información
posible para conocer lo que quiere (y lo que no quiere) para su sitio.
Puede recopilar esta información observando los sitios que usa
actualmente, los sitios de sus competidores y los comentarios de sus
amigos y colegas.

“Es en esta primera fase donde ubicas tu nicho de mercado y

defines las características del público objetivo. El diseño web debe
adaptarse a la audiencia. No es lo mismo un sitio dirigido a jóvenes
entre 16 y 35 años, amantes del fútbol que uno dedicado a mujeres,
madres, entre 25 y 45. Durante la investigación buscas esos
elementos que encajen con el perfil al cual quieres llegar”
(Posicionamiento web systems, s/f. Recuperada el 19 de Julio del
2018).

 Planificación: La información recopilada ayudará enormemente a la

hora de planificar la página web. Ahora se deben llevar a cabo tareas

- 52 -
 como: registrar un dominio, determinar los elementos que incluirá,
definir las secciones de la web y definir el contenido.
 Diseño: Aquí se define el aspecto visual de la página web, se puede
realizar un boceto de la página web.

“Tienes que haber entendido bien lo que quiere el público y lo que

deseas transmitir para adaptar el diseño. Aprovecha de hacer todos
los cambios que creas necesarios” (Posicionamiento web systems,
s/f. Recuperada el 19 de Julio del 2018).

 Desarrollo: Ya que está finalizado y aprobado el diseño es posible

crear la página web. Se tomarán todos los elementos gráficos del
prototipo y se utilizarán para crear una página funcional.

“Cuando tengas el prototipo listo, verifica que funcione de manera

correcta. Esto debes hacerlo tanto a nivel visual como durante la
navegación. Es decir, el diseño debe transmitir lo que deseas; la
estructura tiene que ser funcional y el tiempo de carga rápido”
(Posicionamiento web systems, s/f. Recuperada el 19 de Julio del
2018).

 Lanzamiento: Se pondrá a prueba la página web, verificando desde

su correcta operación hasta posibles problemas de compatibilidad.
También se verificará que todo el código de la página web cumpla con
los estándares web actuales.
 Mantenimiento: Ahora que finalmente está construido el sitio, es igual
de importante mantenerlo.

“Haber lanzado la web no quiere decir que se acabó el trabajo. Al

contrario, todo proyecto online necesita seguimiento y
actualizaciones. Debes tener un plan de mantenimiento para hacer
evaluaciones periódicas” (Posicionamiento web systems, s/f.
Recuperada el 19 de Julio del 2018).

- 53 -
 5. HIPÓTESIS.

A continuación enlisto algunas de las hipótesis relacionadas a la

creación de la página web de la Universidad Americana de Comercio e
Informática campus Arcelia.

Hi1: La UACI campus Arcelia no cuenta con una página web por lo tanto no
hay un alto número de alumnos interesados en ella.

Hi2: La UACI campus Arcelia tiene una página en la aplicación Facebook sin
embargo, los usuarios no obtienen la información necesaria ahí.

Hi3: La universidad requiere de una página web dirigida para jóvenes en edad
universitaria con el diseño adecuado para captar su atención.

Hi4: La creación de una página será una forma de publicidad más accesible
para los usuarios.

Hi5: Existe una baja publicidad de la Universidad debido a la falta de uso de

las páginas web.

Hi6: Una página web ayudará a ampliar la publicidad de la Universidad en las

localidades vecinas al municipio de Arcelia, Gro.

Hi7: La falta de interés e inversión no ha permitido la creación de una página

web para la UACI, campus Arcelia.

Hi8: La utilización de las mejores herramientas para su creación hará que sea
una página rápida y con una buena calidad de diseño.

Hi9: La creación de una página web de la Universidad demuestra lo aprendido

durante la estancia en ella

Hi10: Al contar con una página web la Universidad entrara más en

competencia con otras instituciones demostrando su calidad.

- 54 -
 6. PROCESO METODOLÓGICO.
6.1 Paradigma de investigación.
Para este proyecto utilizaré el paradigma de investigación cuantitativo,
porque es necesario recabar y examinar datos numéricos, por ejemplo hacer
una encuesta para saber qué tan seguido utilizan el internet los alumnos de la
UACI campus Arcelia, así como otros aspectos importantes que serán parte
de este proyecto.
La investigación cuantitativa es un procedimiento mediante el cual se
recopila información estadística de distintas fuentes sobre ciertos hechos. Es
utilizada para analizar y comprobar datos.
“Usa la recolección de datos para probar hipótesis, con base en la
medición numérica y el análisis estadístico, para establecer
patrones de comportamiento y probar teorías” (Hernández, 2006:4).
Para poder realizar este tipo de investigación se deben contar con las
características siguientes:
 Que exista relación entre las variables.
 Deben ser datos numéricos.
 Está basada en hechos y la lógica (objetiva).
 Analizar el comportamiento de una muestra de población.
 Es deductiva.
 Generalizable.
6.2 Tipo de investigación.
La investigación exploratoria nos da una visión general de la realidad.
Se realiza cuando el tema no ha sido muy explorado o reconocido.
“Los estudios exploratorios se realizan cuando el objetivo es
examinar un tema o problema de investigación poco estudiado, del
cual se tienen muchas dudas o no se ha abordado antes. Es decir,
cuando la revisión de la literatura reveló que tan sólo hay guías no
investigadas e ideas vagamente relacionadas con el problema de

- 55 -
 estudio, o bien, si deseamos indagar sobre temas y áreas desde
nuevas perspectivas” (Hernández, 2006:79).
La creación de una página web no es un tema muy popular en la UACI
campus Arcelia y no se cuenta con una página de esta. Y para realizar el
proyecto en la UACI campus Arcelia, es necesario utilizar los tipos de
investigación más adecuados para la obtención de la información. Por esta
razón se utiliza el tipo de investigación exploratoria.
La investigación exploratoria cuenta con las siguientes características:
 No son estudios estructurados.
 Busca información valida.
 Permite responder las siguientes interrogantes: ¿cuál es el problema?,
¿para qué sirve su estudio? y ¿qué tópicos se podrían estudiar?
 Se debe contar con paciencia y predisposición.
 La información es aproximada.
 Se realiza una observación del comportamiento de las personas de
forma global, y no individual.
 Se usa para poblaciones grandes.
La investigación descriptiva describe situaciones y eventos. Examina
las características del tema que se va a tratar.
“Busca especificar propiedades, características y rasgos importantes de
cualquier fenómeno que se analice. Describe tendencias de un grupo o
población” (Hernández, 2006:80).
También se necesita del tipo de investigación descriptiva ya que, para
poder realizar esta tarea es importante conocer por qué no se cuenta con una
página web en la institución, qué características debe tener para que sea
efectiva, y analizar el comportamiento de los jóvenes en torno al internet, entre
otros aspectos.

La investigación descriptiva posee las siguientes características:

- 56 -
  La información debe ser verídica y precisa. Las características son
observables.
 Da respuesta a “¿qué es el fenómeno?” y “¿cuáles son sus
características?”.
 Debe ser de un tema que no haya sido muy trabajado anteriormente.
6.3 Técnicas e Instrumentos de investigación.
Para lograr obtener la información necesaria acerca de la Universidad
Americana de Comercio e Informática (UACI) campus Arcelia, se utilizará
como técnica de investigación la encuesta. Y para obtener la información que
buscamos, es importante utilizar el tipo de pregunta más adecuado en cada
caso. Se utilizará como instrumento el cuestionario de preguntas cerradas
politómicas (presentan varias alternativas) para obtener datos más precisos.
La encuesta cuenta con las siguientes características:
 Nos sirve para recabar datos.
 Nos ayuda a conocer la opinión de las personas acerca de un
determinado tema o suceso.
 Nos da la opción de usar preguntas abiertas, cerradas o mixtas.
 Se pueden realizar personalmente, vía telefónica o Internet.

Una encuesta es una serie de preguntas que se realiza a varias

personas para conocer su opinión acerca de un determinado tema. Dentro de
esta encontramos diferentes tipos de preguntas que son las abiertas
(contestadas con las propias palabras del encuestado), cerradas (se
proporcionan ciertas opciones) y mixtas (un combinación de las abiertas y
cerradas).

“El cuestionario consiste en aplicar a un universo definido de

individuos una serie de preguntas o ítems sobre un determinado problema
de investigación del que deseamos conocer algo” (Sierra, 1994:194).

- 57 -
 Otra de las técnicas que se usarán será la observación, ya que es
indispensable analizar personalmente el comportamiento de los jóvenes
dentro de la institución y la relación con el internet. Para esto se hará una guía
de observación donde se enlistaran los puntos más importantes observados
en la universidad para poder realizar una evaluación del tema que se está
tratando.

Las características de la observación son:

 Objeto específico para observar.

 Forma deliberada y consciente.
 Sistemática: anotando, describiendo, relacionando, etc.
 Trata de interpretar.
 Contrastando datos.
 Proceso lento, consume tiempo.
 Suele completarse con entrevistas, encuestas, etc.

La observación es una técnica que consiste en observar e interpretar el

comportamiento de las personas. Puede ser un escrito donde se explica cierta
información sin manipularla ni cambiarla (guía de observación).

“La observación es la técnica de recogida de información más

representativa en investigación. Generalmente, se lleva a cabo en
el contexto natural donde se dan los acontecimientos, que puede
ser el centro educativo en general, el aula, una reunión tutorial con
las madres y padres” (Educación a distancia, 2018. Recuperada el
06 de Agosto del 2018).

También se realizaran algunas entrevistas estructuradas para conocer

la opinión tanto de profesionales acerca de sitios web como de personas
comunes que utilizan el Internet. Para esta técnica se aplicará el guion de
entrevista como herramienta donde se enlistaran las preguntas a formular al
entrevistado.

- 58 -
 Algunas de las características son:

 Puede ser oral o escrita.

 Su extensión será de acuerdo a las necesidades del entrevistador.
 Puede ser estructurada o no estructurada (libre).
 Debe ser recíproca.

Una entrevista es una conversación entre dos o más personas donde

se intercambian ideas sobre algún tema en específico, en esta participan el
entrevistador que es el que pregunta y el entrevistado que es la persona que
contesta. La entrevista puede ser estructurada (formal) o no estructurada
(informal). Para poder realizarla el entrevistador utiliza el guion de entrevista
(preguntas formuladas) para apoyarse durante la conversación.

“La entrevista se define como una conversación que se propone con

un fin determinado distinto al simple hecho de conversar” (Díaz,
Torruco, Martínez y Varela, 2013:162).

Para esta técnica se aplicará el guion de entrevista como herramienta

donde se enlistarán las preguntas a formular al entrevistado. Es como una guía
que nos sirve para llevar un orden en el desarrollo de la entrevista. Se debe
tener cuidado al formular las preguntas, deben ser de acuerdo al tema que se
está investigando y tratar de que la entrevista no tome otra dirección.

- 59 -
 7. PROCEDIMIENTO METODOLÓGICO PARA LA OBTENCIÓN DE
DATOS.

En este apartado se explica ampliamente la forma en que se trabajó

para obtener los datos necesarios para la investigación. Utilizando las
diferentes técnicas de investigación para poder saber cuál es el diseño y
contenido adecuado del sitio web para Universidad Americana de Comercio e
Informática campus Arcelia.

En primer lugar procedí a solicitar el permiso debido a la encargada de

la dirección de la Universidad Americana de Comercio e Informática campus
Arcelia para poder realizar esta investigación.

Una vez concedido el permiso comencé con la aplicación de los

instrumentos de investigación que fueron los siguientes:

 Uno de ellos fue el cuestionario, elaborado para estudiantes de la

institución. Este instrumento consta de dieciséis preguntas cerradas
relacionadas a las páginas web y el uso del internet.

El día sábado 28 de Julio se llevó a cabo la aplicación de 45

cuestionarios.

Lo primero que hice fue pasar por algunos salones solicitando el

permiso de los docentes a cargo para poder aplicar los cuestionarios, no hubo
inconveniente por parte de ellos por lo cual se procedió a realizarlas, contando
también con la flexibilidad de los alumnos de la Universidad Americana de
Comercio e Informática campus Arcelia.

Al final de cada cuestionario les agradecí por la ayuda que me

proporcionaron.

 El otro instrumento de investigación fue el guion de entrevista, se

realizó uno para personas con experiencia en el tema de las páginas
web y otro para los administrativos de la misma institución.

- 60 -
 El primer guion de entrevista la realice en la administración con la
encargada de la dirección de la Universidad Americana de Comercio e
Informática campus Arcelia, para lo cual le solicite en días anteriores su
permiso para poder entrevistarla, accediendo a mi solicitud. El día sábado 28
de Julio del 2018 apliqué el guion entrevista con un total de 8 preguntas, la
cual quedo registrada en una grabación en mi teléfono celular como evidencia.

Realice otro guion de entrevista a una persona especializada en el

tema, opte por pedir información con uno de los docentes de la Institución, el
cual de manera muy amable accedió. Igualmente se aplicó el guion de
entrevista el día sábado 28 de Julio del 2018, que contiene 14 preguntas
relacionadas a los sitios web y a la Universidad Americana de Comercio e
Informática campus Arcelia. Quedando como evidencia una grabación y
fotografías del momento en que se realizó.

 Y por último se eligió la guía de observación como instrumento para

obtener los datos. Esta guía fue hecha para maestros y alumnos para
llevar un registro de su comportamiento en cuanto al uso de la
tecnología y el Internet.

El primer día de observación lo realice el día sábado 21 de Julio del

2018. El segundo día fue el sábado 28 de Julio del 2018 y el tercer día el 04
de Julio del 2018. Tome diferentes horas para tener un mejor registro de las
actividades que desarrollan tanto alumnos como maestros de la Universidad
Americana de Comercio e Informática campus Arcelia.

Estos instrumentos se realizaron con el fin de obtener los resultados

para una mejor precisión acerca del uso y la importancia del internet y por tanto
de un sitio web para la Universidad Americana de Comercio e Informática
campus Arcelia.

- 61 -
 8. ANÁLISIS ESTADÍSTICO.

A continuación se muestran los resultados obtenidos mediante la

aplicación de los instrumentos de investigación, en la Universidad Americana
de Comercio e Informática campus Arcelia. El primer instrumento fue la
encuesta, en cada pregunta se coloca la gráfica correspondiente, mostrando
así los resultados arrojados en esta investigación.

1. Género.

Variable Frecuencia Porcentaje

Femenino 18 40.00%
Masculino 12 26.67%
Prefiero no decir 15 33.33%
Muestra = 45 100%

Frecuencia Porcentaje

40.00%
33.33%
26.67%

18
15
12

F E ME N I N O MA S C U L I N O PREFIERO
NO DECIR

Uno de los aspectos que se tomaron en cuenta fue el género de los

encuestados, siendo un 40% Femenino, el 26% Masculino y el resto
prefierieron no decir.

- 62 -
 2. Edad.

Variable Frecuencia Porcentaje

15 a 19 años 14 31.11%

20 a 24 años 25 55.55%

25 años o más 6 13.33%

Muestra = 45 100%

Frecuencia Porcentaje

55.55%

31.11%

25
13.33%
14

15 A 19 AÑOS 20 A 24 AÑOS 25 AÑOS O

MÁ S

Otro de los aspectos a tomar en cuenta fue la edad de las personas

encuestadas, resultando el 31.11% en edad de entre los 15 y 19 años, el
55.55% entre los 20 y 24 años, y el 13.33% de los 25 años en adelante.

- 63 -
 3. ¿Cuál es su ocupación?

Variable
Frecuencia Porcentaje
Estudiante 36 80%
Profesionista 3 6.66%
Comerciante 5 11.11%
Otro 1 2.22%
Muestra = 45 100%

Frecuencia Porcentaje

80%

36

11.11%
6.66%
2.22%
3 5
1

De igual manera se tomó en cuenta la ocupación de los encuestados,

teniendo un 80% de estudiantes, un 6.66% de profesionistas, 11.11% de
comerciantes y un 2.22% que se dedican a otras cosas.

- 64 -
 4. ¿Cómo conoció la Universidad?

Variable Frecuencia Porcentaje

Trípticos 11 24.44%
Radio 0 0%
Internet 12 26.66%
Referencia personal 22 48.88%
Muestra = 45 100%

Frecuencia Porcentaje

48.88%

26.66%
24.44%
22

11 12

0%
0
TRÍPTICOS RADIO INTERNET REFERENCIA
PERSONAL

Un total del 24.44% conoció la Universidad a través de trípticos, ninguno

de los encuestados la escucho en la radio, otro 26.66% en Internet y el 48.88%
por referencia personal.

- 65 -
 5. ¿Utiliza Internet?

Variable Frecuencia Porcentaje

Si 45 100.00%
No 0 0.00%
Muestra = 45 100%

Frecuencia Porcentaje

100.00%

45

0.00%
0

SI NO

Tambien se comprobo que el 100% de las personas encuestadas si

utilizan Internet, quedando comprobado que es de uso indispensable. Ya que
es una herramienta que sirve para obtener diversa informacion.

- 66 -
 6. ¿Qué dispositivo utiliza más para conectarse a Internet?

Variable Frecuencia Porcentaje

Computadora 12 26.66%

Teléfono Inteligente 30 67%

Tableta 1 2.22%
Smart TV (TV Inteligente) 0 0.00%
Otro 2 4.44%
Muestra = 45 100%

Frecuencia Porcentaje

67%

26.66% 30

12 2.22% 4.44%
0.00%
1 0 2

Al indagar cual es el dispositivo que utilizan más las personas se obtuvo

que el 26.66% usan la computadora, el 67% el teléfono inteligente, el 2.22%
la tableta, el 4.44% otros dispositivos y ninguno la tv inteligente.

- 67 -
 7. ¿En qué lugar utiliza más Internet?

Variable Frecuencia Porcentaje

Casa 25 55.55%
Ciber café 5 11.11%
Escuela 9 20.00%
Cualquier lugar 6 13.33%
Muestra = 45 100%

Frecuencia Porcentaje

55.55%

25 20.00%
13.33%
11.11%
9 6
5

CASA CIBER ESCUELA CUALQUIER

CAFÉ LUGAR

Al preguntar desde donde se conectan más a Internet se determinó que

el 55.55% lo hacen desde su casa, el 11.11% de un ciber café, el 20% en la
escuela y el 13,33% en cualquier lugar. Dejando en claro que no importa el
lugar donde se encuentre siempre se está en Internet.

- 68 -
 8. ¿Para qué utiliza más Internet?

Variable Frecuencia Porcentaje

Estudiar/Buscar
10 22.22%
Información
Ver videos 12 26.66%

Redes Sociales 9 20%

Correo electrónico 6 13.33%

Todo lo anterior 16 35.55%
Otras actividades 2 4.44%
Muestra = 45 100%

Frecuencia Porcentaje

35.55%

26.66%
22.22%
20%
16

13.33%
12
10 9
6 4.44%
2

También se obtuvo que la mayoría de los usuarios utilizan Internet para

realizar todas las actividades que se les dieron como opción (estudiar/buscar
información, ver videos, redes sociales y correo electrónico).

- 69 -
 9. ¿Cuánto tiempo utilizas Internet durante el día?

Variable Frecuencia Porcentaje

2 horas o menos 8 17.77%
3 a 5 horas 17 37.77%
6 horas o más 20 44.44%
Muestra = 45 100%

Frecuencia Porcentaje

44.44%
37.77%

17.77%
20
17

2 HO RAS O 3 A 5 HO RAS 6 HO RAS O

MENO S MÁS

Otra de las interrogantes fue el tiempo que utilizan internet, el 17.77%

dijo usarlo 2 horas o menos, el 37.77% de 3 a 5 horas y el 44.44% de 6 horas
o más.

- 70 -
 10. ¿Sabe que es un sitio web?

Variable Frecuencia Porcentaje

Si 44 97.77%
No 1 2.22%
Muestra = 45 100%

Frecuencia Porcentaje

97.77%

44

2.22%
1
SI NO

En esta encuesta se obtuvo que solo una persona desconoce lo que es

un sitio web, aquí pude darme cuenta de que a pesar de no saber lo que es un
sitio web si hace el uso de los mismos.

- 71 -
 11. ¿Ha visitado algún sitio web de una Universidad?

Variable Frecuencia Porcentaje

Si 38 84.44%
No 7 15.55%
Muestra = 45 100%

Frecuencia Porcentaje

84.44%

38
15.55%

SI NO

Al indagar si las personas han visitado algún sitio web de una

Universidad se encontró que el 84.44% si lo ha hecho y el resto no. Sin
embargo los que si los han visitado comentan no encontrar la información que
esperaban.

- 72 -
 12. ¿Qué información espera encontrar en un sitio web de una
Universidad?

Variable Frecuencia Porcentaje

Plan de estudios 7 15.55%
Instalaciones 5 11.11%
Carreras que ofrecen 13 28.88%
Docentes 7 15.55%
Todo lo anterior 13 28.88%
Muestra = 45 100%

Frecuencia Porcentaje

28.88% 28.88%

15.55% 15.55%
11.11% 13 13

7 7
5

Para saber qué es lo que las personas esperan encontrar en el sitio web
de una universidad se expusieron algunos aspectos importantes con los
resultados de que el 15.55% desea encontrar el plan de estudios, el 11.11%
las instalaciones, el 28.88% las carreras, otro 11.11% los docentes y el resto
toda lo expuesto.

- 73 -
 13. ¿Qué es lo que llama más su atención en un sitio web?

Variable Frecuencia Porcentaje

Diseño 8 17.77%
Información 11 24%
Multimedia 8 17.77%
Todo lo anterior 18 40.00%
Muestra = 45 100%

Frecuencia Porcentaje

40.00%

24%

17.77% 17.77%
18

11
8 8

DISEÑO INFORMACIÓN MULTIMEDIA TODO LO

ANTERIOR

En cuanto a lo que les llama más la atención de un sitio web se encontró

que el 17.77% se enfocan más al diseño, el 24% a la información, el 17.77%
a la multimedia y el 40% optaron por todo lo anterior.

- 74 -
 14. ¿Qué aspecto considera más importante en un sitio web?

Variable Frecuencia Porcentaje

Carga rápida 12 26.66%
Diseño atractivo 6 13.33%

Fácil acceso al contenido 9 20%

Todo lo anterior 18 40%

Muestra = 45 100%

Frecuencia Porcentaje

40%

26.66%

20%
18
13.33%
12
9
6

CARGA DISEÑO FÁCIL TODO LO

RÁPIDA ATRACTIVO ACCESO AL ANTERIOR
CONTENIDO

Los aspectos más importantes para los encuestados fueron el 26.66%

una carga rápida, el 13.33% el diseño atractivo, el 20% un fácil acceso al
contenido y el 40% consideran importante todo lo anterior.

- 75 -
 15. ¿Cree que el sitio web ayuda a aumentar la publicidad de una
Universidad?

Variable Frecuencia Porcentaje

Si 45 100.00%
No 0 0.00%
Muestra = 45 100%

Frecuencia Porcentaje

100.00%

45

0.00%

SI NO

Evidentemente el 100% de las personas consideran que el uso de sitios web

ayuda al aumento de la publicidad de las Universidades.

- 76 -
 16. ¿Considera que la Universidad Americana de Comercio e
Informática, campus Arcelia necesita contar con un sitio web?

Variable Frecuencia Porcentaje

Si 44 97.77%
No 1 2.22%
Muestra = 45 100%

Frecuencia Porcentaje

97.77%

44

2.22%

SI NO

Por ultimo solo una persona contesto que la Universidad Americana de

Comercio e Informática, campus Arcelia no necesita contar con un sitio web,
el resto dijo que sí.

- 77 -
 9. CONCLUSIONES.

Una vez realizada la investigación y aplicados los instrumentos de

investigación en la Universidad Americana de Comercio e Informática campus
Arcelia, se pudieron obtener las siguientes conclusiones.

 La Universidad Americana de Comercio e Informática campus Arcelia,

solo cuenta con una página en la red social Facebook, pero los
usuarios no pueden obtener información importante de cada una de
las Licenciaturas, como por ejemplo el plan de estudios.
 La Universidad Americana de Comercio e Informática campus Arcelia,
no cuenta con la publicidad necesaria para llegar a un mayor número
de personas, por lo tanto existen personas que no tienen conocimiento
de esta Institución.
 Es necesaria la creación de un sitio web para la Universidad, pues así
tendrá un mayor éxito frente a la competencia de Instituciones que hay
en Arcelia.
 Contar con un sitio web hará que aumente el número de personas
interesadas en ella, ya que será más extensa la publicidad y se dará a
conocer mejor la Institución.
 El sitio web debe tener un diseño atractivo dirigido a personas entre
los 15 y 24 años de edad, ya que son ellos lo que más interesa a la
Universidad.
 Debe ser un sitio web de carga rápida, para que los jóvenes se
interesen y no vean el sitio como algo aburrido, que ellos realmente
disfruten el navegar y leer la información que contiene.
 La Universidad que cuenta con un sitio web demuestra la calidad de
la misma, incluyendo a los alumnos y docentes que laboran en ella.
 En la Universidad Americana de Comercio e Informática campus
Arcelia, no se ha creado un sitio web por falta de interés, pues
anteriormente no se había planteado la idea.

- 78 -
 Al contar con un sitio web se llegara a más personas tanto como de
Arcelia así como de otros lugares vecinos. Siendo mayor la demanda
de alumnos inscritos en esta Institución.
 En la actualidad el Internet es usado para buscar información de
cualquier tipo, por eso es indispensable contar con un sitio web. Ya
que los estudiantes esperan encontrar la información de las
Universidades en la web.
 Todo negocio o empresa que desea darse a conocer y ofrecer sus
servicios y productos, cuenta con un sitio web en la red. Aumentando
así sus ventas y el uso de sus servicios.
 La universidad cuenta con personas expertas en el tema de sitios web,
que podrían aportar ideas para la creación del sitio, o crearla ellos
mismos.

- 79 -
 10. PROPUESTA.

Título: “Conociendo la UACI Arcelia con comodidad desde cualquier

lugar”.

Introducción: El día de hoy el uso de Internet es indispensable en todo

el mundo, por eso va en aumento el uso de sitios web, para ofertar productos
y servicios de cualquier tipo. Sin embargo la Universidad Americana de
Comercio e Informática campus Arcelia no cuenta con esta herramienta.

La falta de un sitio web afecta en la publicidad de la Institución, pues en

la investigación realizada se encontró que las personas consideran importante
que las Universidades cuenten con un sitio web.

En este proyecto se propone el diseño de un sitio web para la

Universidad Americana de Comercio e Informática campus Arcelia, para
aumentar la publicidad de la misma.

Contar con un sitio web es de mucha importancia para demostrar así la

calidad de la Universidad y poder competir con otras Universidades tanto de
Arcelia como de otros lugares, y captar la atención de más alumnos para que
se inscriban en esta.

Propósito: Alcanzar una mayor y mejor publicidad para la Universidad

Americana de Comercio e Informática campus Arcelia, disponiendo de un sitio
web, donde se dé a conocer la información de cada una de sus ofertas
educativas.

Diseño: El sitio web de la Universidad Americana de Comercio e

Informática campus Arcelia se diseñó con la ayuda de especialistas en el tema
que laboran en la misma Institución, en Arcelia. De momento se creó un sitio
web estático para la publicidad de la institución.

- 80 -
 Este tipo de diseño hace que las páginas sean más rápidas al cargar su
contenido, claro que se debe tener cuidado de no saturar el sitio para que esto
no afecte su accesibilidad.

Sin embargo este sitio web se puede mejorar y hacer un sitio dinámico.

Se utilizó el hardware con las características siguientes:

 Laptop Sony Vaio.

 Procesador Intel Core i3.
 Memoria RAM de 4 GB.
 Sistema Operativo de 64 bits.
 Disco duro de 300 GB.

El software utilizado es CorelDraw versión x7 que es una aplicación

informática de diseño gráfico. Cuenta con 30 días gratis para su uso a partir
de la instalación.

Por otro lado también se usa Brackets que es un editor de código de

licencia libre, para la creación del sitio web, ambos indispensables en este
proceso.

Desarrollo: Para la creación del sitio web de la Universidad se realizó

lo siguiente:

1. Se descargó mediante una laptop el software necesario para la

creación del sitio web, en este caso Brackets. Este proceso duró
aproximadamente15 minutos.

- 81 -
Imagen 11: Descarga de Brackets. Tomada de Brackets.io. Recuperada el 06
de Agosto del 2018.

2. Se descargó también el software de diseño gráfico Corel Draw

versión x7, este proceso duro aproximadamente 20 minutos.

Imagen 12: Descarga de Corel Draw x7. Tomada de CorelDraw.com.

Recuperada el 07 de Agosto del 2018.

- 82 -
3. Se seleccionó la información que deberá llevar el sitito web. Se
analizó de acuerdo a los resultados de las encuestas que debería
incluir las licenciaturas y su plan de estudios correspondientes, así
como también se consideran importantes los objetivos, misión y
visión de la universidad, también se añadieron algunos datos de los
alumnos inscritos y los maestros que laboran en ella. Este análisis
lo realice en un día.
4. Posteriormente se diseña la estructura del sitio web de acuerdo a
las preferencias de jóvenes, esta tarea se realizó en un día.

Imagen 13: Borrador del Diseño del Sitio. Tomada de Word 2013.
Recuperada el 07 de Agosto del 2018.

5. Se tomaron y editaron algunas imágenes con el software Corel Draw

x7 para que el sitio tenga una presentación de calidad, también se
crearon botones para agregar al sitio, esto lleva un tiempo de
aproximadamente 3 o 4 días.

- 83 -
Imagen 14: Edición de imágenes. Tomada de la interfaz de Corel Draw x7.
Recuperada el 07 de Agosto del 2018.

Imagen 15: Creación de botones. Tomada de la interfaz de Corel Draw x7.

Recuperada el 07 de Agosto del 2018.

- 84 -
 6. Otra de las tareas a realizar es la creación del sitio web, utilizando
el software Brackets, que dura aproximadamente 2 semanas o más,
dependiendo del tiempo dedicado a esto.

Imagen 16: Creación del sitio. Tomada de la interfaz de Brackets.

Recuperada el 07 de Agosto del 2018.

Seguimiento: Posteriormente a la realización del sitio web de la

Universidad se le debe dar mantenimiento periódicamente de acuerdo a las
necesidades de la misma, esto para mantener la información actualizada y que
los usuarios tengan una mejor experiencia al navegar en ella. No es una tarea
difícil si se cuentan con los conocimientos mínimos en HTML (Lenguaje de
Marcas de Hipertexto).

Evaluación: Ya terminado el sitio web se deberá realizar una

evaluación para revisar que tan eficiente es esta y si cumple con el objetivo
principal de captar la atención de más jóvenes. Esto se puede realizar
mediante algunas entrevistas con personas expertas o con conocimientos en
el tema, también se pueden hacer cuestionarios a los usuarios ya sea
personalmente o agregarlos en el mismo sitio, para que ellos mismos evalúen
la calidad y diseño del sitio web.

- 85 -
 BIBLIOGRAFÍA.

Anetcom. Los dominios en Internet. Filmac Centre. Valencia, España. 2004.

Págs. 66.

Cámara de Diputados del H. Congreso de la Unión. Ley de la propiedad

industrial. Distrito Federal, México. 2012. Págs. 78.

Castells, Manuel. Internet y la sociedad red. La Factoría. 2001. Págs. 12.

Díaz-Bravo, Laura, Torruco-García, Uri, Martínez-Hernández, Mildred, Varela-

Ruiz, Margarita. (2013). “La entrevista, recurso flexible y dinámico”. Revista
Investigación en Educación Médica 7: 1-7.

El modelo OSI. 2008. Págs. 11.

Estrada Corona, A. (2004). “Protocolos TCP/IP de internet”. Revista Digital

Universitaria 8: 1-7.

Hernández Sampieri, Roberto. Metodología de la investigación. Mc Graw Hill.

5ª (ed.) Distrito Federal, México. 2010. Págs. 656.

ICANN. Guía para principiantes para nombres de dominio. 2011. Págs. 18.

Londoño Toro, B. S. (1987). “El derecho a la intimidad, el honor y la propia

imagen enfrentado a las nuevas tecnologías informáticas”. Revista Facultad
de Derecho y Ciencias Políticas 77: 107-146.

Sánchez Ilabaca, Jaime. Usos Educativos de Internet. Universidad de Chile.

Santiago, Chile. 1999. Págs. 6.

Sierra Bravo. Técnicas de investigación social. Ediciones Paraninfo. Madrid,

España. 1997. Págs. 720.

Vallejos, Oscar. Introducción a Internet. Secretaría de Extensión Universitaria.

Querétaro, Querétaro. 2002. Págs. 23.

- 86 -
 LINKOGRAFÍA.

Akus.net Diseño web. Https://disenowebakus.net/historia-y-evolucion-de-

internet-introduccion.php. Recuperado el 05 de Febrero del 2018.

AulaCM. Http://aulacm.com/programas-para-editar-imagenes/. Recuperada el

15 de Julio del 2018.

Biblioteca del Colegio de Sonora.

Http://biblioteca.colson.edu.mx:8081/%C2%BFqui%C3%A9nes-y-para-
qu%C3%A9-usan-internet-en-m%C3%A9xico. Recuperada el 28 de Junio del
2018.

Blogthinkbig. Https://blogthinkbig.com/historia-de-los-navegadores-de-
mosaic-a-chrome. Recuperada el 04 de Agosto del 2018.

Buyto. Http://www.buyto.es/general-diseno-web/que-es-una-pagina-web-
estatica-para-que-sirve-una-pagina-web-estatica.html. Recuperada el 04 de
Julio del 2018.

Código programación. Http://codigoprogramacion.com/articulos/webmaster-

tips/software-para-crear-paginas-web.html#.W0vuvcKZLIU. Recuperada el 15
de Julio del 2018.

Desarrollo web. Https://desarrolloweb.com/articulos/2085.php. Recuperada el

13 de Julio del 2018.

Diseño web y animación 3D. Http://www.dweb3d.com/blog/historia-del-diseno-

web/. Recuperado el 31 de enero del 2018.

Enciclopedia Guerrerense.
Http://www.enciclopediagro.org/index.php/indices/indice-de-municipios/51-
arcelia?showall=&limitstart=. Recuperado el 05 de febrero del 2018.

- 87 -
Expansión en alianza con CNN.
Https://expansion.mx/tecnologia/2017/03/14/10-puntos-que-debes-conocer-
sobre-el-internet-en-mexico. Recuperado el 24 de Marzo del 2018.

Hospedaje web. Http://hospedaje-web.com/los-6-pasos-fundamentales-para-

montar-un-sitio-web/. Recuperado el 21 de Febrero del 2018.

Instituto Tecnológico de Sonora.

Http://biblioteca.itson.mx/oa/educacion/oa3/paradigmas_investigacion_cuantit
ativa/p3.htm. Recuperado el 23 de Mayo del 2018.

JORGE CASTRO. Https://jorgecastro.mx/cual-es-el-mejor-lenguaje-de-

programacion-para-mi-sitio-web/. Recuperada el 15 de Julio del 2018.

Lifeder. Https://www.lifeder.com/investigacion-exploratoria/. Recuperado el 01

de Junio del 2018.

Maestros del web. Http://www.maestrosdelweb.com/los-diferentes-lenguajes-

de-programacion-para-la-web/. Recuperada el 15 de Julio del 2018.

Marketing 4 ecommerce. Https://marketing4ecommerce.net/historia-de-

internet/. Recuperado el 24 de junio del 2018.

Movidagrafica. Https://blog.movidagrafica.co/articulo-que-es-eso-de-pagina-
web-estatica-o-pagina-web-dinamica. Recuperada el 04 de Julio del 2018.

Multiplicalia. Https://www.multiplicalia.com/como-preparar-las-fotos-para-
disenos-web/. Recuperada el 12 de Julio del 2018.

Red Grafica Latinoamérica. Http://redgrafica.com/Elementos-del-diseno-web-

estilos-y. Recuperada el 11 de Julio del 2018.

- 88 -
Tiendas virtuales y comercio web.
Https://www.tiendasvirtualesycomercioweb.com/ique-es-la-publicidad-en-
internet. Recuperada el 27 de Junio del 2018.

Tiposde.org. Https://www.tiposde.org/internet/174-tipos-de-sitios-web/.
Recuperada el 04 de Agosto del 2018.

Todo el ocio.net. Http://www.todoelocio.net/entretenimiento/entretenimiento-

en-internet.php. Recuperada el 28 de Junio del 2018.

Ve. Https://www.ve.com/es/blog/como-funciona-publicidad-en-internet.
Recuperada el 27 de Junio del 2018.

Web Reunidos. Https://www.webreunidos.es/blog/estandares-web/.

Recuperada el 05 de Agosto del 2018.

- 89 -
ANEXOS

- 90 -
 Anexo 1: Primer página del cuestionario para alumnos de la Universidad
Americana de Comercio e Informática, campus Arcelia.

- 91 -
 Anexo 2: Segunda página del cuestionario para alumnos de la
Universidad Americana de Comercio e Informática, campus Arcelia.

- 92 -
 Anexo 3: Tercera página del cuestionario para alumnos de la
Universidad Americana de Comercio e Informática, campus Arcelia.

- 93 -
 Anexo 4: Guion de entrevista para docente con experiencia en creación
y diseño de sitios web.

- 94 -
 Anexo 5: Segunda parte del guion de entrevista para docente con
experiencia en creación y diseño de sitios web.

- 95 -
 Anexo 6: Guion de entrevista para persona administrativa de la
Universidad Americana de Comercio e Informática, campus Arcelia.

- 96 -
 Anexo 7: Guía de observación para alumnos y docentes de la
Universidad Americana de Comercio e Informática, campus Arcelia.

- 97 -
 Anexo 8: Cuestionario ya contestado por alumnos de la Universidad
Americana de Comercio e Informática, campus Arcelia. Primera página.

- 98 -
 Anexo 9: Cuestionario ya contestado por alumnos de la Universidad
Americana de Comercio e Informática, campus Arcelia. Segunda página.

- 99 -
 Anexo 10: Cuestionario ya contestado por alumnos de la Universidad
Americana de Comercio e Informática, campus Arcelia. Tercera página.

- 100 -
 Anexo 11: Guion de entrevista ya contestado para docente con
experiencia en creación y diseño de sitios web.

- 101 -
 Anexo 12: Segunda parte del guion de entrevista ya contestado para
docente con experiencia en creación y diseño de sitios web.

- 102 -
 Anexo 13: Guion de entrevista ya contestado para persona
administrativa de la Universidad Americana de Comercio e Informática,
campus Arcelia.

- 103 -
 Anexo 14: Guía de observación ya aplicada en alumnos y docentes de
la Universidad Americana de Comercio e Informática, campus Arcelia.

- 104 -
 Fotografía 1: Aplicación de cuestionarios a alumnos de Sistemas
Computacionales 6º Cuatrimestre, UACI campus Arcelia.

- 105 -
 Fotografía 2: Aplicación de cuestionarios a alumnos de Enfermería 3er
Cuatrimestre, UACI campus Arcelia.

- 106 -
 Fotografía 3: Aplicación de cuestionarios a alumnos de Contabilidad 6º
Cuatrimestre, UACI campus Arcelia.

- 107 -
 Fotografía 4: Aplicación de guion de entrevista a docente de la UACI,
campus Arcelia.

- 108 -
 Fotografía 5: Aplicación de guion de entrevista a administrativa de la
UACI, campus Arcelia.

- 109 -
- 110 -
Imagen 1: Evidencia de diseño del sitio web de la Universidad Americana de Comercio e Informática,
campus Arcelia. Página web de inicio.
- 111 -
Imagen 2: Evidencia de diseño del sitio web de la Universidad Americana de Comercio e Informática,
campus Arcelia. Página web de Visión.