Nombre de la Asignatura

Unidad 4
Páginas Web y Aplicaciones

Tema 1
Páginas Web
 Objetivo

Fomentar el conocimiento sobre

Páginas Web, tipos, desarrollo y
estructura

Introducción
Las páginas web son la cara de
internet para la mayoría de los
usuarios, su creación ha permitido
que el uso de la internet sea
agradable, interactivo y operativo
de cara al usuario Final.
Subtemas
» Subtemas:
1.- Análisis de plataformas para crear sitios Web.
2.- Diseño y construcción de sitio web.
3.- Implementación de sitio web.
Desarrollo de los subtemas: Página Web

Importancia de la Web, tipos de páginas web, software para

desarrollarlas, importancia del Hosting y del dominio en la
implementación de una página Web
 Tipos de páginas Web por su construcción
Páginas webs
estáticas
• Este tipo de páginas se caracterizan porque muestran una información
permanente en la que el usuario no puede interactuar con la página
excepto para leer el contenido. No utilizan bases de datos, sino que la
información reside en el servidor, por lo que para modificar el mismo
hay que acceder al server y cambiar su contenido. Este tipo de páginas
se usan para webs meramente informativas

• Al contrario que las páginas webs estáticas, en las webs dinámicas los
contenidos pueden ser modificados por parte de los usuarios que las
visitan y se les permite crear o modificar el aspecto de la misma a
través de la misma navegación con formularios, texto, imágenes,
vídeos, etc. Entre estas estarían los foros, blogs, ecommerces con
carrito de compra, las diferentes secciones de fichas de producto en el
que los usuarios pueden opinar y el resto de páginas en las que los
visitantes pueden crear o interactuar con la información mostrada ellos
mismos. Estos contenidos interactúan con una base de datos en la que
se guardan cada uno de los registros de los usuarios.
Páginas webs
dinámicas
Los ecommerces o tiendas online son sitios webs en los que se comercializan productos o servicios. En la actualidad están teniendo un gran crecimiento debido a que muchos usuarios ya realizan sus transacciones p

Tipos de páginas Web por su funcionalidad

Blog
• Es un portal dónde se publican artículos de opinión de algún tema en
concreto y dónde los contenidos suelen estar estructurados
apareciendo en primer lugar el más reciente. En este tipo de páginas
webs, los usuarios pueden escribir comentarios a las entradas del blog
dando también su punto de vista. En la actualidad, la mayoría de los
blogs están realizados con el CMS de WordPress que hace más
sencillas las tareas de programación y mantenimiento del mismo.

Tiendas online
• Los ecommerces o tiendas online son sitios webs en los que se
comercializan productos o servicios. En la actualidad están teniendo un
gran crecimiento debido a que muchos usuarios ya realizan sus
transacciones por Internet y también muchos comercios tradicionales se
han lanzado a desarrollar este tipo de sites para generar negocio en la
red. Por darte algún dato, algunos ecommerces se han convertido ya en
gigantes de la distribución y son algunas de las empresas más grandes
del mundo como Alibaba o Amazon.
 Tipos de páginas Web por su funcionalidad
Webs
corporativas
• Las webs corporativas son aquellas que describen las características de
la empresa dónde se recoge información principal de la misma como
quiénes son, su ubicación, a que se dedican y otros datos de la propia
compañía. También se suele mostrar en estas webs los productos o
servicios principales que ofrece la empresa, pero no existe la posibilidad
de contratarlos vía online.

Foros
• Un foro o una comunidad, es un espacio virtual dónde se reúnen una
serie de personas para debatir sobre algún tema determinado. Los foros
suelen tener dos figuras, el administrador o administradores del mismo
y los usuarios, los primeros se encargan de moderar los mensajes y los
segundos de publicarlos. Los foros también pueden estar incluidos en
secciones de algún sitio para facilitar un espacio de discusión a los
usuarios que visitan esas páginas.
 Tipos de páginas Web por su funcionalidad
Sitio de
descargas • El objetivo de estas páginas es proporcionar al usuario la
información que está buscando en forma de descarga de algún
tipo de archivo. Estos archivos pueden ser softwares para instalar
en el equipo del usuario y otro tipo de archivos en sus diferentes
tipos de formatos. Aquí podemos agrupar a Softonic, El rincón del
vago y webs de este tipo que todos hemos visitado alguna vez y
que son repositorios de descargas.

