Taller de diseño web

Fundamentos para el desarrollo sitios

web
 Taller de diseño web
Fundamentos para el desarrollo sitios web

Taller de diseño web / Fundamentos para el desarrollo sitios web 2

 NOMBRE DIRECTOR DE ESCUELA

Director de Escuela /Hernán Garfias Arce

ELABORACIÓN

Experto disciplinar / Rolando Torres

Diseñador instruccional / Hernán Apablaza

VALIDACIÓN

Experto disciplinar / Tamara Díaz

Jefa de diseño instruccional y multimedia / Alejandra San Juan

DISEÑO DOCUMENTO

Diseño Instruccional AIEP

Taller de diseño web / Fundamentos para el desarrollo sitios web 3

Contenido
APRENDIZAJE ESPERADO ..................................................................................................... 6
1. EL INTERNET, SU HISTORIA Y EVOLUCIÓN EN EL TIEMPO .............................................................6
1.2. FUNDAMENTOS DE LA INTERNET ...............................................................................................8
1.2.1. FUNCIONAMIENTO DEL INTERNET ......................................................................................8
1.2.2. NIVELES DENTRO DEL INTERNET..........................................................................................9
1.2.3. PROVEEDORES DE INTERNET .............................................................................................10
1.3. EL SITIO WEB Y SUS PRINCIPALES CARACTERÍSTICAS ...............................................................10
1.3.1. CARACTERÍSTICAS ..............................................................................................................11
1.4 DESARROLLO ..............................................................................................................................11
1.4.1. DISEÑO DEL HOME ............................................................................................................12
1.4.2. OPTIMIZACIÓN...................................................................................................................12
1.4.3. NOMBRE DE DOMINIO......................................................................................................13
1.4.5. SERVIDOR DE ALOJAMIENTO .............................................................................................13
1.4.6. PÁGINAS ESTÁTICAS Y DINÁMICAS ....................................................................................13
1.4.7. PRIVACIDAD .......................................................................................................................14
1.4.8. PUBLICIDAD Y DIFUSIÓN ....................................................................................................14
1.4.9. INTERACCIÓN .....................................................................................................................14
1.4.10. RENDIMIENTO..................................................................................................................14
1.5. CLASIFICACIÓN DE LOS SITIOS WEB ..........................................................................................15
1.5.1. FUNCIONALIDAD ................................................................................................................15
1.5.2. TIENDAS ONLINE ................................................................................................................16
1.5.3. BLOG ..................................................................................................................................16
1.5.4. INSTITUCIONALES O CORPORATIVOS ...............................................................................16
1.5.5. NOTICIAS O REVISTAS ........................................................................................................16
1.5.6. REDES SOCIALES.................................................................................................................17
1.5.7. SERVICIOS .........................................................................................................................17
1.5.8. FOROS ................................................................................................................................17
1.5.9. WIKIS .................................................................................................................................18
1.5.10. LANDING PAGES...............................................................................................................18
1.5.11. PORTAFOLIOS ..................................................................................................................18
1.5.12. MULTIMEDIA...................................................................................................................18
1.5.13. STREAMING.....................................................................................................................19

Taller de diseño web / Fundamentos para el desarrollo sitios web 4

 1.5.14. DESCARGA DE SOFTWARE ..............................................................................................19
1.5.15. APLICACIONES WEB .........................................................................................................19
1.5.16. BANCO DE IMÁGENES ......................................................................................................19
1.5.17. JUEGOS ONLINE ...............................................................................................................20
1.5.18. BUSCADORES DE INTERNET .............................................................................................20
CONCUSIONES ................................................................................................................ 20
IDEAS CLAVE ..................................................................................................................... 21
REFERENCIA BIBLIOGRÁFICA ............................................................................................. 21

Taller de diseño web / Fundamentos para el desarrollo sitios web 5

APRENDIZAJE ESPERADO
Caracterizan la Internet y sitio web, considerando la experiencia e interacción de navegación de
los usuarios.

1. EL INTERNET, SU HISTORIA Y EVOLUCIÓN EN EL TIEMPO

