Cómo crear una página web en sencillos pasos

La construcción de tu propio sitio web puede sonar como una tarea desalentadora, especialmente si no tienes ninguna experiencia previa de diseño web. Si bien es cierto que, si necesitas un sitio muy grande o complejo, sin duda querrás trabajar con un profesional de la web experimentado, pero la realidad es que para muchos sitios más pequeños y básicos, ¡puedes ser capaz de saber cómo crear una página web tu mismo!

Estos siete pasos te ayudarán a guiarte para cómo crear una página web.

PASO 1: Alojar tu sitio

El alojamiento web es como un alquiler para su sitio web, incluyendo las páginas, imágenes, documentos y otros recursos necesarios para mostrar ese sitio. Alojamiento web utiliza un servidor web, que es donde se ponen los recursos de sitio web para que otros puedan acceder a través de la web. Podrás construir un sitio web totalmente funcional en tu ordenador personal, pero si deseas que otras personas puedan verlo, tendrás que usar un host web.
Hay varios tipos de opciones de alojamiento web que puedes elegir, y mientras que muchos nuevos diseñadores web gravitarán a web hosting gratuito, puede haber inconvenientes significativos a los servicios sin costo, incluyendo:

  • Es posible que obtenga menos espacio en el servidor donde se almacenarán sus páginas. Dependiendo del tamaño de su sitio y los recursos que necesita (vídeo, audio, imágenes, etc), ese espacio de almacenamiento puede no ser suficiente.
  • Es posible que tenga que publicar anuncios en su sitio.
  • Puede haber límites de ancho de banda que podrían ser demasiado restrictivos si obtiene mucho tráfico. En algunos casos, si excede su límite mensual, puede incluso desactivar su sitio.
  • A veces hay limitaciones en los tipos de contenido que puede poner en un proveedor de alojamiento gratuito. Por ejemplo, algunos no permiten sitios web de comercio electrónico.
  • Algunos proveedores de alojamiento gratuito se unen a las tarifas de mantenimiento y renovación de sus cuentas “gratuitas”.

Asegúrate de leer toda la letra pequeña antes de poner su sitio web en cualquier host.

Proveedores de alojamiento gratuito puede llegar a ser lo suficientemente bueno para las páginas web de prueba o para muy básicos, sitios web personales, pero para los sitios más profesionales, debe esperar a pagar por lo menos una tarifa nominal para ese servicio.

PASO 2: Registrar un nombre de dominio

Un nombre de dominio es una URL amigable que las personas pueden escribir en su navegador para llegar a su sitio web. Algunos ejemplos de nombres de dominio incluyen:

  • Webdesign.about.com
  • Whitehouse.gov
  • Pumpkin-king.com

Un nombre de dominio proporciona una marca valiosa para su sitio y facilita que la gente recuerde cómo llegar a ella.

Los nombres de dominio suelen costar entre $ 8 y $ 35 al año y pueden registrarse en varios sitios en línea. En muchos casos, puede obtener el registro de nombres de dominio y los servicios de alojamiento web del mismo proveedor, lo que facilita su uso ya que estos servicios están ahora contenidos en una sola cuenta.

PASO 3: Planear tu sitio web

Al planificar su sitio web, tendrás que tomar una serie de decisiones importantes:

  • El tipo de sitio que necesitas. Se trata de una noticia o sitio informativo, un sitio para una empresa o servicio, un sitio sin fines de lucro o causado, una tienda de comercio electrónico, etc Cada uno de estos tipos de sitio tiene un enfoque ligeramente diferente que influirá en su diseño.
  • Diseño de navegación: la forma en que los usuarios se moverán alrededor de tu sitio afecta a su arquitectura de información, así como a la usabilidad general de ese sitio. Planea hacia fuera las páginas de un sitio, crea un sitemap, y desarrolla una estructura de navegación.
  • Contenido: Como dice el refrán, “el contenido es rey” en línea. La calidad del contenido de tu sitio jugará un papel importante en tu éxito. El contenido es todo lo que contienen sus páginas, como texto, imágenes, vídeo y más. Antes de comenzar a diseñar o crear páginas, debe tener una estrategia clara para el contenido que contengan esas páginas.

PASO 4: Diseño y construcción de tu sitio web

