DISEÑO DE SITIOS WEB

ÍNDICE
1. Guía temática
2. Presentación
3. Conceptos Clave
4. Temática 1
5. Temática 2
6. Temática 3
7. Para terminar
PRESENTACIÓN
Blog: es un sitio web personal donde uno puede publicar cualquier cosa que desee
compartir con otros. Se trata de un sitio Web, que se actualiza periódicamente y que
recopila cronológicamente textos y artículos de Hipermedia uno o varios autores (el
más reciente aparece primero). Además, los lectores del blog pueden dejar sus co-
mentarios a los artículos del blog. Al redactor del blog se le conoce como bloguero.
«Bloguear» puede usarse también como verbo y quiere decir mantener o añadir con-
tenido a un blog.

Una página Web es la unidad básica del World Wide Web, o simplemente Web,
como se le llama comúnmente. El Web está integrado por sitios web y éstos a su vez
por páginas web. La gente suele confundir estos términos, pero un sitio web es en
realidad un conjunto de páginas web. Una página de Internet o página Web es un
documento electrónico adaptado particularmente para el Web, que contiene informa-
ción específica de un tema en particular y que es almacenado en algún sistema de
cómputo que se encuentre conectado a la red mundial de información denominada
Internet, de tal forma que este documento pueda ser consultado por cualesquier per-
sona que se conecte a esta red mundial de comunicaciones y que cuente con los
permisos apropiados para hacerlo.

Multimedia. es “la integración de dos a más medios distintos en un ordenador per-

sonal”. Los sistemas multimedia constituyen una nueva forma de comunicación que
hace uso de diferentes medios, como imagen, gráficos, texto, voz, música, animación
o video en un mismo entorno. En el multimedia se concentran las diversas aportacio-
nes de cada medio para un fin único: la transmisión de un concepto al usuario.

Características:

-Resulta del establecimiento de vínculos entre documentos; Cada unidad de informa-

ción se llama NODO; Los punteros con los que viajamos de nodo a nodo se llaman
ENLACES. habilidades y com

Condiciones de aplicación: Un gran volumen de información estructurado en nodos

Trabajo
relacionados entre sí; Que el usuario necesite únicamente una fracción de todos losen grupo
nodos; Que el usuario interaccione con la información del ordenador. tarea, para lograr
reúnen para entre
Navegación: Utilización de enlaces bidireccionales; Permite enlaces a través de re-
des; El usuario debe sentir total libertad para moverse a través de la información.
empresa, de ello
alineado con el B
nocimiento del pr
TEMÁTICA 1:
Empecemos con

¿Qué es el diseño web?

El Diseño web es la actividad enfocada en planificar, diseñar, mantener y crear pá-

ginas web. Es una disciplina a tener en cuenta a la hora de montar una página web,
debido a que de ella depende el grado de usabilidad de cara al visitante. Es funda-
mental en una página web brindar experiencia agradable, con una interactividad,
arquitectura de información, navegabilidad y usabilidad adecuadas, que permita
aprovechar al máximo los recursos que se pueden ofrecer en la página electrónica.

- El Diseño web ofrece a los usuarios una experiencia adecuada y atractiva a la

hora de navegar por una página web. Debe brindar la capacidad de transmitir a tra-
vés de la imagen una marca y su mensaje, al igual que muestra el compromiso de
una organización basando en la experiencia de sus consumidores. Un buen diseño
debe responder a las necesidades del público de su interés, con el cual la marca
hace presencia en la red, el cual busca un posicionamiento que le permita mayor
alcance y visibilidad.

