Tema de tu sitio web
¿De qué va a tratar tu sitio web? Eso suena un poco obvio, pero sabemos que en internet hay un montón de páginas
web y nosotros queremos resaltar la nuestra. Destacar tu página web de entre la otras puede ser la diferencia de
conseguir el éxito o de pasar desapercibida. Así que la pregunta que te tienes que formular a ti mismo es: ¿Cuál
será la razón por la que la gente visite my página web en lugar de las demás? Escribe todas las ideas que tienes y
ponlas en diferentes grupos. Hecha un vistazo a este directorio web para inspirarte.
Tu público
¿Quién quieres que visite tu página web? Escribe algunas características sobre el tipo de público que quieres que
visite tu página, por ejemplo: edad, género o clase social. También puedes tener en cuenta los intereses de este tipo
de público para que les llame la atención el tema de tu página web. I después también puedes utilizar la información
de tu público para tomar decisiones de diseño.
Tus objetivos
¿Que quieres que el público haga en tu página web? La finalidad de tu página web puede ser persuasivo o incluso
comercial, como por ejemplo vender productos o servicios.
El objetivo de tu sitio web va afectar también en el contenido y en el diseño.
Ahora que tienes los conceptos básicos listos - y te sientes seguro de ellos - trata de cumplirlos y no los cambies a
menudo para que el diseño de tu página web se mantenga constante. Aunque algunas funcionalidades web te
permiten editar fácilmente tu sitio web, un sitio sólido, va a dar a tu web más credibilidad y simplemente le ahorrará
tiempo.
En los siguientes puntos, vamos a hablar sobre todos los pasos que deberás dar durante el proceso de diseño, al
mismo tiempo que los explicaremos usando la herramienta de crear páginas web online .
Paso 1. Tu nombre de Dominio
Antes del proceso de diseño, deducimos que desearás proteger tu nombre de dominio. El registro de un nombre de
dominio es fácil y muy barato y no es necesario que compres tu dominio antes de terminar el diseño de tu web. Una
alternativa es la elección de una cuenta web que ya incluya un nombre de dominio gratuito, así que puedes empezar
a diseñar al mismo tiempo que adquieres tu dominio deseado.
BaseKit. Paso 1. Registra tu dominio
Puedes registrar tu propio domino en basekit desde £5. Sólo tienes que seleccionar el nombre de dominio y seguir
las instrucciones. Podrás tener tu propio dominio registrado en cuestión de segundos.
Paso 2. Haz un boceto de tu página de inicio
Empieza haciendo algunos bocetos a mano de estructuras de páginas iniciales (Home) o puedes también hacer
algunas maquetas en PowerPoint o Photoshop. La mayoría de las páginas web están estructuradas de la siguiente
forma:
Cabecera
La cabecera es la parte superior de la página. Asegúrate de poner toda la información importante (que coincide con
el tema de la web y los objetivos) en la cabecera, porque ésta es la primera cosa que tus visitantes verán cuando
lleguen en la página. Toda la demás información será visible sólo cuando los navegantes muevan la barra de scroll.
Una buena y funcional cabecera tiene una menú de navegación en la parte superior que muestra las páginas del
sitio web en que la gente puede navegar. A continuación, debajo de la barra de navegación se puede añadir texto,
una aplicación visual (como su logotipo) o también un botón que llame a la acción.
Cuerpo
El cuerpo de tu página web contiene toda la información sobre tus servicios, productos o experiencias. Intenta crear
bonitos balances entre imágenes y textos. El tiempo medio que los navegantes se paran a mirar la página es de 7 a
10 segundos, así que probablemente no leerán toda la información que la página contiene. Como todos sabemos
una buena imagen vale más que 1000 palabras.
Pie de página
El pie de página contiene toda aquella información que los navegantes puedan necesitar:
- contacto
- soporte
- etc.
El pie de página muchas veces también contiene links hacia a otras páginas de tu web, la cuales son menos
importantes que las que aparecen en la barra de navegación superior.
BaseKit. Paso 2
Paso 3. Escoge un creador de webs
Tienes más de una opción a la hora de hacer su página web. En primer lugar se puede usar HTML y CSS para crear
un sitio web desde cero, aunque muchas personas no tienen las habilidades para hacer su propia página web de esa
manera. La segunda opción es contratar a un diseñador web profesional. Esto es bastante caro - el precio de un sitio
web puede costarte unos £ 200. Trabajar con un diseñador de páginas web también puede llevar mucho tiempo, por
el hecho de que a menudo tendrá que hacer cambios en el diseño más de una vez. Los problemas mencionados se
pueden abordar con una nueva revolución de los constructores web que no requieren habilidades HTML / CSS ni la
ayuda de los diseñadores web profesionales.
BaseKit. Paso 3
Puedes registrarte a una cuenta BaseKit aquí . No hay nada que descargar o instalar. Una vez te has registrado, te
vas directamente a Cuadro de Mandos de BaseKit y ya puedes empezar el proceso de diseño de inmediato. Las
páginas web de BaseKit funcionan en todos los navegadores, pero el editor BaseKit funciona mejor en Google
Chrome o Firefox Mozilla. Ambos están disponibles para descargar de forma gratuita, en Mac y PC.
Cabecera
La cabecera es la parte superior de la página. Asegúrate de poner toda la información importante (que coincide con
el tema de la web y los objetivos) en la cabecera, porque ésta es la primera cosa que tus visitantes verán cuando
lleguen en la página. Toda la demás información será visible sólo cuando los navegantes muevan la barra de scroll.
Una buena y funcional cabecera tiene una menú de navegación en la parte superior que muestra las páginas del
sitio web en que la gente puede navegar. A continuación, debajo de la barra de navegación se puede añadir texto,
una aplicación visual (como su logotipo) o también un botón que llame a la acción.
Cuerpo
El cuerpo de tu página web contiene toda la información sobre tus servicios, productos o experiencias. Intenta crear
bonitos balances entre imágenes y textos. El tiempo medio que los navegantes se paran a mirar la página es de 7 a
10 segundos, así que probablemente no leerán toda la información que la página contiene. Como todos sabemos
una buena imagen vale más que 1000 palabras.
Pie de página
El pie de página contiene toda aquella información que los navegantes puedan necesitar: - contacto
- soporte
- etc.
El pie de página muchas veces también contiene links hacia a otras páginas de tu web, la cuales son menos
importantes que los que aparecen en la barra de navegación superior.
Paso 4. Escoge una plantilla
Algunos constructores web ponen a tu disposición plantillas web gratis para hacer más fácil tus primeros pasos en el
mundo de la creación de páginas web. Muchas de lasplantillas web ya disponen de cabecera, cuerpo y pie de
página, así sólo tienes que hacer cambios en el texto, imágenes y algunos contenidos dinámicos. Para escoger tu
plantilla sólo tienes que tener en cuenta algunos aspectos:
- El tema de tu página web. Las plantillas están creadas para temas específicos como fotografía, escuelas, tiendas,
etc. elegir uno de los temas relacionados con la plantillas es una opción valiosa, ya que no tienes que comprar ni
crear imágenes sino que puedes utilizar las de la plantilla.
- Su público. Piensa en los colores que desea utilizar para su página de inicio. Recuerde que debe mantener los
colores a juego con su tema, el público y objetivo. Una página web de una compañía financiera no va a tener colores
brillantes.
-Su objetivo. Algunas plantillas se centran en la venta de productos o servicios, mientras que otras se centran más
en la participación de su público. Su elección depende de si la plantilla es el objetivo de su sitio web. Así que debes
elegir una plantilla que se acerque a la estructura (croquis) que has creado para tu página web o una que coincida
con tu tema. Si necesitas inspirarte puedes echar un vistazo a nuestra selección de plantillas web para pequeñas
empresas e industrias.
BaseKit paso 4.
En el panel de control de BaseKit puedes encontrar dos opciones para empezar con tu página web:
1. Convertir tu propio archivo de Photoshop. Si tienes experiencia en diseño, puedes crear uno propio en un archivo
Photoshop preparado para BaseKit, y luego lo conviertes en una página web con BaseKit.
2. Utiliza uno de los sitio web de plantillas gratuitas. En este manual se utiliza un sitio web de plantillas gratuitas de
diseño ya que es la forma más fácil para empezar.
Cabecera
En la pestaña de páginas de la izquierda, puedes crear y navegar por las páginas creadas o plantillas. Puedes
cambiar el título de la página haciendo clic en el icono de configuración de páginas. Puedes importar tu propio
logotipo en formato JPEG o PNG. Para importar el logotipo, haz clic en la pestaña de imágenes (1) y luego haz clic
en Agregar Imagen. Arrastra el nuevo logotipo de la ficha de imágenes a tu diseño. Haz clic en el botón Vista Previa
para ver el aspecto del sitio.
Cuerpo
Puedes editar cualquier texto haciendo doble click en él. Corta y pega nuevo texto desde cualquier fuente de texto
directamente dentro de la herramienta de texto. Selecciona el texto y luego aplica un nuevo estilo global usando la
herramienta del menú Estilo. Podrás cambiar las imágenes de la misma manera que lo has hecho con el logotipo.
Pie de página
Puedes agregar columnas al pie de página para poder clasificar los vínculos de la página. Arrastra la herramienta de
columna desde la pestaña de herramientas al pie de página. Puedes modificar la cantidad de columnas haciendo
doble clic en la columna. Ahora puedes arrastrar las cajas de texto desde la pestaña de herramientas hacia dentro
de las columnas y empezar a crear los nombres de las páginas. Para agravar linos al texto, haz doble click en la caja
de texto, selecciona el texto y pulsa el botón añadir enlace.
Paso 5. Añade contenido dinámico y otras herramientas.
Algunas de las características más solicitadas para crear sitios web son los mapas de Google, los formularios y la
integración de los medios de comunicación social. Añada mapas de Google a su sitio web para mostrar, por ejemplo,
la ubicación de su empresa y las horas de apertura. Crear formularios de contacto para capturar las preguntas de su
público o clientes potenciales. Crear también conversaciones con sus clientes mediante la vinculación de su sitio
web y Twitter.
BaseKit paso 5.
Pie de página
Puedes agregar columnas al pie de página para poder clasificar los vínculos de la página. Arrastra la herramienta de
columna desde la pestaña de herramientas al pie de página. Puedes modificar la cantidad de columnas haciendo
doble clic en la columna. Ahora puedes arrastrar las cajas de texto desde la pestaña de herramientas hacia dentro
de las columnas y empezar a crear los nombres de las páginas. Para agravar linos al texto, haz doble click en la caja
de texto, selecciona el texto y pulsa el botón añadir enlace.
Paso 5. Añade contenido dinámico y otras herramientas.
Algunas de las características más solicitadas para crear sitios web son los mapas de Google, los formularios y la
integración de los medios de comunicación social. Añada mapas de Google a su sitio web para mostrar, por ejemplo,
la ubicación de su empresa y las horas de apertura. Crear formularios de contacto para capturar las preguntas de su
público o clientes potenciales. Crear también conversaciones con sus clientes mediante la vinculación de su sitio
web y Twitter.
BaseKit paso 5.
Añade mapas de Google.
Haga clic en Sobre Nosotros pra ir a la página de Sobre Nosotros.
Haga doble clic en el mapa para abrir el panel de mapas de Google (1).
La herramienta del mapa se puede centrar en cualquier lugar mediante la introducción de una dirección en el campo
Buscar Dirección (2) y luego hacer clic en Aceptar. Arrastre y suelte un marcador para hacer que la localización sea
fácil de detectar (3).
Configurar un formulario
Un formulario de contacto permite a las personas ponerse en contacto sin tener que publicar su dirección de correo
electrónico.
Haga doble clic en el formulario (1) para abrir el panel de configuración de formulario. Escriba su dirección de correo
electrónico en el campo de correo electrónico (2) y haga clic en el botón OK al lado del campo. Haga clic en el botón
de cierre (3).
Haga clic en el botón de diseño (1) y haga doble clic en el formulario (2). Haga clic en la ficha de datos (3) Los datos
escritos en el formulario serán visibles en el panel.
Los datos serán enviados a su correo electrónico.
Twitter. Agregar su propio twitter
Haga doble clic en el feed de Twitter (1) y luego escriba su nombre de usuario de Twitter en el campo de búsqueda
(2) y haga clic en Aceptar.
El Twitter se actualizará unos segundos más tarde. Incluso puede compartir el progreso de su sitio a través de
Facebook y Twitter, al final hacer un sitio web es divertido y vale la pena compartir.
Paso 6. Optimice su sitio web
Ahora tu diseño está listo. Pero seguramente quieres que la gente encuentre tu sitio web de forma fácil y rápida, y la
mejor manera de hacerlo es mediante la optimización de su sitio para los motores de búsqueda, como Google y
Yahoo. Llamamos a esta optimización de motores de búsqueda (SEO). Al optimizar su sitio web permites que los
motores de búsqueda sepan qué palabras clave (palabras que la gente busca en Google) coinciden con el tema
web.
Una vez que haya decidido las palabras clave puede incluir los del título, la descripción y la sección de palabras
clave de su sitio. Para obtener más información sobre cómo hacer el diseño de su 'SEO' leer más aquí.
BaseKit paso 6.
Usted puede cambiar las palabras clave, descripciones de meta y los títulos de página en la sección de
configuración de página de su sitio web. Haga clic en el icono de configuración de páginas en la pestaña de Página,
aquí se puede cambiar el título de la página, este es el nombre de la página que aparecerá en el panel de selección
en el editor del sitio. En la pestaña de SEO puede añadir palabras clave (separadas por comas) y la descripción de
su página.
Usted puede publicar su sitio en cualquier momento haciendo clic en el botón Publicar.