Buscadores
• Páginas creadas para que los usuarios realicen sus consultas y
éstos les devuelvan una serie de resultados con las mejores
páginas sobre esa determinada consulta. Pueden incluir
publicidad, de hecho Google consigue la mayoría de sus ingresos
de su programa Google Adwords por la publicidad en su buscador.
Los ecommerces o tiendas online son sitios webs en los que se comercializan productos o servicios. En la actualidad están teniendo un gran crecimiento debido a que muchos usuarios ya realizan sus transacciones p

Tipos de páginas Web por su funcionalidad

Sitios webs de
noticias
• Webs dónde constantemente se están subiendo noticias para que el
lector las consuma y pueda opinar sobre ellas. Los diarios en papel
todos tienen su web, que son de hecho uno de los sitios más visitados
de Internet y luego tenemos también sitios de noticias que se pueden
crear por parte del usuario como el conocido paper.li.

Directorios
• Un directorio web es un tipo de sitio web que contiene un listado de
datos, imágenes o links hacia otros sitios web. Los directorios web
están estructurados en categorías y subcategorías. En este tipo de
páginas web, se suele permitir la inclusión de site informando al
responsable del directorio.
 Tipos de páginas Web por su funcionalidad

Wikis
• Son páginas web dónde los usuarios son los que crean y modifican su
contenido directamente desde su navegador. La wiki más famosa es la
Wikipedia, una de las páginas web más visitadas del mundo.

Sitios de
consumo de
vídeo
• Existen varias webs en las que podemos consumir contenidos
audiovisuales, el más conocido es YouTube, aunque hay otros como
Dailymotion o Vimeo. Estas webs, también se financian a través de
publicidad como la televisión (Streaming).
 Tipos de páginas Web por su funcionalidad
Sitios • La formación online o e-learning, ha tomado una gran importancia en
educativos
los últimos años y ya es extraño no encontrar a alguna persona que no
haya realizado algún curso a distancia a través de Internet. Para llevar a
cabo estas formaciones existen páginas webs que se convierten en
«aulas virtuales» dónde los alumnos pueden ver los contenidos,
interactuar con otros alumnos y realizar consultas sobre el contenido
que está cursando..

Webs de juegos
• Los juegos online son uno de los mercados con más expansión en el
mundo virtual, desde hace muchos años antes de la existencia de
Internet, muchos hemos disfrutado de momentos de ocio solo o con
amigos. Con el nacimiento de Internet, este sector ha multiplicado su
presencia y aunque yo no soy muy «gamer», existen plataformas como
Steam dónde puedes elegir una serie de juegos online para disfrutar de
horas y horas de entretenimiento.
Desarrollo de los subtemas: Diseño de Sitio Web
Dominio Hosting
Un dominio en Internet es el Un hosting es un servicio online
nombre exclusivo y único que que hace que se pueda acceder
se le da a un sitio web para que a tu sitio web en Internet.
cualquier internauta pueda Cuando obtienes un hosting,
visitarlo e identificarlo. básicamente alquilas un
espacio en un servidor que
almacena todos los archivos y
datos de tu sitio web para que
funcione correctamente. En
este artículo aprenderás todos
los detalles sobre qué es un
hosting.
 Nuevas Tecnologías de la
Información y
Comunicación (NTICs)

Unidad # 3:
GESTIÓN DE DOCUMENTOS ELECTRÓNICOS

Tema # 1: Herramientas informáticas

Ing. Byron León Palacios Msc.

 Subtemas

» Subtema 1: Procesadores de
texto y Presentaciones en línea
» Subtema 2: Blog y Páginas
Web
 Objetivo

Utilizar los aplicativos que

permitan procesar datos y
textos con la finalidad de
presentar información para la
vida profesional
 Cual es el beneficio de manejar
ofimática en el campo profesional?

4
PROCESADORES DE TEXTO

Notepad.cc Writebox Writer

Google
Libre Office
Docs
5
PRESENTACIÓN DE CONTENIDO
Presentación

Diapositiva

Objetos

Transiciones

Animación

Plantillas
6
PRACTICA DE POWER POINT

7
PRESENTACIONES CON PREZI

8
 BLOG Y PÁGINAS WEB
WordPress. ...
Wix. ...
Medium. ...
Tumblr. ...
Overblog. ...
Obolog. ...
Weebly. ...
Site123
Blogger
9
PARTES DE UN BLOG

10
PAGINAS WEB

En Internet existen más de

mil millones de páginas
Web de diversa índole y
diverso contenido,
provenientes del mundo
entero y en los principales
idiomas hablados

