¿Cómo se hace el mantenimiento de una página web?

En esta unidad

APRENDERÁS A

· Utilizar programas específicos de inclusión de textos, imágenes y sonido

· Construir una página web eficiente para el comercio electrónico.

ESTUDIARÁS

· Programas de diseño gráfico y otras utilidades en web.

· Catálogo on-line.

· Flujos de caja y financiación de la tienda on-line.

· Zonas calientes y zonas de usuario.

· El carrito de la compra on-line.

· Gestores de contenido.

· Posicionamiento en redes sociales.

· Actualización de ofertas y promociones.

· Publicación de noticias.

· Modificación de contenidos.

· Dinamización de presencia de redes sociales.

· Gestión de banners y publicidad.

· Seguridad en Internet: spam, virus informáticos, spyware, malware y phishing.

Y SERÁS CAPAZ DE

· Realizar el mantenimiento de una página web corporativa, la tienda electrónica y el catálogo on-line, utilizando aplicaciones informáticas y lenguajes específicos.

1. (5 HaUNIDAD)Catálogo on-line

En esta unidad veremos cómo se elabora un catálogo on-line, el funcionamiento del carrito de la compra, la descripción de las zonas calientes y de usuario de la página web, el lanzamiento de ofertas y promociones a los clientes, los flujos de caja y también la importancia del posi- cionamiento en las redes sociales, la gestión de banners o espacios publicitarios en Internet y publicidad en la página web, el envío de newsletters (o novedades por e-mail) y la seguridad en Internet.

El catálogo de productos y servicios (Fig. 5.1) es una muestra de los productos o servicios que proporciona al cliente una descripción completa de cada uno de ellos.

Es la carta de presentación de un comercio on-line a sus clientes y, por tanto, se debe cuidar especialmente su apariencia, es decir, cómo se van a mostrar y destacar esos productos o servicios, ya que debe transmitir confianza y seriedad a los clientes. El uso de fotografías reales acompañadas de una buena descripción de los productos contribuye a incrementar estos aspectos (Fig. 5.2).

(109)

(Fluchos) (*?L.)

C ií ü www.b¿ep,éáQ,'tiQ)0[footnoteRef:1]~ [1: Yf «wrurróxuíuA* (umm mú canta u co»fj«£nj]

drtüdwoKTifUEttts O SáxaentimM _ Intxi-. &*ó&áe «t. 0 tuda satán ande. Q*&*xaci

i Onkna ±

mmu™

mr*% *»■?« |I|||ienaté]Ri

(\) (ADUNA - COCO CAFH) (C. A Catiloflo) (0 1^.) (INCE33 _JP" 1n,K 1230) (Lo más destacado en RFF.P)

lio*

(Fig. 5.2. Descripción de producto www.fluchos.com)gQQQgll f D F CJ (3'yw.»If'«wmt'ViM’

Fig. 5.1. Catálogo on-line www.beep.es

([ S# Seguirá QfQp^ovMioni.n) (Popa onir*>) (Vestido?) (Troba’n»a Facebook) (Ropa Online) (RopaJovenO) (Ropa fcr*¡n onirv» la i ¿onda podrá comprar ropa atracíta uní áíoront* i /«ttfldos ^ f«wla rwjjor rafead dd mercado) (Pantalones) (Popa jowi oofcf*» los ofroo» ;jn wrrütenta v-c.-oo Sotorxioo*rnos ¡a u«dad

Para facilitar la navegación a los usuarios, los productos de la tienda se deben organizar de forma estructurada (Fig. 5.3), para ello el menú debe estar dividido en categorías principales que contengan, a su vez, subeategorías.

Hay que cuidar el catálogo al máximo, no se trata solo de mantenerlo al día con las últimas novedades y tener suficiente stock, sino de intentar que los clientes encuentren su producto fácilmente. Es importante que el usuario se sienta cómodo y pueda navegar con facilidad, independientemente de que compre o no. Si el cliente está satisfecho con la estructura y la usabilidad del comercio on- line, con toda probabilidad volverá a la web y aumentarán las posibilidades de que efectúe alguna compra.FiS-s-3-pá9imwebestructuradawww.ropajovenonline.com

También los catálogos deber estar optimizados para buscadores de tal forma que los productos o servicios sean fácilmente localizados en la web.

1.1. Ficha del producto

La ficha del producto detalla todas sus características y ofrece al cliente un conocimiento preciso sobre aquello que piensa adquirir: especificaciones técnicas, peso, medidas, materiales o componentes.

Para la organización de la página se debe disponer de fotografías de buena calidad, evitando aquellas que no permitan ver bien el producto.

1.2. Estructuración

Es una parte fundamental de la estrategia del catálogo que tiene que ver no solo con la necesidad de los clientes sobre ciertos productos, sino también con la manera en que esperan encontrarlos.

La técnica de estructuración de contenidos llamada cardsorting se basa en la observación de cómo los usuarios agrupan y asocian entre sí un número predeterminado de tarjetas etiquetadas con las diferentes categorías temáticas del sitio web. Así, partiendo del comportamiento de los propios usuarios, se puede organizar y clasificar la información de un sitio web.

Puede ser de dos tipos:

· Abierto: cuando el usuario agrupa las categorías libremente en el número de conjuntos que crea necesario, poniendo nombre a cada conjunto creado.

· Cerrado: cuando los conjuntos están predefinidos y etiquetados y el usuario solo debe colocar cada categoría en el grupo que crea que le corresponde.

Para hacer la prueba primeramente se selecciona a los participantes. A la hora de elegirlos hay que tener en cuenta que sus características y perfiles sean acordes con el público objetivo del sitio web, para posteriormente entregarles las tarjetas con las diferentes categorías.

Para estructurar un catálogo on-line es aconsejable:

· Obtener un punto de partida. Se puede conseguir a través de cardsorting.

· Dividir los productos por categorías. Cuando un cliente visita una web lo primero que se encuentra es la página principal, en esta página deben aparecer los productos nuevos o aquellos que están en oferta o que tienen algún reclamo.

· Lista de productos o accesorios relacionados. Son productos que complementan al producto que se está visualizando. También pueden aparecer los productos que compraron otros clientes cuando adquirieron ese mismo producto.

1.3. Características de un catálogo on-line

Las características de un catálogo on-line son:

· Posibilidad de disponer los artículos en categorías y subcategorías.

· Posibilidad de incluir un ranking de los productos más visitados, más vendidos, etc.

· Posibilidad de filtrar los resultados medíante determinados criterios (precios, categorías, colores, etc.].

· Posibilidad de asignar diversas reglas de precios por producto y/o cliente, descuentos por volumen, rappels de compra y promociones.

· Permitir aplicar a cada artículo diferentes precios en función del número de unidades y lotes de productos.

· Posibilidad de crear y gestionar lotes de artículos en función del número de unidades, aplicando reglas de precios específicos por cada lote.

· Atributos de producto personalízables por categoría (materiales, colores, tallas, etc.).

· Opción de mostrar productos relacionados, complementarios y recomendados en la página de detalles del producto.

5 ilk

(UNIDAD) (CASO PRÁCTICO 1)

—0^0[footnoteRef:2] [2: Ordenación de las listas por criterios definidos por el cliente. El clientepuede preferir ver losproductos en un determinado orden: los más caros, los más novedosos,losmás comprados.Inclusión en la ficha del producto de imágenes ampliadas y vídeos.Sección de promociones: novedades, artículos destacados y ofertas.]

(Fig. 5.5.Fig. 5.8.)

(Fig. 5.9. Mapa de calor de Google.)

(Fig. 5.9. Mapa de calor de Google.)

Seleccione los métodos de envío de tu uenda. AJfiurv&s métodos requeren configuración actoonal tueco de lafinafcacíón del asistente

Tipo de envío*

•í® Envío gratuito

M¡smo preoo pin todo*t&OO

Introducir mi» propios patíos de envío {t¿tu*efe corfiguratión adicional)

Uiiar proveedor freíMere corfiguración adicional)

Austrafca Potí . UKPost C USPS UPS DHL

(8. Los gastos de envío son gratuitos.) (l—s—l) (a) (Vas a crear, mediante la aplicación ShopFactory, la tienda on-line de Electrónica Coral (calle Zurbarán 154, 32002 Orense).Para ello elegirás el tema 8-BASE-BB, y para gestionar los pedidos emplearás el e-mail coralele@email.com, la divisa será el euro y el IVA, el 16 %. El envío será gratuito.En la página 1 se mostrarán los monitores de 24 pulgadas a 150 euros la unidad y de 34 pulgadas a 275 euros.La página 2 contendrá los teclados MK270 a 125 euros la unidad y los K120 a 90 euros la unidad.) (Configurar tí ptótodo de envío de su tienda) (Asistente de proyecto)

< *rós 1| Rn>faar ] [ Cancelar | 1 Vida

(Fig: 5.7.)

Solución:

1. Para crear la tienda accede a la aplicación ShopFactory.

2. Aparecerá el Asistente.

3. Escribe el nombre del proyecto.

Asistente de proyecto

|

Configurar el nombre y la ubicación dd proyecto

m

Acontnuadón. escrbadnorrbredeíuproyecto. luego haga tíc cort^uor.

d botón corresponderse para

Norrbre dd proyecto

ELECTRONICA CORAtl

Ubicación del proyecto en el dsco

CAUsereXAdmmtradorXDoajrnertsVShcpFsdory VIO Wd»í«\ELECTRONlCA C i Exwnhar

Fig. 5.6.

9. En la página 1, agrega los productos. Resultado final:

£! WW

imcio | Atente* ¡ Priv*ja« ¡ Terruño* ' Vi cifro | Cometo | FiyoMC»

(Añade también los productos en la página 2, cuyo resultado será:) (TecladosHaga euc aquí para KJítar introducciónCl-C acultCCV OtKr^Citm) (9M) (125,00 €Qntr *)) (Asistente de proyectoConfigurar loadlos de la empresaAsistente de proyecto I—jIntroduzca algunos datos de contacto \ asterisco f) ion obtgatocios.Configurar la información de contacto para las órdenesPas 0 ^EspartaIntroducá algunos datos de coríacto para procesarlas órdenes Sólo jos campos marcados con asterisco 0 son obsesionesPerfl de usuano | SdecaonarE-fnal Jpara pcddos) 0 ccralele®tn»JwHNorrtre ELECTRONTddono {para pedidos) Fax fcara peddbs)Nombre de la empresa ELECTRONTeléfonoDrecoón crfeZurt** BarrioCFaxCorreo dectróneco Página de Wcto| <Hria ![ Siguiente > ] [ Cancelar ¡ [ Ayuda ]) (ELECTRONICA CORAL)

2. Zona caliente

(ABC) (VOCABULARIO) (Termografía. Técnica que permite medir temperaturas a distancia con exactitud y sin necesidad de contacto físico con el objeto.Eye-tracking. Desplazamiento de los ojos. Proceso de evaluar el punto donde se fija la mirada.)El reto para cualquier comercio web es saber qué quieren o buscan los usuarios en las páginas. Para ello es necesario conocer cada perfil al detalle, sabiendo cómo interactúan los usuarios en la web: qué ven, qué llama su atención, qué elementos de la página les resultan más atractivos, etc.

Una herramienta utilizada para conocer cómo interactúan los usuarios es el mapa de calor (heatmaps, Fig. 5.9). Esta herramienta permite identificar los puntos calientes de la web, es decir, las zonas que atraen la atención de los visitantes. Hay que tener en cuenta que la vista de un usuario no se dirige con la misma frecuencia a un área de la página que a otra.

En los mapas de calor web se muestran esos focos de atención que consiguen atrapar la mirada y, por eso, los elementos más relevantes.

