Construcción de formularios II

Construcción de formularios II

por | Ene 4, 2018 | HTML, WEB Y TECNOLOGÍA

Siguiendo con la construcción de un formulario web desde cero, aquí traemos la segunda parte de la entrada.

El atributo permite especificar a qué formulario pertenece el campo que se está solicitando especificando el atributo identificador del formulario. De esta forma se puede situar un campo incluso fuera del formulario, pero indicando que pertenece a un formulario concreto, de manera que cuando los datos son enviados, se envía también el dato situado fuera del formulario.

La sintaxis del atributo es la siguiente:

 

El atributo permite especificar una URL distinta de envió, sobrescribiendo la que aparece en el atributo action, del formulario. De esta forma es posible situar diferentes botones de envió de formulario, enviando los datos a diferentes sitios según se pulse un botón u otro.

El atributo se ha de utilizar cuando el atributo type, del campo tenga un valor submit, o image.

La sintaxis es esta:

El atributo permite especificar como han de ser codificados los datos del formulario, cuando este sea enviando. Se aplica solo a botones de formulario de tipo submit o image. Solo se debe utilizar cuando el atributo method, tiene asignado un valor “POST”. El atributo sobrescribe el método de envió del formulario, permitiendo enviar según el botón de envió que se pulse con un método de codificación diferente a distintos sitios.

Existen diferentes valores para el atributo:

Valor Descripción
application/x-www-form-urlencoded Es el valor predeterminado por defecto. Todos los caracteres son codificados, los espacios en blanco son convertidos en símbolos “+”, y los caracteres especiales, convertidos a sus valores hexadecimales en ASCII.
multipart/form-data Los datos no son codificados, se ha de utilizar cuando se envíen archivos asociados al formulario, con el control de carga de archivos.
text/plain Los datos son codificados, convirtiendo los espacios en blanco en símbolos “+”, mientras que los caracteres especiales no son convertidos.

Quedando así:

< input type=”submit|image” formenctype=”valor” >

El siguiente ejemplo muestra el uso del atributo en un formulario, que solicita un archivo de tipo imagen.

Construcción de formularios I

Construcción de formularios I

por | Dic 14, 2017 | HTML, WEB Y TECNOLOGÍA

Los formularios permiten que el usuario pueda introducir datos en el documento web para posteriormente enviarlos y tratarlos en el servidor, almacenarlos en una base de datos, interactuar con el usuario etc.

A la hora de crear formularios de cero hay ciertas etiquetas y valores que deberán contener. Comenzando por lo más básico, la etiqueta <form>, es la que permite definir el formulario de datos, crea un contenedor dónde se albergarán las propiedades y elementos del formulario.

Un formulario suele está constituido por varios elementos de entrada de datos,  como campos de texto, casillas de verificación, botones de radio, listas de selección, areas de texto, etc. Y por supuesto, al menos un elemento de envío.

Vamos a ver la sintáxis básica de un formulario:

Este atributo permite establecer el conjunto de caracteres que ha de utilizar el formulario para el envió de información al servidor. Si no se establece el atributo se toma por defecto el valor “UNKNOWN” (“Desconocido”), el cual aplica el conjunto de caracteres que tenga aplicado el documento web.

La sintaxis para definir esta etiqueta con el atributo accept-charset es la siguiente:

Los conjuntos de caracteres que más se suelen utilizar son UTF-8 y ISO8859-1, que se corresponden con la codificación Unicode y el juego de caracteres para el alfabeto Latín.

El atributo permite especificar donde han de ser enviado los datos del formulario, cuando este es enviado.

Normalmente suele ser un documento web, escrito en un lenguaje de programación de servidor, el cual se encarga de procesar los datos.

Se ha de especificar la ruta relativa o absoluta al recurso encargado de procesar la información.

La sintaxis de la etiqueta con el atributo es la siguiente.

 

El atributo especifica que el formulario pueda utilizar las entradas de datos anteriores que pueda haber realizado el usuario, para autocompletar los campos que son solicitados por el formulario.

Se puede establecer como valores posibles on, que indica la activación. Y off, indicando que el auto completado estaría desactivado.

Si se establece el valor del atributo como activado, se pueden indicar campos del formulario como desactivados y viceversa.