Descripción
El diseño Web, está conformado por varias fases y depende también del proyecto.
Algunas de las fases básicas del diseño Web, con las que cuentan todos los pro-
yectos son:
- Fase 1: Análisis y definición del diseño Web
En esta fase del diseño se estudia la imagen que debe tener la página Web, de
acuerdo con el objetivo que desea cumplir. Es la fase en la que se genera una pri-
mera visión del diseño que presentará la página del sitio web a crear.
- Fase 2: Creación de la página Web
Después de aprobar el boceto del diseño Web en la fase anterior, se procede a im-
plementar este diseño como página Web, con sus cabeceras, menús, animaciones
e imágenes, según corresponda.
- Fase 3: Programación de la navegabilidad
Una vez creada y estructurada la página Web, se procede a programar su navega-
bilidad y su funcionalidad para una correcta presentación de la página Web.
- Fase 4: Evaluación
Este paso implica conocer algunos criterios de diseño como la presentación, pro-
ducción, significación, socialización, costos, mercadeo, entre otros.
El diseño web permite usar muchas alternativas, con el uso de código para su
elaboración, así como también mediante el uso de CMS permiten construirla sin
necesidad de saber programar.

DISEÑO WEB FIJO

Este tipo de diseño, abarca una cifra importante en Internet. El modelo permane-
ce inalterable sin importar el dispositivo desde el cual se visite el sitio web, lo cual
es independiente al tamaño de la pantalla del dispositivo. Sin importar las carac-
terísticas de una pantalla o navegador ésta se visualiza siempre con el mismo
tamaño preestablecido en términos de píxeles.

DISEÑO WEB RESPONSIVE

Este tipo de diseño varía en función del tipo de dispositivo desde el cual se visua-
liza o del ancho del navegador web por el cual se accede a internet. Razón por la
cual se puede apreciar un sitio en un smartphone, otro en una Tablet y otro en un
computador de escritorio, con ajustes predefinidos para cada dispositivo.

DISEÑO WEB FLUIDO

En este caso se ocupa todo el ancho de las pantallas. Es menos utilizado porque
requiere mayor rigurosidad. Se usa mucho en pantallas normales puesto que
arroja un resultado muy atractivo y de calidad.

DISEÑO WEB ELÁSTICO

Es similar al anterior y en este caso el contenido crece junto al ancho del diseño
para rellenar la pantalla. Aunque no es muy utilizado actualmente.

Blogger
Es una herramienta gratuita en la nube que permite la creación y gestión de
blogs. Es propiedad de Google y forma parte de la suite de herramientas más
usadas para crear blogs sobre cualquier tema y se ajusta para quienes trabajan
en la creación de contenidos.

Tienda nube
Con esta aplicación se puede tener un e-commerce de manera sencilla. Es una
excelente opción si no se cuenta con conocimientos avanzados en programación.
Permite potenciar un negocio en pocos pasos.

WordPress
Es una plataforma fácil de usar y es compatible con muchos plugins, además
cuenta con opciones gratuitas y de pago. Cuenta con herramientas para imple-
mentar SEO, aunque se necesita de conocimientos avanzados para optimizar
algunos módulos que ofrece este servicio.
Wix
Dispone de muchas plantillas personalizables que se adaptan a cualquier tipo de
necesidad. Su interfaz es amigable y de fácil reconocimiento. Cuenta con planes
gratuitos con buenas herramientas así como de pago con mejoras según las ne-
cesidades del diseñador.

One.com
Es una herramienta económica lo cual se adapta fácilmente para cualquier em-
prendedor que desea comenzar en el diseño web. Sus diseños y plantillas son
bastantes receptivas y se adaptan a cualquier tipo de dispositivo.

El diseño web es un elemento imprescindible en cualquier negocio, ya que es el

que se encarga de crear la cara pública online de una marca. Es algo a lo que
hay que dedicar cuidado para conseguir los mejores resultados y para disfrutar
de todos los beneficios que ofrece una web actualizada. Así mismo en el ámbito
educativo crear páginas o blogs permite darse a conocer ante el mundo frente a
un tema que maneje muy bien, lo cual permitirá un mayor crecimiento profesional.
TEMÁTICA 2:

Herramientas
crear web
WIX
Es una plataforma de desarrollo web que
basa su sistema en la nube, en la cual
puedes hacer tu sitio web sin tener
conocimientos profundos en programación.
Te ofrece cientos de plantillas y funciones
con las cuáles podrás jugar para crear tu
sitio web, blog o tienda online.