Esta es fácilmente la parte más compleja del proceso de creación de páginas web y hay una serie de temas a tener en cuenta en esta etapa, entre ellos:

  • Conceptos básicos de diseño: Los elementos de un diseño bueno y apropiado y cómo usarlos en sitios web.
  • Aprendizaje HTML: HyperText Markup Language o HTML son los bloques de construcción de una página web. Si bien hay muchas plataformas por ahí que codifican HTML de una página, lo hará mejor y tendrá mucha más flexibilidad y control si aprendes los conceptos básicos de HTML.
  • Aprendizaje de CSS: Las hojas de estilo en cascada dictan la apariencia de las páginas web. Aprender CSS le ayudará a cambiar la apariencia visual de un sitio para que coincida con las necesidades de diseño de un proyecto.
  • Editores de Páginas Web: Diferentes editores le permitirán realizar diferentes cosas. HTML y CSS se pueden escribir en editores de texto simples, como el Bloc de notas, o pueden utilizar software como Adobe Dreamweaver para obtener alguna ayuda con las páginas que está creando. También puede decidir utilizar un sistema de gestión de contenido para crear y alimentar su sitio web.

Paso 5: Publicar tu sitio web

Publicación de tu sitio web es una cuestión de obtener las páginas que creaste en el paso 4 hasta el proveedor de alojamiento que configuraste en el paso 1.

Puede hacerlo con las herramientas propietarias que vienen con su servicio de alojamiento o con un software FTP (File Transfer Protocol) estándar. Saber que puedes utilizar depende de tu proveedor de alojamiento, pero la mayoría de los proveedores deben tener soporte para FTP estándar.

Ponte en contacto con el proveedor de alojamiento si no está seguro de lo que hacen, y no lo hacen, el apoyo

Paso 6: Promover tu sitio web

Una de las maneras más deseables de promover su Web site es con la optimización del Search Engine o SEO. Esto se debe a que permite que su sitio sea encontrado por personas que buscan la información, servicios o productos que ofrece su sitio.

Querrás construir tu contenido web para que sea atractivo para los motores de búsqueda. Además, querrás asegurarte de que su sitio en su totalidad se ajuste a las mejores prácticas de los motores de búsqueda.

Otras maneras de promover su sitio incluyen: palabra de la boca, usando la comercialización del email, medios sociales, y formas más tradicionales de la publicidad.

Paso 7: Mantenimiento de tu sitio web

El mantenimiento puede ser la parte más tediosa del diseño del sitio web, pero para mantener su sitio funcionando bien y verse bien, necesita atención y mantenimiento regulares.

Es importante probar tu sitio mientras lo está construyendo, y luego de nuevo después de que ha estado vivo durante un tiempo. Los nuevos dispositivos se actualizan en el mercado todo el tiempo y los navegadores están siempre actualizando con nuevos estándares y características, por lo que las pruebas regulares asegurarán que su sitio continúe funcionando como se esperaba para esos diferentes dispositivos y navegadores.

Además de las pruebas regulares, debes producir nuevos contenidos sobre una base regular. No se limite a apuntar a “más” contenido, sino que se esfuerza por crear contenido único, oportuno y relevante para el público al que desea atraer.

Comprender el marketing digital en Asia

Cada país, cada cultura, cada lengua tiene sus propias especificidades. No existe una estrategia eficaz de e-marketing global: siempres tienes que adaptarte.

Asia en los últimos años se ha convertido en un mercado clave para las empresas occidentales debido a la continua modernización de estos países. Todo el mundo ahora sabe que el e-marketing es la clave para el éxito de un negocio que desea mejorar su visibilidad entre las poblaciones asiáticas. El asiático es ahora considerado un consumidor globalizado y utiliza cada vez más Internet para buscar información, queriendo crear comunidades en línea.

Nuevas estrategias de marketing aparición

Las tendencias de consumo están cambiando y las empresas necesitan adaptarse a estos cambios. El e-marketing consiste en todas las técnicas de marketing utilizadas por las empresas a través de Internet  y por varios medios, tales como SEO, Social Media o gestión comunitaria. Estos servicios ayudan a las empresas a atraer nuevos clientes. Por ejemplo, Asia le da mucha importancia a la cultura, ellos tienen gustos, hábitos y costumbres totalmente diferentes a los del occidente. Es por eso que no pueden ser atraídos por los mismos productos o por los mismos comerciales.

Un gran desafío para las marcas de lujo

