Asignatura:

Semestre:
Nivel: Paralelo:
Tema:
Edición de páginas Web
Estudiante:
Quimis Tumbaco Joselyn Yaritza
Docente:
CESAR ALBERTO MANCHAYO
 CREAR PÁGINAS A PARTIR DE PLANTILLAS

1. Elige Archivo > Nuevo.

2. En el cuadro de diálogo Crear un nuevo documento o

plantilla selecciona la opción Un nuevo documento
basado en una plantilla.

3. Pulsa el botón Elegir archivo… y elige la plantilla

anteriormente creada.

4. Clic en el botón Crear.

5. En la nueva página sustituye el texto de las áreas editables por el texto definitivo. Observa
que cada área es extensible hacia abajo para alojar el texto o imágenes que se deseen insertar.
Por otra parte el pie con la identificación del centro no se puede editar al no haberse incluido
en un área editable durante el diseño de la plantilla original.

6. Elige Archivo > Guardar como

7. En el cuadro Título de la página introduce el título de la página. Será el texto que aparecerá
en la barra de título del navegador web cuando se navegue por la página. Por ejemplo: “Mi
primer webquest”. Clic en el botón Aceptar.

8. En el cuadro Guardar página como selecciona la carpeta miweb e introduce como

Nombre: webquest.html. Clic en el botón Guardar.

9. Para visualizar el aspecto final de esta página pulsa en el botón Navegar situado en la barra
de herramientas de Redacción. (Este botón sólo funciona si tienes instalado Firefox como
navegador por defecto. Esta opción se configura abriendo Firefox y seleccionando
Herramientas > Opciones > Principal > Valores predeterminados del sistema).
 PERSONALIZAR PÁGINAS

Utiliza los datos pictográficos de tus clientes ideales para crear tus buyer personas.

Hablo de esto en muchos de mis posts, pero lo cierto es que este paso es clave para realizar
con éxito cualquier acción de marketing hoy día. Vivimos en la Era del Customer Centric, y
poder conocer al máximo cómo son nuestros clientes ideales, segmentándolos y creando esos
Buyer Personas que nos ayuden a conocerlos mejor, es básico para poder categorizar en base
a qué personalizar tu página web. Estos Buyer Personas deben de ayudarte a saber cuáles son
sus intereses, sus estilos de vida, actitudes, motivaciones, etc. Aquí encontrarás que en
función del Buyer Persona, tendrán unos hábitos de navegación diferentes a los del resto.
Cuando uses los activadores de personalización o ‘triggers’, podrás ofrecer unos contenidos
acordes a cada uno de ellos y un lenguaje más próximo para cada segmento.

Para empezar, te recomiendo que si tienes alrededor de 15.000 contactos en tu base de datos,
utilices al menos 3 Buyer Personas y no más de 4. Empresas multinacionales con
grandísimas bases de datos, estarían entorno a los 10 Buyer Personas. Como te he comentado
antes, para empezar, comienza por menos y ve aumentando poco a poco.

2. Preocúpate por obtener datos.

Una vez tienes identificadas sobre qué personas quieres personalizar tus mensajes en tu web,
lo que debes hacer es recopilar todos los datos posibles de navegación e historial de ese
usuario con tu empresa, que permita crear un scoring de manera automática, que ponga en
marcha el activador de la personalización. Para ello, es necesario que analices muy bien a
través de Google Analytics, el comportamiento de tus usuarios en tu site. En muchos casos,
Google Analytics no es suficiente, necesitando de otras herramientas que te permitan medir
mucho mejor y enlazar con la información que puedas tener, por ejemplo, en tu CRM,
detectando de este modo qué personas registradas hacen qué en tu web.