WORDPRESS
Es un sistema de gestión de contenidos web
(CMS o content management system), que
en pocas palabras es un sistema para
publicar contenido en la web de forma
habilidades y competencias resolviendo de esta manera cualquier problema, reto o
sencilla. Tan común es ya, que es el líder
absoluto a nivel mundial para la creación de
webs
Trabajo en grupo: desde
Son hace muchísimos
equipos pequeños enaños
donde se trabaja para realizar una
tarea, para lograrla se
BLOGGER reparten de forma individual el trabajo y posteriormente se
reúnen para entregar la actividad, el compromiso en este punto es mínimo.
Es un servicio creado por Pyra Labs y
adquirido por Google en 2003, que permite
empresa, de ello depende la permanencia en el tiempo de la organización, está
crear y publicar un blog online. Para poder
alineado con el Branding para el posicionamiento estratégico de la marca y el reco-
nocimiento del crear el blog
producto y publicar
o servicio en elcontenidos,
mercado. no es
necesario escribir código ni instalar
programas de servidor o de scripting.

SITE123
Es una plataforma de creación de sitios web
que le brinda todo lo que necesita para crear
un sitio web, incluido un subdominio
generado por el sistema. Es la solución
perfecta para el usuario promedio, ¡no se
 crear el blog y publicar contenidos, no es
necesario escribir código ni instalar
programas de servidor o de scripting.

SITE123
Es una plataforma de creación de sitios web
que le brinda todo lo que necesita para crear
un sitio web, incluido un subdominio
generado por el sistema. Es la solución
perfecta para el usuario promedio, ¡no se
requieren habilidades de diseño o
codificación!
IONOS
Permite crear páginas web de gran calidad
con todo lo que necesitas, es decir, no solo
dispondrás de hosting y un dominio
personalizado, también tendrás a tu
disposición un gran número de plantillas,
entre otras opciones.

WEBADOR
Es un creador de sitios web gratuito y muy
fácil de usar. Incluye nombre de dominio
gratuito, diseño adaptable, buzón de
negocios y funciones de tienda web. Con
Webador crear un sitio web es fácil y
divertido.

habilidades y competencias resolviendo de esta manera cualquier problema, reto o

Bibliografía
García, A. (2022, enero 13). 15 herramientas para crear una página web con plantillas. Blog de Ecommerce y Marketing Digital.
https://www.tiendanube.com/blog/mx/herramientas-para-crear-paginas-web/

Trabajo en grupo:
The Best 10 Website Builders. (s/f).Son equipos
Top 10 Creadores pequeños
de Páginas en dedonde
Web - Mejores creadores páginas webse trabaja
en Español. para realizar una
Mejores10creadoresdesitiosecommerce.com.
Recuperado el 30 de noviembre de 2022, de https://www.mejores10creadoresdesitiosecommerce.com/charts/7/mejores-creadores-de-sitios-web-en-espanol?
tarea, para lograrla se reparten de forma individual el trabajo y posteriormente se
utm_campaign=ma_thebest10_lang_mejores10creadoresdesitiosecommerce.com_e-

reúnen para entregar la actividad, el compromiso en este punto es mínimo.

2^106304374704&experiment_id=9719632780^^571888478628^creador%20de%20paginas%20web%20gratuito^e&gclid=EAIaIQobChMI5aXu_qXW-
wIVltOGCh3gGAcsEAAYASAAEgL8J_D_BwE

empresa, de ello depende la permanencia en el tiempo de la organización, está

alineado con el Branding para el posicionamiento estratégico de la marca y el reco-
nocimiento del producto o servicio en el mercado.
TEMÁTICA 3
Importancia de los Blogs en la Educación
Nos encontramos en la sociedad de la Información y el Conocimiento en la que
es fundamental saber utilizar diversas herramientas tecnológicas para difundir
la información. Es imprescindible utilizar las Tecnologías de la Información y la
Comunicación (TIC), en especial si pertenecemos al mundo de la educación. Se
considera que los estudiantes son nativos digitales y saben desenvolverse con las
nuevas tecnologías, por ello el docente debe estar capacitado para ofrecer nuevas
metodologías atractivas y novedosas. Uno de los recursos más utilizados de las
TIC es Internet, donde encontramos la mayoría de información y actividades para
el desarrollo de las temáticas escolares. Por ello es necesario crear información
propia para dar a los alumnos los insumos necesarios para el aprendizaje en una
plataforma destinada para ello. Por ejemplo el uso de Blogs interactivos y/o partici-
pativos promueven el crecimiento en los materiales educativos que buscan mejorar
la calidad educativa de los estudiantes. Por tal motivo, damos especial importancia
a los Blogs, ya que es un recurso fácil y sencillo de crear y que abarca mucha más
información.