11
TIPOS DE PAGINAS

12
PREGUNTAS O
INQUIETUDES
ADICIONALES

13
 BIBLIOGRAFÍA
Belloch, C. (2012). Las Tecnologías de la Información y Comunicación en el aprendizaje.
Obtenido de http://www.uv.es/bellochc/pedagogia/EVA1.pdf
ELSEVIER. (18 de Mayo de 2020). Research Platforms. Obtenido de
https://www.elsevier.com/es-mx/research-platforms
Nebreda, I. (2013). El origen de Internet. El camino hacia la red de redes. DIATEL.
Tanenbaum, A. y. (2012). Redes de Comptadoras. Mexico: PEARSON EDUCACIÓN.
Tornil, X., Barceló, J., Escalé, R., & Escalé, R. (2004). Redes de computadores. Barcelona:
Fundació per a la Universitat Oberta de Catalunya.

14
 NTICS

Unidad 4
Herramientas Financieras

Tema 2
Aplicaciones de herramientas informáticas
 Objetivo
Interpretar funciones en Excel, para facilitar el análisis de información
cuantitativa.

Introducción
Las formulas y funciones son herramientas importantes para el desarrollo
de problemas numéricos en diversas ramas de estudio que van desde
financieras, fecha y hora, matemáticas, trigonometría, estadísticas,
búsqueda y referencia , base de datos y más.
 Fórmulas

Las formulas en general son expresiones

alfanuméricas que a través de distintos
operandos y operadores que permiten
realizar cálculos matemáticos como: sumar,
restar, dividir, multiplicar, promediar, etc.,
para obtener un resultado.
 Expresión
Es un conjunto de constantes, variables y
operadores con los cuales se realiza las
operaciones para obtener un resultado.

Operando Operador Operando

Valor
Constante o variable
Ejemplo:
resultado  a-(3*b+6)/c
 Operador
Es un signo que determina las operaciones a
realizar y permite manipular los valores de
variables y/o constantes.

Operando
Es el valor que interviene de variables y/o
constantes.
Tipos de Operadores (Jerarquía)
1. ^
1. Matemáticos 2. *, /
3. +, -

1. Mayor que >

2. Relacionales 2. Menor que <
3. Mayor igual que >=
4. Menor igual que <=
5. Igual =
6. Diferencia < > !=

1. AND
3. Lógicos 2. OR
3. NOT

1. =
3. Asignación 2. 
 1. Seleccionar la celda para ingresar la fórmula.
2. Anteponer el signo = ya que de esta forma se le
indica a Excel de que se trata de una fórmula , de
lo contrario, lo toma como texto.
3. Se introducen los valores y la operación que se
va a realizar. Los valores pueden ser escritos o
hacer referencia a la celda que los contiene.
ó
4. Presionar Enter para obtener el resultado.
 Funciones

Las funciones son formulas predefinidas que

tiene la hoja de cálculo Excel y que al igual
que las formulas inicia con el signo = y
permiten realizar cálculos precisos, pero
minimizando la complejidad de las
operaciones.
 Categorías de funciones
1. Financieras.
2. Fecha y hora
3. Matemáticas y
La hoja de cálculo trigonométricas.
Excel cuenta con 4. Estadísticas.
categorías y estas a 5. Búsqueda y referencia.
su vez con otras, 6. Base de datos.
por lo que existe 7. Texto.
8. Lógicas.
una gran variedad
9. Información.
de funciones. 10. Ingeniería.
11. Cubo.
12. Definidas por el usuario.
 Elementos de una función
1. Nombre de la función que permita identificarla.
2. Estructura: Después del nombre de la función,
se abre paréntesis para los argumentos de la
función y se cierra paréntesis.
3. Argumentos: Son los valores y estos pueden ser
de texto, numéricos, referencias de celdas, etc.

Argumento

Nombre de la función
 Funciones vs Fórmulas
Funciones Fórmulas

Se realizan en menor tiempo. Se emplea más tiempo.

Minimiza la complejidad de Las operaciones suelen ser
las operaciones. más complejas.
Es más fácil de trabajar. Se complica su trabajo cuando
los datos son demasiados.
Resuelven el cálculo en menos Se utilizan más pasos para
pasos. resolver el cálculo.
Ejemplo: =SUMA(A6:A11) Ejemplo: =A6+A7+A8+A9+A10+A11
Promedio
En este caso con esta función se devuelve el promedio de los argumentos, es decir, si el intervalo está comprendido entre la celda A1:A20, la fórmula
debe ser =PROMEDIO(A1:A20), de esta forma vas a obtener el promedio de todos los datos que estén contenido entre dichas celdas.