Para los usuarios nuevos, además de datos sobre comportamiento online, también es
necesario que dispongas de otros más psicográficos. Para ello, es necesario que incorpores
llamadas a la acción en donde puedan dejar sus datos. Ten en cuenta que la mayoría de las
personas no se tomarán tiempo para rellenar formularios extensos, perdiendo una parte
importante de las conversiones si los haces así. Por tanto, te recomiendo que empieces
captándolos con pocos datos (nombre, apellidos y email), les mandes un email de
agradecimiento con un regalo digital para que lo abran, y a partir de entonces, “colgarle el
cascabel” que te dirá cada vez que entre en tu site, qué contenidos le interesan, cuánto tiempo
pasa en ellos, etc. En esta fase, llévale a nuevas landing pages, en las cuales le pidas más
información a cambio de algo… y así poco a poco hasta que construyas un perfil mucho más
completo que te permita integrar al usuario en alguno de tus segmentos previamente creados.

En todo este proceso, ten muy en cuenta la nueva normativa sobre protección de datos que
entró en vigor el pasado 25 de mayo de 2018. Aquí te dejo un post sobre 7 tips para cumplir
conéxito la GDRP.
3. Define unos objetivos.

Ahora que ya sabes el perfil de las personas sobre las que vas a actuar, qué datos son
necesarios para identificarlas en su navegación web, y los activadores que necesitas para
poner en marcha la personalización, debes decidir qué objetivos quieres lograr con ello. Para
ello, necesitarás también, definir los kpis que te servirán para saber si estás consiguiendo los
objetivos o no. Entre los principales objetivos que puedes perseguir con la personalización de
tu web, están:

• Generar más leads.

• Aumentar las ventas en tu eCommerce.
• Aumentar el engagement en tu site.
• Aumentar la lealtad de tus usuarios en tu página web.
• Mejorar la imagen de marca.
• Aumentar el nivel de prescripción o ‘share’ de tu web en redes sociales.

TEMAS

Usar temas

Un tema es un conjunto de plantillas, módulos, contenido global y configuración de estilo que

se puede usar para crear un sitio web. Los temas pueden descargarse desde el Mercado de
materiales, aunque las cuentas de CMS Hub también tendrán acceso a temas predeterminados
de HubSpot. Puedes editar páginas usando un tema con el editor de contenido arrastrar y
soltar y establecer plantillas de blog para usar un tema en la configuración de tu blog.

Comprender temas

Un tema es un conjunto de archivos para tu sitio web, incluyendo:

• Plantillas codificadas: un conjunto de plantillas para tu sitio web, incluida una página
principal, página de información, página de destino y plantillas de blog. Estas plantillas
son codificadas específicamente por un desarrollador, pero el contenido y la disposición
pueden personalizarse en el editor de contenido arrastrar y soltar.
• Módulos: un conjunto de módulos de temas únicos que puedes agregar a contenido
usando ese tema.
• Contenido Global: contenido repetido en varias páginas, como encabezados o pie de
páginas. Puedes editar contenido global directamente desde el editor de páginas de
arrastrar y soltar.
• Configuración del tema: configuración de estilo para plantillas que usan un tema,
incluyendo fuentes, espacios y colores.

Usar un tema activo

Puedes establecer un tema activo para mostrar las páginas de ese tema como opciones
predeterminadas para las páginas creadas recientemente. La configuración o el cambio de un
tema activo no cambiarán el tema utilizado para el contenido existente, lo cual requiere el
cambio de la plantilla actual del contenido Se pueden adquirir temas adicionales en el
Mercado de materiales.

• Navega a tu contenido:
o Páginas del sitio web: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web >
Páginas web.
o Páginas de destino: En tu cuenta de HubSpot, ve a Marketing > Páginas de destino.
• En la parte superior derecha, haz clic en el menú desplegable Crear y selecciona Página
de sitio web o Página de destino.
• En el cuadro de diálogo, introduce un nombre de página y luego haz clic en Crear
página.
• En la pantalla de selección de temas, selecciona un tema. En la parte superior derecha,
haz clic en Vista preliminar para obtener la vista preliminar del tema o Seleccionar y
continuar para establecer el tema como activo.

COLORES

