Gestión de Sitios Web

Contenido
1 Unidad 1 – Conceptos Generales ...............................................................................................3
1.1 ¿Qué es la Web? .................................................................................................................3
1.2 ¿Cómo funciona la Web?....................................................................................................3
1.3 Tecnologías Web ................................................................................................................6
1.3.1 Tecnologías del lado del cliente o tecnologías front-end ...........................................6
1.3.2 Tecnologías web del lado del servidor o Tecnologías back-end .................................9
1.3.3 Trabajando con datos ...............................................................................................10
1.4 ¿Qué es una página web?.................................................................................................11
1.4.1 Tipos de páginas web ...............................................................................................12
1.5 ¿Qué es un sitio web? ......................................................................................................14
1.5.1 La navegación en un sitio web ..................................................................................15
1.5.2 Tipos de sitios web ...................................................................................................15
1.6 ¿Qué es una aplicación web? ...........................................................................................16
1.7 ¿Qué es una URL? .............................................................................................................17
1.8 Nombre de dominio, FQDN y registro de dominio ...........................................................17
1.8.1 Tipos de extensiones de dominio .............................................................................18
1.9 Protocolos HTTP y HTTPS .................................................................................................19
1.9.1 Certificado digital .....................................................................................................20
1.9.2 Certificado SSL ..........................................................................................................21
1.9.3 ¿Cómo funcionan los certificados SSL? .....................................................................21
1.9.4 Tipos de certificados SSL...........................................................................................21
1.9.5 Elección del certificado SSL adecuado ......................................................................23
1.9.6 Cómo obtener un certificado SSL .............................................................................23
1.10 Navegadores Web ............................................................................................................24
1.11 Servidor Web ....................................................................................................................25
1.12 Hosting o alojamiento Web ..............................................................................................25
1.12.1 Tipos de Hosting .......................................................................................................26
1.12.2 ¿Cómo funcionan juntos un hosting y un dominio para crear un sitio web? ............26
1.12.3 Convertirse en alojador Web ....................................................................................27
1.12.4 ¿Qué es el hosting de dominios? ..............................................................................27
 1.13 CMS - Sistema de Gestión de Contenidos.........................................................................27
1.13.1 Historia de los CMS ...................................................................................................28
1.13.2 Características de un CMS ........................................................................................28
1.13.3 Otras consideraciones iniciales .................................................................................29
1.13.4 Funcionamiento de un CMS......................................................................................29
1.13.5 Gestión de usuarios ..................................................................................................29
1.13.6 Tipos de gestores de contenido ................................................................................30
1.13.7 Ventajas y Oportunidades de un CMS ......................................................................30
1.13.8 Ranking plataformas CMS .........................................................................................31
2 Metodología de sitios web .......................................................................................................32
2.1 Fase de Análisis del Proyecto ...........................................................................................32
2.1.1 Selección de Objetivos..............................................................................................32
2.2 Fase de Planificación ........................................................................................................33
2.2.1 Selección de Software ..............................................................................................33
2.2.2 Selección de Hardware .............................................................................................34
2.2.3 Selección del equipo de trabajo adecuado ...............................................................34
2.2.4 Benchmarking ...........................................................................................................35
2.2.5 Estructura de navegación .........................................................................................36
2.2.6 Costos de inversión ..................................................................................................38
2.2.7 Beneficios a obtener .................................................................................................39
2.3 Fase de Contenido ............................................................................................................39
2.3.1 ¿Cómo deben ser los textos a presentar en un sitio Web?.......................................39
2.3.2 Determinar la estructura de los contenidos .............................................................39
2.4 Fase de diseño ..................................................................................................................40
2.4.1 Usabilidad .................................................................................................................40
2.4.2 Accesibilidad .............................................................................................................41
2.5 Fase de programación ......................................................................................................42
2.6 Fase de testeo ..................................................................................................................42
2.7 Fase de Mercadeo y Publicidad ........................................................................................42
1 Unidad 1 – Conceptos Generales
1.1 ¿Qué es la Web?
La Web, también conocida como World Wide Web (gran telaraña mundial) o simplemente “la web”,
es un sistema de información en línea que permite el acceso a una enorme cantidad de recursos y
contenidos a través de internet. La Web está formada por millones de sitios y aplicaciones web
interconectados (sistemas web) que contienen información multimedia, textos, imágenes, videos,
audios y enlaces a diversas partes del sistema web u otro sistemas web.

1.2 ¿Cómo funciona la Web?

La Web funciona a través de un conjunto de protocolos y tecnologías que permiten la comunicación
entre los navegadores web (clientes) y los servidores que alojan los sistemas web. A grandes rasgos,
el funcionamiento de la Web se puede dividir en tres etapas:

• Solicitud de un documento: Cuando un usuario ingresa una dirección URL (Uniform Resource
Locator / Localizador de Recursos Uniforme) en el navegador web, el navegador envía una
solicitud a través de internet a un servidor que aloja el sistema web correspondiente, realizando
la petición de un documento que puede ser una página web, imagen, video, hojas de estilos,
codigo javascript y otros
• Procesamiento de la solicitud: El servidor recibe la solicitud del navegador y procesa la petición.
Busca el archivo correspondiente al sistema web solicitado y cuando el documento es una
página web, en caso de ser necesario, procesa cualquier código que pueda estar incluido en la
página que incluya alguna tecnología web que el servidor web este obligado a procesar.
• Respuesta del servidor: Después de procesar la solicitud, el servidor envía una respuesta al
navegador, que contiene el documento solicitado (página web solicitada u otro archivo
asociado, como imágenes, videos, hojas de estilo y scripts). El navegador procesa la respuesta
del servidor y muestra el documento al usuario en la pantalla del usuario en caso de ser capaz
de procesarlo, caso contrario intenta descargarlo en el disco duro del usuario.
Un diagrama simplificado de como interactúan los clientes y servidores conectados a la web, se vería
así:

• Los clientes son dispositivos de los usuarios conectados a Internet (por ejemplo, un ordenador
conectado a la red mudial ya sea por Wi-Fi, ethernet o algún otro medio, puede ser también una
table o un teléfono conectado a través de la red de telefonía móvil) y, como ya mencionamos
previamente, deben tener el software que permite acceder a Internet desde dichos dispositivos
(normalmente, un navegador web como Firefox o Chrome).
• Los servidores son computadores que almacenan páginas web, sitios web o aplicaciones web.
Cuando un dispositivo cliente quiere acceder a una página web, una copia de la página web se
descarga desde el servidor en el equipo cliente y se muestra en el navegador web del usuario.

El cliente y el servidor que describimos anteriormente, no cuentan toda la historia. Hay muchas
otras partes involucradas y vamos a describirlas a continuación.

Por ahora, imaginemos que la web es un camino. En un extremo de la carretera, está el cliente, que
es como nuestra casa. En el extremo opuesto del camino, está el servidor, que es una tienda en la
que deseamos comprar algo.

Además del cliente y el servidor, también tenemos que saludar a:

• Nuestra conexión a Internet: permite enviar y recibir datos en la web. Básicamente es la que
nos permite realizar el recorrido entre tu casa y la tienda.
• TCP/IP: Protocolo de Control de Transmisión y Protocolo de Internet, son los protocolos de
comunicación que definen cómo deben viajar los datos a través de la web. Esto es, los medios
de transporte que te permiten hacer un pedido, ir a la tienda y comprar los productos. En
nuestro ejemplo, podría ser un coche, una bicicleta o tus propios pies.
• DNS: los servidores del Sistema de Nombres de Dominio (DNS, por sus siglas en inglés), son
como una libreta de direcciones de sitios web. Cuando escribes una dirección web en el
navegador, el navegador busca los DNS antes de recuperar el sitio web. El navegador necesita
averiguar en qué servidor vive el sitio web y así enviar los mensajes HTTP al lugar correcto (ver
más abajo). Esto es como buscar la dirección de la tienda para que puedas llegar a ella.
• HTTP: el Protocolo de Transferencia de Hipertexto es un protocolo de aplicación que define un
idioma para que los clientes y servidores se puedan comunicar. Esto es como el idioma que
utilizas para ordenar tus compras.
• Archivos componentes: un sitio web se compone de muchos archivos diferentes, que son como
las diferentes partes de los productos que comprarás en la tienda. Estos archivos se dividen en
dos tipos principales:
o Archivos de código: los sitios web se construyen principalmente con HTML, CSS y
JavaScript, aunque te encontrarás con otras tecnologías más adelante.
o Recursos: este es un nombre colectivo para el resto de materiales que conforman un
sitio web, como imágenes, música, video, documentos de Word, archivos PDF, etc.

Cuando escribimos una dirección web en el navegador:

• El navegador va al servidor DNS y encuentra la dirección real del servidor donde el sitio web está
instalado (es decir donde esta almacenado).

• El navegador envía un mensaje de petición HTTP (o https) al servidor, pidiéndole que envíe una
copia de la página web para el cliente (y los recursos adicionales para poder mostrar una página
como fue diseñada y desarrollada). Este mensaje y todos los datos enviados entre el cliente y el
servidor, se envían a través de tu conexión a Internet (o a una intranet) usando TCP/IP.
• Siempre que el servidor apruebe la solicitud del cliente, el servidor enviará al cliente un mensaje
«200 OK», que significa, «¡por supuesto que puedes ver ese sitio web! Aquí está.», y comenzará
a enviar los archivos de la página web al navegador como una serie de pequeños trozos llamados
paquetes de datos (la tienda te entrega tus productos y los llevas de regreso a casa).
• El navegador reúne los pequeños trozos, forma un contenido completo (según la defina la
página web recuperada) y lo muestra.
¿Puedo convertir mi computadora en un Servidor Web? Es posible, pero necesitará de servicios,
protocolos y programas especializados para lograrlo.

1.3 Tecnologías Web

Es el conjunto de tecnologías que permiten estructurar y presentar la información en los sistemas
web, permitiéndonos acceder a sus recursos en el internet o en una intranet a través de un
navegador. Entre estas tecnologías tenemos:

1.3.1 Tecnologías del lado del cliente o tecnologías front-end

Son todas aquellas tecnologías que corren del lado del cliente, es decir, todas aquellas tecnologías
que corren del lado del navegador web, generalizándose más que nada en tres lenguajes HyperText
Markup Language (HTML) que estructura los contenidos de las páginas web, hojas de estilo en
cascada (CSS) para describir el aspecto y el formato de la página web más algo de código ejecutable
realizado en lenguaje de script del navegador (JavaScript).

La persona encargada del front-end, se dedica mayormente a estas tres tecnologías, aunque esto
no significa que no sepa cómo trabaja el back-end, ya que es necesario para que pueda consumir
datos y pueda estructurar correctamente un maquetado en HTML y CSS para su mejor comodidad
y la comodidad del back-end a la hora de colocarlo sobre un servidor.

1.3.1.1 Desarrollo front-end