La sintaxis del atributo es la siguiente.

Hojas de estilo

Hojas de estilo

por | Nov 21, 2017 | CSS, WEB Y TECNOLOGÍA

La técnica más básica de incorporar estilos CSS a un documento HTML es asignar los estilos dentro de las etiquetas mediante el atributo style.

Como ejemplo, en un HTML que contiene el elemento <p> vamos a modificarlo con el atributo style, incluyéndole los valores “font-size: 15px” y “color: #3333”. Estos estilos cambiarán el tamaño por defecto del texto y su color, dentro del elemento <p> a un nuevo tamaño de 15 píxeles y un color gris.

<p style=”font-size:15px; color:#3333333;”></p>

Esta técnica, sirve para probar estilos de manera rápida, y comprobar su funcionalidad, pero no es recomendable su uso en el documento final.

Esto nos supondría escribir y repetir cada estilo en cada uno de los elementos a modificar, incrementando el tamaño del documento y dificultando la labor de mantenimiento y actualización de la web.

A la hora de incluir contenido o modificaciones en nuestras etiquetas emplearemos las hojas en cascada o CSS, que incluiremos en cada página mediante una referencia, utilizando la línea  <link rel=”stylesheet” href=”style.css”>

De esta forma, le diremos al navegador que cargue el archivo style.css, que contendrá todos los estilos necesitados para mostrar el documento en pantalla.

La etiqueta <link>referenciando el archivo CSS será insertada en cada uno de los documentos que requieren de esos estilos.

Cotenido Web en Marketing y sus tipos de blog

Cotenido Web en Marketing y sus tipos de blog

por | Ago 21, 2017 | WEB Y TECNOLOGÍA

En muchas ocasiones nos encontramos con contenido interesante, participativo y de alto conocimiento en blogs no especializados o poco orientados a nuestro sector. Por el contrario, en otras ocasiones damos con un blog pequeño pero con gran potencial gestionado por una sola persona, que se pasa horas informando y publicando para compartir su conocimiento.  Hoy os traemos 3 diferentes tipos de blogs que hay por las redes y como identificarlos.

Tipos de Blog

Blog de tráfico:

Este tipo de blog se caracteriza por la cantidad de noticias de diferentes sectores que auna bajo un  mismo dominio. Suele estar gestionado por Bloggers o empresas que la mayoría de las veces buscan únicamente la monetización o el branding como estrategia.

  • Pros:
    • Alto volumen de tráfico.
    • Búsqueda de la keyword con tráfico.
  • Contras:
    • Alto rebote.
    • Bajo engagement (blog de paso).
    • Gran número de banners con anuncio, orientado al «click to action».
    • Normalmente desciende con cada nueva actualización de los buscadores por la escasa orientación hacia el usuario.
    • Lenta o nula respuesta a preguntas de los usuarios.

Blog de Engagement:

Suelen ser blogs de auténticos fans y apasionados de sus temáticas, gestionado por personas del sector con alta motivación al aprendizaje y a crecer junto con su comunidad. La motivación suele ser personal y  no económica.

  • Pros:
    • Alta calidad de contenido.
    • Bajo rebote.
    • Alta suscripción al blog  o las newsletters.
    • Alta participación por parte de los seguidores.
    • Branding de la marca.
    • Rápida respuesta a preguntas de los usuarios.
    • Fidelización de la comunidad.
    • Alta frecuencia de creación de contenidos.
  • Contras:
    • Poco tráfico al principio y de crecimiento lento.
    • Gran competencia en las temáticas y los sectores.
    • Obligación de mantener la alta frecuencia de creación de contenidos que puede derivar en ocasiones, en contenido de menor calidad.

Blog de Empresas especializadas:

Empresas con un equipo bien preparado y con conocimientos de redacción y la temática bastante elevados.  La motivación suele ser el branding y el crecimiento de la marca, no buscan la monetización mediante anuncios.

  • Pros:
    • Alta calidad de contenido.
    • Bajo rebote.
    • Buena suscripción al blog  o las newsletters de usuarios con altos conocimientos sobre la temática.
    • Buena participación por parte de los seguidores.
    • Branding de la marca.
    • Rápida respuesta a preguntas de los usuarios (dentro de su horario laboral).
    • Engagement y fidelización con la marca.
  • Contras:
    • Poco tráfico al principio y de crecimiento lento.
    • Gran competencia de sus los sectores.
    • Suelen tener poca variedad de temáticas.
    • No siempre escribe la misma persona.
    • Frecuencia media de creación de contenidos.