Hay muchas formas de que tu página web destaque en internet. Una de ellas es mediante su
paleta de colores que, por cierto, es lo primero que llama la atención cuando la gente visita tu
página. Puedes tener un producto increíble y un texto profesional, pero si tu paleta de colores
es poco atractiva, las probabilidades de que los visitantes hagan clic en tu página son pocas.
Elegir los colores web adecuados es un aspecto clave a la hora de crear una página web.

Cuando elijas los tonos, piensa en el rol que jugará cada uno de ellos en tu página web.
Generalmente se aconseja separar los colores para páginas web en primario (o "dominante"),
secundario y el color de acento. El color primario será el que mayor espacio ocupe en tu
página web y el color con el que probablemente la gente asocie tu marca. Tu color (o colores)
secundario tendrá menos presencia, y el color de acento tiene un uso moderado. La función
del color de acento es llamar la atención de los visitantes en detalles importantes que quieras
resaltar como los llamados a la acción o tu marca. Si has dedicado tiempo a elegirla paleta de
colores perfecta para tu negocio, haz lo mismo con tu página web. Los colores pueden evocar
ciertos estados de ánimo y generar asociaciones con nuestro entorno o experiencias pasadas.
Cuando elijas los tonos de tu página web, piensa lo que quieres transmitir y la gama de
colores que mejor refleje tu marca.

FUENTES

Una fuente web o canal web es un medio de redifusión de contenido web. Se utiliza para
suministrar información actualizada frecuentemente a sus suscriptores. En su jerga, cuando
una página web redifunde su contenido mediante una fuente web, los internautas pueden
"suscribirse" a ella para estar informados de sus novedades. Los interesados pueden usar un
programa "agregador" para acceder a sus fuentes suscritas desde un mismo lugar.

Son muy utilizados en los blogs o bitácoras de Internet, así como en prensa electrónica. Cada
día hay más medios que utilizan este sistema de redifusión web. La gran difusión de este tipo
de servicio web ha estimulado el interés en otros sectores que comienzan a ver en las fuentes
web una forma efectiva de difundir y compartir información empresarial.

ANIMACIONES

Hay páginas web que destacan por su diseño. Para lograrlo, se utilizan diferentes
herramientas visuales, las cuales ayudan a generar páginas más dinámicas. Entonces, la
animación web es la encargada de los elementos que están en movimiento.
Por ejemplo, si sueles comprar en línea en páginas como SHEIN, verás que su
animación web es muy interactiva: tiene banners con letras que se mueven, o imágenes
de productos que se presentan a modo de slides o diapositivas.

Entonces, ¿qué son las animaciones web? Son los efectos visuales que se pueden aplicar en
una página web para crear movimiento en los elementos que la componen. Por ejemplo, el
texto, las imágenes, los banners, etc. También es bueno saber que existen diferentes tipos de
animaciones web y te las vamos a enseñar a continuación.

FORMULACIÓN DE CONTACTO

Es una herramienta que permite la recolección de datos específicos, a través de campos que el
usuario llena. Su funcionamiento es simple: permite que un visitante anónimo suministre
información, personal o empresarial, que pueda ser empleada posteriormente por el equipo de
marketing o ventas de tu compañía.

Es recomendable planear cada formulario acorde a la etapa del ciclo de compra del usuario,
ofreciéndole contenido que sea útil para él en dicha etapa. De esta manera, incentivas que
proporcione sus datos y tu compañía podrá seguir en contacto con él, en lo que se denomina:
nutrición de leads.

Tipos de formularios de contactos según la etapa del embudo de ventas

El embudo de ventas es la representación gráfica de todo el recorrido que realiza un usuario

desde su primera visita en tu sitio web hasta convertirse en tu cliente. Esta figura ilustra el
hecho de que todas las ventas inician con una cantidad de tráfico o visitantes, que se va
reduciendo a través del proceso de compra, hasta quedar un número reducido en comparación
al inicial. El proceso regularmente se divide en tres etapas: TOFU, MOFU y BOFU.