El desarrollo front-end es el que se encarga de la parte visible con la que interactúa el usuario, es
decir el desarrollo front-end desarrolla las interfaces de sistema web; es el responsable de mostrar
los contenidos, de controlar la interacción del usuario y de las peticiones al servidor. Los contenidos
deben ser presentados estéticamente a los usuarios, las interfaces que se construyen deben ser
fáciles de usar. Para ello los desarrolladores front-end deben utilizar adecuadamente las tecnologías
web del front-end y además conocer otras tecnologías relacionadas a fin de lograr interfaces
agradables visualmente, pero a su vez que permitan la interacción exitosa del usuario con el sitio
web o la aplicación web según sea el caso.

1.3.1.2 Código HTML

HTML, sigla en inglés de HyperText Markup Language (lenguaje de marcas de hipertexto), hace
referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de
referencia del software que conecta con la elaboración de páginas web en sus diferentes versiones,
define una estructura básica y un código (denominado código HTML) para la definición de contenido
de una página web, como texto, imágenes, videos, juegos, entre otros. Es un estándar a cargo del
World Wide Web Consortium (W3C) o Consorcio WWW, organización dedicada a la estandarización
de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e
interpretación. Se considera el lenguaje web más importante siendo su invención crucial en la
aparición, desarrollo y expansión de la World Wide Web (WWW). Es el estándar que se ha impuesto
en la visualización de páginas web y es el que todos los navegadores actuales han adoptado.

El lenguaje HTML basa su filosofía de desarrollo en la diferenciación. Para añadir un elemento

externo a la página (imagen, vídeo, script, entre otros.), este no se incrusta directamente en el
código de la página, sino que se hace una referencia a la ubicación de dicho elemento mediante
texto. De este modo, la página web contiene solamente texto mientras que recae en el navegador
web (interpretador del código) la tarea de unir todos los elementos y visualizar la página final. Al ser
un estándar, HTML busca ser un lenguaje que permita que cualquier página web escrita en una
determinada versión, pueda ser interpretada de la misma forma (estándar) por cualquier navegador
web actualizado.

La siguiente figura muestra la estructura básica de un documento HTML:

1.3.1.3 Hojas de estilo en cascada (CSS: Cascading Stylesheets)
CSS es un lenguaje de hojas de estilos creado para controlar el aspecto o presentación de los
documentos electrónicos definidos con HTML y XHTML. CSS es la mejor forma de separar los
contenidos y su presentación y es imprescindible para crear páginas web complejas.

1.3.1.4 El lenguaje JavaScript

JavaScript es un lenguaje de programación interpretado, dialecto del estándar ECMAScript. Se
define como orientado a objetos, basado en prototipos, imperativo, débilmente tipado y dinámico.

Se utiliza principalmente en su forma del lado del cliente (client-side), implementado como parte
de un navegador web permitiendo mejoras en la interfaz de usuario y páginas web dinámicas,
aunque existe una forma de JavaScript del lado del servidor (Server-side JavaScript o SSJS). Su uso
en aplicaciones externas a la web, por ejemplo, en documentos PDF, aplicaciones de escritorio
(mayoritariamente widgets) es también significativo.
1.3.1.5 Web API
La interfaz de programación de aplicaciones (API: Application Programming Interface), es un
conjunto de subrutinas, funciones y procedimientos (o métodos, en la programación orientada a
objetos) que ofrece cierta biblioteca para ser utilizado por otro software como una capa de
abstracción.

Una API es una “llave de acceso” a funciones que nos permiten hacer uso de un servicio web provisto
por un tercero, dentro de una aplicación web propia, de manera segura.

1.3.1.6 Otros elementos

• Fuentes
• Imágenes
• Audio
• Video
• Etc.

1.3.2 Tecnologías web del lado del servidor o Tecnologías back-end

La parte servidor de las sistemas web está formada por páginas estáticas que siempre muestran el
mismo contenido y por programas o scripts que son ejecutados por el servidor web cuando el
navegador del cliente solicita algunas páginas. La salida de este script suele ser una página HTML
estándar que se envía al navegador del cliente.

1.3.2.1 Código del lado del servidor

Es una tecnología que consiste en el procesamiento de una petición de un usuario mediante la
interpretación de un script en el servidor web para generar páginas HTML dinámicamente como
respuesta. El código del lado del servidor gestiona tareas como la validación de los datos enviados
y las peticiones enviadas por el usuario, usando bases de datos para almacenar y recuperar datos, y
enviando los datos correctos al cliente según se requiera

1.3.2.2 Lenguajes de servidor

Los Lenguajes de programación del lado del servidor son especialmente útiles en trabajos que se
tiene que acceder a información centralizada, situada en una base de datos en el servidor, y cuando
por razones de seguridad los cálculos no se pueden realizar en la computadora del usuario.

Es importante destacar que los lenguajes de programación del lado del servidor son necesarios
porque para hacer la mayoría de las aplicaciones web se debe tener acceso a muchos recursos
externos a la computadora del cliente, principalmente bases de datos alojadas en servidores de
Internet.

Las páginas dinámicas del servidor se suelen escribir en el mismo archivo HTML, mezclado el
lenguaje del lado del servidor con el código HTML, al igual que ocurría en las páginas del cliente.
Cuando una página es solicitada por parte de un cliente, el servidor ejecuta los scripts y se genera
una página resultado, que solamente contiene código HTML. Este resultado final es el que se envía
al cliente y puede ser interpretado sin lugar a errores ni incompatibilidades, puesto que sólo
contiene HTML.
Luego es el servidor el que maneja toda la información de las bases de datos y cualquier otro
recurso, como imágenes o servidores de correo y luego envía al cliente una página web con los
resultados de todas las operaciones. Las ventajas de este tipo de programación son que el cliente
no puede ver los scripts, ya que se ejecutan y transforman en HTML antes de enviarlos. Además,
son independientes del navegador del usuario, ya que el código que reciben es HTML fácilmente
interpretable.

Para escribir páginas dinámicas de servidor existen varios lenguajes, entre estos tenemos:

• Practical Extraction and Report Language (PERL): es un lenguaje de programación desarrollado

por Larry Wall inspirado en otras herramientas de UNIX. PERL es el lenguaje más utilizado para
la creación de programas CGI en los servidores web. Es más rápido que los programas shell script
de UNIX, puede leer y escribir ficheros binarios, y puede procesar ficheros grandes. La ventaja
más importante de PERL sobre C es que PERL no necesita ser recompilado, es un lenguaje
interpretado.
• Active Server Pages (ASP): es una tecnología del lado servidor de Microsoft para páginas web
generadas dinámicamente, que ha sido comercializada como un anexo a Internet Information
Services (IIS). EL estándard ASP permite poder utilizar cualquier lenguaje para la programación,
si bien Microsoft favorece que se utilice el VBScript, y en segundo término el JScript (versión del
estándard Javascript hecha por Microsoft). En teoría, y mediante la programación, es posible
adaptar versiones de lenguajes como Pascal, C y otros, para utilizarlos dentro de páginas ASP.
• Java Server Pages (JSP): es la tecnología para generar páginas web de forma dinámica en el
servidor, desarrollado por Sun Microsystems, basado en scripts que utilizan una variante del
lenguaje Java. La tecnología JSP, o de JavaServer Pages, es una tecnología Java que permite a
los programadores generar dinámicamente HTML, XML o algún otro tipo de página web. Esta
tecnología permite al código Java y a algunas acciones predefinidas ser embebidas en el
contenido estático. La principal ventaja de JSP frente a otros lenguajes es que permite integrarse
con clases Java (.class) lo que permite separar en niveles las aplicaciones web, almacenando en
clases java las partes que consumen más recursos, así como las que requieren más seguridad, y
dejando la parte encargada de formatear el documento ‘html’ en el archivo jsp. Además, Java
se caracteriza por ser un lenguaje que puede ejecutarse en cualquier sistema, lo que sumado a
jsp le da mucha versatilidad.
• Hipertext Preprocesor (PHP): PHP (acrónimo recursivo de “PHP: Hypertext Preprocessor”,
originado inicialmente del nombre PHP Tools, o Personal Home Page Tools) es un lenguaje de
programación interpretado. Aunque fue concebido en el tercer trimestre de 1994 por Rasmus
Lerdorf no fue hasta el día 8 de junio de 1995 que fue lanzada la versión 1.0. Se utiliza entre
otras cosas para la programación de páginas web activas, y se destaca por su capacidad de
mezclarse con el código HTML. Aunque su creación y desarrollo se da en el ámbito de los
sistemas libres, bajo la licencia GNU, existe además un compilador comercial denominado (Zend
Optimizer). El desarrollo del código abierto por un lado y el firme respaldo comercial por el otro,
han elevado a PHP a alcanzar una popularidad más que notable.

1.3.3 Trabajando con datos

Muchos sitios web necesitan almacenar información de los usuarios como nombres de usuario,
contraseñas, etc. Los datos en internet se han convertido en algo esencial y se pueden gestionar de
diferentes formas, de manera general se puede almacenar los datos en el cliente o se puede
almacenar en el servidor.

• Cookie: galleta o galleta informática es una pequeña información enviada por un sitio web y
almacenada en el navegador del usuario, de manera que el sitio web puede consultar la
actividad previa del usuario.
• API Web Storage: es una de las APIs de HTML5 que nos permite guardar datos de tipo/valor
(key/value) sin tener que utilizar cookies, es decir, no depende del tráfico de Internet.
• XML: siglas en inglés de eXtensible Markup Language, traducido como "Lenguaje de Marcado
Extensible" o "Lenguaje de Marcas Extensible", es un meta-lenguaje que permite definir
lenguajes de marcas desarrollado por el World Wide Web Consortium (W3C) utilizado para
almacenar datos en forma legible.
• JSON: acrónimo de JavaScript Object Notation, es un formato de texto ligero para el intercambio
de datos.
• Bases de datos: Una base de datos o banco de datos es un conjunto de datos pertenecientes a
un mismo contexto y almacenados sistemáticamente para su posterior uso. Reside en el
servidor y puede almacenar todo tipo de información.
• Existen programas denominados sistemas gestores de bases de datos, abreviado SGBD (del
inglés database management system o DBMS), que permiten almacenar y posteriormente
acceder a los datos de forma rápida y estructurada.

1.4 ¿Qué es una página web?

Una página web, es un documento o información electrónica capaz de contener texto, sonido, vídeo,
programas, enlaces, imágenes, hipervínculos y muchas otras cosas, adaptada para la llamada World
Wide Web (WWW), que puede ser accedida mediante un navegador web, se encuentra
generalmente en formato HTML o XHTML, y puede proporcionar acceso a otras páginas web
mediante enlaces de hipertexto. Frecuentemente también incluyen otros recursos como pueden
ser hojas de estilo en cascada, scripts, imágenes digitales, entre otros.

Las páginas web pueden estar almacenadas en un computador o en un servidor web remoto. El
servidor web puede restringir el acceso únicamente a redes privadas, por ejemplo, en una intranet
corporativa, o puede publicar las páginas en la World Wide Web. El acceso a las páginas web es
realizado, normalmente usando un programa llamado navegador web el cual solicita una deterinada
página web y sus archivos asociados, mediante una transferencia desde servidores, utilizando el
protocolo de transferencia de hipertexto (HTTP).