Estos mapas utilizan la tecnología de rastreo empleada en los estudios de «eye-tracking». En este tipo de análisis los investigadores llevan a cabo un seguimiento del desplazamiento que realizan los ojos de una persona cuando navega por una página web e identifican como puntos calientes las zonas en las que el usuario deja el ratón quieto aproximadamente durante más de un segundo y medio.

La forma de presentación de una página web se basa en la termografía, que utiliza una jerarquía de colores en la que los puntos de mayor interés se identifican con las gamas de colores cálidos (rojo, naranja, amarillo...) mientras que las zonas de menor interés se representan con las gamas de colores fríos (verde, azul, turquesa...).

no

(Mapa de movimiento del ratón)Registran el movimiento del ratón. Sus resultados no son cien por cien efectivos, ya que reflejan las trayectorias del ratón y no las interacciones entre el usuario y la página.

Estos mapas ofrecen información no solo de los puntos de Interés de la página, sino de los puntos fríos. Esta modalidad ayuda a determinar las zonas con más actividad y en las que se concentra la navegación del usuario.

(Mapa de clics)Indican las zonas sobre las que pinchan los usuarios. Estos mapas son los que ofrecen más fiabilidad en los resultados, ya que no miden el paso del ratón, sino una acción concreta como es el clic. Incluyen datos referenclales como el número de clics, el número de visitantes, etc. La información ofrecida está basada en comportamientos, como pinchar sobre un botón o visionar un vídeo.

(Mapas de scroll)Si se tiene una tienda on-line con un catálogo de productos, gracias a este mapa se puede saber qué producto es el más atractivo para los visitantes. Los mapas de calor web basados en clics permiten ver qué elementos entienden los usuarios como clicables y si efectivamente lo son o no, y, por ejemplo, qué zona de la página es la ideal para Introducir enlaces patrocinados.

Se utilizan en páginas únicas con mucho scroll y sirven para detectar hasta qué punto de la página llegan los usuarios, en qué nivel dejan de hacerlo y qué zonas son las que reciben más atención (no se hace scroll o se está sin hacerlo un determinado tiempo).

Las conclusiones de este mapa son colocar los elementos principales sobre la línea de scroll y a partir de esa línea hacia abajo, situar los demás elementos, por orden de importancia.

Tabla 5.1. Tipos de mapas de calor.

(ABC) (VOCABULARIO) (Scroll. Desplazamiento de los contenidos que conforman la página en una aplicación informática.)Es importante ponerse en el lugar del visitante para desarrollar la composición de la página, teniendo en cuenta también el tipo de producto o anuncio que se ofrece, así conviene valorar si se trabaja más el diseño con imágenes o hay que incidir en el desarrollo de textos y sobre todo no olvidar que hay que diseñar un lugar web claro y bien estructurado donde no se pierda el visitante.

No es adecuado cambiar los menús de lugar, modificar el nombre de los botones según se navega o cambiar el diseño dentro de un sitio, ya que el resultado puede ser perder al cliente.

ACTIVIDADES

1. Tienes que diseñar una página web de un comercio on-line, ¿Dónde colocarías estos apartados?

a) Datos de contacto.

b) Enlaces de navegación.

c) Imágenes de los productos.

3. Zona de usuario

La zona de usuario es un espacio privado y unipersonal al que tienen acceso los clientes para gestionar sus productos y servicios; estará compuesta de los siguientes elementos:

· Datos personales y posibilidad de modificarlos.

· Datos de envío y facturación.

· Registro de transacciones, histórico y situación de cada pedido.

· Posibilidad de imprimir pedidos, facturas y albaranes.

· Opción de cumplimiento de normativas legales, por ejemplo, la posibilidad de ejercer el derecho de oposición a la recepción de comunicaciones publicitarias o la posibilidad de cursar la devolución de productos.

Para poder entrar a su zona de usuario, el cliente debe inscribirse previamente en la página.

(Tipos de mapas de calor (Tabla 5.1):)

(f== CASO PRÁCTICO 3) (UNIDAD)

CASO PRÁCTICO 2

Abre una cuenta en la tienda on-line de Red de perfumes

1. Primero accede a la tienda.

(www.redperfumes.com).

2. Entra en la sección Mi cuenta.

sm oe

C0Í**TCC5 COSvfTiCCS HOKME scrspecow-cricA

A5T0rn*A0

CVtOADOt>aCAM¿*¿>

MCttCEADOftti

Fig. 5.10.

3. Rellena el Formulario de inscripción.

jt

0*tOí d< Mi Cuenta

r[footnoteRef:3] [3: Accede a la página web de Beep (www.beep.es).Analiza cómo están distribuidos sus productos en la web.Identifica los siguientes componentes de la página web:Zona caliente.Menú de enlaces.Ofertas.Datos de la empresa.Artículos/Productos.Datos sin importancia.Publicidad.Noticias importantes de la empresa.Artículos en promoción.v>]