CHAT DE WIX
Wix Chat te permite comunicarte instantáneamente con los visitantes, ya sea que les des la
bienvenida a tu sitio o respondas sus preguntas. Inicia un chat con cualquier persona o
permite que chateen cuando estén listos. También puedes personalizar el aspecto de tu
ventana de chat, agregar horas de chat en línea y fuera de línea, y acceder a los mensajes
desde tu computadora o la app de Wix Owner.

AGREGAR Y ADMINISTRAR APLICACIONES

El selector de aplicaciones es una práctica ventana que permite a los miembros de la

organización abrir las aplicaciones de las que disponen. Los miembros acceden al selector de
aplicaciones a través del botón Aplicaciones del sitio web.

Si aprovisiona licencias de aplicaciones Premium a los miembros de la organización, estas

aplicaciones también aparecen en el selector de aplicaciones para los usuarios que dispongan
de una licencia. Puede agregar aplicaciones web al selector de aplicaciones para que estén
disponibles para los miembros de la organización. En el caso de las aplicaciones web
agregadas al selector de aplicaciones, los miembros no verán el aviso Solicitar permiso al
acceder a la aplicación.

Agregar aplicaciones web

Para que las aplicaciones web estén fácilmente disponibles para los miembros de su
organización, agregue las aplicaciones web al selector de aplicaciones. Puede agregar hasta
50 aplicaciones web. En los siguientes pasos se describe cómo agregar una aplicación web
que ya está alojada en su organización. Para incluir una aplicación web que no está alojada en
su organización, debe agregarla como elemento a su organización para poder seguir los pasos
para agregarla al selector de aplicaciones.

1. Inicie sesión en el portal como miembro del rol de administrador predeterminado.

2. Abra Organización > Editar ajustes > General.
3. Desplácese hasta la sección Selector de aplicaciones de la página y haga clic en Agregar
aplicación.
4. Especifique una aplicación web con uno de los siguientes métodos y haga clic en
Siguiente.

Seleccione una aplicación en la lista desplegable Seleccionar aplicación de la pestaña

Seleccionar aplicación registrada. Esta lista solo muestra las aplicaciones registradas
actualmente en su portal. Haga clic en la pestaña URL de elemento de aplicación y escriba la
URL de la página de detalles del elemento de aplicación en la organización, en el cuadro
URL de elemento de aplicación.
 PROGRAMAR EVENTOS
Los eventos son una característica de los documentos HTML (también presentes en otros
lenguajes de programación) que permite a los autores de páginas web agregar interactividad
entre el sitio y el visitante, al ejecutar programas del lado cliente cuando el visitante (u otro
programa) realiza una acción. Por ejemplo, el autor puede hacer que un párrafo cambie el
color de su texto cuando el visitante pase el puntero del ratón sobre él. Así como los
atributos, los eventos pueden ser definidos fácilmente en el tag de apertura del elemento, con
el mismo formato
<nombretag evento="codigo">
El contenido del evento es el código que se ejecutará, y debe ser creado utilizando un
lenguaje del lado cliente (por ejemplo, JavaScript), que debe ser soportado por el navegador
para que funcione. En el ejemplo siguiente, definimos un párrafo que cambia el color de su
texto a rojo cuando el ratón pasa por encima, y lo devuelve a negro cuando se retira.

AGREGAR SECCIONES DE PÁGINAS

Como hemos visto, contra todo pronóstico, es más fácil de crear un sitio web de varias
páginas porque no es necesario sintetizar mucho. Repartir tu información por varias páginas
te permite ordenarla por categorías fácilmente y no romperte la cabeza para presentarla de
manera clara y organizar los datos en una única página.
Repartir la información por tus páginas en función de su naturaleza es algo fácil.
En función del volumen de datos que quieres mostrar, sabes cuántas páginas son necesarias.
Luego implementas una maqueta de sitio web para estructurar todo.
Hoy hay diferentes maneras de crear un sitio web de varias páginas:
Contratar a un proveedor externo (opción más costosa) si tienes un proyecto digital de gran
envergadura o muy específico y complejo.
Crear tú mismo tu sitio web (solución mucho más económica).
En este caso, si dominas la informática y el lenguaje de programación HTML, puedes
utilizar un sistema de gestión de contenidos (CMS en inglés), es decir un programa de
primera generación como WordPress o Drupal.
Si debutas en el diseño web o si buscas una solución lúdica e intuitiva, puedes registrarte en
un creador de sitios web (website builder en inglés) como nosotros. Son programas de
tecnología más recientes y, sobre todo, que son mucho más fáciles de acceder.
Un sistema de gestión de contenidos te abandona, al contrario de un creador de sitios web que
te acompaña: el servicio se encarga del mantenimiento de tu sitio web y si tienes alguna
duda o preguntas, puedes entrar rápidamente en contacto con el soporte técnico.

