Guia 9 Webs y Blogs - 2019 2345-I

UNIVERSIDAD ANDINA DEL CUSCO
FACULTAD DE INGENIERÍA Y ARQUITECTURA

DEPARTAMENTO ACADÉMICO DE INGENIERÍA DE SISTEMAS
SEMINARIO TALLER DE TECNOLOGÍAS DE INFORMACIÓN Y COMUNICACIÓN
Guía de aplicación N° 9
WEBS Y BLOGS
I. DATOS INFORMATIVOS
1.1. Nombre de la asignatura : Seminario Taller de Tecnologías de Información y

Comunicación.
1.2. Semestre Académico : 2019-I
1.3. Ciclo de estudios : I.
1.4. Área curricular : Estudios de Formación General - EFG.
1.5. Docente : Anexo 1 del Silabo
II. COMPETENCIAS A CONSEGUIR
 Conoce, analiza y aplica los conceptos básicos sobre la World Wide Web (WWW), los
protocolos Web más importantes, valorando su importancia y rol en la transmisión de la
información a través del Internet.
 Comprende las ventajas de tener un blog, conoce los procedimientos básicos de creación,
configuración y publicación de una bitácora personal en internet.
III. CAPACIDADES
Al finalizar el estudiante será capaz de entender cómo funciona la World Wide Web (WWW);
asimismo será capar de crear, configurar y publicar un blog usando el CMS1 WordPress.
IV. FUNDAMENTO TEÓRICO
4.1. World Wide Web (WWW)
La World Wide Web (WWW o Red de Alcance Mundial) es un sistema de visualización y

búsqueda distribuido desarrollado inicialmente en el CERN (Organización Europea para la
Investigación Nuclear) por Tim Berners-Lee (Beekman, 2005).
Desde su aparición a principios de la década de 1990, la WWW o también llamada Web ha

convertido en un sistema muy utilizado para explorar, visualizar y publicar cualquier dato
en Internet. De hecho, es el servicio más popular que opera en la infraestructura de
Internet (Laudon & Guercio Traver, 2013).
World Wide Web es un sistema con estándares universalmente aceptados para almacenar,
recuperar, mostrar, dar formato a la información en un entorno de red. La Web ha
evolucionado hasta ser un medio de publicación electrónica global y de forma creciente un
medio que sirve de soporte al comercio electrónico.
La Web brinda acceso a miles de millones de páginas electrónicas (páginas Web), que
contienen textos, gráficos, animaciones, sonidos y vídeo, y que además están enlazadas
con otras páginas Web a manera de una telaraña. Estas páginas están almacenadas en
1
Sistema de gestión de contenidos o CMS (por sus siglas en inglés, Content Management System)
1
servidores Web, son indexadas por motores de búsqueda (Google, Bing, Yahoo, etc.), y
pueden visualizarse mediante una aplicación específica llamada navegador (Google
Chrome, Mozilla Firefox, Microsoft Edge, Safari, Opera, etc.).
4.2. Protocolos Web
La Web está construida alrededor de un esquema de nombres que permite que cada
recurso de información en Internet pueda ser referenciado a través de un URL (Localizador
uniforme de recursos, Uniform Resource Locator). El URL es la cadena de caracteres con
la cual se asigna una dirección única a cada uno de los recursos de información
disponibles en Internet (Ver Figura 1).
http://www.dominio.com/directorio/subdirectorio/pagina.html
protocolo dirección del host que ruta donde está el contenido

contiene el recurso contenido solicitado
(servidor Web)
Figura 1. Estructura de una URL.

Fuente: Elaboración propia
4.2.1. HTTP
El principal protocolo utilizado en la Web es el HTTP (Protocolo de Transferencia de

Hipertexto, HyperText Transfer Protocol). Fue creado en 1989 en el CERN como un
medio para compartir los datos científicos a nivel internacional, rápidamente y a
bajo coste (Lerma-Blasco, Murcia Andrés, & Mifsud Talón, 2013). HTTP es el
protocolo habitual para la transferencia de páginas Web.
4.2.1.1. Hipertexto
El Hipertexto (texto con enlaces a otros textos), permite la interconexión de