Promedio.si

Esta función se encarga de devolver el promedio de todas las celdas de un rango en específico, los cuales deben cumplir unos criterios determinados. La fórmula en
este caso queda de la siguiente manera:

 PROMEDIO.SI(rango; criterios; rango promedio).

 El rango es obligatorio, donde una o más celdas según sea el promedio que se quiera obtener, estos pueden incluir números, nombres, referencia o matrices que
contengan números.
 El criterio también es obligatorio, el criterio puede ser en forma de número, referencia de celda o texto, expresión, entre otros. De esta forma se puede decir que
los criterios pueden expresarse como 32, “32”, “>32”, “Peras” o B4.
 El rango promedio es opcional, este es el conjunto real de celdas cuyo promedio se va a calcular, si se omite, se utilizará el rango.
En cuanto a las observaciones se debe mencionar que en este caso no se toman en cuenta las celdas de rango que contienen valores verdaderos o falsos. Ahora si el
rango es un valor en blanco o de texto, la función va a devolver el valor de error #¡DIV0!.

En cada uno de los criterios se puede llegar a utilizar caracteres comodines de signo de interrogación y asterisco. Tampoco es necesario que el rango promedio tenga el
mismo tamaño y forma de rango.
Función contar

Con esta función vas a tener la oportunidad de contar la cantidad de celdas que contienen números y cuenta los números dentro de
la lista de argumentos. De esta manera, se puede utilizar cuando se necesita obtener la cantidad de entradas de un campo de
número de un rango o matriz de números.

De esta manera, se puede escribir la fórmula para contar los números en el rango A1:A20: =CONTAR(A1:A20). El valor 1 es
obligatorio en la fórmula, primer elemento para referenciar el rango en el que se quiere contar los números. Mientras que para el
valor 2 es opcional, puede contener hasta 255 elementos, celdas o Entre las consideraciones a tomar en cuenta hay que contar los
argumentos que son números, fechas, representaciones de texto de los números. También se tienen en cuenta los valores lógicos y
las representaciones textuales de números escritos directamente en la lista de argumentos.

Ahora si el argumento es una referencia o una matriz, solo se debe considerar los números de esta matriz o referencia. Lo que quiere
decir que las celdas vacías o valores lógicos no se cuentan en estos casos. Para poder contar los valores lógicos, texto o valores de
error será necesario que hagas uso de la función CONTARA.
CONTAR.SI

La función CONTAR.SI es una de las funciones de estadísticas de Excel más utilizada al momento de contar el número de celdas que cumplen
un determinado criterio. La misma se puede utilizar para contar el número de veces que un producto aparece en una determinada lista. Esta
función indica lo siguiente: Al aplicarla vas a tener la oportunidad de realizar la búsqueda y que quieres buscar. La misma se puede escribir
de la siguiente manera: =CONTAR.SI(A2:A5, “plástico”), o también seleccionando la celda donde se encuentra la palabra que se quiere
buscar =CONTAR.SI(A2:A5;A4).
Frecuencia

Cuando se aplica esta fórmula se hace con el objetivo de calcular la frecuencia con la que se producen los
valores dentro de un rango específico de datos. En este caso devuelve una matriz vertical de números.

Uno de los motivos más comunes para utilizar esta función de frecuencia es para contar el número de resultados que
se encuentran dentro de un rango en específico. De esta manera, la función frecuencia se especifica como
una fórmula de matrices ya que la frecuencia devuelve una matriz.
 Bibliografía