(902 889902xcnoonal dwntc) (2 A horas) (COSMETICOS KKft COSMÍTKOS NCHMÍ SETS K COSMETICA AStOYeAto CUOWOML CAMILO WCNOAOOtTS KKKHiAJESkuosmi: *) (Fig. 5.11.) (4. Una vez inscrito, podrás ver tu Zona de usuario. * *, ** *!*.) (Co'np'a antes do 3 hy 17mínu1ai y roc.&« tu p

ACTIVIDADES

5 ia

Quieres realizar el registro para poder comprar on-line en la página www.tassimo.es. Para ello tienes que comprobar el funcionamiento de su zona de usuario en la tienda on-line de cápsulas de café, té y chocolate para cafeteras monodosis.

Solución:

1. En la Página inicial, haz clic en Log-in, donde podrás registrarte o, si ya lo estás, acceder con tu cuenta de correo electrónico y tu contraseña.

w

(YATE HAS REGISTRADO?)REGÍSTRATE PARA ABRIR UNA CUENTA

Nombre de usario* Contraseña*

Confirmar contraseña*

He leído y acepto la Política de Privacidad adunca a» p:ede esta página *

Los datos personales que voluntariamente nos facüce serán tratados por los seguientes responsaD'es Mondeiez España Commeraal S t Mondelez fcspaha Services, S l U (ambas ubicadas en Eucalipto, 25, 2S016 Madrid) y Monden» Eurcpe Service*, GmbH. (UndDergn-Allee. \. 6152 Giattpark. Suiza) para ta gesPOn de promociones, atención de sugerencias, consumías o reclamaciones, para Ja compra on’ ne a través deMyTASSiMO y para med;r su grado de satisfacción con nuestro serv cío Puede ejercitar sus derechos de acceso rectificación, can^eiación y oposioon. acred-íando su identidad, b¡en por carta dirigida a Mondelez España Services. S L u At Protección de Datos- Eucalipto. 25,28016 Madrrd o. a través de la opeen "Contactanos" de esta pagina, o vía correo electrónico a la dirección

Cr«*r ®

C¿

1 cocooo#

tVtfflluty Of**Uk

Fig. 5.14. a

fjÉTQSSIMOSHOP

^^sCDJKtamüecii

Maneja tus pedidos

»*«o¿*ÍAW20'2 MOlum

¿Necesitas ayuda?

Campar de región ■£-,

KJu..tL.:A

' O producto] C 0.001

áÉTOSSIMOSHOP

DESCUBRE UN MUNDO DE VARIEDAD

Maquinas Bebidas ' Accesorios Noticias

DIRECCION

nos ha proporcionado las direcciones siguientes Los campos con asterisco (*)son obligatorios

(•-¿ftTOSSIMOSHOPw JlSQW 'Jy KKO X) (■) (Unete a nosotros para recibir fantásticas ofertasy premios) (Si ya tienes una cuenta, accede aquí) (KVíqurru-» .,fbXv») (Nombre tff* usuario o dirección de correo e!e«rc)n.#TaSSIMOSHOP) (Fig. 5.15 b)

Nombre de dirección Tratamiento* Empresa Nombre*

Apellidos*

Numero

Caüe*

COdigo postal* Ciudad*

Número de teléfono

lq.TCtJgOycr.< PdSCVg

t¡ J*

^Ue Karmen

[2oeoo

(Fig. 5. 76 b)Fig. 5.16. o

V

(ToysfjvsSi) (fb“^& n™n< ^ K=rae=m□Tarrfaéo te pueda interesar) (ífis) (Los rrás vencidos) (4. Ofertas y promocionesEl objetivo de una tienda on-line es vender y para lograrlo las ofertas y las promociones son herramientas muy útiles. Prácticamente todos los comercios on-line desarrollan acciones de promoción ofertando algunos productos y aplicando descuentos especiales.La información acerca de estas promociones y ofertas debe ser clara, de forma que incluya el precio de la oferta y el precio no rebajado; además los precios en la web deben ser finales, es decir, incluir todos los impuestos, tasas y gravámenes.)

(Fig. 5.20. Lote www.carniceriajuanma.comTabla 5.2. Tipos de ofertas on-line ¡continúa).) (114)

(115)

Fig. 5.17. Ventas especiales, www.toysrus.es

4" O ti tdloprofessJonalxorn/fitítiriiis/ajportes vipQú O 0 #

Catrt«Mcan»tt*«* ' UnmméaMQ frv» .C6rt | ua

Hay muchas maneras de hacer ofertas y promociones especiales en la tienda.

(Ventas especiales (fig. 5.17)) (Vn* Tri) (Fig. 5.18. Clientes VIP, www.telloprofesional.com)La forma más sencilla es utilizar el precio actual de un producto para que el cliente vea cuánto ahorra si lo compra a través de la web. Estas ofertas se pueden agrupar creando la categoría «Ofertas especiales».

(y’»»»-»)Se puede constituir un grupo con los clientes más habituales bajo el nombre «Clientes especiales» al que se ofrezcan determinados productos.

(m) (- Q&B>rSGAt*tA\JHVlAZ. x) (4- Q tí lü vvvmioraa>rdaxc>m/b(;tii/(ontcnt/qtíi€ifS <poar un vtaje fin d? semana en-mallorca y un boro Q O © *CarajehaKaffUflttéíZfítxr.torHepdtmQlrtoatot&toméc0rtdJtoírtzi-fcjüoctfn Q Mfltfirtaun Aürv» □ durvsvWOT.a» |U3IV. 'Ofl) (t*r»ip*rrx.>*f ».Ki4ttX41>» >:) (Fí^t. 5.79. Bono regalo www.foracorda.com) (n4<a»v- s ei* 30)Así estos clientes pueden comprar más. Los precios les aparecerán en su propia cuenta web.

(Clientes VIP (fig. 5.18))La fidelización se entiende como una estrategia que busca mantener a los clientes más rentables sin preocuparse de perder a los que proporcionan menos beneficios.

(ro) (" C tí J camloerlajuanmdXDm/iwtrs Iberiios baíafos huelva jabuqo Jamón quesa Juanma/ CMtxjmaripxtk* 3attatt&rtexaewQCrwj<í«wiriínrfcQ rteAnta-djcaobn Q m)No solo son rentables los clientes que más dinero gastan, sino los que nos recomiendan a más amigos o los que tienen vínculos con otros clientes que no nos interesa perder o que queremos ganar.

(Regalar bonos (fig. 5.19)Agrupar productos en lotes (fig. 20))Se pueden regalar bonos gratis en forma de productos o servicios comple- i mentarios.

Una forma de vender es agrupar varios ¡ productos en un solo paquete para que los clientes tengan la sensación de ahorrar dinero y obtener más valor.

Al mismo tiempo se venden más productos a la vez y aumenta el número de ventas.

5 íiTik

- C tí _1 vwm^phon^hoQHr^/movil/samsun^fjdlaxY note-4,htmltfm(xjdlii1ad-librp&{í>ioí-neíjro Q q,© * al

Car****a»*****- 3.ZN**0v*94rm*ipttfcE3>*rhr«r0'tte*&y□

1*00

(UNIDAD) (LtbfB ^749*) (¥^<<<¡0i*«7*) (• * ^) (^ T ¡2 COCA-COA* I KOpr*^) (<“ C rt wvyyv.mcdooald«r«/prodiifto<:/b<'b.dd< fan/coca-cola ?V)mlQ■’> q,© * =C5jfcpi-0 tnp»dcK3^tnd{ - QfAic*CpnQHtJb*Wtr\Alan# Q ómty&un | U«l ») (¿¿¿¡¡¡¡¡¡5 -> é ÜJ'& í> 'F/g. 5.21. Alternativas www.phonehouse.es) (rpopoax» tNXAMruA BrsTAtntAirm. caumd dctvsa imtuo) (BEBIDAS FRIAS COCA-COLA®) (¡nformactfn Nunrcipnat) (■■¡¡UcOor^f.tMuA.Ojyjpm1*3»1T) (Fig. 5.23. JointVentures: Mcdonaldsy Coca Cola www.mcdonalds.com) (/0*Ww* '] ► v*t>R8>*oec«»«í"Q ’Ci O O * =0)M<**K9*«*i|4f□ tíU**" O Alan# Q IV*-—Tarjeta Regalo.VI rvmi/o in tui to1 ¿rjrtA llffal» mfnNH' rBL*d>-1| ICo***** jWwrtl »X)«KKw -i§i¡:i¡*13s7cséítomfSSBSriiüBÜIniT"‘J■mü Lf<r~ü <3 ¿ 1 t<í<* *t5 m»—iiitesgürsi-»er<ri* ■>« J) (Fig. 5.22. Tarjeta regalo www.elcortetingles.es) (ys - —) (Alternativas |fig. 5.21)Otra opción es mostrar ventas cruzadas y ventas mejoradas mediante la recomendación de productos similares a los que el cliente desea adquirir.Certificados, tarjetas, cupones (fig. 5.22)Un certificado de regalo es básicamente una tarjeta con una cantidad de dinero concreta que compra un cliente para regalar a un amigo que más tarde la usará en la tienda. Se pueden ofrecer tarjetas de diferentes importes.Joint Ventures (fig. 5.23)Es posible unirse a otras empresas con el fin de ampliar la oferta. Por ejemplo, ofrecer productos del otro negocio a los clientes y dividir las ganancias o viceversa.Tabla 5.2. Tipos de ofertas on-line (continuación).)

También se aplican ofertas y promociones según la cantidad comprada o el importe:

· Rebaja de un porcentaje sobre el pedido.

· Venta flash: descuento para los primeros cien pedidos.

· Rebaja de una cantidad fija sobre sobre el pedido.

· Vales descuentos personalizados por entregas tardías o envíos defectuosos.

· Gastos de envío gratuitos para campañas puntuales.

· Descuentos a partir de una determinada cantidad de productos.

· Gastos de envío gratuitos para pedidos superiores a un importe determinado.

Descuentos por volumen: compre X y consiga Y gratis, opciones 2 x 1 o descuentos para periodos limitados de tiempo o para compras de productos complementarios.

ACTIVIDADES

d) Recomendación de productos.

e) Joint Ventures.

5. Accede a la web de Amazon (www.amazon.es):

a) ¿Qué ofertas hay?

b) ¿Cómo están divididas las ofertas?

L

5. El carrito de la compra on-line

La cesta o carrito de la compra es un elemento indispensable en la tienda on-line. Este elemento debe ofrecer la posibilidad de añadir, eliminar o modificar los productos que durante la navegación el cliente ha ido seleccionando e incorporando.

Es aconsejable que permanezca casi siempre visible en todas las páginas de la tienda on-line, así el cliente no pierde de vista en ningún momento el contenido de su compra y puede seguir añadiendo productos.

De igual forma, el cliente debe poder acceder mediante un único clic a la siguiente información, expuesta de la manera más clara posible:

· Las referencias compradas (especificando la cantidad).

· Los gastos de envío.

· Impuestos aplicables de forma directa.

· Importe total del pedido.

Una aplicación de carrito de compra debe tener las siguientes características:

· Diseño de calidad. Debe ser atractivo, sencillo y fácil de usar.

· Estar colocado en un lugar visible. Normalmente en la parte superior derecha de la página para aumentar al máximo su visibilidad.

· El proceso de compra no debe ser demasiado largo. Ya que a los compradores no les gusta perder el tiempo y además un proceso largo genera desconfianza.

· El cliente debe tener la posibilidad de valorar una compra sin necesidad de registrarse previamente. Solamente se registrará en el momento del pago, aunque existe la posibilidad de ofrecer el registro opcional, siendo el propio cliente quien se registra voluntariamente.

· No se debe esconder el precio real del producto. La información debe ser lo más transparente y clara posible.

· El registro no debe ser lento. Ya que a los consumidores on-line no les gusta esperar.

· El carrito debe ir acompañado de un botón de Ayuda. Ya que algunos usuarios pueden tener problemas a la hora de realizar una compra on-line.

CASO PRÁCTICO 4

— -

Realiza la simulación de una compra en la tienda on-llne de Educandoo (www.educandoo.com).

Solución:

1. .

(CASO PRÁCTICO 5) (UNIDAD)

5 ufe

(Fig. 5.29.Fig. 5.30. aFig. 5.30 b)

(Fig. 5.31. Pantalla Gimp.)

(Fig. 5.31. Pantalla Gimp.)

(la si-)

Diseña la página web del comercio Ultramarinos Cruz (calle Manuela Malasaña 340, 28004 Madrid) con la aplicación ShopFactory. Elige el tema 8-BASE-KK, añade el e-mail para pedidos: ulcruz@email.com, el IVA será del 16 % y el envío, gratuito.

En la página de inicio añade los siguientes productos:

· Arroz, 3 euros/kg.

· Alubias, 2,50 euros/kg.

· Lentejas, 2,70 euros/kg.

· Harina, 1,00 euros/kg.

· Sal, 0,6 euros, paquete de 0,50 kg.

· Garbanzos, 2,00 euros/kg.

· Pan rallado, 0,50 euros, paquete de 0,5 kg.

Tras colocar los artículos, calcula el carrito de compra de guíente venta:

· 50 kg de arroz.

· 10 kg de alubias.

· 15 kg de lentejas.

· 25 kg de harina.

· 30 paquetes de sal.

· 12 kg de garbanzos.

· 20 paquetes de pan rallado.

Solución:

l. Abre la aplicación y a continuación, tal como ya vimos en el Caso Práctico 1, pon nombre al proyecto, elige el tema, escribe los datos de la empresa, añade el e-mail de pedidos, el nombre de la tienda, su logo y la divisa.

De acuerdo con su wbcoón hemos deteclado gue en «u región m apfccan los sájente* impuestos. Tenga en cuenta que ustaddebe. ademís.corw^asuorganisnwknposírYolocaípwccrAmar qué impuestos específicos « «pican.

(3. Los gastos de envío.) (4. En la pantalla de inicio, agrega los productos.) (2. Selecciona el IVA.) (te) (Asistente de proyecto) (Asistente Ntsmo prado para lodosC0.00introducir mis propios gastos de envío frequera corítyjacán adoonaO lUíar proveedor freqi>are configuración adcional)-VjsSraSa Post UKPost USPS UPS ©DHL) (| IVA (16.000)) (Impuesto F IVA (16,000) r IVA (7.000) F IVA (4.000)) (<kTii '[ftiakaf | 1 Cancelar | | Ayuda) (<Mrt» 'fagjert.j | | (encalar 1 [ Vx)« |)

(Fig. 5.26.) (5. Añade los productos al carrito.) (Fig. 5.27.) (6. El carrito final quedará así:)

6. Programas de diseño gráfico y otras utilidades

El diseño gráfico es el proceso de programar, proyectar, seleccionar y organizar una serie de elementos para crear objetos visuales destinados a comunicar mensajes específicos.

Su función es transmitir información al público objetivo a través de composiciones gráficas en diferentes soportes: folletos, carteles, etc.

Existen dos categorías de programas de diseño gráfico:

· Vectoriales. Trabajan con expresiones matemáticas que definen figuras geométricas, colores, tamaños, lumlnación, etc. Ejemplos son: lllustrator de Adobe, Inkscape, Adobe Fireworks, Xara X, Skencii...

· Mapa de bits. Utiliza píxeles para el diseño de cualquier elemento, dando color, luminosidad y una saturación a cada uno de ellos. Ejemplos son: Adobe Photoshop, CorelDraw, Gimp.

Los elementos gráficos, ya tengan formato de mapa de bits o vectorial, suelen ser ficheros de bastante peso, dependiendo de la imagen y del formato en el que estén guardados.

Como consecuencia, al abrir páginas con imágenes de gran tamaño estas tardan mucho tiempo en descargarse desde el servidor web.

(E)6.1. Gimp

(IMPORTANTE)Se distribuye como software libre desde la página web de http://www.gimp.org, y se puede descargar tanto con entorno operativo Linux como Windows.

(Photoshop y Corel Draw son los programas más conocidos de diseño gráfico y tratamiento de imágenes. Pero hay otros programas que resultan muy interesantes y potentes, como GIMP.)Características

· Abrir y guardar imágenes en prácticamente todos los formatos posibles (jpg, png, bmp, ¡co, gif, psd, tif, etc. etc.).

· Funcionalidades habituales en Windows: copiar y pegar, zoom, deshacer, etc.

· Manejo de transparencias.

· Manejo básico sencillo y al alcance de cualquier usuario.

· Herramientas de alta funcionalidad para el diseño gráfico profesional.

¿rchivo Edifr jfifxóonv '¿isU jmjjcn £«pi £c!ores jftmmHT*K filtros Ve»»Un« Ayydi Caja d< herr«núent«s - O- fo"¡i..iMt .t. i ,1 + .1.* Ifflt < I i I i t i

Ul,

A[ itf^

A❖v¿*<£”

Af?'E//

& m &óa*

[S.n r.crri:*] JO ,Je' * f ' M (*.'--

R|- iirfTiil

]■ Capaj - Pinceles

&m\¡m

0

MotíO- Nonnal

0

jpíav e*í

H-l

P*OCut*r £ j

tofóyrtio

Modo; Hotmfl

EE

i»-.

*. *. *, * # itift

m

£l OpC¡0W tí#

[J Aptcv ./a*.

[J T'»»tío »v*v*

{ )m¡ér

£ Pulse para pintar (Ctrl par* recoger un color)

5 nnijlA

(CASO PRÁCTICO 6)

(CASO PRÁCTICO 6)

UNIDAD

(120)

(#)

(Caja de herramientas 8) (□&r.?|&n/O,Á*t.*>. ¡j*T&#%m©O o¡hE✓/aa*&ü£ó&) (%) (■j) (Herramientas básicasGIMP trabaja con capas, superponiendo distintos trazos o elementos uno sobre otro para darlugar al dibujo. Las capas existentes se muestran en el cuadro de diálogo Capas y puedenactivarse o desactivarse.La caja de herramientas (Fig. 5.32) muestra múltiples iconos y, a medida que se pasa el ratónsobre ellos,se indica el nombre y la característica principal. Entre ellas:Selección rectangular: permite seleccionar un área rectangular del dibujo para copiarla al portapapeles, colorearla, moverla, etc.Selección libre: permite seleccionar un área de forma libre que también se puede copiar al portapapeles, colorear, mover, etc.Selección difusa: permite elegir una zona del dibujo en función de su color.Seleccionar por color: puede que no se quiera solo seleccionar una zona de color sino todas las zonas del mismo color que existan en la capa.Recoge color: permite capturar un color en una parte de un dibujo o en otro dibujo para luego aplicarlo donde convenga.Mover: permite mover capas, selecciones, texto u objetos.Texto: permite insertar texto en el dibujo. La inserción se hará en una capa nueva.Relleno: permite rellenar un área seleccionada con el color de relleno elegido.Borrado: borra partes de la imagen.)

(Fig. 5.32. Herramientas.Fig. 5.33. Capas.) (Cottre ycrramcrs»p. *mv.,., ■,. KB,... i.. .... K?. .... ... ..Efl,.)CASO PRÁCTICO 6

I» +

?v 2[;:<(ECAjar»

Zjí'líüd f.-[footnoteRef:4] [wj J Wrí - ti ¡ %

(L)Fig. 5.34.(Continúa)

(Continuación]

2. En el programa Gimp abre las dos imágenes.

Fig. 5.35.

3. Desde el archivo que contiene la imagen de la casa crea un nuevo archivo, copiando la imagen (Editar > Pegar > Como imagen nueva).

4. En el archivo nuevo y desde Capas en la nueva imagen bloquea el Fondo (botón Bloquear pixeles).

5. Crea otras dos capas, la primera llevará por nombre coche y, la segunda, coche 2.

6. Selecciona con la herramienta Tijeras de selección, pincha la imagen del coche, una vez seleccionada, pincha dentro de la imagen y pulsa Ctrl+C para copiarla.

7. Pega la imagen en la capa coche.

8. Con la herramienta de Escalado modifica el tamaño del coche, pinchando en el botón y luego en la imagen del coche, dando las medidas adecuadas.

9. Con la herramienta Mover coloca el coche a la izquierda de la casa.

Fig. 5.37.

10. Pega en la capa coche 2 otra imagen del coche, reduce su tamaño y, con la herramienta de Volteo, gírala para que el coche se dirija hacia el otro lado.

11. Con la herramienta Mover sitúa el coche en la parte derecha de la casa.

Fig. 5.38.

y

ACTIVIDADES

6. Descarga desde el CEO las imágenes de la fábrica y el camión.

a) En Gimp abre los dos archivos.

b) Desde la imagen de la fábrica crea una copia en un archivo nuevo.

c) En el archivo nuevo copia el camión, modificando el tamaño, volteándolo y colocándolo cerca de la fábrica.

^ —_—

5 lll|R

(r)UNIDAD

6.2. Amaya

Una web puede contener texto, imágenes, tablas, hipervínculos y elementos multimedia como audio y vídeo.

A continuación se explicará cómo introducir textos, imágenes y sonidos desde el programa gratuito Amaya, que permite disponer los objetos de una forma visual y generar automáticamente el código HTML correspondiente.

Texto: con el menú Estilo se puede elegir el Tema, el Color del texto, la Alineación, el Interlineado, la Sangría y la Fuente. También con los Elementos y Estilos de la parte derecha de la pantalla se puede formatear el texto.

Nuevol - Amaya 11.4.7

- OD30

tíl'Q l Enlaces Herramientas Ayuda

Tema * Color del texto * Color del fondo ►

Vi a

Alineación >

'ftíaacnto*

Interlineado ►

m ' .-w fi m a*

Sangría ►

T Ti Ti X. P fS

Fuente *

□ □□□s

® ® © © 6) 63 @

£9 Estilo-

&4IH0Q

Crear regla- (Ctrl i c)

j* s s íi 5nr

Mostrar estilo aplicado- (Ctrl i g)

Hojas de estilo *

vaí¡

T«ma Sto tema v

Ü ^ _J ‘s¿

Times v 12 v

mmam

Binas

Fig. 5.39.

Imagen: para insertar una Imagen se puede pulsar en el botón Imagen de los Elementos o en Insertar - Imagen, buscando el archivo. Es necesario escribir el Texto alternativo y se elige la Posición.

(Insertar: Estío Enlaces Herramientas Ayudap Pánafo (p)Shift-EnterEncabezado (heading)►lista►Tipo de Información►Sementó carácter►•«i Carácter Oooc)ra Imagen vimg). ;Ctrihu| —linea Horizontal (hr) (Ctrl h h)*JSalto de linea (br) Ctrl-EnterPre-formateado (pre) (Ctrl h p)Tabla►Mam►Gráficos►Formulario►Objeto»Área de mapaEstructura>V'c¡OiYis»Ón (div) (Ctrl h v)Oírecrión(address) (Ctrlha)•; blockquote (Ctrl h q)Mine frame Otame)) (ImagenUaJ'Imagen® 1mTexto alternativo:Posáón [~|¿I nr =»[ Confirmar j f Cancelar |) (VW ti **Ti Ti Tj T. POfJOQQ5)000000o< *l í«BCj- : t - V ') (12T) (Fig. 5.40. aFig.5.40.bSonido: para colocar un archivo de audio tenemos que ir a Insertar - Objeto, o pulsar en el botón Objeto de los Elementos, buscando el archivo. También es necesario escribir el Texto alternativo y elegir la Posición:)Nuevol - Amaya 11.4.7—

6.3. KompoZer

A continuación se explicará cómo introducir textos, imágenes y sonidos desde el programa gratuito KompoZer, que también genera automáticamente el código HTML correspondiente.

Texto: Con la Barra de Formato y la opción Texto se puede seleccionar el tipo de contenido que se está insertando (párrafos, título, dirección...):

También con el menú Formato, podemos definir el Tipo de letra, el Tamaño, el Estilo, el Color y la Dirección.

(a) Barra Formato - Opción TextoWB) (BrfPM«J) (£-th<vO fdittr i» jAMrtir remato TafclaAyjfi» JL.Lz-2.a i !! K--33CK B / ü tlll)

l:

b) (yntrito ¡KV))Menú Formato

b

firchrvo í ¡Sitar %tt JruttUt

Tfcctíí dtlcotfpo AiSíhwrt vana bit [•] B - Admír&Uadot d« ritió*

Vtr ■ Tftdo* lot *fíhiv6<

a a s?»" M

' Norribft

TafclaAyyda

Tipo d« («ja I*1\aAo Epto <í« ttoeto ¿«ler

DifT

OtKoríiftu*/ Mtilot tQtp Cti+* Mtyl* y £ece*t¡nu*c en¡ae<Ctr»iM«yj*K

Elinjifi* ínl*c« «/emrj CM* May** A

{ncrwntfltar wngrado

Rc&jOl MTQrjdo &r*»

P.^aa tí« fttiiowumitnK.

Pr^piedídrt avaruaa»!- Cotom x fondo d* la pi**»...

1 Aufc> yd« la pigau...

t- D**ft© f &l -J> Cód.jo fu«U« |

Introduzca etiquetas HTML y texto:

Ejemplo:¡Hola,mundo!

Insertar ¡ Cancelar

Fig. 5.43.

6-a-r

Prop.edades de la imagen

| Ubicación | Defensiones 1 Apariencia | Enlace)

Ubicación de la imagen: i

&

’ ” La URL «5 relativa a la dirección de la página

Titulo emergente:

9 Texto alternativo:

j

No usar texto alternativo

Vista preliminar — -

Edición avamada...

Aceptar | Cancelar "J | Ayjyda j

Fig: 5.44. 122

Fig. 5A2.

Imagen: para insertar una Imagen se puede pulsar en el botón Imagen o en el menú Insertar y seleccionar Imagen; en ambos casos se abre una ventana con cuatro pestañas: Ubicación, Dimensiones, Apariencia e Imagen.

Sonido: para incluir un archivo de audio tenemos que ir a Insertar - HTML y en el cuadro se escribe la secuencia en formato HTML (Fig 5.43).

En la secuencia siguiente, las X se sustituirán por el nombre del archivo de sonido, este archivo debe incluirse en la misma carpeta que vaya a contener el archivo final de KompoZer:

Este código indicaría que el archivo de sonido es musica.mp3, que se inicia al abrir la página web, con bucle, un volumen de 80, y que no se muestra como un elemento visible en la página, ya que tiene valor O de altura y de anchura. El formato delarchivodesonidodebe ser .mp3:

· Embed: para indicar que se va a abrir un archivo de audio.

· Autostart: para que el archivo comience cuando se abra laweb.

· Loop: el sonido va en bucle, es decir, que al finalizar vuelvea comenzar denuevo.

· Volumen: el volumen de sonido, puede ir de O a 100.

· Height: altura del elemento.

· Width: anchura del elemento.

Imagen: para insertar una Imagen se puede pulsar en el botón Imagen o en el menú Insertar y seleccionar Imagen; en ambos casos se abre una ventana con cuatro pestañas: Ubicación, Dimensiones, Apariencia e Imagen (Fig 5.44).

« ‘ CASO PRÁCTICO 7

Diseña una página web para el comercio Relojería Martínez que contenga tres relojes, tres imágenes y un archivo de sonido (formato ,mp3). Crearás la página con la aplicación Amaya y la abrirás con Internet Explorer.

El texto de la web será:

RELOJERÍA MARTÍNEZ

GRANDES OFERTAS en tos siguientes productos:

· Reloj Diesel DZ4280, 200 euros/unidad.

(UNIDAD'o-'o")

(CASO PRÁCTICO 8)

(UNIDAD) (CASO PRÁCTICO 8)

· Seiko Solar Cronógrafo, 300 euros/unidad.

(123)

(126)

(127)

Solución:

1. Abre la aplicación Amaya y crea, con Archivo > Nuevo > Nuevo documento, un nuevo archivo de nombre RELOJERÍA MARTÍNEZ.

2. Escribe el texto e inserta las imágenes con el botón Imagen o Insertar < Imagen.

(tu) (Bienvenido a Amaya - Amaya 114 7) (O O O íhQQ.) (principales novedades) (. Mí*xct 'x^OéOn p*r* «M«r ix$■>Í.X»o» ywV.oi)

r-BienvenidoaAmaya*Amaya11 Al

Areme fa *aiIner^tt í:’ -c incfiAyuda

¡O O O O í

■ Fi B O 4; t>‘¿1v*írJ«Nuevodocumento

XXn*.Tn*l*tor*l

A

RELOJERIA MARTINEZ - Amaya 11 4.7

Ajcnvo Eotttr v«f 1 En:io EniKw A,\*2j

OOOOf *p*"»roa» SAift£«ff

‘ r* O Q EfOWZíOd (hMding) ►

>< itiwiife » tipo 04 ►

RELOJERIA MARTIN carfcwr * GRANDES OFEKTAÍ + ímj

I — Unta MoríMAUl {(vi (CW h h) *JS4ÍtoO

Tata ►

EMnxtur* > D¡Df>wO«<(>M (Ctrthv)

Diftcocn Cioorenj (cuihi)

Fig. 5.45. ajFig. 5.45. b)Fig.5.45.c]

3. Escribe también el texto alternativo. Para finalizar incorpora la música con el botón Objeto o Insertar > Objeto.

X r*teJ aftafAanw--

Fig. 5.45. d]

(Crear Objeto liades?-Alt.SU| CeAmir ] CkwFig. 5.45. gj) (Fig. 5.45. e]) (I AKT.VO taiui Vff f—m] IiH*o InUpc** H*r*n*nui AjwJaOOOOf pfM*to(p) SMn-tn»: m Q Q M lRELOJERIA MARTINEZ • Amaya 114 7RElXJjm* MARTI* E «mertto í«VJ- ► GRANDES OfERTAí <*C*r»ct«f (xjk)Csma^antin*#- iCwiiO—liftM Horjorat flirt (Ort h» •JS*tt04Sa«M«ftrt CliVÍ

4. Antes de guardar, con Editar > Seleccionar todo > Estilo, puedes utilizar un Color de fondo y formatear el texto con Estilo > Alineación, Color de texto y Fuente. También se pueden utilizar los botones Estilo y Elementos.

lERIA MARTINEZ

Fig. 5.45. h)Fig.5.45.i)Fig.5.45.j]

5. Con el botón Guardar guarda el archivo con formato HTML. Ábrelo con Internet Explorer.

(Fig. 5.45. kj) (Oocumento ! t~¿cKfS^mA50mOXRIA MARTINET.htmlFormato de documento .wpoenes♦UN*{¿TranSformarURLsX34L,_Cop* mipenesTcxt0..i Copiar rearsoi (estíos, saptt,...)charset:(oo-tóS9*l^1Mm«Typ«:ttxl^iH) (Fig. 5.45. mj) (Fig. 5.45. I])

*\* 01 £.• }.A CM toeaaj

¿fehróo fefitjr 'ip U2JJ Fflrma» TjfcUAf/U

L/. * . H tUZH r“ *- ■—* i**.

|Inserta»HwrarmertKAyjjtlo

/ - ^®\ripo de Vítja

TwwodoxírpoEjtSo de texto

v' B«leítena.

- *rtm- iíit i -f i ifi fin 11Dáecc6n6tf«an^z.

Ver. ToK» laí jrcJKvoí.'Doroncnujrtesto CW »Wjys»'(

0 r, ** «_#»_áo-coum.1

Namcr**Cu

£ornhijno_

£ni*ot_ x<**« EnUc® intento, i V«r. r«jMKH«a U«*íw2rJD«H ;J3 M ir' íí£*r»ctereí y snboSoj...

Nomb<«Tí¡f» «je ccntwvtíoi-

P*r*ÍO

(¿TUL*

CoQenano..

PupEjfj ni ¡mAgene* (

* CiertaI*

(El título de la web será NUESTRA CASA y la lista de productos, la siguiente:Mesa de centro modelo Hogar, 50,00 euros/unidad.Juego de 4 tazas de café modelo Clásico, 5,00 euros/unidad.) (Vas a crear una página web para el comercio Nuestra Casa en la que aparezca una lista con dos productos, dos imágenes y un archivo de sonido (formato .mp3). Crearás la web con la aplicación KompoZery la abrirás con Internet Explorer.) (Solución:1. Abre la aplicación KompoZer.) (Sírt tituJi) - KompoZer- SIK9I!• NUESTRA CASA - KompoZer_ gpq^i\AfOno fruí* '£tt Kvfcrtjr íjjrmato HemmiertyH Ay/i*tf&rto £&l*e Yt* V«en» f»rM«o T*|j|í Herram«B^ Ay/ÍJ\L- á'S-SL^. ,r ~

i£I r«0 od OJTfOtí vl “ »| ! 5? 1= := >] <1 ^39>/. -B 9 ; <* ¿ ~ ~ .r ■ ) (NUESTRA CASA - KompoZer) (Q>) (fesw} del cuerpo) (* OocüíTtenwt) (Fig. 5.46. b)) (Fig. 5.46. e))