documentos electrónicos entre sí.
Figura 2. Hipertexto.
Fuente: https://sites.google.com/site/ntaplicadasalaeducacion202/home/temario/4-lectura-y-escritura-en-las-
nuevas-tecnologias/4-1-hipertexto-hipermedia-y-textos-no-lineales
2
4.2.2. HTML
Casi todas las páginas Web están creadas en un lenguaje llamado HTML (Lenguaje
de marcado de hipertexto, HyperText Markup Language). Un documento fuente en
HTML es un archivo de texto que incluye códigos para describir el formato, la
disposición y la estructura lógica de un documento hipermedia (Beekman, 2005)
(Ver Figura 3). Puesto que se trata de un archivo de texto, un documento HTML
puede transmitirse con facilidad desde un servidor Web a la máquina de un usuario
ubicada en cualquier parte del mundo.
Las páginas Web son documentos de texto plano, cuyo código HTML es
interpretado por el navegador web. Aunque, para crear o editar una página Web
sería suficiente un simple editor de texto, existen aplicaciones y entornos
específicos para tal fin, con diferentes grados de complejidad. Algunos de estos
entornos pueden ser: a) editores de texto plano (bloc de notas de Windows, o gedit
y Kate para GNU/Linux, entre otros), y b) editores WYSIWYG (lo que ves es lo que
tienes, What You See Is What You Get; por ejemplo, Dreamweaver).
4.2.2.1. Estructura de una página HTML
Las páginas HTML tienen un formato bien definido y siguen el esquema de la

Figura 3. En ella se pueden apreciar los siguientes elementos:
1. La declaración de documento HTML con DOCTYPE.

2. Elemento html, que describe la página propiamente dicha y es definido entre
las etiquetas <html> y </html>.
3. Elemento head, que contiene la cabecera del documento. Esta cabecera
contiene información acerca del documento, tal como enlaces a hojas de
estilo, título del documento Web y es definido entre las etiquetas <head> y
</head>.
4. Comentarios, indicados entre los símbolos .
5. Elemento body, con el cuerpo en sí de la página y que contiene los
elementos necesarios para su visualización. En su contenido tenemos
aquellos elementos que nos ayudan a organizar y formatear la página, tales
como cabeceras, párrafos, etc. y es definido entre las etiquetas <body> y
</body>.
* En la página http://www.w3schools.com/html/default.asp está disponible de un

tutorial muy completo sobre HTML.
3
Figura 3. Estructura de un documento HTML.

Fuente: http://www.w3schools.com/html/default.asp
4.2.2.2. Hipermedia
Hipermedia es una extensión del concepto de hipertexto, en el que la

información se almacena en documentos que contienen apuntadores hacia otros
documentos, lo que posibilita la “navegación” entre documentos. La diferencia
entre hipermedia e hipertexto, es que un sistema hipertexto sólo cuenta con
información textual mientras que una hipermedia tiene texto, gráficos, sonido y
video.
Multimedia
Hipermedia
Hipertexto
Figura 4. Hipermedia.
Fuente: Elaboración propia
4.3. Tipos de Webs
4.3.1. La Web 1.0.
En un inicio la Web solo consistía de textos e imágenes “colgadas” o “subidas” a una

computadora conectada a la red todo el día (servidor) para que la gente pudiera
entrar en ella en cualquier momento. Para modificar su contenido se debía acceder a
esa computadora y reemplazarlo manualmente. De modo que, en la Web 1.0, Internet
era solo un espacio en el que unos pocos podían colgar sus contenidos en páginas
4
Web. Los usuarios eran espectadores de lo que otros, con más medios, colocaban en
sus soportes Web. La comunicación era unilateral, los usuarios de Internet no podían
editar, comentar y valorar los contenidos, como imágenes, textos, etc. (ver Figura 5).
Figura 5. La Web 1.0.
4.3.2. La Web 2.0.
La Web 2.0 significó la aparición de redes sociales, y la evolución de páginas Web de