» Guerrero,A; Buitrago,M; Curieses; M. (2007). Estadística Básica. Colombia. Primera Edición. Fondo editorial
ITM
» Fernández S. & Cordero J. & Córdoba A (2002). Estadística descriptiva. España. 2da edición. Esic editorial.
» Frecuencia absoluta. Recuperado de Enciclopedia Económica
(https://enciclopediaeconomica.com/frecuencia-absoluta/).
» Icart, T. ; Fuentelsaz, C. ; Pulpón,A. (2006). Elaboración y presentación de un proyecto de investigación y
una tesina. España. Edit. Gráficas Rey S.L
» Triola M. (2004). Estadística. México. 9na edición. Pearson Educación. Guerrero,A; Buitrago,M; Curieses;
M. (2007). Estadística Básica. Colombia. Primera Edición. Fondo editorial ITM
» Fernández S. & Cordero J. & Córdoba A (2002). Estadística descriptiva. España. 2da edición. Esic editorial.
» Frecuencia absoluta. Recuperado de Enciclopedia Económica
(https://enciclopediaeconomica.com/frecuencia-absoluta/).
 Nuevas tecnologías de la
información y comunicación (NTICS)

Unidad 4
PÁGINAS WEB Y APLICACIONES

Tema 1
Páginas Web
 Objetivo

Conocer el funcionamiento del acceso a las Páginas web por medio de

servidores colocados en diferentes partes del mundo para disminuir el
tiempo de acceso a la información
Subtemas
• Subtemas:
1. Análisis de plataformas para crear
sitios web.
2. Diseño y construcción de sitios
web.
3. Implementación de sitios web.
Desarrollo de los subtemas:
1. ¿ Qué es un sitio web ?
• Colección de páginas web dotadas de una dirección web
única

2. ¿ Qué es un página web ?

• Es un documento creado en lenguaje HTML y almacenado en un lugar
Web, denominado servidor, listo para ser visto por un navegador

3. ¿ Qué es una dirección web ?

• La dirección web es el "nombre" con el que se identifica una página en internet 
http://www.ieslesdunes.com
 ¿ Qué es un navegador ?
• Un navegador web (del inglés, web browser) es un programa que permite
visualizar en nuestro ordenador la información que contiene una página web

Firefox
Internet Edge

Opera

Google Crome
 ¿ Cómo funciona la web ?
 URL = Uniform Resource Locator

https://www.uv.es/cerveron/index.html

Nombre del protocolo de comunicación

con el servidor
(https es el estándar para web) Localización del documento dentro del
sistema de archivos del servidor web

Nombre del dominio del servidor web

donde se almacena el documento
 Abrir dirección “http://www.uv.es/cerveron/index.html”

Internet

147.156.11.1

Buscando host:

www.uv.es

¿dirección IP
Cliente Web www.uv.es? Servidor Web
(Mosaic,
Internet Explorer,
Firefox, etc.) Servidor de nombres
páginas web (DNS)
 Aplicaciones web

• La web era al principio un conjunto de páginas fijas

• La evolución de la web ha llevado al desarrollo de aplicaciones web

• Una aplicación web es un programa informático en la red (en un servidor) cuya interacción con
el usuario sea mediante un navegador web

• El programa recibe los inputs del usuario

• El programa genera dinámicamente páginas web que muestran información personalizada y

en su caso permiten al usuario seguir interactuando
 ¿ Qué es una dirección IP ?

• La dirección IP de un ordenador es la identificación única que ese

ordenador tiene en Internet. Esta compuesta de cuatro números
separados por puntos 192.168.2.1

 ¿ Qué significan las siglas DNS ?

• Sistema de Nombres de Dominio. Servicio que traduce los nombres

de las páginas Web, en la dirección IP del ordenador donde se
encuentra ubicada o alojada.
 ¿ Qué un servidor DNS ?

• Es un ordenador especial dentro de internet que traduce los nombres de

páginas web en direcciones IP
 El lenguaje HTML

• HTML (HyperText Markup Language) es un lenguaje muy sencillo que permite

describir hipertexto, es decir, texto presentado de forma estructurada y agradable, con
enlaces (hyperlinks) que conducen a otros documentos o fuentes de información
relacionadas, y con inserciones multimedia (gráficos, imagen, sonido...).

• Cada página web de un sitio web se corresponde con un archivo cuya extensión es
.htm o .html
• HTML es un lenguaje que permite incluir texto junto a las indicaciones de cómo
mostrarlo, cómo y dónde incluir imágenes y cómo acceder mediante enlaces a otros
recursos en Internet (y también posibilita la entrada de datos)

• El navegador-cliente solicita y recibe del servidor web una página y nos la presenta
formateada

• La página puede “pedir” al servidor imágenes (o otros recursos) que están en archivos
distintos de la propia página web y son enviados por el servidor y presentados por el
cliente junto al texto
 Actividades
• Acceder a una página escribiendo la URI

• Acceder a una página mediante un enlace contenido en otra

• Ver el código fuente de una página

• Guardar una página web (sólo HTML) para luego ver el archivo guardado y visualizar la
página

• Guardar una página web completa para luego ver los archivos guardados y visualizar la
página