Los asiáticos (clientes altamente apreciados en el sector de lujo) son las personas que tienen los mayores gastos relacionados con la compra de bienes de lujo. El mercado de lujo ha crecido considerablemente, especialmente en China.

Notarás que las marcas de lujo como Luis Vuitton y Chanel son muy activas en las redes sociales y han logrado reunir a un gran número de usuarios de Internet, llamados comunidad. Weibo y WeChat son las dos principales redes sociales en Asia y sirven como soporte de marketing para estas marcas. Así, las marcas de lujo, en su estrategia digital, buscan democratizar su relación y acercarse a sus consumidores, especialmente a través de la pantalla.

E-Marketing y viajes

Los chinos están viajando cada vez más al exterior, porque el nivel de vida aumenta con los aumentos de salarios anuales. Además, notamos que la competencia en cómo atraer turistas chinos de la mejor manera se está haciendo más fuerte. E-commerce está creciendo con las nuevas técnicas de e-marketing implementadas por agencias de viajes. Los chinos aman los paquetes de viaje de lujo. Es por eso que las empresas ofrecen circuitos listos que se explican en sus respectivos sitios web. Los chinos tendrán más confianza en reservar por Internet un viaje después de leer diferentes foros.

Finalmente, es aconsejable para las empresas a establecerse en Asia a tener necesariamente una estrategia de marketing enfocada en el mundo digital. Esto es esencial para lanzar con éxito en su negocio. Sólo en China, 591 millones de personas están conectadas a Internet. ¡No espere y esté presente en las redes sociales! Si usted está listo para embarcarse en la conquista del mercado asiático, es tiempo para que usted traduce su sitio como debería.

Cómo visualizar páginas web HTML antes de publicarlas

Muchas personas no se dan cuenta de que cuando construyes una página Web en tu computadora, no tienes que publicarla en un servidor Web para poder verla. Cuando visualices una página Web en tu disco duro, todas las funciones relacionadas con el navegador (como JavaScript, CSS e imágenes) deberían funcionar exactamente igual que en tu servidor Web. Así que probar tus páginas web en los navegadores web antes de ponerlo en vivo es una buena idea.

CÓMO PROBAR TUS ARCHIVOS EN TU DISCO DURO
Construye tu página web y guárdala en tu disco duro.

Abra tu navegador Web y vaya al menú Archivo y elija “Abrir”.
Ves al archivo que guardó en tu disco duro.

TESTEA PROBLEMAS
Hay algunas cosas que pueden fallar al probar tus páginas Web en tu disco duro en lugar del servidor Web. Asegúrate de que tus páginas están configuradas correctamente para las pruebas:

Utilice rutas absolutas totalmente calificadas para los enlaces. Puede utilizar las rutas relativas a la página para tus enlaces, pero la mejor manera de probar los vínculos antes de que una página esté en vivo es utilizar la ruta completa de la página a la que está enlazando. En otras palabras, incluya el nombre de dominio en tus vínculos.
Utiliza las rutas relativas a la página para tus imágenes. Si bien puedes utilizar la URL completa de tus imágenes, si la página que está probando es nueva, es probable que tus imágenes no se suban al servidor más que el HTML. Mediante el uso de rutas de acceso a imágenes que son relativas a la página actual, se mostrarán cuando pruebes el archivo en tu disco duro.
Compruebe las rutas a tus archivos externos CSS y JavaScript. No hay una buena regla para usar las direcciones URL de ruta completa o de ruta relativa para scripts y archivos CSS, depende de tu sitio y de lo que funciona mejor para ti. En tu lugar, debes comprobar que cualquier archivo que está señalando tiene la información más actualizada. Por ejemplo, si publica una URL de ruta completa para tu CSS, tendrá que cargar ese archivo en tu servidor cuando pruebe.

ASEGÚRATE UNA PRUEBA EN VARIADORES MÚLTIPLES
Una vez que haya navegado a tu página en un navegador, puede copiar la URL de la barra de ubicación en el navegador y pegarlo en otros navegadores en el mismo equipo. Cuando construimos sitios en nuestras máquinas Windows, probamos las páginas en los siguientes navegadores antes de cargar nada:

  • Internet Explorer
  • Ópera
  • Firefox
  • Safari
  • Cromo