contenidos estáticos (Web 1.0) sin posibilidad de interacción, a contenidos dinámicos
que posibilitan la interacción del usuario (ver Figura 6). En este período empiezan a
nacer nuevas empresas en Internet que facilitan el acceso a la información y se
perfilan como los primeros modelos 2.0:
 En 1994, Jeff Bezos funda Amazon, la primera librería online de la historia y
uno de los primeros modelos de comercio electrónico (e-commerce).
 En 1995, Pierre Omidyar crea eBay, el primer sitio web de subastas de
productos online, donde compradores y vendedores se encuentran para
hacer negocio.
 En 1996 Hotmail se proclama el primer servicio de correo gratuito basado
en la web.
 Larry Page y Serguéi Brin crean Google en 1998 con la idea de ser el
índice de Internet.
 En 1999 se lanza Blogger, un gestor de contenidos gratuito, en el que los
usuarios pueden disponer de un espacio para crear y publicar una bitácora
en línea.
5
Como resultado de la evolución de Internet en los años 90, surgen nuevos servicios
dirigidos a los usuarios. Estos nuevos servicios dan lugar a la creación de
comunidades de usuarios que comparten intereses y que pueden interaccionar los
unos con los otros. Se inicia la era Web 2.0, donde los usuarios son los
protagonistas.
 En 2001 nace Wikipedia, la enciclopedia libre, la Web 2.0 por definición.

Los usuarios son los contribuyentes del todo el contenido, son editores y
consumidores del mismo.
 En 2002 surge LinkedIn, una de las primeras redes de negocios en Estados
Unidos. Hoy es una red de profesionales que une a trabajadores con
empresas en todo el mundo.
 En 2003 WordPress, un servicio para la creación de Blogs gratuitos, ofrece
su plataforma Open Source (código abierto) para que diseñadores,
programadores y desarrolladores la puedan utilizar para sus proyectos y, al
mismo tiempo, aportar mejoras de código.
 En 2004 Facebook revoluciona Internet poniendo en marcha su plataforma
gratuita que permite a los usuarios conectarse entre sí. Hoy en día es la red
social más grande, con más 2,100 millones de usuarios.
4.3.3. La Web 3.0.
La expresión web 3.0 o web semántica surgió por primera vez en un artículo de crítica
a la Web 2.0 de Jeffrey Zeldman, creador del Web Standards Project. La Web 3.0 se
dirige al uso de programas inteligentes (inteligencia artificial) que utilizan datos
semánticos para crear un lenguaje que se pueda entender, compartir e integrar
fácilmente. La web 3.0 busca la desaparición del actual sistema de búsquedas
(palabras clave), para llegar a la búsqueda según las necesidades de una manera
más parecida a la expresión humana natural.
6
4.3.3.1. Características de la Web 3.0:
 Inteligencia: el proyecto de la red semántica conocida como la Web 3.0,

pretende crear un método para clasificar las páginas de internet, un sistema de
etiquetado que no solo permita a los buscadores encontrar la información en la
red sino entenderla.
 Sociabilidad: las comunidades sociales se hacen más exclusivas y complejas.
Crecen las redes sociales y el número de formas en que se conectan a sus
miembros.
 Rapidez: la transmisión de video en la red y el nacimiento de portales
dedicados a esta tarea, como YouTube, son posibles gracias a las rápidas
conexiones de los usuarios.
 Abierta: el software libre, los estándares y las licencias Cretive Commons, son
más comunes en la Web 3.0.
 Ubicuidad: la Web 3.0 mejora las posibilidades de los usuarios de conectarse