fjrtJívo £¿tir Ve insertar R*nv»n f»t!* Htwweni AyyH

/ . «4 . pPropscdadeideLapAgina

(n titulo - KompoZer23«)

(ptakréyttjr)

U &*a pig.ru «s un* ptancila lra*nwoon*inoón

| Dimensiones | ApanenoT] Enlate j

Ubicación de la ¿magere i

La ti£l es re iat¡va a la d »e< T&ilo emergente:

.•> Texto alternativo;

C1 íip usar texto alternativo

Ubicación de Ja imagen: m«a%¿Qde%20centroj pg * La USL es reviva a latíi*ccMde'a Tíjulo emergente: é; Texto alternativo; mesa de centro O Üo usar texto alternativo

(Propiedades de la imagen) (Propiedades de la imagen | Ub<cad¿n | [> rrens.cnes | Apalenca | Ercace {) (Con¡i»roar*a- fiO'885'M líawrtoi avano'tesJ»*» e*w oaci eccttftiXrt «X1* «hetf HTW *n H mend Ver o en la b*íT» de ttídán) (EIijJuniaíofM Otgir conjunto) (Fig. 5.46. c)) (Vista pfdirt) (Vista preíimínar) (£d;aón avanzada... Aceptar Cancelar Ay¡jda) (Fig. 5.46. f)) (Fig. 5.46. g]) ([Continúa])

5 iiiiur

6. ((Coníínuacíón)5. Mueve las imágenes.)Y para finalizar añade la música con formato HTML

NUEiffiAÜtéA (fófr/VNlJ f5TftA^JCvAiA.html) • KompóZ[footnoteRef:5] [5: Cuando un usuario visita la red social de un comercio es porque sabe lo que busca en ese comercio y lo más probable es que acabe siendo un cliente.Participar en una red social y, a través de ella, descubrir las amenazas y las oportunidades ayuda a anticiparse a los competidores.Promocionar empresas y productos.]

í*tMAyyiU

■

VHUtfWÁCAÍA«KompoZer

ártuvó y¡-,U* '¿M UVUKU# PónTUW fá$UAyjdJ

'í*£Lá.MA. * . ú>. .. ■ ~ . ~ • <* §

térfáMu!*!*••-<]!nl=is ti-i 4l

A/Ww»vio»lé V¡ I■ e A* B I U I I * ■

• AAtnMHtMét ¿4 »H¡*4

ftrttwó ja Uf JntírUr

L- 1‘fi.SL-i

1*M6d«6

An

•*MttOM

V*C fó

* ÍUfiJiA* #*«*<« fcínífd

limite

IftUlMUxW

0-^«»6n fl* «¿r.tyf A¡

(.iiDinAr tótóí 161 «ttUK d*¿tri .M*y<

CW*M*y*' CWtMAyí'

■ ,l»J£SIRA CAÍA

I

fo

g ¿ Ef * jM* !

Nómof*4*i

* 0Oíunwnto»

0«ufT*rrtoj

ytu

(nírrfhénUrtingrádd

R«tuO'ta:v«l4

V

a* pófcúorS*ifteMA

txpWfíddfOóMI•0.WA6) * l'Y*rjv/

hWJ» «66dy> <«*> 'I*

r^Kamr^wm

Fig. 5.46. i)

(©) (€) (• lU'i ¿t timo W*V> H«i#. U).(X¡ e*»t \0*léd) (UíJttaéJéoáUté.i.) (trtr<Ht*t£i *<>4u*Ul HTMl y IM#) (Tftu.o x profi<élMrt

7. Antes de guardar puedes formatear el texto y el fondo de la página con el menú Formato o los botones.

NUESTRA CASA [(¡ley.yNUESTRA%20CASA.hlml) - KompoZerinMrur faimito Tafii» M*rr«m¡»n!is

Fondo y colores de la página

Co’-cm d< li plíinj

O Co!or« preaít«m/uooi att iKtsr (m «tiD:«£ír csiorM tn 14 pís ni) j

• Utír£0!0f« p«!f0ai¡ilí

Tsxtc Ge ín;jcfr:a

Tíxio oe ««jes itiivo;ai

Texto os «iMkí íiíiuao:m

lonaa:

Ti#* M*rr*fhi*OJát Ayydá

Añil

COuriér éíi46#m AftftífKÜY Aft BlANwA

aa aoNNic auca/ítia

ARCÉNA

AftCflftlSTY

AAOAftUNlJ

Aft DÉCÓOE

Aft DEUNÉY

AftDKTiNl

AkíiilHCt

Aft HéRMANK

Aft WUAN

A$*rt¿y fS

Ahirani

Aldhibl

Alflerlirt

Andilui

AníUM H*W

AngurtiüPC

/ * £$ • tí Q> \<*& m®

>Jk* «JrtV0«r*t+UM(«ÍT«*rM^V»fuJKÍWCU

Texto del cuerpovj **v]' I H T= 1=

Anchura vanaoie ví % A’/f B / U h ¡I 3 ■

* AdmlnJrtrtdor de titío*

Ver. ; Todoi 101 archivos

© ei >6 *&*

(NUESTRA CASA (f. ,A) (NUESTRA CASA - KompoZír . >) (Táfilft MéírAmiírtlil AyydA) (Ciimirur todót ióí «lildí a* t*ítoCWrMayt*Yten¡aar enlace»CWtMayí*Kteaj.na eniacei internosCtn *-Mayi*Aglnafo>lista*Incrementar un$r*doCW*IRedttCtr sangradoCM.ltan*ftei-üa d« potiCMMUmientoProp:(-d<»dct a* *<v¿das...Cd:cr« x tendft <** pa^.M-Titulo y propiedades de la pa^.n) (Jamato f Jtiló de Itxlú Cótór del texto , &ireCC¡drt 66 eiCntyrA:) (*» DiieiSo I1* C y Ir J »A C« 30 forte) (ario...interno...Ifiri20nui ittí y i/mboíot...U ccnttrvdoi... >nímM réutiiizibi«) (m) (Color de (ondo de la pagina) (Coiof«prM«f¡niaot:"r~ ■■; ■■■Sí'i.r.iBB) (Ultimo color seccionadoHtxadec- #75ffC3 Nombre;□ Transparente Aceptar I Cancelar) (iO.OOtustuiidxl) (l£Qa$en dé fondo:la URLnre>at «aaladn) (fe«í 4 mu de ílti moátki CUtko.Fig. 5.46. k]) (Fig. 5.46.1)) (Fig. 5.46. jj8. Con el botón Guardar guarda el archivo) (CNUESTRACASA(f¡!C'/.../NUESTRA%20CASAhtml]-KompoZerArchivo ¿ditar i¿er [niertar Formato Ta^la Herramienjaj Ayuda) (Fig. 5.46. m)) (Notnty«[ÑÚ£Sr«ACAS^ r.pc. A/fhrvofMTVl) (Fig. 5.46. n]) (9. Ejecútalo con Internet Explorer.Fig. 5.46. o)) (| OuanUr)

L

7. Posicionamiento en redes sociales

Por medio de las redes sociales una empresa on-line puede conocer las opiniones de los usuarios, aprovechar las críticas para mejorar sus procesos y aportar valor a su servicio de atención al cliente.

Mediante la presencia de la empresa en las diversas redes sociales se puede mejorar el posicionamiento en la Red, incrementando las visitas a la página de la empresa, lo que permite atraer a potenciales clientes, aumentar las ventas e incentivar el desarrollo de la organización.

(Santiago Inic» Buscar amigos)La ventaja de una red social es que agrupa a los usuarios por afinidades, similitudes profesionales, amistades y parentesco y les permite compartir experiencias, opiniones y consejos sobre productos, servicios, etc.; así cada día son más las personas que utilizan ias redes que aparecen en la Tabla 5.3.

Busca personas, lugares y cosasQ.

Anúnciate en Facebook ™

Más de mil millones de personas. Te

(UNIDAD)

(UNIDAD)

tyudaremos a comunicarte con las adecuadas.

(DescripciónCómo funcionaCasos de éxitoMENBUR State Blcyde Co. Luxury unkPreguntas de los usuarios más habituales) (Paso i: Crea tu página de FacebookTener tu propia pápna de Facebook es d punto de partida. Crea una página. Es una) (Paso 3: Atrae a tus fans con contenido de calidad) (Haz publicaciones de calidad y promocionalas con anuncios para interesar a tus clientes y sus amigos. Empezar.) (forma sencilla y gratuita de comunicarte consegméntalos por ubicación, grupolos clientes.demográfico e intereses.) (Paso 2: Conecta con la genteAnima a los usuarios a que indiquen que les gusta tu página. Crea vanos anuncios y) (Recibe las actualizaciones y las sugerencias más recientes.Haz ebe en 'Me gusta’ en la páginaFacebook Marketing) (¿Aún no conoces los anuncios de Pacebook?Obtén más información sobro cómo funcionan)

7.1. Cómo utilizar las redes sociales

La primera pregunta que se hacen los comercios web al iniciarse en las redes sociales es cómo utilizarlas. Lo más importante es conocer al público a quien se dirige la información sobre la organización, el producto o la marca.

Es importante establecer una clasificación de las redes sociales más usadas en la provincia o país donde se encuentra la empresa, esta información es de gran utilidad para la página web.

7.2. Promocionar la web

La promoción de contenido a través de las redes sociales se puede hacer mediante promoción directa, realizada desde la propia cuenta de la empresa en redes sociales, o promoción por terceros, para lo cual se brinda al usuario de herramientas para difundir el enlace de forma fácil e inmediata.

7.3. Principales redes sociales

Las ventajas que tienen las principales redes sociales son (Tabla 5.3):

Regístrate

Nomí**Aprlüc*

< ormjy|

a n&Tvfcm el VMuxt efca*\»¡w.u rotfrasrfla nueva

(facebook) (Facebook) (Conectar con personas, descubrir y crear nuevas amistades, subir fotos y compartir vínculos de páginas externas y vídeos.) (Fig. 5.48. a))

(Twitter)Publicar, compatir, intercambiar información mediante breves comentarios en formato de texto, con un máximo de 140 caracteres, llamados tuits.

Fig. 5.48. b)

Conftcta, comporto Ideo» y d**cubr* oportunidad**.

(UntodlQ.) (Linkedln)Buscar y compartir información técnica y científica.

Fig. 5.48. c)

(T uenti)

QtUSftt

—

— _ ES

1

1GB

EL PRIMER PLAN DE VOZ ILIMITADA

VOZ . TAI ILIMITADA

12L

4

PARA TODOS

ISB

ocr-75.

1SI ...

iooss.115.

19B . .

s» 185.

BB

■a

ES

ocscAkgate nuestra app [

9DB

Contactar con amigos, subir fotos y vídeos, crear eventos, charlar y jugar.

Fig. 5.48. d)

((Continúa))Tabla 5.3. Principales redes sociales.

Pinterest

Compartir, encontrar y organizar colecciones de imágenes y vídeos.

Fig. 5.48. e)

(UNIDAD) (CASO PRÁCTICO 9)

(128)

(130)

(129)

(Y«CD) (Youtube) (mm) (Alojar vídeos personales para compartir, ver, comentar, buscar y descargar vídeos.) (Fig. 5.48. f))

(O í]n¿tcu}'iam.) (Instagram)Editar, retocar y agregar efectos a las fotos tomadas con los teléfonos móviles, facilitando su intercambio en las redes sociales.

Fig. 5.48. g]

Go gk

Una cuenta. Todo Google.

Inicui se4ón pMt *c«rder a Google»

Crear redes de amigos y organizados en círculos, subir contenido para compartir, publicar artículos con el botón +1.

(eee:)Google+

de pruebas ■ Entrada Probando b

KTH.-rtT » Normal

Probando Blogger. mi primer po*L

Lomn ip*u*i potor Kf trttU tontolrt orto, t+c ornan* b tn* íupj» wpO» Pwlx Jo

(Fig. 5.48. h)) (Es un sistema de publicación de blogs que permite publicar texto, fotos, vídeos, y todo lo que se desee, según lo que se quiera expresar.) (B /Colacvfci|) (|= := M i y)

(Blogger)

(H5] Blogger)Cí»* •CCWflMfl. CKÍto rt p-Kum A».*c.*t**HOl.nonnurtmvdlItw,W«rgíjhrtorwn.5#<3bí*\K