Lo ideal y a lo que la tendencia nos va llevando es a la creación de blogs de alta calidad y menor frecuencia, ya no es tan importante la cantidad de información generada, como la calidad de la misma.

¿Quieres tener tu propio blog?

Te ayudamos a diseñar un blog en función de tus necesidades y expectativas.

MAS INFORMACIÓN AHORA
Generación de contraseñas en SQL Server

Generación de contraseñas en SQL Server

por | Oct 26, 2016 | SQL, WEB Y TECNOLOGÍA

Os dejo una función para generar passwords aleatorios de texto de diferentes longitudes, se puede modificar fácilmente para que sólo genere números, símbolos, etc..

CREATE VIEW myRndNumber
AS
SELECT Rand() AS Random

CREATE FUNCTION [dbo].[fnGenerateRandomText]
(
-- Add the parameters for the function here
@Length int
)
RETURNS nvarchar(100)
AS

BEGIN

DECLARE @RandomID varchar(32)
DECLARE @counter smallint
DECLARE @RandomNumber float
DECLARE @RandomNumberInt tinyint
DECLARE @CurrentCharacter varchar(1)
DECLARE @ValidCharacters varchar(255)
SET @ValidCharacters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-=+&$'
DECLARE @ValidCharactersLength int
SET @ValidCharactersLength = len(@ValidCharacters)
SET @CurrentCharacter = ''
SET @RandomNumber = 0
SET @RandomNumberInt = 0
SET @RandomID = ''

SET @counter = 1

WHILE @counter < (@Length + 1)

BEGIN

SET @RandomNumber = (SELECT TOP 1 Random FROM myRndNumber)
SET @RandomNumberInt = Convert(tinyint, ((@ValidCharactersLength - 1) * @RandomNumber + 1))

SELECT @CurrentCharacter = SUBSTRING(@ValidCharacters, @RandomNumberInt, 1)

SET @counter = @counter + 1

SET @RandomID = @RandomID + @CurrentCharacter

END

RETURN @RandomID
END

Para utilizar esta función simplemente habría que llamarla de la siguiente forma:

DECLARE @clave as varchar(10)

set @clave = dbo.[fnGenerateRandomText](10)

Print @clave
Metodología Inbound Marketing; El camino hacia la venta

Metodología Inbound Marketing; El camino hacia la venta

por | Jun 12, 2016 | WEB Y TECNOLOGÍA

El mayor objetivo de cualquier empresa es conseguir nuevos leads, para ello se emplean toda clase de fórmulas, unas funcionan mejor y otras peor.

Pero lo que sí es cierto, es que en el basto espacio de internet, cada vez hay más Leads esperando a llamar a nuestra puerta, aunque no todos consiguen encontrar el camino. El exceso de información y la competencia continuada, hacen de este objetivo algo difícil de alcanzar.

Por esa razón, nuestros esfuerzos tienen que estar cada vez más localizados y segmentados, para no malgastar tiempo y recursos en un público que no es el nuestro.

Es mediante el Inbound Marketing dónde podemos conseguirlo.

Pero, ¿qué es Inbound Marketing?

El Inbound Marketing es una metodología de trabajo que busca impactar en nuestro público objetivo, mediante estrategias de marketing que aporten valor y ofrezcan una experiencia agradable en cada impacto.

Sólo podremos conseguir esto, si antes hacemos un análisis de nuestro target, conocer sus gustos, preferencias, necesidades y objetivos será esencial para crear un vínculo con él. De esta forma podremos darle solución a sus necesidades cuando más lo requiera.

¿Cómo alcanzar el éxito?

Comenzaremos por desarrollar el análisis de nuestro target, que nos servirá como base para el desarrollo de nuestra estrategia, pues dependiendo de los gustos o aficiones de nuestro público objetivo, orientaremos nuestra estrategia de Inbound Marketing a cubrir sus exigencias.

Una vez encontrado nuestro target comenzaremos a crear nuestro buyer persona.