no sólo a través de las computadoras de escritorio y laptops, sino también a
través de celulares, tabletas, relojes y más dispositivos.
 Facilidad de navegación: las nuevas tendencias de diseño buscan establecer
ciertas estandarizaciones que hagan más sencilla la experiencia del usuario en
la navegación, además de la creación de espacios que puedan ser modificados
y personalizados por estos.
 Computación en la nube: con la creación de nuevos espacios de
almacenamiento, no sólo de datos sino de programas, la web se convierte en un
espacio ejecutable a modo de computador universal.
7
 Tridimensionalidad: los usuarios pueden acceder a nuevas formas de

visualizar la web, con espacios tridimensionales. Un claro ejemplo de esto es
Google Earth.
4.3.4. La Web 4.0.
La Web 4.0 se centra en ofrecer un comportamiento más inteligente, más predictivo,

de modo que con sólo realizar una afirmación podamos poner en marca un conjunto
de acciones que tendrán como resultado aquello que pedimos o decimos. Para
lograrlo, se fundamenta en cuatro pilares:
 La comprensión del lenguaje natural (NLU, natural language understanding) y

tecnologías de Speech-to-text (de voz a texto y viceversa).
 Nuevos sistemas y modelos de comunicación máquina-máquina (M2M).La red
estará formada por agentes inteligentes en la nube, que serán capaces de
comunicarse entre sí y delegar la respuesta al agente adecuado.
 Uso de la información de contexto del usuario, determinará la actitud del
interlocutor mediante wearables y sensores que monitorizarán la ubicación del
usuario (GPS), su tensión arterial, el pulso o la temperatura corporal, entre otras
cosas.
 Nuevo modelo de interacción con el usuario. Para que la Web no sea solo un
almacén de información son necesarios nuevos modelos de interacción, o incluso
ejecutar acciones concretas que den respuesta a las necesidades de los usuarios,
insistiendo en su uso sobre dispositivos móviles.
La Web 4.0 puede adelantarse a situaciones cotidianas, como entender que un

usuario llegará tarde al trabajo y enviar un mensaje anunciando la tardanza, o avisar
8
a un asistente de salud si nota que el ritmo cardiaco del usuario es elevado y tiene
registrado que sufre problemas de corazón.
Empresas como Google, Microsoft o Facebook, entre otras, están desarrollando

nuevos sistemas que gracias al Deep Learning (aprendizaje profundo) y Machine
Learning (aprendizaje automático o aprendizaje de máquina) serán capaces de
procesar información de forma similar a como lo haría el cerebro humano.
Los bots, software que sirve para comunicarse con el usuario, imitando el
comportamiento humano mediante el uso de la Inteligencia Artificial, son un primer
paso hacia esa interacción que promete la Web 4.0. Siri, Google Now o Cortana, los
asistentes de voz de Apple, Google y Microsoft, respectivamente, son una
aproximación a ese objetivo. Estos sistemas entienden, cada vez de forma más
precisa y correcta, lo que los usuarios dicen o solicitan. Además, ahora es posible que
los teléfonos inteligentes estén a la escucha para activarse ante la solitud del usuario,
para contestar de inmediato.
4.4. Arquitectura de aplicaciones Web
La arquitectura de las aplicaciones web se fundamenta en máquinas conectadas a una