n h*c haoíaM# (Un swnmrt. EV* r»crr

ttort* nt>6 fcjpirl. V\4putaí* «*dr»C,prKwibCJumoptMwtaOfrWifVW*.pfeeumt»a*.C>*#C

eW V**rxwrt<. frlrpA» puní» arn**. f«e*jr tocti*. S«1 ir»ic¡r>u» *t»#»*

n*yȒudor

(Fig. 5.48. i))í» •**!, *»qu»m *ltoo*e. motartu Mm jjHO « * WCtV» n*H%. *toa.VwCfn»

Curato twc4y»JnfM.ncr#fevíVmtf«*M#QU#tu^ porta.«K?5Mr<.l»«u.1«

Tabla 5.3. Principales redes sociales. [Continuación)

5 !ír

Akjunas personas quo podrías seqifir

[=- r

0 1 1

TcntítSKus ix»

1 ¡

•X Sigur •! Sepw «X

t J «J paundo*

Fig. 5.49. a]

Qi**r un a*

1 Tww» d«

(Vas a aprender a insertar un plug-in de Twitter en Wordpress. Solución1. Primero, abre tu cuenta de Twitter y, en Configuración, crea un widget.) (pvw~ #•=—twAa > VMjra >I Wdgotíi:¡Fig. 5.49. bj) (□31) (2. Guárdalo. En la siguiente pantalla, selecciona los números que muestra la barra direcciones de la web para copiarlos con CTRL+C.)Hrtvn. una cronottju vi

(3. Ahora, abre tu blog en Wordpress:) (Fig. 5.49. c]) (Fig. 5.49. e)) (Fig. 5.49. d)) (OUMXSDCSaXVTXXWISTXATKMU) (Fig. 5.49. f))