Una vez que estés seguro de que la página se ve correctamente en los navegadores que tienes en tu disco duro, puedes cargar la página y probarla de nuevo desde el servidor Web. Una vez cargado, debew conectarte a la página con otros equipos y sistemas operativos o utilizar un emulador de navegador como BrowserCam para realizar extensas pruebas.

Conoce el protocolo HTTPS ¿Por qué utilizar un sitio web seguro?

Si vas a lanzar una tienda en línea o un sitio Web de comercio electrónico, querrás asegurarte de que los clientes que dan información en ese sitio, incluido su número de tarjeta de crédito, se maneja con seguridad. Para ello, su sitio necesitará utilizar el protocolo HTTPS – o HyperText Transfer Protocol con Secure Sockets Layer, o SSL. HTTPS es un protocolo para transferir datos cifrados a través de la Web. Cuando alguien le envía información financiera, números de seguridad social u otros datos confidenciales, HTTPS mantiene esta transmisión segura.

Hay dos diferencias principales entre un HTTPS y un trabajo de conexión HTTP:

  • HTTPS se conecta en el puerto 443, mientras que HTTP está en el puerto 80
  • HTTPS cifra los datos enviados y recibidos con SSL, mientras que HTTP lo envía todo como texto sin formato.
    La mayoría de los clientes de Internet saben que deben buscar los “https” en la URL y buscar el icono de candado en su navegador cuando realizan una transacción. Si la página no está usando el protocolo HTTPS, perderá clientes y también posiblemente se abrirá a sí mismo ya su empresa hasta una responsabilidad seria si su falta de seguridad compromete los datos privados de alguien. Esta es la razón por la que casi cualquier tienda en línea hoy en día está utilizando el protocolo HTTPS y SSL – pero el uso de un sitio web seguro no es sólo para los sitios de comercio electrónico. En la Web de hoy en día, todos los sitios pueden beneficiarse del uso de SSL. Google realmente recomienda esto para los sitios de hoy como una forma de autenticar que la información en ese sitio es, de hecho, procedentes de esa empresa y no es alguien tratando de falsificar el sitio de alguna manera.

Como tal, Google ahora está recompensando los sitios que utilizan un SSL, que es otra razón, encima de seguridad mejorada, para agregar esto a su sitio.

Envío de datos cifrados

Como se mencionó anteriormente, HTTP envía los datos recopilados a través de Internet en texto plano. Esto significa que si usted tiene un formulario pidiendo un número de tarjeta de crédito, ese número de tarjeta de crédito puede ser interceptado por cualquier persona con un sniffer de paquetes.
Puesto que hay muchas herramientas libres del software del sniffer disponibles, esto podría ser hecho cualquier persona en absoluto. Mediante la recopilación de información de tarjeta de crédito a través de una conexión HTTP (no HTTPS), se está arriesgando a que esta información de tarjeta de crédito pueda ser interceptada y, dado que no está cifrada, utilizada por un ladrón.

Lo que necesitas para hospedar páginas seguras

Sólo hay un par de cosas que necesitas para alojar páginas seguras en su sitio web:

  • Un servidor Web como Apache con mod_ssl que admite cifrado SSL
  • Una dirección IP única: esto es lo que utilizan los proveedores de certificados para validar el certificado seguro
  • Un certificado SSL de un proveedor de certificados SSL
    Si no está seguro acerca de los dos primeros elementos, debe ponerse en contacto con su proveedor de alojamiento web. Ellos podrán decirle si puede usar HTTPS en su sitio web.

Una vez que tienes certificado HTTPS

Su proveedor de alojamiento tendrá que configurar el certificado en su servidor Web para que cada vez que se accede a una página a través del protocolo https: //, se golpea el servidor seguro. Una vez configurado, puede comenzar a crear sus páginas Web que necesitan estar seguras.