red, por lo general, Internet o una Intranet corporativa que sigue el esquema cliente-
servidor en nuestro caso de servidores Web (Lerma-Blasco, Murcia Andrés, & Mifsud
Talón, 2013). El esquema básico se muestra en la Figura 8.
Figura 9. Esquema básico del funcionamiento del servicio Web con páginas estáticas
Tomado de “Aplicaciones Web,” por Lerma-Blasco, Murcia Andrés, & Mifsud Talón,
9
Cuando un cliente realiza una petición de una URL a un servidor, teniendo en cuenta que
gracias al servicio DNS conoce su IP, le solicita una página Web. Ésta se busca en el
repositorio de páginas del servidor y es devuelta al cliente. Toda esta comunicación se
lleva a cabo mediante el protocolo HTTP, y el código de las páginas es básicamente
HTML junto con código CSS y JavaScript (Lerma-Blasco, Murcia Andrés, & Mifsud Talón,
2013).
4.4.1. Servidor Web
Un servidor Web consiste en software que localiza las páginas Web solicitadas por un
usuario en la computadora en donde están almacenadas y las envía a la
computadora del usuario. Por lo general, las aplicaciones de servidor se ejecutan en
computadoras dedicadas (exclusivas), aunque en organizaciones pequeñas todas
pueden residir en una sola computadora (Laudon & Laudon, 2012)
4.5. BLOGS
La palabra blog viene de la abreviación de weblog, lo que en español se traduce como

“registro web”. Por eso el sentido básico del blog es el de una bitácora o diario
digital donde se va “registrando” contenido de forma cronológica.
Un Blog o bitácora, es un sitio web que incluye, a modo de diario personal de su autor o
autores, contenidos de su interés, actualizados con frecuencia y a menudo comentados por
los lectores. Por lo general, un Blog sirve para la publicación en línea de historias con una
periodicidad muy alta, que son presentadas en orden cronológico inverso, es decir, lo más
reciente que se ha publicado es lo primero que aparece en la pantalla. Es muy frecuente
que los blogs dispongan de una lista de enlaces a otros blogs, a páginas para ampliar
información, citar fuentes o hacer notar que se continúa con un tema que empezó otro
blog.
Desde un punto de vista técnico, podría decirse que un blog es una versión simplificada o
especializada de un sistema de gestión de contenidos (CMS, Content Management
System).
4.5.1. Características diferenciales de un blog.
El éxito de los blogs se debe a que tienen una naturaleza muy peculiar que se
caracteriza, sobre todo, por tres propiedades:
1. Es una publicación periódica. Los blogs publican nuevos contenidos en periodos

de tiempo relativamente cortos.
2. Un blog admite comentarios de los lectores, haciendo posible que se cree una
comunidad en torno al autor y el paso de una comunicación unilateral a una
comunicación bilateral, en la que el lector es también protagonista. El efecto que
ésta ha tenido es la creación de "comunidades" de lectores muy fieles, por
10
ejemplo, en un foro de discusión. Esto ha resultado ser también muy ventajoso

desde un punto de vista profesional o comercial porque estos lectores son
personas que confían en el autor y, por tanto, muy abiertas a las
recomendaciones e incluso venta de productos y servicios por parte del autor
del blog.
3. Un blog tiene un marcado toque personal. Aunque esta característica se haya
diluido quizás un poco en los últimos años con la aparición de blogs corporativos
y profesionales, incluso estos blogs intentan mantener un ambiente mucho más
personal e informal que ayuda mucho a que se vaya forjando una relación de
confianza entre el autor del blog y sus lectores, buscando mucho más la
creación de un ambiente parecido al que hay entre amigos que la relación
clásica entre una publicación comercial y sus lectores.
4.5.2. Tipos de Blog
 Blogs corporativos:
Son bitácoras creadas por las empresas y generalmente integradas en la página
web corporativa. Es una buena forma de mantener al día a los clientes o usuarios
de la empresa ofreciéndoles las últimas novedades de la gama de productos o
servicios y temas interesantes que estén relacionados con el sector empresarial.
 Blogs personales:
Son aquellos creados por una persona que desea compartir sus experiencias,
pensamientos, conocimientos, etc.
 Blogs temáticos y profesionales:
Engloban los que se basan en temas muy específicos, ya pudieran ser fútbol,
moda, marketing, recetas o economía. La ventaja de estos es que a la larga
obtienen un público muy fiel y son perfectos para potenciar la marca personal.
11
V. PRÁCTICA: CREACIÓN DE UN BLOG PERSONAL
Para la creación del blog utilizaremos el CMS WordPress. El desarrollo paso a paso se
muestra a continuación:
1) En la barra de direcciones del navegador ingresamos la URL: https://es.wordpress.com/