Cuando el usuario accede a una página web, necesita una sola URL. Para moverse por su contenido
no necesita ninguna navegación, solamente tendrá que usar las barras de desplazamiento para que
una parte del contenido sea visible si es preciso. No obstante, puede haber enlaces internos o
anchor para facilitar esta labor y mover la pantalla al contenido que estés buscando, como los que
incluimos en el índice que hay al inicio del artículo. Una página puede contener texto, gráficos,
vídeos, tablas, enlaces a otras páginas, etc.

Una página web normalmente está programada en lenguaje HTML, también incluye en su
programación CSS y JavaScript. El código en HTML sirve para construir la estructura de la página,
colocando cada contenido en su sitio; mientras que el código en CSS sirve para cuidar el aspecto de
la página: los colores, las fuentes, etc.

1.4.1 Tipos de páginas web

Las páginas web se pueden clasificar en función de distintos criterios. Algunos de los criterios de
clasificación más importantes son:

1.4.1.1 Según el dinamismo de su contenido

a) Página web estática
Es una página web que está formada únicamente por archivos en código de programación
HTML y CSS. Su contenido se actualiza de forma manual modificando este código,
normalmente desde un editor como Notepad, Dreamweaver o Atom.

Cuando se modifican páginas web estáticas, hay que introducir los cambios en el código,
previsualizarlos y cargar los archivos actualizados.

Este tipo de páginas web pueden incluir elementos multimedia como galerías de imágenes
o vídeos, pero no permiten que el usuario interactúe. Son escaparates en las que
simplemente se pueden ver los contenidos.

b) Página web dinámica

Una página web dinámica es una página web generada bajo demanda, a diferencia de una
página web estática. Su contenido varía en función de los datos como la hora, el nombre del
usuario, las preferencias fijadas por el usuario, etc., que no son conocidos hasta el momento
en que el usuario solicita la página. Por ejemplo, una sección de noticias o una ficha
personal. También se habla de contenido dinámico, en referencia a los elementos dinámicos
de una página web dinámica, tales como textos, imágenes, videos, ficheros descargables,
etc.

El lenguaje PHP es el más común para programarlas, aunque también se utilizan otros como
Ruby o ASP. También se usan los lenguajes HTML y CSS para el diseño web, pero se
diferencian de las páginas web estáticas en que los cambios se realizan directamente en la
interfaz de administrador. La base de datos se encarga de actualizar los archivos
directamente.

En la actualidad, la mayoría de los programas para crear páginas web son editores de
páginas web dinámicas, al menos en el aspecto técnico. Pero, eso no significa en absoluto
que sean difíciles de utilizar. Muchas plataformas asumen la creación y gestión de la base
de datos, de manera que, en muchos casos, solo nos tenemos que preocupar de editar los
contenidos. Con algunos programas como Wix o Jimdo la edición de páginas web es
totalmente intuitiva.

De la misma forma, las páginas web dinámicas permiten a los clientes interactuar con ellas
(por ejemplo, creando una cuenta personal o cubriendo un formulario).
1.4.1.2 Según los permisos de acceso
a) Página web pública
Es aquella que no tiene limitaciones de acceso.
b) Página web privada
Es aquella cuyo acceso está protegido por algún mecanismo que permita validar que el
usuario tiene permisos para acceder a dicha página, como por ejemplo por usuario y
contraseña. Es decir, están presentes en todos los sitios web en los que te puedes crear una
cuenta de usuario personal.

Pero las páginas web privadas no se limitan a eso. El área de administrador de un sitio web
también está formado por páginas web que son privadas.

1.4.1.3 Según su función

Cada página web tiene una función dentro del sitio web del que forma parte. A diferencia de los
criterios anteriores, en este caso no tenemos una clasificación cerrada, sino una casuística amplia
de la que solo podemos citar algunos ejemplos frecuentes:

a) Página principal, de bienvenida o home

También se conoce como página de inicio o index. Es la más importante de todas y no es lo
mismo que el sitio web completo. Se accede a ella al teclear solamente el nombre de
dominio en la barra de direcciones del navegador. Su finalidad es servir de bienvenida, así
que debe ofrece la información principal y menús de navegación eficaces y claros.

b) Página de información general sobre marca

Estas páginas suelen identificarse con el título “¿Quiénes somos?”, “Sobre nosotros” o
similar. Es habitual que muchas marcas dediquen una de las páginas web de su sitio web a
presentarse. Los contenidos no se suelen modificar con frecuencia.

c) Artículo de blog
Es una página web con un contenido informativo que tiene cierta volatilidad en el tiempo.
Puede incluir texto, imágenes, vídeos, tablas, enlaces… Los posts o artículos de un blog están
pensados para actualizarse con regularidad.

d) Página principal de un blog o feed de artículos

Es la página web que muestra todos los artículos del blog, normalmente ordenados del más
reciente al más antiguo. A veces es coincidente con la página de inicio, pero suele haber una
página web independiente para mostrar únicamente los artículos del blog.

El feed de un blog es el ejemplo perfecto de página web dinámica. Cada vez que se publica
un nuevo artículo, el contenido cambia automáticamente para incluirlo. No es necesario
que el administrador realice ninguna acción. Esto es posible porque está página está
conectada a una base de datos central que se actualiza cada vez que se publica un nuevo
artículo.

e) Página de contacto
 Es una página web similar a la de presentación, pero con los datos de contacto, que debe
estar lo más visible posible en la página de inicio.

La página de contacto puede incluir un formulario para contactar directamente.

f) Página de producto de tienda online

Pasamos a un tipo de página web que va vinculado a un tipo de sitio web específico: el de
comercio electrónico. En el caso de una tienda online, cada producto tiene una página web
dinámica específica, desde la que se puede comprar.

g) Página de categoría de tienda online

Es el equivalente al feed de un blog, pero en este caso muestra los productos de la tienda
online, normalmente agrupados en categorías. Al igual que la página principal de un blog,
se trata de una página web dinámica: su contenido se modifica automáticamente cuando
añades o eliminas un producto.

h) Página de autenticación
Es la página web que nos permite ingresar los datos, como ser usuario y contraseña, que
nos permiten validar que tenemos permiso a un grupo de páginas web privadas.

i) Página web de registro

Es la página web que nos permite acciones como solicitar la creación de una cuenta,
habilitarnos para poder realizar algunas interacciones con sitios web como comercio
electrónico, en la cual se nos pide un conjunto de información necesaria para poder
completar una solicitud de registro a un determinado sitio web.

j) Otros tipos de páginas

Pueden existir otros tipos de páginas que visualicen otro tipo de información o realizar otros
tipos de actividades dependiendo de las bondades que presente un determinado sistema
web.

1.5 ¿Qué es un sitio web?

Un sitio web es una colección de páginas web relacionadas y comunes, es decir referentes a un tema
en particular, usualmente conectadas de alguna manera, normalmente incluyen una página de
bienvenida que contiene los enlaces para poder acceder al resto o a varias del resto de las páginas
que forman parte del sitio web. A las páginas de un sitio web se accede a través de una URL raíz
común llamada portada. Tienen como objetivo principal entregar información, la mayoría de las
páginas a las que permite acceder son de acceso público, aunque puede tener algunas páginas de
acceso privado.

Podemos ver a un sitio web como un libro entero, que incluye varias páginas web. Todas las páginas
web que componen un sitio web se encuentran en una misma ubicación dentro de un servidor (de
ahí el término “sitio”) y comparten un nombre de dominio completo “FQDN” (como
www.uagrm.edu.bo), pero el final de la URL es diferente para cada una de las páginas.
Los Sitios Web deben ser creados por equipos multidisciplinarios, con la finalidad de ofrecer
información puntual y útil para los usuarios de Internet.

Las situaciones más comunes cuando necesitas crear un sitio web:

• Cuando quieres ofrecer información clara y atractiva acerca de tus productos, servicios y/o
visión de negocio.
• Cuando desee crear pruebas sociales y mostrar testimonios y estudios de casos
• Cuando desee comunicar la visión de su marca y crear conciencia de marca
• Cuando quieras aumentar el número de clientes potenciales
• Cuando desee ofrecer atención al cliente automatizada y rápida

1.5.1 La navegación en un sitio web

Las páginas de un sitio web están conectadas entre sí por enlaces, normalmente articulados a partir
de un menú o varios. Por ello, decimos que la navegación es una diferencia entre sitio web y página
web. A diferencia de lo mencionado sobre una página web, en un sitio web no podemos acceder a
cualquier parte de un sitio web con solo mover las barras de desplazamiento de nuestra pantalla.
Tendremos que seguir uno o varios enlaces (y en este caso no hablamos de enlaces internos) hasta
llegar al contenido que estamos buscando. La estructura de esta red de enlaces entre las páginas
que componen un sitio web se denomina árbol web.

Es importante que esta navegación por el sitio web sea lo más simple e intuitiva posible, sobre todo
si el sitio tiene muchos contenidos. Para facilitar la experiencia de usuario, lo normal es que haya
una distancia de tres enlaces como máximo entre dos páginas cualesquiera de un mismo sitio web.

1.5.2 Tipos de sitios web

Los tipos de sitios web están estrechamente vinculados a los tipos de páginas web que incluyen,
pero en este caso debemos tener en cuenta que las páginas web se pueden combinar. Por ejemplo,
la mayoría de los sitios web tienen páginas web públicas y páginas web privadas.

1.5.2.1 Según el número de páginas

Podemos establecer la siguiente clasificación:

• Sitio web de una página: Es perfectamente posible que un sitio web conste de una sola
página web (y no por ello deja de ser un sitio web). Se trata de sitios web muy sencillos
donde resulta práctico mostrar toda la información agrupada. El programa Strikingly está
especializado en la creación de este tipo de sitios web.
• Sitio web de varias páginas: Obviamente, son la mayoría. Muchos sitios web sencillos
constan de varias páginas web, aunque sean pocas.

1.5.2.2 Según su dinamismo

Podemos establecer la siguiente clasificación:

• Sitio web estático: Aquel en el que todas las páginas web que lo componen son páginas
web estáticas.
 • Sitio web dinámico: Aquel que tiene al menos una página web dinámica. Desde un punto
de vista técnico, la mayoría de los sitios web actuales son dinámicos, aunque sus contenidos
no se actualicen con mucha regularidad.

1.5.2.3 Según su finalidad

Como su definición indica, los sitios web serán una suma de las finalidades de las páginas web que
los componen. Por ejemplo, un sitio web vitrina dedicará una página web a presentar la marca, otra
a facilitar los datos de contacto, etc.

Los principales tipos de sitios web según su finalidad que podemos mencionar son:

• Sitio web de tarjeta de visita o presentación

• Sitio web vitrina o portafolio
• Blog
• Sitio web de comercio electrónico o tienda online
• Otros

1.6 ¿Qué es una aplicación web?