| T*r»íin«tJeT«mtter

Ov--*s41/>or«.

(Fig. 5.49. tij) (Fig. 5.49. jj)4. Y en la parte superior (Mis sitios), pincha en Entradas del blog.

Fig. 5.49. gj

5. Widgets y, de la lista, selecciona Timeline de Twitter.

r._. tizz. r-_

... _ |

=-=~ r ==r=r |

M

— — Hí

r---— “ — «=

Fig. 5.49. i)

6. Y en la ID del widget pega el número de la dirección de Twitter, guarda y cierra. El blog quedará:

Fig. 5.49. kj

Fig. 5.49. I)

8. Gestor de banners y publicidad

El gestor de banners permite administrar la publicidad presentada en la página.

(ABC) (VOCABULARIO) (Banner. Gráfico rectangular que puede ser fijo o animado que se incluye en las páginas web a modo de anuncio publicitario. Haciendo clic sobre él, normalmente redirecciona hacia el sitio web del anunciante.Interstitial. Es un anuncio publicitario a modo de página web que aparece de forma repentina entre las páginas que estamos consultando. Son también esos anuncios que te salen a página completa durante un momento y saltan automáticamente hacia la página que habías solicitado.Cookies. Archivo de texto que se almacena en el navegador del usuario y que emplean los servidores web para guardar información acerca del visitante de un sitio. La información relativa a determinado sitio solo puede leerla quien la escribió. Sirven para identificar a visitantes recurrentes y para reunir información acerca de sus hábitos de navegación. Así, la próxima vez que un navegante visite un mismo sitio web, las cookies ayudarán a dicha página a recordar quién es ese usuario, cuáles son sus preferencias, qué ha hecho las anteriores veces que visitó la web, qué compró, etc.Píxel. Es un único punto en una imagen gráfica, es decir, la unidad más pequeña de la imagen.)Se pueden establecer múltiples «zonas», permitiendo que ciertos avisos aparezcan solamente en ciertas páginas. El programa registra el número de exposiciones (impresiones) y el ingreso a cada aviso (clickthrough), así como la media de exposiciones por día. Los avisos se pueden configurar para que expiren automáticamente tras un número señalado de exposiciones (cpm), cierta cantidad de clics o un número determinado de días.

Términos relacionados con banners (Tabla 5.4):

Clickrate

Frecuencia con la que los visitantes de un sitio web pulsan sobre un anuncio, normalmente un banner, mostrado en una página.

Clickthrough

Acción de pulsar sobre un banner publicitario. La ratio de clickthrough es la cantidad de veces que se pulsa sobre un mismo banner.

CPM

Costo por mil impresiones. El precio que paga un anunciante para que un sitio o newsletter emita su anuncio mil veces.

CTR

Abreviación de ClickThroughRate, proporción entre las impresiones de un banner y las veces que los visitantes han hecho clic sobre él.

Tabla 5.4. Terminología relacionada con banners.

8.1. ¿Cómo se crea un banner?

Los banners se crean con imágenes en formato GIF, JPEG o PNG, utilizando un programa de animación a partir de tecnologías como Java, Adobe Shockwave y fundamentalmente Flash, y están diseñados para llamar la atención.

Se pueden colocar en cualquier lugar de la página web; la mayoría de banners se insertan en webs con grandes volúmenes de tráfico.

El formato de un banner es normalmente horizontal y con una medida de 468x60 píxeles, aunque existen otros formatos en función de la web donde están insertados.

En la actualidad, el precio de los banners se sitúa sobre los tres céntimos de euro por impresión. Para que el banner funcione como un excelente medio de publicidad se deben cumplir, entre otros, los siguientes requisitos:

· La contratación de los espacios publicitarios debe efectuarse a partir de una estrategia de marketing on-line.

· Uso racional del banner.

· Determinar el fin del banner, qué se quiere publícitar y a quién va dirigido.

· Conviene realizar una selección de páginas en las que ubicar este recurso publicitario en función del público objetivo, para ello se debe segmentar al público según su país o zona geográfica, días y horas concretas, tipo de navegador, etc.

Uno de los usos más frecuentes del banner es anunciar algún tipo de sorteo, promoción u ofertas limitadas con el fin de despertar curiosidad.

8.2. Características de la publicidad en Internet

La publicidad en internet emplea una combinación de estrategias, que incluye imágenes y reseñas en páginas web relacionadas, hipervínculos, anuncios por correo electrónico, grupos de noticias, etc. Las empresas confían cada vez más en los medios electrónicos para la publicidad, por su fácil acceso y edición.

La publicidad en Internet cuenta con herramientas propias como banners, pantallas en miniatura, newsletters, etc.

Las ventajas de la publicidad en la Red:

· Ahorra tiempo y puede ser casi automática.

· Bajos precios y mayores beneficios, el coste de conseguir nuevos clientes es un fracción de lo que cuesta en medios tradicionales.

· Es posible medir los resultados de la publicidad on-line en cuestión de días.

· Mayor audiencia, ya que puede ser recibida por más clientes. Alcanza a una gran cantidad de clientes de todas las partes del mundo, lo que no es posible a través de las herramientas publicitarias tradicionales.

· Facilidad para conocer las necesidades de los clientes al rastrear sus preferencias por medio de una página web. Esto permite tener más éxito al ajustar los negocios según lo que los clientes realmente quieren y desean pagar.

· Riesgos relativamente bajos, se puede invertir poco dinero y probar ideas nuevas.

· El estudio de los resultados de publicidad es fácil y barato, ya que puede medirse a partir de las respuestas de los clientes ante un nuevo producto o idea.

· Los clientes se pueden comunicar fácilmente con la empresa por medio del correo electrónico, estableciéndose una comunicación bidireccional.

Y los inconvenientes:

· La publicidad en Internet es detectada fácilmente por la competencia, que tendrá así conocimiento de los lugares donde se anuncia una empresa, estudiando sus campañas y pudien- do superarlas rápidamente.

· Los usuarios de Internet están cansados de la publicidad on-line y la evitan.ACTIVIDADES