Se visualizará la siguiente interfaz:
2) WordPress solicitará la creación de una cuenta. Utiliza tu dirección de correo electrónico,

ingresa un nombre de usuario y una contraseña. Luego, haz clic en continuar.
12
3) Haz clic en el botón Empieza Ahora. Se visualizará el siguiente formulario:
4) Elige un nombre para el sitio (puedes utilizar tu nombre o un alias. Por ejemplo, El Blog de
[tu nombre]). Elige también una temática (por ejemplo, Tecnología de la información y
comunicación). Señala el objetivo principal de tu sitio (por ejemplo, “Comparte ideas,
experiencias, novedades, reseñas, historias, videos o fotos”). Indica tu nivel de
conocimiento en la creación de sitios web (elige 1). Finalmente, haz clic en Continuar
13
5) Elige una dirección para tu blog. Selecciona la opción gratuita sugerida por WordPress:
6) A continuación, deberás elegir un plan para utilizar WordPress. Selecciona el plan gratuito,
haciendo clic en “Comenzar con Gratis”, como se muestra en la siguiente imagen.
14
7) El nuevo sitio ha sido creado. Haz clic en “Ver mi sitio” para acceder a tu blog:
8) Se visualizará el sitio Web, con una bienvenida y una entrada por defecto. A continuación,
podrás crear tus propias entradas o publicaciones.
15
CREACIÓN DE UNA ENTRADA
Vamos a crear la primera publicación en el blog. El post (entrada) estará referido a las
Tecnologías de Información y comunicación: Tendencias Tecnológicas para 2019.
9) Haz clic en el botón añadir entrada de blog.
10) WordPress utiliza un editor WYSIWYG para la composición de los documentos. Su uso es
intuitivo y es muy fácil agregar texto, imágenes, sonidos, vídeos, etc.
Emplea el editor para crear una nueva entrada, similar a la que se observa en la siguiente
imagen.
16
11) Para publicar la entrada es necesario comprobar tu dirección de correo electrónico.

 Ingresa al correo electrónico que utilizaste para la creación del sitio web y haz clic
en el mensaje de WordPress.com.
 Confirma tu dirección presionando el botón “Click here to Confirm Now”
12) Una vez confirmada tu dirección, podrás publicar el post que tenías preparado. Para
hacerlo, haz clic en el botón Publicar, ubicado en la esquina superior derecha.
Si has publicado tu primera entrada exitosamente te llegara un mensaje al correo que

brindaste a WordPress como se muestra en la siguiente imagen:
17
13) Una vez publicada la entrada que creaste, puedes personalizar diferentes temas como
colores, fondos, fuentes, imagen de cabecera, menús, etc. La entrada creada tendrá un
aspecto similar a la siguiente imagen:
VI. LECTURAS COMPLEMENTARIAS
Lozada, P. Evolución de la Web. Recuperado el 2019 de Febrero, de

http://profesores.elo.utfsm.cl/~tarredondo/info/networks/Evolucion_Web.pdf
VII. VIDEOS COMPLEMENTARIOS
Borja, G. Cómo CREAR UN BLOG WORDPRESS GRATIS en 5 minutos. Recuperado el Febrero