Una aplicación web son sitios web dinámicos que permiten interactuar con la información
presentada, siendo más complejas que un sitio web estandar, ya que además de las tecnologías web
del lado del cliente (tecnologías front-end), requieren el uso de tecnologías del lado del servidor
(tecnologías back-end) para almacenar, recuperar información y realizar varias funciones para
estructurar el contenido de sus páginas de forma dinámica, dependiendo de la interacción que
realice el usuario. Las aplicaciones web ofrecen soluciones a varias necesidades, ya sean de
entretenimiento, de gestión de tu empresa o como plataforma de venta de productos o servicios.
Como ya se mencionó, están compuestas en su mayoría por páginas web dinámicas, de las cuales
su mayoría o casi todas son de acceso privado, es decir requieren algún mecanismo de acceso y
validación de dicho acceso.

Una aplicación web funciona como las aplicaciones de escritorio (Word, Photoshop, Skype), son
dinámicas y están cambiando constantemente, pero a diferencia de una aplicación de escritorio, no
se instala en un computador común, sino en un servidor que tenga instalado y un funcionando un
servidor web, por lo cual para poder utilizarlas solo necesitamos de un navegador y de una conexión
de red hacia el servidor donde se instaló la aplicación web. Hacemos notar una vez más, que,
dependen de la interacción del usuario para lograr su objetivo, ya sea contribuyendo con el
contenido (YouTube, Facebook, Twitter) o la recopilación de datos de otras fuentes y presentarlos
a usted (Mint, Google Analytics, Klout).
1.7 ¿Qué es una URL?

Las siglas «URL» en inglés significan Uniform Resource Locator, que se traduce como «Localizador
uniforme de recursos». Podemos definir una URL como una serie de caracteres que permite localizar
los recursos (páginas web, imágenes, archivos de video, archivos de audio, hojas de estilo, codigo
javascript y otros) que hay disponibles en el entorno de Internet o de una intranet

Por ejemplo:

• La URL de la página web de la facultad Politécnica en el sitio web de la U.A.G.R.M.

https://www.uagrm.edu.bo/facultades/fp
• La URL de la imagen que aparece en la anterior página web es:
https://files.uagrm.edu.bo/entidad/28/image/FOTO_DE_PORTADA_III.jpg

Una URL se compone de las siguientes partes (según el primer ejemplo) :