¿En qué trabaja? ¿Cómo se siente? ¿Dónde vive? ¿Qué temas le interesan? ¿Quién y qué le influye? ¿Cómo consume contenidos? ¿En qué canales? ¿Qué puedo aportarle? ¿De cuánto tiempo dispone para consumir contenido? ¿Cuáles son sus retos diarios?

Con este primer análisis de la buyer persona identificamos cuáles son sus problemas y necesidades, de modo que sepamos cómo se mueve a través de internet.

Podemos hacer uso de diferentes canales de atracción como contenido propio, redes sociales, SEO, SEM… Cualquier medio vale si nuestro público está en él.

Con la estrategia que estamos creando, no nos interesa atraer a todo el mundo. Sólo a nuestros futuros clientes. Tendremos que ponernos en la piel de nuestro buyer persona y usar las palabras clave que él usaría, de esta forma, sólo tendremos que trabajar sobre estas 6 u 8 palabras clave, y posicionar nuestro contenido en el medio que más pueda alcanzarle.

Es altamente probable, que la primera búsqueda de nuestro público sea genérica, busque información sobre el producto o servicio que estamos ofreciendo, pero no tenga todavía intención de compra. Es por ello que deberemos dar respuesta a su curiosidad aportando toda la información posible.

En este primer contacto lo importante no es nuestro producto, sino resolver su problema, ayudarle con su falta de información. Buscamos aportar valor al usuario y convertirnos en referente para él.

¿Cómo alcanzar la conversión?

Gracias a un contenido completamente orientado a nuestro target, hemos conseguido captar su atención y darnos a conocer. Ayudarle a resolver su duda ha sido el primer acercamiento a nuestra venta, pero todavía queda camino.

Podemos impactar al usuario aprovechando la visita a nuestra web mediante el remarketing, desarrollaremos campañas específicas según las páginas visitadas o el tema a tratar, es indispensable que cuando el usuario se sienta tentado por nuestro anuncio, haya una página de aterrizaje que termine de captarle.

Es casi tan esencial que la Landing Page esté bien constituida como el medio por el que le hemos captado. Todo debe ir en consonancia para que, durante todo el proceso de conversión de un usuario anónimo a cliente, sienta que en todo momento está navegando de manera fluida por el mismo sitio.

Para ello no puede faltar un buen formulario de captación, conciso y visible, que nos aporte mayor información del usuario y podamos empezar a ponerle cara.

También podemos hacer uso de Call To Action en nuestras entradas de blog, que permitan al usuario que facilite sus datos, recibir una mayor información sobre el tema que está investigando, como libros, vídeos o PDFs.  Dependiendo del contenido que vayamos a darle podremos pedir más o menos datos, cuanto mejor sea el valor que aportemos al usuario más facilidad tendremos de acceder a sus datos.

De la conversión a la venta

Alcanzada ya la confianza con él, podemos comenzar a trabajar en nuestro CRM con los datos que nos ha facilitado. Haremos un análisis del usuario, de su navegación, reincidencias y contactos, así sabremos cuál es el medio más efectivo para alcanzar nuestra meta, y lo que es más importante, cuál será la frecuencia correcta para cada impacto.

Por ejemplo, en el envío de email marketing podemos impactarle pasadas 36 horas de la visita a nuestra web, si según nuestros análisis es el momento en el que se encontrará más receptivo. Podemos llegar a él de manera muy sutil enviándole información adicional o invitándole a alguna formación, feria, evento; y finalmente ofreciéndole una prueba gratuita del producto.

Si hemos llegado hasta aquí, nuestro lead se encontrará muy caliente y preparado para la compra.

¿Y ahora qué?

Nos ha costado pero al final lo hemos conseguido, no basta con conformarse con un cliente satisfecho debemos buscar su fidelización, que nos recomiende, que se acuerde de nosotros, que vuelva a comprar.

La única forma de conseguirlo es seguir ofreciendo contenido nuevo y de calidad relacionado con sus intereses. Acompañarle en sus actividades para saber qué cambia en su día a día, realizar encuestas, mantener una relación en sus Redes Sociales…

¿Quieres tener tu propio blog?

Te ayudamos a diseñar un blog en función de tus necesidades y expectativas.

MAS INFORMACIÓN AHORA