de 2019, de https://www.youtube.com/watch?v=zzqodgLleAw
Cespedes, M. Tipos de Web 1.0, 2.0, 3.0 y 4.0. Recuperado el Febrero de 2019, de
https://www.youtube.com/watch?v=A1IZpKO4mFM
Reginelli, N. (s.f.). Como crear un blog en WordPress gratis | Tutorial 2018. Recuperado el Enero
de 2019, de https://www.youtube.com/watch?v=ATsLS7fC3G0
18
VIII. ACTIVIDADES.
Actividad 1.
Elabore un mapa mental sobre “Webs y Blogs” considerando todos los puntos
mencionados en la guía.
Actividad 2.
Crear un blog personal en WordPress. Elija un tema relacionado con su carrera
profesional. Personalizar el blog según el tema escogido. Puede tomar como referencia el
punto V de esta guía: Creación de un Blog Personal
Actividad 3.
Agregar una entrada (artículo) en el blog personal elaborado en la Actividad 2. E contenido
del artículo deberá estar relacionado con el tema del blog y con una extensión no menor a
300 palabras, agregar dos imágenes, un vídeo, enlaces a otros recursos en el internet.
Publique la entrada, presente un informe indicando la URL y una captura de pantalla del
producto final.
Puede tomar como referencia el punto V ítems 9 al 13 de esta guía: Creación de una
entrada.
IX. REFERENCIAS BIBLIOGRÁFICAS.
Beekman, G. (2005). Introducción a la informática (6ta ed.). Madrid,

España: PEARSON EDUCACION.
Laudon, K. C., & Guercio Traver, C. (2013). E-comerce 2013. Negocios,
tecnología, sociedad (Novena ed.). México: PEARSON EDUCACIÓN.
Laudon, K. C., & Laudon, J. P. (2012). Sistemas de Información Gerencial
(Decimosegunda ed.). México: Pearson Educación.
Lerma-Blasco, R. V., Murcia Andrés, J. A., & Mifsud Talón, E. (2013).
Aplicaciones Web. Madrid: McGraw-Hill/Interamericana de España,
S.L.
19
RUBRICA DE EVALUACIÓN
Guía de aplicación N° 9: WEBS Y BLOGS
Grupo :
Fecha de entrega :
Código Alumno (Apellidos y Nombres)
No Puntaje
CRITERIO Excelente Bueno Regular Insuficiente presentó obtenido
Actividad 1 6p 4p 3p 2p 0p
Elabore un mapa mental sobre Contiene Contiene la Contiene Contiene muy No
“Webs y Blogs” considerando todos todos los mayoría de algunos pocos ítems realizó
los puntos mencionados en la guía.
ítems los ítems ítems abordados en la
abordados en abordados abordados la guía actividad
la guía en la guía en la guía
Actividad 2 4p 3p 2p 1p 0p
Crear un blog personal en Se ha creado Se ha Se ha No se ha No
WordPress. Elija un tema el blog creado el creado el creado el blog realizó
relacionado con su carrera
exitosamente blog pero blog sin correctamente. la
profesional. Personalizar el blog
según el tema escogido. Puede y esta falta algunos detalles de actividad
tomar como referencia el punto V personalizado detalles de personali-
de esta guía: Creación de un Blog según el tema personaliza- zación.
Personal elegido. ción.
Actividad 3. 10p 8p 5p 3p 0p
Agregar una entrada (artículo) en el La entrada ha La entrada La entrada No publico No
blog personal elaborado en la sido publicada creada creada correctamente realizó
Actividad 2. E contenido del artículo
exitosamente contiene la solo la entrada y/o la
deberá estar relacionado con el
tema del blog y con una extensión y contiene mayoría de contiene contiene muy actividad
no menor a 300 palabras, agregar todos los los ítems algunos pocos ítems
dos imágenes, un vídeo, enlaces a ítems solicitados. ítems solicitados.
otros recursos en el internet. solicitados. solicitados.
Publique la entrada, presente un
informe indicando la URL y una
captura de pantalla del producto
final.
Puede tomar como referencia el
punto V ítems 9 al 13 de esta guía:
Creación de una entrada.
Puntaje total
Firma del docente………………………………
20

Guia 9 Webs y Blogs - 2019 2345-I

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Guia 9 Webs y Blogs - 2019 2345-I

Diunggah oleh

Hak Cipta:

Format Tersedia

UNIVERSIDAD ANDINA DEL CUSCO

FACULTAD DE INGENIERÍA Y ARQUITECTURA