· (7. Accede a la web del periódico deportivo As (www.as.com).¿Qué publicidad lanza en su página de portada?¿Qué ventajas tiene para la empresa publicitaria?)Internet está plagado de anuncios publicitarios pagados por anunciantes a cambio de que los usuarios vean banners, reciban newsletters...; la respuesta de los usuarios puede ser bloquear esas herramientas publicitarias.

· No todas las personas tienen acceso a Internet.

· Cada día nacen nuevas páginas y sitios en Internet.

(UNIDAD ,)

(UNIDAD ,)

· Las costumbres de los usuarios de Internet cambian cuando están conectados a la Red. Los sitios que suelen visitar se pueden reemplazar por otros en solo semanas.

(v.)

(v.)

CASO PRÁCTICO 10

Has contratado un banner en la página web de un diario para que aparezca 3.000 veces al mes (30 días], 100 veces al día.

El coste mensual es de 300 euros.

Si cada día los visitantes a la web del diario han sido 50 y a tu web, por medio del banner, han accedido 20, calcula los siguientes datos: 1. Click Rate; 2. Click Through; 3. CPM;

4. CTR.

Solución:

a) De 50 visitas al día, 20 veces han pulsado en el banner (20/50 día), de 1.500 veces al mes 600 veces han pulsado en el banner (600/1500 mes).

bj 20 veces al día, 600 veces al mes.

c) 300 euros es el precio de 3.000 apariciones al mes (30 euros sería el coste de 1.000 apariciones)

d) 20 x 30 = 600 veces sobre 3.000 apariciones al mes.

Crea una secuencia de imágenes con Gimp que contenga dos capas:

Solución:

1. (Fig. 5.50. b])Primero descarga de internet una imagen de zapatos y guárdala en el escritorio con el nombre ZAPATOS.

2. Ahora abre el programa Gimp y crea un archivo Nuevo con las medidas del banner: Web banner common 468x60.

3. Muestra la caja de herramientas

4. Pulsa el botón Texto, y traza en la capa un cuadro en blanco sobre el que escribirás «GRANDES OFERTAS».

La primera con el texto GRANDES OFERTAS. La segunda con una imagen de zapatos.

~WM ’.lfíiliflÉMaia

(1) (CASO PRÁCTICO 11)

(CASO PRÁCTIC012) (UNIDAD)

(132)

(133)

5. Si pulsas dos veces con el botón, puedes elegir el tipo y tamaño de letra.

6. Ahora abre una capa nueva para insertar la imagen.

7. Reduce su tamaño con el botón Herramientas de escalado, acerca el ratón a las esquinas y ve dando la forma que tiene el cuadro.

*

Fig. 5.50. c)

-C 1

i ¡NAJMW

!

.3 V- - Q CS

D^»«aegiagn¡>fi^i>«.. ¡m¿ i —>

Fig. 5.50. dj

8. Al final pincha en el botón Escala, y podrás comprobar la secuencia de imágenes paso a paso.

Fig. 5.50. e]

'ZZZZ

- -ceq

a-3

.e-“|

r"=::

—. —

Érü^-

/ *

■ / j

u ... -flXiJLjLXLiugV II [

1

Ci j f - n pv «- * .

—„ * * m

Fig. 5.50. f)

5 nife

(r)-o—‘o1

Coloca el archivo GIF del caso práctico anterior como banner en el blog de Wordpress NuevoComercio2.

Solución:

1. Primero accede al blog de Wordpress.

«•

1

Creó su nuevo s¡c¡o weograsis

1 1

GRAVDCS WSOXXTOS

- ■

ca

* O :

a . O VUIVTRA TIENCU.

* ... J

Fig. 5.51. a)

2. Y en la parte superior (Mis sitios) pincha en Entradas del blog.

GRANMí OOCiXMTOt

t- ES BoiTortó ►

Organizar» Nueva carpeta

n F*vomos*

4 Descargas

Q Escmono C Vob'ie Uploacs

— Mr»J V»*rt*T OtafrHO

(Fig. 5.51. b¡) (Fig. 5.51. cj) (3. Y Añadir nueva. Ahora sube el archivo GIF en multimedia en Añadir multimedia > Subir archivos, seleccionándolo:) ('Arttáxs péñora: a;Abnr | Cancela/) (El resultado:) (4. Y lo insertas en la Entrada, en la pestaña Texto, marca todo y cópialo con Ctrl+C.) (GRANEES t>ESCU3W7T>SNUF.STM. TONDA) (Fig. 5.51. d)5. Vuelve a la web inicial y elige Personalizar. Y, en las herramientas, selecciona widgets y añade uno de Texto, nómbralo con el texto copiado anteriormente. Cierra y guarda.)

(m¡ 5rA-) (Fig. 5.51. e))Fig. 5.51. f)

9. Newsletter

Es una publicación que las empresas envían periódicamente a sus afiliados informando sobre los nuevos productos, promociones y últimas noticias (Fig. 5.52). La newsletter añade valor a la marca de cara al cliente, ya que ofrece información a grupos de usuarios interesados por la misma.

El usuario previamente tiene que dar su autorización para recibir la newsletter y debe tener la opción de darse de baja en cualquier momento.

Para una empresa el primer paso es fijar el objetivo del boletín, para lo cual debe ser capaz de contestar a las siguientes preguntas:

· ¿Qué se quiere conseguir con la newsletter?

· ¿A quién va dirigida?

· ¿Cuándo lanzarla?

· ¿A qué ámbito geográfico se destina?

El diseño de la newsletter debe perseguir un aspecto estético que permita al usuario seguir el cuerpo del boletín; es aconsejable repartir el contenido en columnas y tener claro qué publicar en cada una de ellas.

Una parte esencial del boletín es la cabecera, ya que es lo primero que se ve y determinará que el usuario continúe leyendo o cierre el boletín. Generalmente incluye el nombre del boletín, el número, la marca de la empresa y la fecha de publicación.

La forma más sencilla de publicar una newsletter es utilizar un servicio de terceros, ya sea de pago o gratuito. Por medio de un servicio de envío de newsletter no se necesita gestionar las suscripciones ni las bajas; además se pueden programar los envíos con anterioridad y segmentar la lista de destinatarios.

No es recomendable hacer un grupo con los suscriptores y enviar la newsletter directamente desde el programa de e-mail de la empresa, ya que es difícil de gestionar en cuanto la lista de suscriptores comienza a crecer.

B ACTIVIDADES

8. Accede a la página de la newsletter del Ministerio de Hacienda y Administraciones Públicas (http://www.minhap.gob.es/es-ES/ Prensa/Newsletters/). ¿Qué tipo de noticias se ofrecen?

9. Suscríbete a los siguientes boletines y comprueba qué periodicidad tienen las noticias que recibes y cómo es la revista:

« Sony Music: https://www.sonymusic.es/newsletter-signup

· (Fig 5.52 c) Dirección de Turismo del Gobierno Vasco.y)Dirección de Turismo del Gobierno Vasco: http://turismo.euskadi.net/x65-l5803/es/ s12PortalWar/newsletterJSP/s12lnício.do?lang=es

Fig. 5.52. a) Ministerio de Hacienda y Admi- Fig 5.52 bj Sony Music. nistraciones Públicas.

v

9.1. Servicios gratuitos para gestionar newsletters

Existen diversos servicios gratuitos para enviar newsletters, entre los que destacan:

· Domeus (Fig. 5.53) es un servicio veterano para enviar newsletters y administrar listas de correo.

· MailPress es un plug-in para Wordpress que permite el envío de listas de correo y boletines desde el blog con estilo HTML o en texto plano con un sistema basado en temas y plantillas de correo.

· Yahoogroups (Fig. 5.54). Este servicio de alojamiento gratuito de lista de correo permite a los usuarios leer los comentarios a través de mensajes de correo electrónico individuales.

· (©dornaun ££££) (Fig. 5.53. Domeus.)Google Feedburner (Fig. 5.55) es un servicio para distribuir RSS, pero es posible utilizarlo para distribuir newsletters. Toma el contenido de tus feeds RSS (los que se generan automáticamente si se usa una plataforma de blogs) y los manda por e-mail. El servicio gestiona todas las suscripciones, confirmaciones, de suscripciones y provee estadísticas.

~

ICUBhttpslxonvVf->y;; .**« «ir • f «vl¡ * r. 'in'íi1A ’&fy Í*e3. C. © Q

Comuna cuenta Todo Google

utHiVj

«n>»»ignwi

Fig. 5.54. Yahoo groups.

(Archivos de texto plano (plain- text). Aquellos formados exclusivamente por texto (solo caracteres) sin ningún formato.RSS (Really Simple Syndication). Es un formato XML para suscribirse o compartir contenido de un sitio web.«Archivo RSS» o «feed RSS» es un archivo generado por algunos sitios web y weblogs que contiene una versión específica de la información publicada en esa web. Cada elemento de información contenido dentro de un archivo RSS se llama «ítem».) (VOCABULARIO)CASO PRÁCTICO 13

(135)

(138)