• protocolo de acceso al recurso (https://)

• nombre de host (www.)
• nombre de dominio (uagrm.edu.bo)
• ubicación del recurso —la página web en la mayoría de los casos— dentro del sitio web
(/facultades/fp)

Deberemos hacer notar que la unión del nombre de host con el nombre de dominio, nos da lo que
el nombre de dominio completo (FQDN) de un servidor. En el primer ejemplo seria
(www.uagrm.edu.bo)

1.8 Nombre de dominio, FQDN y registro de dominio

Un nombre de dominio (o dominio) es una secuencia de caracteres (normalmente en minusculas)
que nos permite identificar a varios dispositivos que pertenecen a una organización.

En cambio, un FQDN (Fully Qualified Domain Name) o nombre de dominio completo, es una
secuencia de caracteres que identifica a un dispositivo en específico que pertenece a una
organización (servidor, router, etc), el cual, forma parte de la dirección (URL) que la gente usa para
encontrar tu sitio web en Internet (a veces el FQDN es suficiente para acceder a un sitio web o
alguna de sus páginas). Las personas la escribirán en la barra de direcciones de su navegador web y
así accederán a tu sitio.

A cada sitio web y servidor de Internet se le asigna dirección IP. Sin embargo, dado que es difícil
memorizar estas direcciones IP, se inventaron los nombres de dominio completos.

Generalmente, un nombre de dominio consta de un dominio de segundo nivel y uno de nivel

superior (TLD). Los dominios de segundo nivel son palabras o frases, mientras que los dominios de
nivel superior son las extensiones que siguen.

Por ejemplo, en el caso de google.com, el dominio de segundo nivel es google y .com es el TLD.

Para tener un nombre de dominio completo para tu sitio web, debes registrar el nombre de dominio
que lo contendrá. El registro de un nombre de dominio es el proceso de reservar un nombre en
Internet por un periodo determinado. Normalmente, hay que renovar la licencia una vez al año,
pero se puede pagar por adelantado hasta 10 años para que el dominio quede registrado a su
nombre o a nombre de una organización.

Las empresas u organizaciones que venden y administran los registros de nombres de dominio se
denominan registradores de dominio. Estos están bajo la certificación de la ICANN (Corporación de
Internet para la asignación de nombres y números) la autoridad que coordina y maneja las bases de
datos de dominios en Internet.

Sin embargo, antes de pasar al registro de dominios, es esencial comprobar la disponibilidad de tu

dominio personalizado. Existen una gran cantidad de proveedores de dominios en internet que nos
ofrecen una herramienta, generalmente aplicación web, para verificar si el nombre de dominio que
deseamos está disponible.

1.8.1 Tipos de extensiones de dominio

Las extensiones de dominio o dominios de nivel superior (TLD) se refieren a la última parte de un
nombre de dominio.

Como su nombre indica, los TLD ocupan el lugar más alto en la jerarquía del DNS (sistema de
nombres de dominio) de Internet. Hay cientos de TLD disponibles en la red, que son mantenidos y
actualizados regularmente por la IANA (Autoridad de Números Asignados de Internet).

La IANA clasifica los TLD en cuatro categorías principales en función de su finalidad y ubicación:

• gTLDs (dominios genéricos de primer nivel). Es el nombre de dominio más utilizado, ya que
se ajusta a los propósitos de cualquier sitio web. Incluye los conocidos .com, .org y .net, así
como otros nombres únicos como .xyz, .biz y .tech.
• sTLDs (dominios de nivel superior patrocinados). Estos dominios están restringidos a
determinadas organizaciones y grupos. Algunos ejemplos comunes son .gov para sitios
gubernamentales, .edu para instituciones educativas y .post para servicios postales.
• ccTLDs (dominios de nivel superior con código de país). Señala una determinada parte del
territorio o ubicación bajo códigos ISO. Por ejemplo, .us para EE.UU., .in para India, .es para
España y .id para Indonesia.
 • Dominio de nivel superior de infraestructura. Consta de un solo nombre de dominio, que es
.arpa, que representa el ARPA (Área de Direcciones y Parámetros de Enrutamiento). Este
nombre de dominio está reservado principalmente para resolver problemas de
infraestructura de Internet.

Si quiere registrar un nombre de dominio, puede ser beneficioso conocer todas sus opciones para
encontrar la extensión perfecta.

1.9 Protocolos HTTP y HTTPS

Es un protocolo de transferencia de datos entre servidor y cliente a través de Internet utilizado para
poder navegar por la red y visitar páginas web. Las primeras versiones del protocolo HTTP datan de
1965 estando actualmente ya en la versión http/2, mientras que el protocolo HTTPS es mucho más
nuevo, y no aparecieron las primeras conexiones a través de él hasta 1994, trayendo a este
protocolo la «S» de «Secure» al brindarle esta capa de seguridad adicional.

HTTPS utiliza una combinación de dos protocolos de comunicación (HTTP+SSL/TLS) que hace que
cualquier tipo de información que se transmita en la red sea cifrada y nadie pueda acceder a ella,
únicamente navegador y servidor web. Y para ello es necesario tener instalado en el servidor donde
está alojado nuestro sitio web un Certificado SSL.

La principal diferencia entre HTTP y HTTPS es la seguridad. El protocolo HTTPS impide que otros
usuarios puedan entender la información cuando interceptan esta información mientras se
transfiere entre el cliente y el servidor web a través de Internet

Normalmente, el protocolo HTTP utiliza el puerto 80 para las conexiones, el protocolo HTTPS utiliza
el puerto 443 para establecer las comunicaciones, aunque los usuarios no notemos diferencia al
conectarnos a través de ninguno de estos protocolos.
Cuando usamos https, además de mostrarse HTTPS en la barra de direcciones al inicio de la URL de
la página, también hay un elemento que diferencia claramente una web segura y otra que no lo es:
un candado verde. Por ejemplo:

1.9.1 Certificado digital

Un certificado digital o certificado electrónico, el cual es un fichero informático firmado
electrónicamente por un prestador de servicios de certificación, considerado por otras entidades
como una autoridad para este tipo de contenido, que vincula unos datos de verificación de firma a
un firmante, de forma que únicamente puede firmar este firmante, y confirma su identidad. Tiene
una estructura de datos que contiene información sobre la entidad (por ejemplo, una clave pública,
una identidad o un conjunto de privilegios). La firma de la estructura de datos agrupa la información
que contiene de forma que no puede ser modificada sin que esta modificación sea detectada.

Un certificado digital puede tener las siguientes aplicaciones:

• Autenticación de usuarios: Los certificados digitales se utilizan para autenticar la identidad de

usuarios en línea.
• Firma digital: Los certificados digitales permiten la firma electrónica de documentos y
transacciones lo que garantiza la integridad de la información y proporciona no repudio.
• Cifrado de datos: Los certificados digitales se utilizan para cifrar la comunicación y proteger la
confidencialidad de los datos transmitidos. Esto es especialmente importante en cualquier
situación en la que se necesite garantizar la privacidad.
• Acceso seguro a servicios en línea: Los certificados digitales se utilizan para garantizar el acceso
seguro a servicios en línea.
• Validación de sitios web: Los certificados digitales se utilizan para validar la autenticidad y la
identidad de los sitios web.
1.9.2 Certificado SSL
Un certificado SSL es un certificado digital que autentica la identidad de un sitio ó aplicación web y
permite habilitar una conexión cifrada. La sigla SSL significa Secure Sockets Layer (Capa de sockets
seguros), un protocolo de seguridad que crea un enlace cifrado entre un servidor web y una
aplicación cliente (en la web normalmente la aplicación cliente es un navegador web).

Las empresas y las organizaciones deben agregar certificados SSL a sus sitios y/o aplicaciones web
para proteger las transacciones en línea y mantener la privacidad y seguridad de la información del
cliente.

Desde su creación hace más de 20 años, ha habido varias versiones del protocolo SSL, las cuales en
algún momento se encontraron con problemas de seguridad. Posteriormente, se lanzó una versión
renovada y con un nuevo nombre: TLS (Transport Layer Security, Seguridad de capa de transporte),
que sigue en uso actualmente. Sin embargo, las iniciales SSL se mantuvieron, por lo que la nueva
versión del protocolo se sigue llamando con el nombre antiguo.

1.9.3 ¿Cómo funcionan los certificados SSL?

Los certificados SSL funcionan garantizando que los datos transferidos entre usuarios y sitios web,
o entre dos sistemas, sean imposibles de leer. Utiliza algoritmos de cifrado para cifrar los datos en
tránsito, lo que evita que los hackers la información que se envía a través de la conexión. Estos datos
incluyen información potencialmente confidencial, como nombres, direcciones, números de
tarjetas de crédito u otros detalles financieros.

El proceso funciona de la siguiente manera:

i. Un navegador o servidor intenta conectarse a un sitio o aplicación web (es decir,`con un

servidor web) protegido mediante certificados SSL.
ii. El navegador o servidor solicita que el servidor web destino se identifique.
iii. En respuesta el servidor web destino envía al navegador o servidor origen una copia de su
certificado SSL.
iv. El navegador o servidor evalúa si el certificado SSL es confiable. En caso afirmativo, envía
una señal al servidor web.
v. A continuación, el servidor web devuelve un reconocimiento firmado digitalmente para
iniciar una sesión cifrada mediante SSL.
vi. Los datos cifrados se comparten entre el navegador o servidor y el servidor web.

1.9.4 Tipos de certificados SSL

Los certificados SSL se clasifican por el nivel de validación y por el número de dominios que aseguran.

1.9.4.1 Tipos de certificados SSL según el nivel validación

Por el nivel de validación del certificado SSL se tiene los siguientes 3 tipos de certificados SSL:

1.9.4.1.1 Certificados SSL con validación de dominio (DV SSL)

La DV es la forma más sencilla de validación de certificados SSL y solo se aplica a la verificación de
la propiedad del dominio. Suele realizarse a través de la verificación por correo electrónico y no
requiere ninguna otra investigación por parte de la CA (Autoridad certificadora). También es la
forma más barata y rápida de adquirir un certificado SSL.
1.9.4.1.2 Certificados SSL con validación de organización (OV SSL)
La OV es el siguiente nivel de validación. Además de validar su dominio, la CA también verifica su
negocio poniéndose en contacto directamente usted o con su empresa. La CA verifica que es el
propietario del dominio y que es para un negocio legalmente registrado. Estos certificados se
consideran muy fiables.

1.9.4.1.3 Certificados SSL con validación extendida (EV SSL)

La EV es típica entre los sitios web de empresas y ofrece el mayor nivel de confianza y fiabilidad.
Implica una comprobación completa de los antecedentes de su empresa. La adquisición de este
certificado implica un estricto proceso de investigación por parte de la CA.

En algunos navegadores, los nombres de las empresas con certificados SSL con EV aparecen de
forma destacada. Aparecerán en verde junto al nombre de dominio al acceder a su sitio web.

1.9.4.2 Tipos de certificados SSL por el número de dominios que aseguran

Por el número de dominios que asegura el certificado SSL se tiene los siguientes 4 tipos de
certificados SSL:

1.9.4.2.1 Certificados SSL de un solo dominio

Como su nombre indica, este tipo de certificado asegura un único nombre de dominio completo
(FQDN) y todas las páginas del mismo. Sin embargo, no asegurará ningún ningún otro FQDN dentro
del dominio.

Por ejemplo, si tenemos certificado SSL para el FQDN web.ofimatica.com, también cubrirá todas las
páginas relacionadas con este FQDN como web.ofimatica.com/knowledgebase/. Pero no cubrirá
ningún otro FQDN dentro del dominio como www.ofimatica.com.

1.9.4.2.2 Certificados SSL comodín

Los certificados SSL comodín te permiten proteger un nombre de dominio base y los FQDN dentro
de ese dominio base ilimitados en un solo certificado. Si tiene varios FQDN que proteger dentro del
mismo dominio, la compra de un certificado SSL comodín es mucho menos costosa que comprar
certificados SSL individuales para cada uno de ellos. Los certificados SSL comodín tienen un asterisco
* como parte del nombre común que registramos al crear el certificado digital; el asterisco
representa cualquier FQDN válido que tiene el mismo dominio base. Por ejemplo, se puede utilizar
el mismo certificado comodín de sitio web *.yourdomain.com para los siguientes FQDN:

• www.yourdomain.com
• prueba.yourdomain.com
• virtual.yourdomain.com
• postgrado.yourdomain.com
• etc.yourdomain.com

1.9.4.2.3 Certificado SSL multidominios

Se puede utilizar un certificado de varios dominios para proteger muchos dominios o nombres de
subdominio. Esto incluye la combinación de FQDN completamente únicos con distintos TLDs
(dominios de nivel superior)

Por ejemplo:
 • www.example.com
• web.org
• this.domain.net
• anything.com.au
• web.example.com
• example.org
• example.com

1.9.4.2.4 Certificados SSL comodín multidominios

El certificado SSL comodin multidominio combina las características de los certificados SSL
multidominio y comodin. En otras palabras, con un solo certificado, podrá ser capaz de asegurar
múltiples FQDN de diferentes nombres de dominios base.

Es fundamental estar familiarizado con los diferentes tipos de certificados SSL, a fin de obtener el
tipo correcto para tu sitio web.

1.9.5 Elección del certificado SSL adecuado

Como se ha visto, los certificados SSL vienen en diferentes sabores. Si se quiere que nuestro sitio
web parezca legítimo y que sus visitantes confíen en él, pero no está seguro de cuál es el certificado
SSL que mejor se adapta a sus necesidades, podríamos usar los siguientes criterios de selección:

• Para un sitio web pequeño o personal con un solo dominio, el certificado SSL para un solo
dominio es más adecuado para el caso, ya que es asequible y cumple su función.
• Si se tiene un sitio web empresarial con un dominio base, pero varios FQDN que asegurar,
el certificado SSL comodin es el camino a seguir y será mucho más barato que adquirir un
certificado SSL independiente para cada FQDN.
• Para los sitios web más grandes o las empresas con más de un dominio (por ejemplo, una
empresa que posee varias marcas, cada una con su propio dominio), el certificado SSL
multidominio es una opción inteligente. Cubrirá todos tus dominios y seguramente será más
barato que obtener un certificado SSL para cada dominio.
• Si la organización quiere ahorrar tiempo y dinero, el SSL comodin multidominio es ideal para
proteger varios dominios base, así como un número ilimitado de FQDN dentro de estos
dominios.

1.9.6 Cómo obtener un certificado SSL

Los certificados SSL se pueden obtener directamente de una autoridad certificadora (Certificate
Authority, CA). Las autoridades certificadoras, también conocidas como autoridades de
certificación, emiten millones de certificados SSL cada año. Cumplen una función fundamental en el
funcionamiento de Internet y en la manera en que se garantizan las interacciones transparentes y
de confianza en línea.

El costo de un certificado SSL puede ir desde un certificado gratuito a uno que cuesta cientos de
dólares, lo que dependerá del nivel de seguridad que se requiera. Una vez que se decida el tipo de
certificado que se necesita, se podrá buscar emisores de certificados que ofrezcan certificados del
nivel que se necesita.

Para obtener un certificado SSL, se debe seguir los siguientes pasos:

 • Prepararse configurando el servidor y comprobando que su registro en WHOIS esté
actualizado y coincida con lo que se está enviando a la autoridad de certificación (debe
mostrar el nombre y la dirección correctos de la empresa, etc.)
• Genera una solicitud de firma de certificado (CSR) en el servidor. Esta es una acción con la
que la empresa de alojamiento puede ayudar.
• Enviar esta información a la autoridad de certificación para validar el dominio y los detalles
de la empresa.
• Instalar el certificado que proporcionan una vez que finalice el proceso.

Una vez obtenido, se debe configurar el certificado en el alojamiento web o en sus propios
servidores, en caso de que se tenga un alojamiento de sitio web por cuenta propia.

1.10 Navegadores Web

Como sin duda sabe, un navegador es un producto de software que le permite solicitar y mostrar
páginas del internet o de una intranet.

Un navegador es sorprendentemente sencillo; de hecho, gran parte de su trabajo consiste en dos

tareas. Primero, pide páginas Web, lo que ocurre cuando escribe la dirección de un sitio como
www.google.com o hace clic en un enlace en una página.

El navegador envía esa petición a un ordenador lejano llamado servidor, un aparato normalmente
más potente que una computadora doméstica porque necesita manejar múltiples peticiones al
mismo tiempo. El servidor Web atiende las solicitudes y responde con los contenidos de la página
Web deseada.

Cuando un navegador obtiene esos contenidos, utiliza su segunda habilidad y muestra, o dibuja la
página Web. Técnicamente, esto significa que convierte el texto sin formato que recibe el servidor
en un documento visual basado en las instrucciones incrustadas en la página de texto plano.

El resultado final es una imagen gráfica con distintos tipos de fuente, color y enlaces.

Es importante la elección de un navegador, por lo cual, aunque no esté interesado en cambiar de

navegador, es aconsejable conocer cuáles son las opciones más comunes.

Cuando diseñe un sitio Web, necesitará prepararlo para un público amplio con distintos
navegadores.
Debe asegurarse de que los gráficos no se perciban de forma rara cuando otro usuario los ve, es una
buena práctica probar su sitio en otros ordenadores y dispositivos, empleando otros tamaños de
pantalla y otros navegadores Web.

Las estadísticas de uso de los navegadores varían dependiendo de los sitios que examine y cómo se
cuenten los visitantes. Igualmente son importantes las tendencias, que muestran que Firefox,
Chrome y Safari aumentan su popularidad frente a Internet Explorer y Edge de Microsoft.

1.11 Servidor Web

Si buscamos una definición sencilla, un servidor web (también llamado webserver en inglés) es el
software que se encarga de despachar el contenido de un sitio web al usuario.

Al introducir una dirección en un navegador, un servidor recibe la petición de éste y devuelve el

recurso correcto (este recurso puede ser una página web, imagen, video, etc). En un sitio concurrido,
está tarea básica puede requerir mucho trabajo. Como resultado, los servidores Web suelen ser
computadoras de capacidad industrial.

Aunque un PC Windows con la configuración adecuada puede albergar un sitio Web, no suele
merecer la pena. En su lugar, la mayoría de la gente contrata a otra empresa (Hosting) para que les
proporcione espacio en uno de sus servidores, normalmente por una cuota mensual o anual. En
otras palabras, hay que alquilar un lugar en la Web.

A menudo puede contratarse a la misma compañía que usa para el acceso a Internet (ISP) o puede
estar incluido en su paquete de conexión de forma gratuita. Como alternativa, puede dirigirse a una
empresa dedicada al alojamiento Web.

De cualquier manera, llevará los sitios que construya y una copia de ellos a un ordenador lejano que
garantizará el contenido que se incluyo en dicho sitio pueda ser recuperado para ser visualizado por
el público mundial.

1.12 Hosting o alojamiento Web

Los servicios de alojamiento web permiten publicar sitios web en Internet. Los proveedores de
alojamiento web almacenan los datos de un sitio en sus servidores y envían esa información a los
navegadores web de sus visitantes cuando escriben la URL de alguna página de dicho sitio en la
barra de direcciones.

También brindan herramientas para principiantes, por lo que puede permitir administrar un sitio
web con poca o ninguna habilidad técnica. La mayoría de los proveedores de hosting brindan
soporte al cliente, mantenimiento de servidores, autoinstaladores y creadores de sitios web para
ayudarte a administrar tu sitio web más fácilmente.

Además de almacenar los archivos del sitio web, un proveedor de hosting protege el servidor y los
archivos de los sitio que aloja de ataques maliciosos.

Algunas empresas de hosting web, también ofrecen el registro de dominios para ayudarnos a crear
un sitio web de forma aún más rápida y eficiente.

Dicho esto, es importante realizar una investigación exhaustiva al elegir un servicio de hosting web.
Es necesario considerar algunos factores.
 • Facilidad de uso. Todos los alojamientos web ofrecen un panel de control para gestionar tu
cuenta de hosting. Debemos asegúrarnos de que el panel de control ofrecido es fácil de usar
y tiene una amplia funcionalidad.
• Velocidad del servidor y tiempo de disponibilidad. Debemos elegir una empresa de
alojamiento web que asegure una velocidad de carga rápida y ofrezca una garantía de
tiempo de disponibilidad excelente para que nuestro sitio tenga un tiempo de inactividad
mínimo.
• Precios y planes. Antes de adquirir un plan de hosting, conviene tener en cuenta los
complementos y las tarifas de renovación que se ajusten a nuestro presupuesto a largo
plazo.
• Servicio de atención al cliente. Deberemos escoger una empresa de alojamiento que cuente
con un equipo de soporte fiable con asistencia inmediata en caso de problemas técnicos.

1.12.1 Tipos de Hosting

Entre los tipos de hosting que nos pueden ofrecer podemos tener:

• Hosting compartido. El alojamiento compartido es donde varios sitios web comparten el

mismo servidor físico y tienen una cantidad determinada de almacenamiento y recursos. Es
la opción más barata de todas y es perfecta para pequeñas empresas o sitios web
personales.
• Hosting VPS. Un servidor físico está virtualmente separado en múltiples particiones, dando
a los usuarios un entorno privado con sus recursos dedicados. Este tipo de alojamiento
funciona muy bien para sitios web con un tráfico mediano-alto.
• Cloud Hosting. Utiliza un clúster de diferentes servidores para alojar el sitio web. Cuando un
servidor sufre una caída, otro servidor interviene rápidamente para mantener el sitio en
funcionamiento. El cloud hosting es la solución ideal para los sitios que necesitan una alta
disponibilidad, como las tiendas de eCommerce.
• Hosting WordPress. Proporciona un entorno optimizado, rendimiento y seguridad para
alojar sitios de WordPress. Este plan de alojamiento ofrece funciones específicas para
WordPress y de personalización, para que puedas gestionar y hacer crecer tu sitio
fácilmente.
• Correo profesional. Un servicio de alojamiento web te permite crear direcciones de correo
electrónico personalizadas basadas en tu nombre de dominio (como
juanperez@tudominio.com).

1.12.2 ¿Cómo funcionan juntos un hosting y un dominio para crear un sitio web?
Si hemos decidido pagar hosting para desplegar nuestro sitio web en el internet en un servidor ajeno
en lugar de tener nuestra propia infraestructura, el hosting y el dominio funcionan de la mano:
imaginemos que tanto nuestra dirección IP como el nombre de dominio completo actúan como la
dirección de nuestro sitio web, y el hosting web es la casa real. Sin hosting web (o servidor web
propio con toda la infraestructura), nuestros sitios web no pueden existir en Internet.

Después de obtener un nombre de dominio completo (dentro de un dominio), se debe sincronizar

y apuntar al proveedor de alojamiento web. Para evitar demasiados problemas, es recomendable
adquirir todo en el mismo lugar. Así, no debemos preocuparnos por vincularlos manualmente y se
podrá comenzar a crear nuestro sitio web de inmediato
1.12.3 Convertirse en alojador Web
¿Puedo dirigir un servidor Web?

En teoría, sin duda podemos hacerlo. La red está diseñada para ser una comunidad abierta y nadie
va a detenernos. Pero en la práctica, no es tan fácil.

Varios retos monumentales impiden que todos, excepto la gente más ambiciosa dirija sus propios
servidores Web. Lo primero que necesitamos es una computadora fiable que funcione las 24 horas
del día. Además, precisa de un software especial de alojamiento Web capaz de servir páginas cuando
los navegadores las pidan.

El siguiente problema es que el ordenador requiere una conexión a Internet especial con dirección
IP fija (una IP publica), lo cual tiene su costo.

La dirección IP (versión 4 y/o versión 6) identifica un ordenador en la red (“IP significa Protocolo de
Internet, que es el estándar de éxito que subyace a las reglas que gobiernan la forma en la que los
distintos dispositivos se comunican en una red).

Para que un ordenador ejecute un sitio Web y garantice que otros pueden encontrarlo, necesita
asegurar que su dirección IP es fija; en otras palabras, se debe configurar, para que no cambie
constantemente.

La mayoría de Proveedores de Servicios de Internet asignan al azar nuevas direcciones IP según

hacen falta y las cambian a su antojo, lo que significa que mucha gente no puede utilizar sus
ordenadores para albergar un sitio Web permanente, generalmente el poder contar con una IP fija
hacia nuestra infraestructura es un servicio adicional que se solicita y paga a nuestro ISP.

1.12.4 ¿Qué es el hosting de dominios?

Como su nombre indica, el alojamiento de dominios se refiere a los servicios que alojan nombres de
dominio para un sitio web. Venden dominios y los registran a nombre de un propietario por una
determinada tarifa de suscripción. Esto es muy diferente de los proveedores de alojamiento web,
donde podemos comprar tanto un dominio como un alojamiento web en el mismo lugar.

Cuando compramos un dominio a un registrador de dominios, el registrador será el anfitrion de tu

dominio. Esto significa que se encargará de todos los requisitos relacionados con el dominio, como
la gestión de las direcciones IP en los registros DNS.

1.13 CMS - Sistema de Gestión de Contenidos

Un sistema de gestión de contenidos (en inglés Content Management System, abreviado CMS) es
un programa que permite crear una estructura de soporte (framework) para la creación y
administración de contenidos, principalmente en páginas web, por parte de los administradores,
editores, participantes y demás roles.

Consiste en una interfaz que controla una o varias bases de datos donde se aloja el contenido del
sitio web.

El sistema permite manejar de manera independiente el contenido y el diseño. Así, es posible

manejar el contenido y darle en cualquier momento un diseño distinto al sitio web sin tener que
darle formato al contenido de nuevo, además de permitir la fácil y controlada publicación en el sitio
a varios editores.

Un ejemplo clásico es el de editores que cargan el contenido al sistema y otro de nivel superior
(moderador o administrador) que permite que estos contenidos sean visibles a todo el público (los
aprueba).

1.13.1 Historia de los CMS

Los primeros sistemas de administración de contenidos fueron desarrollados por organizaciones
que publicaban una gran cantidad de contenido en Internet, y necesitaban de continuas
actualizaciones; como:

• Revistas en línea
• Periódicos
• publicaciones corporativas

En 1995, el sitio de noticias tecnológicas CNET sacó su sistema de administración de documentos y

publicación y creó una compañía llamada Vignette, pionero de los sistemas de administración de
contenido comerciales.

La evolución de Internet hacia portales con más contenido y la alta participación de los usuarios
directamente, a través de blogs y redes sociales, ha convertido a los gestores de contenidos en una
herramienta esencial en Internet, tanto para empresas e instituciones como para personas.

Los wikis y los sistemas groupware también son considerados CMS.

Hoy en día existen sistemas desarrollados en software libre y no libre. En ambos casos es necesaria
una implantación para adaptar el gestor de contenidos al esquema gráfico y funcionalidades
deseadas.

Para ciertos gestores existen muchas plantillas disponibles que permite una sencilla implantación
de la parte estética por parte de un usuario sin conocimientos de diseño. El paradigma de este caso
es WordPress, gestor sobre el que hay una gran comunidad de desarrolladores de extensiones
(llamados plugins) y plantilla (llamados temas).

1.13.2 Características de un CMS

El gestor de contenidos es una aplicación informática usada para crear, editar, gestionar y publicar
contenido digital multimedia en diversos formatos.

El gestor de contenidos genera páginas web dinámicas interactuando con el servidor web para crear
la página web bajo petición del usuario, con el formato predefinido y el contenido extraído de la
base de datos del servidor.

Esto permite gestionar, bajo un formato estandarizado, la información del servidor, reduciendo el
tamaño de las páginas para descarga y reduciendo el coste de gestión del portal con respecto a un
sitio web estático, en el que cada cambio de diseño debe ser realizado en todas las páginas web, de
la misma forma que cada vez que se agrega contenido tiene que maquetarse una nueva página
HTML y subirla al servidor web.
1.13.3 Otras consideraciones iniciales
Entendido como un sistema de soporte a la gestión de contenidos; ya que, en realidad, son las
estrategias de comunicación las que realmente llevan a gestionar contenidos y publicidad de forma
efectiva; los sistemas informáticos pueden a lo sumo proporcionar las herramientas necesarias para
la publicación en línea, o bien incluir servicios de soporte a la toma de decisiones por lo que a la
gestión de contenidos se refiere.

El gestor de contenidos se aplica generalmente para referirse a sistemas de publicación, pudiendo

subestimarse las funcionalidades de soporte y mantenimiento, en detrimento de las funcionalidades
relacionadas con la optimización de los tiempos de publicación.

La correcta implantación del sistema, con arreglo a las necesidades del cliente es necesaria, y es
necesario entender el proyecto de un portal web en el seno de un proyecto de comunicación
estructurado y bien planteado.

La elección de la plataforma correcta será vital para alcanzar los objetivos del cliente, ya que exentan
particularidades diferenciales tanto en su adaptabilidad a esquemas gráficos como la posible
integración de funcionalidades y extensiones adicionales.

El posicionamiento en buscadores está relacionado con el volumen de contenidos de un portal y con

la forma en la que éste se presenta. Es importante tener eso en cuenta para la estructura del portal
para garantizar un correcto posicionamiento orgánico.

1.13.4 Funcionamiento de un CMS

Un sistema de administración de contenidos siempre funciona en el servidor web en el que esté
alojado el portal. El acceso al gestor se realiza generalmente a través del navegador web, y se puede
requerir el uso de FTP para subir contenido.

Cuando un usuario accede a una URL, se ejecuta en el servidor esa llamada, se selecciona el esquema
gráfico y se introducen los datos que correspondan de la base de datos. La página se genera
dinámicamente para ese usuario, el código HTML final se genera en esa llamada. Normalmente se
predefine en el gestor varios formatos de presentación de contenido para darle la flexibilidad a la
hora de crear nuevos apartados e informaciones.

1.13.5 Gestión de usuarios

Dependiendo de la plataforma escogida se podrá escoger diferentes niveles de acceso para los
usuarios; yendo desde el administrador del portal hasta el usuario sin permiso de edición, o creador
de contenido. Dependiendo de la aplicación podrá haber varios permisos intermedios que permitan
la edición del contenido, la supervisión y reedición del contenido de otros usuarios, etc.

El sistema de gestión de contenidos controla y ayuda a manejar cada paso de este proceso,
incluyendo las labores técnicas de publicar los documentos a uno o más sitios. En muchos sitios con
estos sistemas una sola persona hace el papel de creador y editor, como por ejemplo en los blogs
personales.

Por ejemplo, podemos citar los permisos que se pueden asignar a un usuario de WordPress según
su tipo:
1.13.6 Tipos de gestores de contenido
Los gestores de contenido se pueden clasificar según diferentes criterios:

1.13.6.1 Por sus características

Según el lenguaje de programación empleado, como, por ejemplo:

• Active Server Pages

• Java
• PHP
• ASP.NET
• Ruby On Rails
• Python

1.13.6.2 Según la licencia

• Código abierto
• Software propietario

1.13.6.3 Por su uso y funcionalidad

• Blogs; pensados para páginas personales
• Foros; pensados para compartir opiniones.
• Wikis; pensados para el desarrollo colaborativo.
• Enseñanza; plataforma para contenidos de enseñanza on-line.
• Comercio electrónico; plataforma de gestión de usuarios, catálogo, compras y pagos.
• Publicaciones digitales.
• Difusión de contenido multimedia.
• Propósito general

1.13.7 Ventajas y Oportunidades de un CMS

El gestor de contenidos facilita el acceso a la publicación de contenidos a un rango mayor de
usuarios. Permite que sin conocimientos de programación ni maquetación cualquier usuario pueda
añadir contenido en el portal web.

Un CMS permite:

• La gestión dinámica de usuarios y permisos

• La colaboración de varios usuarios en el mismo trabajo
 • La interacción mediante herramientas de comunicación.

Los costos de gestión de la información son mucho menores ya que se elimina un eslabón de la
cadena de publicación, el maquetador. La maquetación es hecha al inicio del proceso de
implantación del gestor de contenidos.

La actualización, backup y reestructuración del portal son mucho más sencillas al tener todos los
datos vitales del portal, los contenidos, en una base de datos estructurada en el servidor.

1.13.8 Ranking plataformas CMS

CMS Sitios Web Activos Mercado
WordPress 30,462,105 41.28%
Wix 4,565,423 7.03%
Squarespace 2,750,270 4.24%
Joomla! 1,580,832 2.44%
GoDaddy Website Builder 1,624,154 2.50%
Weebly 1,019,509 1.57%
Duda 705,120 1.10%
Blogger 672,560 1.05%
Drupal 562,655 1.03%
Jimdo 486,843 0.76%
2 Metodología de sitios web
El Método para Creación de Sitios Web comprende a groso modo fases de Análisis, Planificación,
Contenido, Diseño, Programación, Testeo, Mercadeo y Publicidad.

Hagamos un punteo de los pasos que deberíamos seguir para llevar adelante la creación de un sitio
web.

2.1 Fase de Análisis del Proyecto

A la hora del desarrollo de un sitio Web se debe comenzar por dar respuesta a un grupo muy
concreto de interrogantes, que permitirán aclarar y definir de manera básica las expectativas
existentes en torno a la aplicación Web e Interacción que se va a generar.

Dichas preguntas podrían ser las siguientes:

1. ¿Se necesita realmente el sitio Web?

2. ¿Para qué se necesita el sitio Web?
3. ¿Qué es lo que buscarán los usuarios en el sitio Web?
4. ¿Qué imagen se quiere proyectar con el sitio Web a los usuarios?
5. ¿Qué servicios interactivos se integrarán a través del sitio Web?
6. ¿Con qué recursos se cuenta para el desarrollo del sitio Web?
7. ¿Cuánto tiempo debe ser invertido en el desarrollo del sitio Web?
8. ¿Qué impacto causará el sitio Web en los usuarios?

2.1.1 Selección de Objetivos

Todo proyecto debe contar con objetivos definidos, contra los cuales puede medirse la efectividad
de las acciones que se desarrollen.

Green, chilcoott y Flick (2003) denominan esta etapa, resumen de objetivos, donde establecen tres
puntos primordiales para esta selección, los cuales son:

• Definir los usuarios

• Lo que los usuarios esperan de la visita
• Qué se pretende comunicar a través del sitio Web.

También podemos denominarlos: selección de usuarios, expectativas de usuario y expectativas de

la organización; se describe a continuación:

2.1.1.1 Selección de usuarios

Los usuarios o la audiencia de Internet se refieren a aquella parte de la población a la que se
pretende alcanzar o influir con el sitio Web; esto está estrechamente vinculado con la naturaleza
del sitio que se propone. Toda la información que se obtenga servirá para establecer:

• Criterios de diseño de contenido

• Lenguajes
• Estética
• Entre otros.
"El modelado del usuario se basa en definir clases o perfiles de los usuarios y así poder diseñar con
el objetivo de satisfacer las necesidades propias de cada grupo de usuarios" (Montero, Y. y Martón,
F. , 2003)

2.1.1.2 Expectativas de Usuario

La organización puede o no, ser conocida por los usuarios en potencia del sitio. Al plantearse la
puesta en marcha de un sitio Web es necesario conocer hacia quién va dirigido éste y qué podrían
esperar dichos usuarios al visitarlo.

"Tómese un tiempo para contactar con sus clientes, proveedores y amigos, con el fin de averiguar
cómo harían ellos para encontrar su sitio Web y qué les gustaría ver en él" (Morris, S. y Dickison,
P. 2002)

2.1.1.3 Expectativas de la organización

Es vital establecer o fijar qué resultados pretenden conseguir la organización con la creación del sitio
Web. Con ello se busca definir el propósito del sitio Web, y se deben incluir aspectos que van desde
los más generales, relacionados con el público de destino, hasta los más específicos relacionados
con la organización.

Morrin y Dickson (2001) indican que se debe decidir si lo que se busca con el sitio Web es:

• Aumentar ventas
• Ofrecer servicios especializados y conocimientos
• Publicidad y patrocinio
• Incentivos (productos gratis para promoción),
• Publicitar.

2.2 Fase de Planificación

Todo proyecto posee una fase de planificación. En ella se deben definir:

• Cuáles son los requerimientos técnicos para este fin

• Quiénes serán los miembros del equipo
• Seleccionar la estructura
• Planear un sitio bien organizado y
• Realizar estudios de mercadeo comparativo

2.2.1 Selección de Software

En esta etapa de la metodología se busca determinar los requerimientos en cuanto al software que
se utilizará para el desarrollo de la aplicación; es decir:

• Sistemas operativos
• Servidor (software)
• Editores para diseño Web
• Lenguajes de programación
• Animaciones y
• Otros componentes.
Esta definición dependerá de muchos aspectos como la existencia de licencias de software o los
recursos técnicos y hardware.

2.2.2 Selección de Hardware

Antes de emprender el desarrollo de una aplicación Web, se deben determinar:

• Los requerimientos de hardware de la aplicación

• El equipo servidor
• La capacidad de respuesta
• Terminales
• Requerimientos de red
• Determinar si la aplicación ha de disponerse de una intranet o extranet

En el caso que la aplicación vaya a estar publicada en Internet, se debe reservar el dominio y ubicar
el servicio de hospedaje de empresas que se especializan en este servicio (Morrison y Dickinson).

2.2.3 Selección del equipo de trabajo adecuado

"El entorno de trabajo en equipos surge de la necesidad de segmentar el proceso de producción en
varias funciones diferentes" (Green, Chilcott y Flick, 2003)

Parte de la planificación de un sitio Web consiste en pensar en términos de equipo de trabajo.

Se trata del conjunto de técnicos que estarán a cargo de la concepción, construcción, evaluación y
mantenimiento del sitio.

Los miembros del equipo Web serán los responsables de todas aquellas estructuras no visibles que
hacen a la operatividad de un sitio.

El equipo se basará en la convergencia de saberes y experiencias. Debe estar integrado por técnicos
de muy diversas disciplinas, capaces de contemplar los distintos aspectos que están en juego.

Inicialmente, la mayoría de las organizaciones tenían a cargo del sitio Web un Webmaster que
trabajaba solo, preparaba el servidor, editaba las páginas, hacía el diseño gráfico, y escribía o reunía
los textos. Con el tiempo, se ha comprendido la complejidad de estos proyectos.

Es muy importante que el equipo tenga un líder (que puede en un futuro ser el Webmaster o no)
porque formar un equipo Web requiere un gran compromiso personal e institucional.

Los equipos no se construyen de la noche a la mañana, ni a partir de una decisión administrativa o

un mandato. Requieren un proceso de consolidación, que pasa por tiempos de búsqueda, acuerdos
y adecuación.

Un equipo Web debe estar en constante comunicación tanto con aquellos que le han asignado su
misión, como con sus destinatarios (clientes o usuarios). Su éxito se basa además, en una estrecha
colaboración y comunicación entre sus miembros.

Cada miembro del equipo Web debe estar capacitado en su campo de trabajo (la presencia o el nivel
de experiencia de ciertos miembros del equipo puede variar dependiendo del proyecto).
Se sugiere una lista de miembros que podrían ser parte de este equipo, de esta lista se extrajeron
los siguientes:

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

Aunque estas funciones podrían tomarse como esenciales, la estructura siempre vendrá
determinada por el alcance del proyecto.

2.2.4 Benchmarking
Es una manera de detallar, observar y evaluar todas aquellas páginas Web calificadas como las
mejores que se encuentre en la red, con la finalidad de diseñar una forma que permita crear un
producto de alta calidad, productividad y competitividad.

Una manera práctica de realizar el benchmarking es plantearse una serie de preguntas al momento
de visitar las páginas que se han seleccionado como las mejores del ramo, Morris y Dickson (2002)
sugieren las siguientes:

• ¿Cuáles son los objetivos del sitio?

• ¿Cuánto tiempo tardo en cargar?
• ¿Se descargó en un orden lógico?
• ¿Es un sitio Web interesante?
• ¿Cómo son los gráficos?
• ¿Refleja el género de la empresa o compañía?
• ¿Es de fácil uso y es cómodo navegar en él?
• ¿El contenido está estructurado de manera lógica?
 • ¿Hay demasiados o insuficientes niveles de información?
• En conjunto ¿el sitio es un éxito?

2.2.5 Estructura de navegación

“La base de un sitio bien diseñado es una estructura definida con precisión” (Green, Chilcott y Flick,
2003)

Las relaciones de las páginas entre sí configuran la estructura del sitio.

A partir de la página principal se vinculan mediante enlaces al resto de las páginas, esto es bastante
sencillo mediante código HTML, pero es más complicado decidir el orden, de qué manera y con qué
configuración se establecerán los vínculos.

La estructura de un conjunto de páginas Web es muy importante, ya que permitirá al lector

visualizar todos los contenidos de una manera fácil y clara (buena estructura), o provocar en el lector
una sensación de estar perdido, por lo cual si no encontrará rápidamente lo que busca y terminará
por abandonar el sitio (mala estructura).

Los autores Green, Chilcott y Flick (2003), destacan los tipos de estructura de navegación:

2.2.5.1 Estructura Lineal

Esta estructura consiste en una línea recta que recorre el sitio desde la página de inicio hasta la
página final.

Es muy útil cuando se desea que el lector siga un camino fijo y guiado, además el de impedir que se
distraiga con enlaces a otras páginas. Por otra parte se puede causar al lector la sensación de estar
encerrado si el camino es muy largo o poco interesante.

Este tipo de estructura sería válido para tutoriales de aprendizaje o tours de visita guiada.

2.2.5.2 Estructura Jerárquica

La estructura jerárquica, como se observa en la siguiente figura:
Es la típica estructura de árbol, en el que la raíz es la página de bienvenida, ésta se puede también
sustituir por la de contenido, en la que se exponen las diferentes secciones que contiene el sitio.

La ventaja de esta estructura es que el usuario siempre está ubicado y puede moverse fácilmente
por el sitio.

Todo gracias a que la mayoría de las páginas secundarias permiten regresar a la página de inicio, los
visitantes controlan completamente la navegación.

2.2.5.3 Estructura Radial

En este modelo las páginas secundarias no se conectan entre sí, y se debe navegar por la página
principal para ir de una secundaria a otra, es decir, la principal contiene enlaces a todas las
secundarias, pero las secundarias sólo contienen un entorno a la principal, tal cual se aprecia en la
figura que sigue:
La ventaja de esta estructura es que facilita la navegación, los visitantes sólo tendrán que efectuar
uno o dos clics para retornar a la página principal; sin embargo, esto podría también ser un
inconveniente porque obliga al usuario a regresar siempre a la página de inicio.

2.2.5.4 Estructura de Red

En ella se plantea un modelo en el que todas las páginas están relacionadas entre sí. Es una
estructura ideal para sitios especializados en un tema, en la que se le permite al usuario una
navegación libre y sin limitaciones como la que vemos a continuación:

2.2.6 Costos de inversión

A la hora de planificar un sitio Web, se debe realizar un estudio de viabilidad que refleje el costo
financiero a invertir, y que abarque:

• Tiempo
• Personal
• Hospedaje Web
• Dominio
• Licencias en caso de necesitarse
• Mantenimiento

Contar con un método de control de tiempo se hace pertinente en el desarrollo Web, al igual que
en otros proyectos, ya que el tiempo implica dinero.

Una técnica para el control del costo de cierta actividad, es el sistema de agenda, que consiste en
dividir cada hora en segmentos de seis minutos llamadas unidades, y es a partir de la cantidad de
unidades por actividad que se medirá el costo de ésta.
2.2.7 Beneficios a obtener
La puesta en marcha del sitio no lo es todo, la planificación del desarrollo de un sitio Web debe
abarcar aspectos como beneficios a adquirir con el funcionamiento del mismo.

Antes de establecer el desarrollo de un sitio Web se debe estimar el tiempo de retorno de la

inversión, ya que, de esa forma tangible, como por ejemplo un retorno monetario, o intangible como
la mejora de las relaciones interpersonales de la organización.

2.3 Fase de Contenido

Básicamente el éxito de un sitio Web se debe a su contenido. El contenido del sitio será
probablemente una combinación de la información que actualmente se posee y de la que se tendrá
que crear.

Es conveniente presentar un contenido acorde a los objetivos planteados para desarrollar el sitio, y
que la información a plasmar cubra las necesidades e intereses del público a quien va dirigido.

Se deberá establecer qué contenidos presentará el sitio para cumplir su misión y satisfacer los
requerimientos de la empresa y la audiencia.

Es necesario elaborar un plan de desarrollo de contenidos, con información básica y ampliada,

posible de ser presentada en una etapa posterior.

Estas decisiones deben tomarse en acuerdo con los miembros de la empresa.

La información a presentar no puede provenir directamente de textos creados para otro tipo de
medios (textos "planos" básicamente en soporte papel), como aquellos de presentación
institucional en libros, congresos o folletería.

Los textos deben ser redactados y presentados de acuerdo a las exigencias particulares de la
escritura Web.

2.3.1 ¿Cómo deben ser los textos a presentar en un sitio 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.

Deben tener títulos y subtítulos claros y directos, que permitan gran movilidad, que vinculen a otros
textos dentro y fuera del sitio Web, o sea que no sean planos y permitan un abordaje dinámico y
directo.

Se debe prever además el acceso a documentos de sustento a veces textos extensos como tratados,
leyes y declaraciones, pero deben ser opcionales.

Se deben redactar también buenos textos de anticipación que den a los usuarios el mayor número
de elementos para saber a qué información puede acceder si elige seguir navegando.

Se deben citar siempre las fuentes del texto, y la fecha de creación o actualización.

2.3.2 Determinar la estructura de los contenidos

Los primeros sitios Web desarrollados se basaban en la premisa "recorra, espera y verá".
Con el tiempo se comenzó a considerar a la estructura adecuada de la información tan importante
como los contenidos en sí mismos.

La hipertextualidad es el recurso clave para el establecimiento de estas estructuras.

No basta con que la información exista, debe tener una organización que facilite el acceso y la
presente como un todo.

La lectura en la Web no es secuencial y se deben suministrar las formas adecuadas para que la
navegación sea directa y provechosa.

Es básico para organizar la información, dividirla en áreas (grandes unidades lógicas) y subordinar a
cada área la información pertinente, es decir, construir una estructura jerárquica, establecer niveles
y relaciones.

En esta etapa se debe construir una representación gráfica de la estructura (mapa conceptual) a
desarrollar para presentar los contenidos acordados.

2.4 Fase de diseño

El diseño Web supone un trabajo extenso y detallado, puesto que abarca no sólo la interacción de
múltiples elementos, como tecnología multimedia (audio, sonido, imágenes, animaciones, entre
otros); sino, que abarca también su integración con una estructura lógica basada en el propósito del
sitio.

Representando una labor que va más allá de la simple necesidad e inquietudes de sus potenciales
usuarios.

Al momento de diseñar sitios Web, es necesario tener en cuenta aspectos como la usabilidad y
accesibilidad.

2.4.1 Usabilidad
Referido al tiempo, esfuerzo y capacidad requerido por el visitante, para que alcance un
determinado nivel de adaptación al sistema, esta puede estar vinculada en ocasiones al número de
pasos necesarios para lograr determinada actividad, y al nivel de conocimientos que requieran los
usuarios para el uso de la aplicación.

La usabilidad es un término usado en diseño de sitios web que describe cómo de bien los visitantes
pueden utilizar un sitio Web. Una buena usabilidad requiere que el sitio sea fácil de navegar, tenga
un diseño decente, sea coherente en todas las páginas y que también sea informativo y útil para el
visitante.

¿Cómo podemos saber si un producto o sistema es usable? Jacob Nielsen, experto en la materia,
mide la usabilidad a partir de cinco criterios:

• Facilidad de aprendizaje. El sistema o producto debe ser fácil de aprender, de manera que
el usuario pueda trabajar con él lo más rápido posible.
• Eficiencia de uso. El nivel de productividad del usuario que ha aprendido a usar el producto
debe ser alto para poder completar determinadas tareas.
 • Facilidad de memorización. El sistema debe ser fácil de recordar incluso después de algún
periodo sin uso.
• Errores. Para que un producto sea usable debe generar el menor número de errores posible.
• Satisfacción. El sistema debe ser agradable de utilizar. Debe proporcionar comodidad y
actitud positiva durante su uso.

Para alcanzar productos interactivos usables debemos tener en cuenta estos cinco principios clave
de la usabilidad:

• Coherencia. Un producto interactivo debe ser coherente desde el punto de vista gráfico e
interactivo para evitar confusiones y complicaciones. Esto consiste en utilizar los mismos
botones o iconos interactivos, los mismos colores, la misma terminología y organización en
cada una de las pantallas.
• Interacción. La interacción tiene que ser predecible, visible y reversible. El objetivo tiene
que ser que el usuario se sienta cómodo con la interfaz y pueda saber que al intentar una
acción, verá el resultado y lo podrá deshacer si no le gusta.
• Información, comunicación y retroalimentación. Hay que ayudar a los usuarios a encontrar
la información rápida y fácilmente, usar enlaces de texto, títulos y ofrecer instrucciones
sencillas y claras.
• Control. Las personas deben ser capaces de tomar la iniciativa de emprender numerosas
acciones. El usuario tiene que poder personalizar un producto para sus intereses y
necesidades para que se sienta cómodo como, por ejemplo, el tamaño del texto en un sitio
web.
• Opciones. Hay que ofrecer a los internautas más de una forma de encontrar lo que buscan
para que puedan elegir el método de interacción más apropiado a su situación.

2.4.2 Accesibilidad
Un sitio Web se desarrolla con la idea de que sea visto por el mayor número de visitantes, pero hay
que tener presente que cada uno de estos puede acceder a la información con equipos, navegadores
e idiomas distintos, estos factores pueden impedir que el sitio no pueda ser apreciado en su
totalidad.

Romero (1999) señala tres áreas fundamentales para determinar la accesibilidad de un sitio Web,
estas son:

• Accesibilidad a la computadora: Referida a la capacidad de hardware con la que se debe

contar para el uso de la aplicación Web, lo ideal en esta área es que la aplicación se adapte
a la computadora cualquiera que este sea.
• Accesibilidad del navegador utilizado: En ocasiones mismos contenidos se visualizan de
distintas maneras en diferentes navegadores Web, se recomienda utilizar un diseño que se
pueda visualizar en la mayoría de los navegadores y apegado al estándar.
• Accesibilidad del diseño de las páginas Web: Los usuarios pueden tener desactivadas
algunas funcionalidades de los navegadores Web, lo que podría incidir en la correcta
visualización del contenido del sitio Web.
2.5 Fase de programación
Esta etapa corresponde a la utilización de las herramientas de programación Web. En este punto es
primordial seleccionar:

• Los lenguajes de programación en los que se desarrollará el sitio Web

• La base de datos
• Definir qué contenido del sitio será estático y cuál será dinámico.

Una vez definidos estos criterios se pasa a una etapa denominada Arquitectura de tres fases, la cual
expone lo siguiente:

• Bases de datos: Se diseña y crea la base de datos.

• Programación intermediaria: Programas o códigos que se ejecutarán en el servidor Web.
Acá se establecerá la comunicación entre la base de datos y la interfaz.
• Interfaz: Programas y códigos que desplegarán el contenido a los usuarios a través del
navegador Web. Se refiere aplicaciones que el usuario visualizará y a través de la cual
operará con ella.

2.6 Fase de testeo

Se ejecutan pruebas exhaustivas para asegurar el perfecto funcionamiento del sitio Web con
usuarios que vayan a utilizar el sitio:

• Comprobación en navegadores: El primer paso y también el más importante, es comprobar

que las páginas se pueden visualizar de forma correcta en diferentes navegadores.
• Detectar los vínculos rotos: Es necesario detectar documentos que existen en el sitio pero
que no están conectados a través de vínculos; ellos deben ser reparados o eliminados en
caso de no ser necesarios puesto que ocupan espacio en el servidor y tienden a crear
confusión.
• Comprobar tiempo de descarga: Uno de los puntos clave en el éxito de un sitio Web es su
rapidez de descarga, en base a ello se recomienda un tiempo mínimo descarga.

En este punto los administradores deben recibir la capacitación para el desarrollo de sus tareas.

2.7 Fase de Mercadeo y Publicidad

En esta fase se debe tomar en cuenta los Derechos Internacionales del Autor, por el cual:

• Todas las copias realizadas incluyen derecho de autor.

• Se anexa en el sitio los créditos de los desarrolladores, o un enlace que le permita a los
usuarios contactarlos.

Luego se define el dominio del sitio, se verifica que esté disponible para poder registrarlo, y se
transfieren los archivos al servidor remoto por FTP, o desde la página del servidor. Se debe verificar
que todos los archivos estén en su carpeta correspondiente de la Web.

Después de publicada la Web, su difusión depende de la publicidad que se le pueda dar mediante
papelería de la organización, banners en sitios específicos, por medio de buscadores y otros.