1.1. Nombre de la asignatura : Seminario Taller de Tecnologías de Información y

II. COMPETENCIAS A CONSEGUIR

IV. FUNDAMENTO TEÓRICO

4.1. World Wide Web (WWW)

La World Wide Web (WWW o Red de Alcance Mundial) es un sistema de visualización y

Desde su aparición a principios de la década de 1990, la WWW o también llamada Web ha

4.2. Protocolos Web

protocolo dirección del host que ruta donde está el contenido

Figura 1. Estructura de una URL.

El principal protocolo utilizado en la Web es el HTTP (Protocolo de Transferencia de

El Hipertexto (texto con enlaces a otros textos), permite la interconexión de

4.2.2.1. Estructura de una página HTML

Las páginas HTML tienen un formato bien definido y siguen el esquema de la

1. La declaración de documento HTML con DOCTYPE.

* En la página http://www.w3schools.com/html/default.asp está disponible de un

Figura 3. Estructura de un documento HTML.

Hipermedia es una extensión del concepto de hipertexto, en el que la

Fuente: Elaboración propia

4.3. Tipos de Webs

4.3.1. La Web 1.0.

En un inicio la Web solo consistía de textos e imágenes “colgadas” o “subidas” a una

Figura 5. La Web 1.0.

4.3.2. La Web 2.0.

La Web 2.0 significó la aparición de redes sociales, y la evolución de páginas Web de

Figura 6. La Web 2.0.

 En 2001 nace Wikipedia, la enciclopedia libre, la Web 2.0 por definición.

4.3.3. La Web 3.0.

Figura 7. La Web 3.0.

4.3.3.1. Características de la Web 3.0:

 Inteligencia: el proyecto de la red semántica conocida como la Web 3.0,

 Tridimensionalidad: los usuarios pueden acceder a nuevas formas de

4.3.4. La Web 4.0.

La Web 4.0 se centra en ofrecer un comportamiento más inteligente, más predictivo,

 La comprensión del lenguaje natural (NLU, natural language understanding) y

Figura 8. La Web 4.0.

La Web 4.0 puede adelantarse a situaciones cotidianas, como entender que un

Empresas como Google, Microsoft o Facebook, entre otras, están desarrollando

4.4. Arquitectura de aplicaciones Web

La arquitectura de las aplicaciones web se fundamenta en máquinas conectadas a una

4.4.1. Servidor Web

La palabra blog viene de la abreviación de weblog, lo que en español se traduce como

4.5.1. Características diferenciales de un blog.

1. Es una publicación periódica. Los blogs publican nuevos contenidos en periodos

ejemplo, en un foro de discusión. Esto ha resultado ser también muy ventajoso

4.5.2. Tipos de Blog

V. PRÁCTICA: CREACIÓN DE UN BLOG PERSONAL

1) En la barra de direcciones del navegador ingresamos la URL: https://es.wordpress.com/

2) WordPress solicitará la creación de una cuenta. Utiliza tu dirección de correo electrónico,

3) Haz clic en el botón Empieza Ahora. Se visualizará el siguiente formulario:

CREACIÓN DE UNA ENTRADA

9) Haz clic en el botón añadir entrada de blog.

11) Para publicar la entrada es necesario comprobar tu dirección de correo electrónico.

Si has publicado tu primera entrada exitosamente te llegara un mensaje al correo que

VI. LECTURAS COMPLEMENTARIAS

Lozada, P. Evolución de la Web. Recuperado el 2019 de Febrero, de

VII. VIDEOS COMPLEMENTARIOS

Borja, G. Cómo CREAR UN BLOG WORDPRESS GRATIS en 5 minutos. Recuperado el Febrero

IX. REFERENCIAS BIBLIOGRÁFICAS.

Beekman, G. (2005). Introducción a la informática (6ta ed.). Madrid,

Código Alumno (Apellidos y Nombres)

Firma del docente………………………………