Estos son algunos consejos para usar HTTPS:

  • Apunte a todos los formularios Web en el servidor https: //. Cada vez que enlace a formularios Web en su sitio Web, tenga la costumbre de vincularlos con la URL completa del servidor, incluida la designación https: //. Esto asegurará que siempre están asegurados.
  • Utilice rutas de acceso relativas a imágenes en páginas protegidas. Si utiliza una ruta completa (http: // www …) para sus imágenes, y esas imágenes no están en el servidor seguro, sus clientes obtendrán mensajes de error que dicen cosas como: “¿Se han encontrado datos no seguros? Esto puede ser desconcertante, y muchas personas detendrán el proceso de compra cuando lo vean. Si utiliza rutas de acceso relativas, las imágenes se cargarán desde el mismo servidor seguro que el resto de la página.

Cómo añadir enlaces en una página web

Uno de los principales diferenciadores entre los sitios web y otras formas de medios de comunicación es la idea de “enlaces”, o hipervínculos, ya que son técnicamente conocidos en términos de diseño web.

Además de ayudar a hacer de la web lo que es hoy en día, los enlaces, así como las imágenes, son fácilmente los elementos más comunes en las páginas web. Por supuesto, estos elementos son fáciles de agregar (sólo dos etiquetas HTML básicas) y pueden aportar emoción e interactividad a lo que de otro modo sería páginas de texto sin formato.

En este artículo, aprenderá sobre la etiqueta (ancla), que es el uso del elemento HTML real para agregar enlaces a las páginas del sitio web.

Añadir enlaces
Un enlace se llama un ancla en HTML, por lo que la etiqueta para representarlo es la etiqueta A. Comúnmente, la gente simplemente se refiere a estas adiciones como “enlaces”, pero el ancla es lo que realmente se agrega a cualquier página.

Cuando agregas un enlace, debes apuntar a la dirección de la página web a la que quieres que vayan tus usuarios cuando hagan clic o toquen (si están en una pantalla táctil) ese enlace. Se especifica esto con el atributo.

El atributo href significa “referencia de hipertexto” y su propósito es dictar la URL a la que desea que vaya ese enlace específico. Sin esta información, un enlace es inútil – le diría al navegador que el usuario debe ser llevado a algún lugar, pero no tendría la información de destino disponible para donde ese “en algún lugar” debe ser. Esta etiqueta y este atributo van de la mano.

Por ejemplo, para crear un enlace de texto, escribe:

<a href=”URL de la página web para ir a”> Texto que será el vínculo </a>
Así que para vincular a la página de inicio de About.com Web / HTML, escribe:

<a href=”http://webdesign.about.com”> Acerca del diseño web y HTML </a>

Puede vincular casi cualquier cosa en su página HTML, incluidas las imágenes.

Simplemente rodea los elementos o elementos HTML que deseas que sean un vínculo con las etiquetas <a href=””> y </a>. También puede crear vínculos de marcador de posición dejando fuera el atributo href, pero sólo asegúrese de volver atrás y actualizar la información href más tarde o el enlace no hará nada cuando se accede.

HTML5 hace que sea válido para vincular elementos a nivel de bloque como párrafos y elementos DIV. Puede agregar una etiqueta de anclaje alrededor de un área mucho más grande, como una división o lista de definición, y ese área entera será “clicable”. Esto puede ser especialmente útil cuando se trata de crear zonas más grandes y sensibles al dedo en un sitio web.

ALGUNAS COSAS PARA RECORDAR CUANDO AÑADIR ENLACES
Se requiere la etiqueta final. Si olvida incluirlo, todo lo que siga a ese enlace también estará vinculado, hasta que otro enlace cierre la etiqueta.
La mayoría de las veces, es mejor vincular imágenes individuales y espacios cortos de texto, en lugar de grandes bloques de texto. Los enlaces pueden agregar colores y subrayar estilos a su página que pueden ser difíciles de leer. Por supuesto, puede utilizar CSS para cambiar estos estilos de enlaces y editar colores o eliminar subrayados, pero todavía es bueno tener en cuenta esta realidad.
Asegúrese de revisar tus enlaces para que no se redirijan mal. Un enlace roto puede hacer que los usuarios y los motores de búsqueda consideren que su sitio no es válido. Utiliza un comprobador de vínculos con regularidad para verificar los enlaces en sus páginas. Esto es especialmente cierto cuando se vincula a sitios de terceros (los que no se manejan) y que pueden cambiar sus páginas en el tiempo, lo que le deja con los enlaces muertos. Un comprobador de enlaces encontrará estos enlaces muertos para que pueda realizar las actualizaciones necesarias.
Evite texto como “haga clic aquí” en su enlace. Recuerde que las personas con pantallas táctiles no pueden “hacer clic”, de modo que el texto se siente como un producto de una era pasada y realmente no es relevante en la Web centrada en múltiples dispositivos de hoy.

Cómo montar y mejorar tu página web fácilmente