¿POR QUÉ CREAR UN BLOG?

Muchos estudiantes hoy día manejan las nuevas tecnologías y se desenvuelven
en la red sin ningún problema. Por esta razón los docentes deben actualizar sus
metodologías para llegar a los estudiantes y crear un aprendizaje significativo.
Cada vez es más difícil hacer que los niños atiendan con metodologías tradiciona-
les porque la sociedad ha cambiado, el pensamiento ha cambiado, y la educación
ha de cambiar al ritmo que la sociedad y la tecnología lo exige.

Ventajas de un BLOG:
- Permite expresar opiniones personales y grupales.
- Permite interactuar con varios usuarios.
- Permite crear y desarrollar contenidos y posteriormente difundirlos.
habilidades y competencias resolviendo de esta manera cualquier problema, reto o
- Se desarrollan las competencias digitales necesarias para participar de forma
activa.
- Fomenta el trabajo en equipo, la motivación, la creatividad y la participación.
Trabajo en grupo: Son equipos pequeños en donde se trabaja para realizar una
- Cierra las brechas digitales presentes en el mundo actual.
tarea, para lograrla se reparten de forma individual el trabajo y posteriormente se
- Ayuda a la innovación en educación evitando la resistencia al cambio.
reúnen para entregar la actividad, el compromiso en este punto es mínimo.
Características del Blog:
empresa, de ello depende la permanencia en el tiempo de la organización, está
Gratuidad.
alineado con el Branding para el posicionamiento estratégico de la marca y el reco-
Es fácil de crear y administrar, ya que es administrado por un gestor de contenidos
nocimiento del producto o servicio en el mercado.
que presenta asistentes y plantillas prediseñadas.
Las entradas recientes siempre aparecen en primer lugar.
Se utiliza un lenguaje coloquial destinado a la comprensión de todos los usuarios,
directo, claro, espontáneo y personal.
Permiten la integración de recursos multimedia tales como videos, sonidos, imáge-
nes, animaciones.
Favorece la interacción y el intercambio de ideas gracias a la posibilidad de comen-
tar en las entradas, y los estudiantes también pueden comentar aportando nuevos
enlaces, preguntando dudas, etc.
A modo de conclusión
El diseño web es un elemento imprescindible en cualquier negocio, ya que es el que
se encarga de crear la cara pública online de una marca. Es algo a lo que hay que
dedicar cuidado para conseguir los mejores resultados y para disfrutar de todos los
beneficios que ofrece una web actualizada. Así mismo en el ámbito educativo crear
tus páginas o blogs permite darte a conocer al mundo frente a un tema que manejes
muy bien, lo cual permitirá un mayor crecimiento profesional.

PARA FINALIZAR
- El diseño web es un elemento imprescindible en cualquier negocio, ya que es el
que se encarga de crear la cara pública online de una marca. Es algo a lo que hay
que dedicar cuidado para conseguir los mejores resultados y para disfrutar de todos
los beneficios que ofrece una web actualizada.

- Así mismo en el ámbito educativo crear tus páginas o blogs permite darte a cono-
cer al mundo frente a un tema que manejes muy bien, lo cual permitirá un mayor
crecimiento profesional.

habilidades y competencias resolviendo de esta manera cualquier problema, reto o

Trabajo en grupo: Son equipos pequeños en donde se trabaja para realizar una
tarea, para lograrla se reparten de forma individual el trabajo y posteriormente se
reúnen para entregar la actividad, el compromiso en este punto es mínimo.

empresa, de ello depende la permanencia en el tiempo de la organización, está

alineado con el Branding para el posicionamiento estratégico de la marca y el reco-
nocimiento del producto o servicio en el mercado.