CONFIGURAR PANEL DE CONTROL

Para poder ingresar al Panel de Control del Hosting de tu Sitio Web, debes colocar en su
navegador la URL completa de tu sitio con el agregado /cpanel.
Ejemplo: http://www.misdemos.com/cpanel/
A continuación, el sistema te solicitará el Usuario y Contraseña correspondientes para
acceder al Panel de Control. Estos datos son proporcionados al cliente al momento de la
contratación del servicio.
Desde el Panel de Control del Hosting podrás entre otras cosas ver estadísticas detalladas del
tu Cuenta de Hosting.
Entre otras estadísticas podrás ver
Cantidad de Transferencia de Datos utilizada.
Uso del Espacio en Disco.
Cantidad de Cuentas de e-mail creadas y disponibles.
Cantidad de Cuentas de FTP creadas y disponibles.
Cantidad de dominios adicionales.
Podrás además crear Cuenta de e-mail con tu dominio, modificar las características generales
del Panel (contraseña, idioma, etc), cargar archivos, crear redireccionamientos de Cuentas de
e-mail, etc.
 RENOMBRAR SITIO
Al añadir un nuevo sitio o página web, iWeb le da un nombre por
omisión.
El nombre del sitio aparece en la dirección URL del sitio web:
http://web.me.com/SuNombreDeMiembro/NombreDelSitio
El nombre de la página aparece en la parte superior de la ventana
del navegador
del visitante:
Tal vez desee renombrar el sitio o cualquiera de sus páginas para
reflejar su contenido.

Importante:

Si publica un sitio y cambia su nombre posteriormente, los enlaces a su sitio creados con
anterioridad (como favoritos creados por sus visitantes) dejarán de
funcionar. No olvide avisar a los visitantes de su sitio web de que su nombre ha cambiado,
especialmente a los suscriptores de su blog o podcast.

INVITAR COLABORADOR
Wix Video te permite crear roles para otras personas y otorgarles ciertos permisos. Ésta es
una excelente manera de permitirles a algunos de tus visitantes de confianza ayudar con la
administración de tu contenido de video cuando tú no estás disponible.

Wix Video: agregar colaboradores y establecer permisos

1. Ve al panel de control de tu sitio.

2. Haz clic en la pestaña Opciones.
3. Haz clic en Roles & Permisos.
4. Haz clic en Invitar gente en la parte superior derecha.
5. Ingresa el email de la persona que estás estableciendo como colaborador.
6. Desplázate hacia abajo y haz clic en Crear nuevo rol.
7. Introduce título y descripción para este rol.
8. Desplázate hacia abajo y haz clic en Multimedia.
9. Haz clic en la casilla de verificación Editar la videoteca.
10. Haz clic en Guardar en la parte superior derecha.
 ELIMINAR SITIO
Puedes eliminar cualquier sitio de Google que sea de tu propiedad o restaurar uno que hayas
eliminado.
Nota: Esta sección corresponde a la nueva versión de Google Sites (en la parte inferior
derecha, se muestra la opción Crear un sitio web). Ayuda de la versión clásica de Google
Sites
Eliminar un sitio web
En un ordenador, abre la nueva versión de Google Sites.
En el sitio web que quieras eliminar, haz clic en Más .
Haz clic en Eliminar.
Para eliminar definitivamente tu sitio web, vacía la papelera de Google Drive.