Se puede definir la internet como una red de comunicación descentralizada de nivel mundial que
trasmite información y permite la interconexión entre computadoras y dispositivos electrónicos
utilizando protocolos TCP/IP, constituyendo de esta manera, una red informática heterogénea de
alcance global (R.Peiró, https://economipedia.com). Sus inicios se remontan al año 1969, año en
que el Departamento de Defensa de Estados Unidos comenzó una investigación en búsqueda de
alternativas de comunicación frente a una posible guerra nuclear, luego de meses de investigación,
finalmente se llevó a cabo la demostración pública del proyecto, estableciendo la primera conexión
entre computadoras de tres universidades de California y una de Utah, siendo el proyecto
denominado como ARPANET (Advanced Research Projects Agency Network) y consolidándose en
el año siguiente cuando Ray Tomlinson desarrolló el primer programa de correo electrónico, en
base a la necesidad de los desarrolladores de un mecanismo sencillo de coordinación entre los
nodos.

La creación de un software básico de envío y lectura de mensajes se implementó combinando dos

programas existentes (SNDMSG y CNET) con lo que se creó la primera aplicación que permitía el
intercambio de mensajes entre diferentes terminales (hasta la fecha solo podían enviarse mensajes
entre distintos usuarios pero en una misma terminal). Si bien su origen nació a partir de una
necesidad de las agencias militares, pronto se extendió a proyectos de defensa y universidades,
como un modo de compartir opiniones y formar colaboraciones de trabajo. En el año 1972 el
sistema ya integraba alrededor de 50 universidades y centros de investigación estadounidenses y
en 1973 se comenzaron a establecer conexiones con países como Inglaterra y Noruega,
formándose nuevas redes que luego se conectaron con otras partes del mundo. En la década de
1980, surgió el caos debido al auge de comercialización de computadoras, la aparición de
múltiples redes y los diferentes formatos de las terminales conectadas, lo que provocó la necesidad
de crear una forma de unificar dichas redes, dando como resultado que, en 1983, se integrara el
protocolo TCP/IP creando la red ARPA INTERNET, marcando el nacimiento de lo que conocemos
actualmente como internet. Cabe destacar que durante esta época casi todos los contenidos de
internet estaban compuestos únicamente por texto y solo era posible acceder a ellos conociendo
la dirección exacta.

Taller de diseño web / Fundamentos para el desarrollo sitios web 6

 Figura 1. Red Arpanet en 1969, desarrollado para el Departamento de Defensa de Estados Unidos.
Fuente: https://blogs2bach.wordpress.com/

El 12 de marzo de 1989 Tim Berners Lee describió el

protocolo de transferencia de hipertextos, introduciendo y
utilizando tres recursos nuevos: HTML, HTTP y el
programa Web Browser, creando la primera web (Word
Wide Web). los que dependen los KPI tienen que ser
consistentes y correctos.

En 1990 Internet nacía dentro del CERN de forma cerrada, comenzando a expandirse
externamente en agosto en 1991 y creciendo a pasos agigantados año a año, siendo ejemplo de
esto que mientras que en 1993 existían únicamente 100 Word Wide Web Sites (BBC News,
https://www.bbc.com), en 1997 llegaban a más de 200.000. También se crearon las primeras
herramientas de búsqueda, siendo la primera el programa Archie (1990), seguido por Gopher
(1991) y Yahoo (1994), todos ellos funcionaban en base a un listado de sitios o directorio temático.
En 1998 nació Google, un motor de búsqueda automatizado que permitió localizar un tema
particular en un gran número de fuentes en vez de utilizar un directorio específico. La expansión
exponencial del internet hacia el público general ayudó a acceder de forma inmediata a la
información, mantener canales de comunicación, permitiendo la creación de nuevas dinámicas y
comportamiento en los usuarios, nacimientos de nuevos servicios desde el área de la investigación,
educación, actividades comerciales, recreativas y laborales hasta la actualidad, donde el internet
forma parte nuestra vida diaria.

Taller de diseño web / Fundamentos para el desarrollo sitios web 7

 Figura 2. Tim Berners Lee, científico británico creador de la World Wide Web en 1991.
Fuente: https://latercera.com

1.2. FUNDAMENTOS DE LA INTERNET

Aunque la World Wide Web es la más utilizada, ésta no engloba la totalidad del Internet, sino sólo
una fracción de la misma. Su finalidad es permitir el acceso a toda información que se encuentre
enlazada mediante el protocolo HTTP (HyperText Transfer Protocol).

Del mismo modo, existen otros protocolos de transferencia de datos disponibles, como Telnet (un
protocolo de red de acceso remoto), FTP y PSP (Sistemas de transferencia de archivos), VOLP
(telefonía), IPTV (televisión), POP y SMTP (correo electrónico), (intercambio de archivos) e IRC (chats
o conversaciones online y transferencia multimedia).
En la actualidad las redes de internet se han expandido más allá de las computadoras,
integrándose a nuevos dispositivos portátiles que acompañan a los usuarios en su diario vivir,
formando parte de su rutina y modificando su conducta. La posibilidad de conexión se hace cada
vez más accesible al público común, transformándose en una poderosa herramienta de
comunicación a nivel mundial. (Bahillo, L., https://marketing4ecommerce.cl/)

1.2.1. FUNCIONAMIENTO DEL INTERNET

A grandes rasgos, como se explicó anteriormente, el Internet es un conjunto de redes que se

conectan e interactúan entre sí compartiendo información.

El detalle del proceso de funcionamiento del internet es el siguiente:

El primer paso es abrir el navegador en una computadora o dispositivo móvil conectado a una red
de internet. Existen diferentes medios de acceso, como la línea telefónica (convencional o digital
ADSL), conexión por cable (fibra óptica), conexión vía satélite o conexión a redes inalámbricas
(wireless).

Taller de diseño web / Fundamentos para el desarrollo sitios web 8

Escribir una URL en la barra de direcciones o en un buscador, luego presionar el hipervínculo
(botón). Al realizar esta acción se enviará una petición directa al servidor ISP, solicitando el acceso
al sitio web. El servidor realizará automáticamente una búsqueda en la base de datos de
direcciones de internet para encontrar el servidor host que aloja el sitio, enviado una solicitud para
acceder a la página a este servidor. Finalmente, éste envía la página solicitada al servidor ISP, el
cual a su vez la envía al navegador y es visualizada en la pantalla.

1.2.2. NIVELES DENTRO DEL INTERNET

Siempre se hace la comparación de que el internet es similar a un iceberg: la parte visible que
todos conocemos es solo una pequeña parte de su totalidad y es en la que comúnmente navega
la mayoría de las personas, buscando información, utilizando redes sociales, etc. Sin embargo,
también existe aquella parte sumergida cuya profundidad suele ser desconocida y a la que no
muchos pueden llegar. Esta parte es conocida como la Deep Web y corresponde a casi el 96% de
la totalidad del internet, estimándose en un tamaño de 91 mil terabytes (Universidad de Berkeley,
2013).

Se puede definir a la Deep Web (o internet profunda) como una parte de la red que se encuentra
oculta, que abarca toda la información que se encuentra dentro de la web que no es indexada por
los motores de búsqueda conocidos, por lo tanto, no puede ser rastreado ni encontrado de forma
común, siendo necesario un software especial para poder navegar y cuyo contenido es sumamente
amplio y variado, ya que si bien se asocia generalmente a actividades ilegales, como contratación
de hackers, compra y venta de droga, contratación de sicarios, venta de armas, parafilias, etc.,
también alberga información exclusiva correspondiente a bases de datos de instituciones privadas,
publicaciones científicas, material académico y avances tecnológicos de acceso restringido
(Academic Invisible Web).
Su origen surgió en el año 1997, con el diseño de un software primario a cargo de marina
estadounidense cuyo objetivo era desarrollar un sistema que permitiera resguardar la identidad del
usuario al navegar en internet y resguardar información privilegiada.

El 20 de septiembre de 2002 es lanzado The Onion Router o TOR

(actualmente The Tor Proyect), como una versión mejorada del
software anterior y cuya función consiste en ocultar el punto de origen
de la navegación mediante el cifrado de datos en capas, lo que
significa que los datos son redireccionados permanentemente a través
de una red de enlaces a otros equipos o nodos, haciendo a la IP
original prácticamente imposible de rastrear. Hoy en día este software
es de libre acceso, financiado públicamente y otorga el acceso a miles
de usuarios al lado oscuro del internet.

Taller de diseño web / Fundamentos para el desarrollo sitios web 9

 Figura 3. Infografía de los niveles de la Deep Web.
Fuente: https://urbantecno.com

1.2.3. PROVEEDORES DE INTERNET

Actualmente existen diferentes empresas proveedoras de internet en Chile. Durante el primer

semestre del 2020, la empresa estadounidense de servicios de diagnósticos de Internet Ookla, a
través de su app Speedtest Intelligence, destacó a Movistar Chile como el proveedor de internet
hogar con las mayores velocidades del país, destacando a la compañía que cuenta con el 50 %
del parque fibra óptica a nivel nacional, con capacidad de hasta 900 Mbps de bajada y 450 Mbps
de subida de datos.

Ookla destaca también el buen desempeño de Chile a nivel global, debido a que su calidad,
efectividad y crecimiento de conexión supera a todos los países de la región en la actualidad.

1.3. EL SITIO WEB Y SUS PRINCIPALES CARACTERÍSTICAS

Un sitio web es, a grandes rasgos, un espacio virtual en internet, compuesto por un conjunto de
archivos electrónicos organizados en páginas, unidos por un tema en común y a cuya página
inicial de bienvenida (home page) es posible acceder a través de una URL o un dominio o
subdominio perteneciente a la Word Wide Web. Además, cuenta con un menú de navegación que
permite acceder al resto del contenido del sitio en forma organizada.

Taller de diseño web / Fundamentos para el desarrollo sitios web 10

1.3.1. CARACTERÍSTICAS

Dentro de las principales características que hacen destacar a un sitio web se encuentran los
siguientes ítems:

Diseño

Para que un sitio web sea atractivo para el usuario que lo visita debe tener un diseño visualmente
atrayente, pero a la vez funcional, facilitando la navegación y el acceso a los contenidos, siendo
al mismo tiempo coherente con la imagen que desea proyectar (lo cual depende directamente de
la temática abordada por el sitio). Actualmente es de gran importancia estar al día con las
tendencias de navegación, considerando que gran parte de los usuarios acceden desde dispositivos
móviles personales, por lo cual es fundamental que los sitios cuenten con un diseño responsivo, es
decir, que se adapte su visualización al navegar en cualquier dispositivo, estos sean móviles o de
escritorio.

Figura 4. Ejemplo de diseño responsivo (responsive design) o diseño adaptativo.

Fuente: https://universo-digital.net

1.4 DESARROLLO

Corresponde al lenguaje o código utilizado en la creación de las páginas que forman un sitio web.
Entre ellos se encuentran: HTML (HyperText Markup Language), XHTML (Extensible HyperText
Markup Language), PHP (Hypertext Preprocessor), jQuery, JSP (JavaScript) y ASP (Active Server
Pages). Todos los navegadores están capacitados para interpretar estos lenguajes y permitir así la
realización de tareas como el ofrecer aplicaciones interactivas, incluir diferentes formatos de
contenido, como textos, imágenes y archivos multimedias, además de realizar enlaces a otras
páginas web externas al sitio.

Taller de diseño web / Fundamentos para el desarrollo sitios web 11

 Figura 4. Ejemplo de código de etiquetado HTML4 y HTML5.
Fuente: http://theq4u.blogspot.com

1.4.1. DISEÑO DEL HOME

El Home Page es la página principal de un sitio web y la portada de presentación que verá el
usuario al acceder a él. Si bien no existe una organización estándar, por generalidad ésta suele
contener los siguientes elementos:

• Un diseño atractivo y organizado, imágenes optimizadas y contenido atrayente según la

temática a tratar que incentive al usuario a navegar en el sitio.
• Información de contacto en un lugar visible o un enlace vinculado hacia una página de
contacto.
• Información básica según el contenido de la página.
• Vínculos enlazados a otras páginas del sitio, que permitan acceder de manera expedita a
cada uno de los contenidos del sitio y faciliten su navegación.
• Evitar el uso de Slider de imágenes o videos de fondo, reemplazándolos por slider con
vínculos o formularios de contacto que ayuden a inducir al usuario al embudo de
conversión.
• El uso del On Page (One page design, single page website o pageles design). Se refiere a
la navegación vertical (de arriba hacia abajo), en aquellos casos en que la estructura de
la web se limita únicamente a una sola página. Es decir, los contenidos que comúnmente
se encontrarían distribuidos en diferentes páginas a los cuales se necesita acceder a través
de enlaces, se encuentran distribuidos en una misma página.

1.4.2. OPTIMIZACIÓN

Este término se refiere a los procesos de actualización y mejoramiento de la compatibilidad del

sitio web con los motores de búsqueda que deben realizarse de forma permanente en el sitio

Taller de diseño web / Fundamentos para el desarrollo sitios web 12

durante los procesos de diseño y desarrollo de cada una de las secciones que forman parte de la
estructura de la página, para lo cual se hace necesario configurar el código, la estructura y el
contenido en base a las palabras claves o keyword, de modo de otorgar la mayor visibilidad posible
al sitio web en los motores de búsqueda, de modo de mejorar su posicionamiento web (SEO).

1.4.3. NOMBRE DE DOMINIO

Se refiere al nombre único que determina la identidad de un sitio web, otorgándole una dirección
web mediante la cual los usuarios podrán acceder a él. Los servidores de nombres o servidores
DNS son los encargados de traducir los nombres de dominios y transformarlos en direcciones IP.

Este nombre de dominio debe ser fácil de pronunciar, deletrear y recordar, además
debe poseer por obligación una extensión, siendo las más comunes .com, .net,
.gob, .edu, .org, .info, .cc, .biz, .name o aquellas que identifican al país de
procedencia. En el caso de Chile, corresponde la extensión .cl.

1.4.5. SERVIDOR DE ALOJAMIENTO

Al hablar del servidor de alojamiento (o Hosting), se refiere al lugar donde se almacena la

información y contenidos de un sitio web. Existe un gran número de empresas que ofrecen este
servicio, los cuales proveen certificados de seguridad SSL (Secure Socket Layer) utilizada para la
transferencia segura de información, como por ejemplo sitios eCommerce o sitios bancarios, y se
presentan en diferentes modalidades, siendo las más usuales el gratuito, de pago, compartido,
reventa, virtuales (VPS), dedicados, no administrados (es decir, sin asistencia técnica en caso de
fallas o errores) y housing (alojamiento básico).

1.4.6. PÁGINAS ESTÁTICAS Y DINÁMICAS

Las páginas estáticas pertenecen a las llamadas Web 1.0, correspondiendo a todo sitio web que
esté codificado en lenguaje XHTML o HTML y que se encuentre enfocado a mostrar un tipo de
información permanente a la que el usuario puede acceder fácilmente, pero donde, sin embargo,
no está permitida la interacción con el sitio.

Por otro lado, las páginas dinámicas corresponden a todos aquellos sitios generados por ejecución
de lenguaje Script programado, con una salida HTML que es despachada directamente al
navegador; que contienen aplicaciones que permiten al usuario interactuar con el contenido como,
por ejemplo, las encuestas, foros, libros de vistas, votaciones, valoraciones, reserva y compras
online, envío de email, atención al cliente, entre otros. Este tipo de páginas web corresponden a
la llamada Web 2.0. Se trata de plataformas con un desarrollo mucho más avanzado que las
anteriores, para cuya creación y administración existen diversas aplicaciones y herramientas que
facilitan esta tarea, dependiendo de la finalidad de la página (sitio web estándar, tienda online,
etc.). Entre éstos se encuentran los gestores de contenido autoeditables especializados como
Wordpress, Joomla, Magento, Shopify, etc., destacados por sus casi infinitas posibilidades de

Taller de diseño web / Fundamentos para el desarrollo sitios web 13

diseño y personalización, por medio de las combinaciones de recursos gratuitos y de pago
descargables de la web.

1.4.7. PRIVACIDAD

Existen tres tipos de clasificaciones:

• Privadas, donde un número limitado y controlado posee el permiso de acceso al contenido

de la página, por medio de un sistema de identificación de usuario.

• Pública, donde el contenido es de libre acceso para todo tipo de usuario que entre a la
página.

• Mixto, donde una parte del contenido es pública y otra posee acceso restringido.

1.4.8. PUBLICIDAD Y DIFUSIÓN

Hoy en día en casi la totalidad de los sitios web, especialmente tratándose de una tienda online,
es posible agregar banners publicitarios, convirtiéndose en una gran estrategia comercial para la
promoción de productos y servicios, ya sea del mismo sitio web o externos a éste. El remarketing
es muy común en este sentido, como una forma de volver a capturar el interés de los clientes en
aquellos productos que visitaron anteriormente pero no adquirieron e incentivarlos a realizar la
compra.

1.4.9. INTERACCIÓN

La principal característica de la Web 2.0 es su capacidad de interactuar con el usuario. Para lograr
esto debe ser 100% dinámica, es decir, que tiene mayor interactividad con el usuario, donde este
último, en algunos sitios web, es el gestor del contenido, siendo impulsada por la inclusión de
diversos elementos como chat, formularios, botón de “compartir”, contacto vía WhattsApp, sección
de comentarios, calificaciones, foros, etc.

1.4.10. RENDIMIENTO

Al referirnos al rendimiento, hablamos de la WPO (Web Performance Optimización u Optimización

de rendimiento web), cuya gestión es una tarea necesaria para analizar y proponer cambios que
ayudan a optimizar la velocidad de carga de una página web y así reducir los tiempos de respuesta,
mejorando la navegación de los usuarios dentro del sitio.

Taller de diseño web / Fundamentos para el desarrollo sitios web 14

 1.5. CLASIFICACIÓN DE LOS SITIOS WEB

La cantidad de los sitios web existentes en la red mundial crece día a día, llegando actualmente a
más de 1.740 millones de páginas registradas (Live Stats,
https://www.internetlivestats.com, Septiembre 2020). Según las tendencias actuales y las
exigencias de mercado en las que basan su desarrollo para posicionarse en el medio, podemos
clasificarlas de la siguiente manera:

• Estructura

Como se mencionó anteriormente, los sitios web pueden pertenecer tanto a la Web 1.0 o
a la Web 2.0, es decir, ser una página estática o dinámica. Si bien la estructura visual de
muchos de los sitios no suele cambiar, si varía y se actualiza su contenido, el que puede
ser netamente informativo o invitar al usuario a interactuar con él.

• Tecnología utilizada
Depende de la forma en la que se construyen las páginas dinámicas, dependiendo del
software o el lenguaje de programación utilizado para su estructuración:

• Lenguaje HTML

Es el lenguaje más ampliamente utilizado, permitiendo que prácticamente cualquier

usuario con mínimos conocimientos de programación y diseño pueda desarrollar una
página web. Sin embargo, se trata de páginas estáticas, por lo que no cumplen con los
requisitos al querer mostrar al usuario una página más interactiva.

• Lenguaje del servidor

Es el lenguaje usado actualmente para el diseño de páginas dinámicas. Son creadas a

partir de lenguajes de programación como PHP, ASP o Ajax, los cuales utilizan una base
de datos virtual que permite almacenar todo el contenido de una página.

Al ser páginas dinámicas suelen ser más atractivas para los usuarios, lo que otorga mayor
visibilidad al sitio y lo posiciona de mejor manera en los buscadores.

1.5.1. FUNCIONALIDAD

Se pueden clasificar las plataformas web en relación al objetivo específico por el cual éstos fueron
creados y desarrollados. Para llevar a cabo este análisis, es importante definir correctamente sus
objetivos, para lo cual se pueden realizar las siguientes preguntas:

Taller de diseño web / Fundamentos para el desarrollo sitios web 15

 • ¿Qué tipo de productos o servicios se busca ofrecer?

• ¿Es un sitio web corporativo que necesita ofrecer información sobre su empresa?

• ¿Cuenta con un administrador adecuado?

• ¿A qué público objetivo se encuentra dirigido el sitio web?

Dependiendo de la respuesta a estas preguntas podemos definir si el tipo de plataforma es la

adecuada para los requerimientos del sitio. En la red es posible encontrar los siguientes ejemplos
de páginas:

1.5.2. TIENDAS ONLINE

Corresponden a páginas donde se realizan transacciones a cambio de productos o servicios

promocionados a través de internet, comúnmente conocidos como E-Commerce. Existe un gran
número de plataformas que permiten al usuario la fácil creación de una tienda virtual, siendo los
más conocidos WooCommerce de Wordpress, Prestashop, Shopify, Wix, Magento, etc., que
facilitan la creación de una tienda en pocos pasos. Debido a la creciente demanda del comercio
online, estas plataformas se encuentran en constante mejoramiento, otorgando nuevas
herramientas que facilitan la creación, personalización y administración de una tienda virtual.

1.5.3. BLOG

Son portales web orientados a la publicación de opiniones e información sobre temas

determinados. Es lo equivalente a una revista, ya que van actualizándose de forma periódica. Son
sitios web dinámicos, ya que permite a los lectores expresar su opinión y emitir comentarios,
generando discusiones sobre los temas tratados.

1.5.4. INSTITUCIONALES O CORPORATIVOS

Son páginas cuyo objetivo es ofrecer información corporativa, es decir, presentar datos relevantes
sobre una empresa, organización, asociación o institución. Son páginas netamente informativas y
puede hacer referencia o no a los servicios y productos que ofrecen, pero sin brindar opción de
compra en línea.

1.5.5. NOTICIAS O REVISTAS

Aunque suelen ser parecidos a los blogs, se diferencian debido a que su objetivo es ofrecer a los
usuarios informaciones relevantes únicamente sobre temas actuales. La prioridad es que los
usuarios lean el contenido y puedan opinar sobre él. Suelen ser diariamente visitadas debido a la

Taller de diseño web / Fundamentos para el desarrollo sitios web 16

renovada y gran cantidad información que ofrecen. Ejemplo de esto son los portales de los diarios
y revistas nacionales, como EMOL, La Tercera, El Ciudadano y otros medios locales.

1.5.6. REDES SOCIALES

Son conocidas como plataformas abiertas al público, de fácil acceso y uso, donde se intercambia
información entre personas, formando grupos y comunidades virtuales. En estas sitios los usuarios
pueden crear su perfil personal (público o privado) y conectarse con otras personas. Ejemplos de
estas redes son Facebook, Twitter e Instagram, siendo las más utilizadas a nivel mundial.
Actualmente se han transformado también en una excelente estrategia comercial para las
empresas, ya que pueden ofrecer sus productos y servicios por medio de publicidad en estas
plataformas, llegando directamente y de forma cercana a una gran cantidad de público.

1.5.7. SERVICIOS

Así como los E-commerce están orientados a vender los productos o servicios de una compañía a
clientes, existen otros sitios que ofrecen servicios publicitarios a empresas. Normalmente son
utilizadas por profesionales o agencias, donde dan a conocer su experiencia en el rubro con el
objetivo de captar más clientes.

1.5.8. FOROS

Se refiere a aquellos grupos de discusiones y comunidades virtuales donde los usuarios

intercambian ideas por medio de mensajes públicos, en relación a un tema de interés común.
Existe un administrador o moderador encargado de aprobar los comentarios y los usuarios deben
registrarse para tener acceso a participar en la discusión.

Figura 5. Foroalfa es un sitio web con un foro de discusión sobre artículos, post y ensayos
relacionados a las disciplinas de las comunicaciones.
Fuente: https://foroalfa.org

Taller de diseño web / Fundamentos para el desarrollo sitios web 17

 1.5.9. WIKIS

Son plataformas que pueden definirse como enciclopedias virtuales colaborativas respecto a
muchos o a algunos temas en particular. La mayoría de ellas son de acceso abierto y modificable
por los usuarios, por lo que muchas veces no es posible comprobar la veracidad del contenido. El
ejemplo más conocido es Wikipedia.

1.5.10. LANDING PAGES

Son también llamadas páginas de destino, de aterrizaje o de bajada, cuyo objetivo es el de captar
conversión, ya sea hacia una venta, en un registro o lograr la suscripción del usuario a un boletín
de noticias. La manera de llegar a ellas generalmente es a través de un vínculo asociado a un
banner o un anuncio en una página anterior.

1.5.11. PORTAFOLIOS

Son plataformas tipo catálogo o galería de imágenes, en las cuales se almacenan registros de los
trabajos realizados por profesionales de diversas áreas. Son muy utilizados por fotógrafos,
diseñadores y publicistas, como un modo de almacenar virtualmente y exhibir su trayectoria
profesional, comúnmente incluyen una reseña personal y datos de contacto.

Figura 6. Behance es una plataforma que permite a profesionales relacionados al diseño, arte,
marketing y publicidad crear un portafolio online.
Fuente: https://www.behance.net

1.5.12. MULTIMEDIA

Se refiera a todas aquellas páginas web donde el usuario puede acceder a contenido audiovisual
relacionado con diferentes temas. Los ejemplos más conocidos son Youtube, Vimeo o Maker

Taller de diseño web / Fundamentos para el desarrollo sitios web 18

Studios. Donde también se permite la interacción entre usuario a través de cajas de comentarios,
además de inclusión de anuncios publicitarios que permiten llegar a una gran cantidad de público.

1.5.13. STREAMING

Son plataformas de pago con contenido multimedia que han ido en alza en el último tiempo. Se
encuentra principalmente enfocado a la trasmisión de series y películas o la retrasmisión de videos
juegos en tiempo real. Ejemplos: Netflix, Amazon PrimeVideo, Hulu, HBO GO, etc.

1.5.14. DESCARGA DE SOFTWARE

Son plataformas de descarga, cuya función es ofrecer a los usuarios la posibilidad de acceder a
programas y software de uso personal y profesional, ya sea de forma gratuita o pagada.

Figura 7. Portal de descarga con un catálogo clasificado de software para todo tipo de aplicaciones.
Fuente: https://www.portalprogramas.com

1.5.15. APLICACIONES WEB

Los sitios de aplicaciones web ofrecen al usuario la posibilidad de ejecutarlas y trabajar en línea
sin la necesidad de descargarlas a un computador o dispositivo móvil, cuyo único requisito es
poseer una conexión estable a internet. Ejemplo de esto es Google Drive, donde es posible ejecutar
programas de Microsoft Office.

1.5.16. BANCO DE IMÁGENES

Son plataformas de descarga que cuentan con amplio catálogo de imágenes en alta resolución,
gratuitas y de pago, donde es posible acceder a los archivos mediante un buscador y según una
temática específica. Ejemplo de estos son Pixabay y Freepik.

Taller de diseño web / Fundamentos para el desarrollo sitios web 19

 1.5.17. JUEGOS ONLINE

Son plataformas interactivas que ponen a disposición del usuario un catálogo de juegos gratuitos
que pueden ser jugados en línea por tiempo ilimitado. Es un mercado en expansión que incluye
gran cantidad de publicidad. Algunos ejemplos son sitios web como Minijuegos, Maxijuegos,
Playstation Now y Project Stream (Google).

1.5.18. BUSCADORES DE INTERNET

Se refiere a todos los motores de búsqueda, siendo las plataformas más utilizadas por los usuarios
en la red, que les permite acceder a los listados de todas aquellas páginas cuya URL (Localizador
de Recursos Uniforme), es decir, su identificación única en la red, no conocen, siendo el más
famoso Google, el cual también suele incluir publicidad y generar ingresos gracias a su programa
de anuncios Google Ads (anteriormente llamado Google AdWords).

CONCUSIONES
Esta semana pudimos ver la importancia de la internet, desde sus orígenes con el nombre de
Arpanet para fines militares, su perfeccionamiento a nuestros días para multiusos en distintas
disciplinas, siempre cubriendo las respectivas necesidades de comunicaciones en distintos
contextos, como lo mencionamos, desde servicios de defensa, evolucionando en las décadas
posteriores para la conectividad de usuarios, hasta las múltiples labores que nos permite hoy en
día, estas sean, en áreas laborales, servicios informativos y en entretención, con esto,
indudablemente forma parte de nuestra rutina y diario vivir. Bajo este contexto, la Internet puede
clasificar su contenido, para los cuales, se vuelve una potente herramienta comunicacional en el
enorme abanico de opciones de sitios que puede ofrecer y ser un buen medio de soporte, estos
pueden ser sitios educativos, foros de discusión, canales de noticias, videojuegos en línea, servicios
de streaming, pago de servicios, comunidades, redes sociales, etc.

Taller de diseño web / Fundamentos para el desarrollo sitios web 20

IDEAS CLAVE

Por medio del siguiente mapa conceptual, se destacan las ideas clave de esta semana:

La Internet

Fundamentos Sitios Web

Niveles de Tipo de
Dominio Hosting Tipos de Sitios Privacidad Interacción Funcionalidad
profundidad desarrollo

Funcionamiento Estaticos eCommerce

Proveedores Dinamicos Blogs

Corporativos

Redes Sociales

Servicios

Portafolios

Streaming

REFERENCIA BIBLIOGRÁFICA

ü 1&1 IONOS España S.L.U. (2020, September 30). TCP/IP. IONOS Digital Guide.
https://www.ionos.es/digitalguide/servidores/know-how/tcpip/

ü Andrés, M. B. (2018). Internet de las Cosas. Reus.

ü Bahillo, L. (2020, May 18). Historia de Internet: cómo nació y cuál fue su evolución.
Marketing 4 Ecommerce - Tu Revista de Marketing Online Para e-Commerce.
https://marketing4ecommerce.cl/historia-de-internet/

Taller de diseño web / Fundamentos para el desarrollo sitios web 21

ü Carlos Montes10 dic 2018 04:00 AM. (2020, February 8). Tim Berners-Lee, el creador de
la World Wide Web en 1991. La Tercera.
https://www.latercera.com/tendencias/noticia/tim-berners-lee-creador-la-world-wide-
web-1991/437726/

ü Chávez, C. F. & ProQuest. (2018). ¿Cómo funciona Internet? El Cid Editor.

ü Cuáles son los tipos de páginas web que existen y a qué se debe su clasificación | Blog |
HostingPlus.cl. (2020, July 15). Hosting Plus. https://www.hostingplus.cl/blog/cuales-son-
los-tipos-de-paginas-web-que-existen-y-a-que-se-debe-su-clasificacion/

Taller de diseño web / Fundamentos para el desarrollo sitios web 22