(Fig. 5.56.) (10. Accede a la newsletter de la empresa Nacex (http://blog.nacex.es/tag/newsletter/] y observa la publicación, ¿qué destacas de la portada?) (Trabajas para la empresa Colonias Roncal y quieres lanzar en la campaña de Navidad un nuevo producto dirigido a los clientes de Andalucía e informar de ello a través de una newsletter. ¿Qué objetivos quieres que cumpla la newsletter?Solución:¿Qué se quiere conseguir? Lanzar un nuevo producto.¿A quién va dirigido? A los clientes de Andalucía.¿Cuándo lanzarlo? En la temporada de Navidad.) (ACTIVIDADES)

.Seguridad en Internet

(Ahsuejlo d creador de 'Ki-Iar', d primer virus informático español) (feX8}S3XQ;) (Fig. 5.57. Noticia publicada por el diario El País /www.elpais.com/ el l de julio de 2014.)Para los comercios on-line la seguridad se ha convertido en un asunto vital tanto por las informaciones confidenciales que se transmiten a través de la Red como por la confianza que deben proporcionar a sus visitantes.

La tienda on-line debe permanecer alerta constantemente y ofrecer garantías a los consumidores de que sus transacciones están protegidas, ya que estos son reacios a facilitar datos personales, contraseñas, números de tarjetas de crédito o cualquier otra información confidencial, puesto que temen que esta pueda ser interceptada y manipulada con malas intenciones, exponiéndose así a riesgos como el robo de identidad o el fraude.

Existen tecnologías destinadas a proteger a los clientes, autentificando los sitios web y mejorando el grado de confianza de los visitantes, distinguiendo los sitios auténticos de las falsificaciones que se puedan haber creado.

(Detenidos dos trabajadores por instalar unviruiusplaensu impresa)Entre las tecnologías destaca SSL y las Marcas de Confianza, que garantizan a los clientes la seguridad de una transacción y que el sitio web que visitan es auténtico.

SSL (Secure Sockets Layer) es el estándar mundial de seguridad en Internet. Cifra la información que se transmite por medio de la Red, protegiendo los datos, que, de otro modo, se podrían interceptar y manipular; es, además, compatible con los principales sistemas operativos, navegadores y aplicaciones web.

(oí)El papel de las Marcas de Confianza está ligado a la emisión de certificados, así cuando los usuarios ven el sello saben que pueden confiar en esa web y que sus transacciones son seguras.

Fig. 5.58. Noticia aparecida en el diario El País /www.elpais.corn/ el 27 de noviembre de 2013.

VOCABULARIO

Cookies. Pequeños archivos en los que el navegador almacena información del usuario para guardarlo de una sesión a otra.

Cuando un usuario accede a una página de Internet, esta deja una cookie en su sistema que se va llenando con información de los lugares por donde ha navegado, qué datos ha proporcionado a la Red, etc. No todas las cookies son maliciosas y algunos sitios web precisan de ellas para poder ofrecer sus servicios al usuario.

Riesgos en los sistemas informáticos

Los riesgos en los sistemas informáticos conectados a Internet se pueden clasificar según el objeto del ataque:

Robo de identidad

Un ladrón de identidad puede actuar en la búsqueda de diversos objetivos, como, por ejemplo, conocer los patrones de navegación del internauta y sus gustos e intereses para generar respuestas publicitarias con las que invadir al usuario con el fin de hacer negocio con él. El robo de identidad pretende capturar los datos de identificación del usuario para posteriormente cometer acciones ilegales en su nombre.

Virus, gusanos y troyanos -

Los virus informáticos (Fig. 5.57 y Fig. 5.58) tienen dos fines básicos: infectar a todos los equipos posibles de la forma más rápida y provocar la pérdida de información e incluso el deterioro del ordenador hasta dejarlo inoperativo.

Los virus modifican el sistema operativo o los programas, que se infectan a medida que se ejecutan en el sistema, camuflándose de diferentes maneras.

Los gusanos se replican a sí mismos en un crecimiento infinito que amplía los procesos ejecutados en la memoria de los sistemas. El sistema se va ralentizando poco a poco hasta ser casi imposible su adecuado manejo.

Los troyanos abren puertas para que los hackers puedan controlar el equipo informático sin el consentimiento del usuario con dos fines: conocer lo que se hace para robar las credenciales y la identidad, y operar directamente desde el propio equipo para realizar operaciones fraudulentas sin conocimiento del usuario.

La infección de troyanos suele tener lugar con la instalación de programas, aparentemente inocuos, que se descargan gratuitamente desde Internet, o mediante acciones asociadas a un correo electrónico o una página web en la que el usuario activa sin querer la infección al hacer clic en un determinado enlace o botón.

5 i»

(r-)U NI DADj ü

Spyware

El spyware es un pequeño programa que se introduce en el ordenador normalmente por un virus o un troyano y se dedica a recopilar la información que el usuariotiene en suequipo,

intentando capturaridentificaciones de usuarios y contraseñas, asícomootros datos.

El troyano envía losdatos por medio de Internet al ordenador delpiratainformático,queirá

recibiendo los datossin necesidad de moverse de su sitio.

Hackers y crackers

Los hackers se dedican a la búsqueda de agujeros en la seguridad para explotarlos y acceder a sistemas aparentemente seguros.

Los crackers vulneran los sistemas para realizar acciones delictivas, los hackers, en cambio, al menos en su origen, buscan más el prestigio personal de ser capaces de encontrar la manera de acceder sistemas altamente protegidos.

Phishing y estafas on-line

El phishing busca que sea el propio usuario quien proporcione sus datos de acceso y contraseña a determinados servicios, normalmente de tipo bancario, para posteriormente suplantar su identidad y realizar operaciones bancarias no autorizadas con sus cuentas.

Suele comenzar con un correo electrónico en el que argumenta problemas de seguridad u operaciones de mantenimiento del banco y solicita que se vuelva a confirmar los datos de acceso y contraseña en una página que suplanta la identidad de la entidad bancaria, con lo que el robo de credenciales queda efectuado.

Un método ligeramente más sofisticado combina acciones de troyanos sobre el fichero de Hosts para llevar al usuario a una página web que imita perfectamente la apariencia de la portada de la entidad bancaria en la que, al querer entrar, y sin ser consciente de ello, el usuario proporciona los datos de acceso a los piratas informáticos.

Spam

El spam, también llamado correo basura, es correo no deseado que se recibe en el buzón de correo electrónico.

La finalidad es doble: por un lado, tiene un objeto meramente publicitario y, por otro, los correos de spam suelen ser fuente de entrada de virus, troyanos e intentos de phishing, por lo que hay que tener especial cuidado con ellos.

Contenidos web inapropiados

(Busca información sobre Troyanos que hayan afectado durante los dos últimos años: nombre, a quiénes afectó, qué realizaba y cómo se eliminaba.De los siguientes tipos de riesgos informáticos, ¿cómo se denomina a cada uno según la acción que realiza?Colapsar la memoria del ordenador.Modificar el sistema operativo.) (c) Abrir puertas para que los hackers puedan controlar el equipo.)El redireccionamiento de páginas web o la aparición espontánea de ventanas (pop-ups) que conducen directamente a contenidos relacionados, por ejemplo, con el juego, desde páginas aparentemente inocuas es uno de los problemas más extendidos en la experiencia de navegación por Internet.

ACTIVIDADES

SÍNTESIS

(142)

(141)

Ficha del producto

>

Catálogo on-line

—> Estructuración

Características

Zona caliente

Zona de usuario

Ofertas y promociones

El carrito de la compra on-line

Gimp

(Mantenimiento de una página web (II)) (r)Inclusión de textos, imágenes y sonido

KompoZer

(Crear un bannerCaracterísticas de la publicidad) (Newsletters) (Servicios gratuitos) (Seguridad en InternetFlujos de caja y financiación de la tienda)Posicionamiento en redes sociales

r

Gestor de banners y publicidad

>

V

J

(COMPRUEBA TU APRENDIZAJE)Construir una página web eficiente para el comercio electrónico.

1. ¿Cómo se dividen los artículos en el catálogo?

2. ¿Crees que el teléfono del cliente debe aparecer en la zona de usuario?

3. En un mapa de color de una web, ¿en qué parte de la pantalla estará el color naranja?

4. En una página web de moda, ¿en qué grupo y subgrupo estaría Pantalón caballero corto?

5. ¿En qué zona de la página web se publicaría una promoción?

6. En el carrito de la compra, ¿deben aparecer los descuentos de las compras?

7. ¿Dónde se dirige por primera vez la mirada en una pantalla?

8. ¿En qué consiste el eye-tracking?

9. ¿En qué consiste un mapa de scroll?

10. ¿Cuál sería el grupo de una televisión Samsung Led UN- 48H6400AF?

11. ¿Por qué crees que las ofertas se colocan en la zona caliente?

12. ¿Es adecuado poner imágenes del producto en el carrito de la compra?

13. Si en el flujo de caja tienes más gastos que ingresos, ¿a qué puede ser debido?

14. ¿Es conveniente que la imagen del producto esté retocada?

15. ¿Con qué información se debe contar para elaborar un flujo de caja?

16. Cita dos ventajas del posicionamiento en redes.

17. Cita las dos opciones que tiene la promoción de contenido a través de redes sociales.

18. ¿A quiénes se reparte las newsletters?

19. ¿Cuáles son los fines de un virus informático?

20. ¿Cómo se denomina a la acción de pulsar sobre un ban- ner publicitario?

21. ¿Qué es la termografía?

Utilizar programas específicos de inclusión de textos, imágenes y sonidos.

22. ¿Qué se puede incluir en una página web? my webslfe

sil

&

lmage

-r¿XT

Imagc

foo-ter

23. En el programa KompoZer, ¿en qué formato se incluyen los archivos de sonido?

24. En el programa Amaya, sin contar con el menú Estilos, ¿con qué grupo de botones se puede aplicar formato al texto?

25. ¿Para qué se utiliza la etiqueta embed en el lenguaje HTML?

Trabajas en el comercio JUGUETERÍA SAN (calle Abetos, 340,

47009 Valladolid). Los artículos que se venden en la tienda son:

· Juguetes para niños de hasta 12 meses: peluche pony My Litt- le (16 euros/unidad), libro de actividades Peppa Pig (20 euros/ unidad), Peluche Pillow Pets Goliath (10 euros/unidad).

· Juguetes para niños de 12 a 24 meses: correpasillos Moltó (19 euros/unidad], triciclo BabyTwist (150 euros/unidad), triciclo vaquero (70 euros/unidad).

· Juguetes para niños de 24 a 36 meses: moda Barbie Mattel (4 euros/unidad), Correpasillos cross clásica Moltó rosa (21 euros/unidad), Correspasillos cross clásica Moltó (21 euros/unidad).

· Juguetes para niños hasta 4 años: Muñeca Lagoona Monster 13 Deseos Mattel, (10 euros/unidad), Muñeca Twyla Monster High 13 Deseos Mattel (10 euros/unidad), Muñeca Monster High Bruja (24 euros/unidad).

En estas fechas los productos en promoción son:

· Correpasillos Moltó (19 euros/unidad).

(PRÁCTICA FINAL) (UNIDAD)

(PRÁCTICA FINAL) (UNIDAD)

· Muñeca Twyla Monster High 13 Deseos Mattel (10 euros/unidad).

Cuestiones

1. Tienes que ordenar el catálogo on-line y diseñar la página web teniendo en cuenta las zonas calientes y las frías.

2. Crearás la página web con KompoZer, con un color verde de fondo y el nombre de la empresa en la parte superior de la página. En la página principal publica las imágenes de los juguetes que vende la empresa.

3. Crea una página en Wordpress con los datos de la empresa y los artículos, en esta página inserta en el lateral un widget con el número de visitas y coloca una imagen y un banner publicitario.

Pautas para resolver la práctica

· Para ordenar el catálogo de productos debes tener en cuenta los grupos y subgrupos posibles.

· Para diseñar la página web tienes que considerar la distribución de las zonas calientes y frías.

· Para diseñar el banner utiliza el programa Gimp.

· El banner incluirá el texto PRODUCTOS EN PROMOCIÓN sobre un fondo de color naranja.

<- C ñ 2 ftuchM^om//Jpüto/atuna-coco cafe/Qw©©#H

C*!ucí»i«rv

Fig. 5.4.

4.Elige el tema 8-BASE-BB.

5.Escribe los datos de la empresa.

6.Inserta también el e-mail para los pedidos.

3.Regístrate en la web de Terra.com (www.terra.com) rellenando el Registro de Usuario.

4.Eres el propietario del comercio on-line Fotos Alicia y quieres hacer ofertas a tus clientes: ¿Qué tipo de oferta estarías haciendo a tus clientes con las promociones siguientes?

a) Clientes VIP.

b) Bonos.

c) Agrupar productos.

educando© ímmotíó

Vamos a utilizar Gimp para aprender a editar imágenes.

Solución:

• u.!■'V-Hf„

*./*A*

a

a >t a c ✓

/aa.¿a

A&~4

Fig. 5.47. Web de Facebook para anunciarse.

Un aspecto muy importante que hay que considerar cuando se crea el perfil de la empresa en las redes sociales es contar con un contenido de calidad, informaciones actualizadas e interesantes sobre la organización: noticias, eventos, fotografías, promociones y espacios llamativos que ayuden a captar la atención del usuario de Internet. A través de la red social una gran cantidad de personas tendrá acceso a la información de la empresa de forma gratuita, esta podrá mostrar las ventajas de la marca, conseguir clientes potenciales y aumentar finalmente las ventas.

Otra ventaja de mantener información de calidad en un perfil es que buscadores como Google premian los contenidos que han tenido mayor trascendencia en las redes sociales. Las aplicaciones como Facebook son determinantes en el posicionamiento web y pueden convertirse en el mejor aliado para la página web de la empresa.

El posicionamiento en redes sociales tiene las siguientes ventajas:

· Conocer lo que los clientes piensan de la empresa y utilizar esos datos.

· Personalizar la respuesta a clientes concretos y no a segmentos de mercado.

9.Exporta el resultado al escritorio con el nombre BANNER.GIF, como archivo GIF, como Animación con 300 milisegundos y usando los Retrasos para todos los cuadros.