GESTIÓN DE USUARIOS REGISTRADOS EN LA

PÁGINA
Como hemos podido ver en entradas anteriores de este blog, desde la administración de
WordPress podremos gestionar todo lo referente a nuestra web, desde su diseño hasta el
contenido a mostrar.
Una capacidad con la que cuenta WordPress es la de poder disponer de usuarios con distintos
roles o permisos, con los que podremos definir qué podrá hacer cada uno de ellos.
En este tutorial repasaremos todo lo referente a la gestión de usuarios de WordPress,
incluyendo un vídeo al final de la entrada donde podrás ver todo de forma más clara.
Al acceder a la administración de WordPress, con una dirección tipo
nombredetuweb.com/wp-admin, veremos que nos solicita un nombre de usuario y una
contraseña.
Una vez hayamos introducido los datos correctos ya veremos el panel de administración y
podremos aplicar cambios en el mismo.
Cuando creamos un usuario en WordPress, entre otros campos que luego repasaremos,
dispondremos de la opción de establecer el perfil del usuario. Dependiendo del perfil
asignado el usuario tendrá más o menos permisos para realizar cambios en la administración
de la web.
Esto supone una gran ventaja.
Te pongo un ejemplo para dejarlo más claro: supongamos que tienes una web de noticias,
donde ciertas personas se encargan de añadir nuevos artículos. En tal caso, dichos usuarios no
necesitarían permisos para modificar otros aspectos de la web, como cambiar la plantilla,
instalar un plugin, etc.
WordPress tiene en cuenta esto y permite que puedas asignar los permisos necesarios a cada
usuario, lo que supone una mejora en la seguridad de la web y un menor riesgo de estropear
algo por error.

ESTADÍSTICAS E INFORMES
La recolección con calidad de los datos y lo más completa posible, es
el primer aspecto básico para una información final correcta y útil.
El informe estadístico es un documento que presenta los resultados de los análisis estadísticos
realizados en un estudio. Para comprender lo que se debe esperar de un informe estadístico es
necesario que el lector tenga previos conocimientos para la realización del mismo. Para ello
la estadística se basa en fórmulas, algoritmos y otros procesos de datos que se realizan sobre
variables y dan lugar a informaciones, que presentadas con cierto orden y reglas, constituyen
el informe estadístico del estudio. Por lo antes expuesto se hará una síntesis del vocabulario
mínimo esencial que permita compartir una comprensión común de las
ideas objeto de este boletín

AGREGAR MÉTODOS DE PAGO A LA PÁGINA.

Esto demuestra que hay muchas personas que aunque están aprendiendo a crear un sitio web
no tienen una idea general de las inversiones que deben hacer.
Este artículo te ayudará a comprender los costos relacionados con tener tu propio sitio web,
también puedes ver el siguiente video tutorial, en el que te mostramos la forma más barata,
rápida y fácil en la que puedes tener el sitio web de tu empresa.
Los costos de una página web, cuando la estás haciendo tu mismo son en realidad muy pocos
y es muy económico. Los tres costos básicos de un sitio web son: primero el dominio,
segundo el alojamiento o hosting, tercero el software con el que harás tu página web y cuarto
la publicidad para atraer visitantes a su sitio web, este último es un costo opcional.
Bibliografía

https://www.uv.es › fragar › html › html080

https://artyco.com › como-personalizar-pagina-web-auto..

https://www.iempresa.net › Creatividad

https://norfipc.com › web › como-usar-fuentes-estilo-di...

https://www.crehana.com ›

https://www.hostingplus.pe › blog › como-crear-un-for.

https://support.wix.com › article › wix-chat-descripción-g.

https://enterprise.arcgis.com › manage-app-launche

https://es.wikipedia.org › wiki › Programación_dirigida..

https://mailchimp.com › help › section-design-websit

https://www.grupoinfocomercial.com › clientes › iCom...

https://iweb.helpnox.com › ... › Paso 2: Cree su sitio web