Web Certificada

Montar una página web desde cero

Conceptos básicos antes de crear una web

Aquí empieza nuestro blog para crear una página web. Para ello es necesario tener claro unos conceptos básicos del entorno de Internet que no servirán de ayuda tanto para la creación como para entender cualquier publicación relacionada con este mundillo.

Seguro que alguna vez has oído las palabras como lenguaje html, dominios, hosting… ¿Te suenan a chino? Continua leyendo y saldrás de toda duda

Conceptos básicos

HTML

A pesar de que cuando visitamos una página web entendemos todo lo que se nos dice es solo la apariencia física. Como en las personas, lo importante está en el interior. El lenguaje HTML es un lenguaje de etiquetas. No es un lenguaje de programación como tal. Estas etiquetas nos dicen como se verá un texto.

¿Como trastear HTML sin romper nada?

Fácil, abre el blog de notas, este será nuestro editor. Todo lo que escribamos debe de empezar por la etiqueta <html> y se cierra con </html>.

A continuación nuestro texto debe de estar entre el <body> y </body>

Aquí te dejo una serie de etiquetas básicas para que puedas ir probando.

El resultado en el blog de notas será el siguiente:

HTML

Esto lo guardaremos con el nombre que queramos ejemplo.html y lo guardamos en el Escritorio mismo. Cuando vayamos la escritorio al hacer doble click se abrirá una ventana nueva.

Hosting y Dominio

Imagina un documento word, tienes tu contenido escrito lo guardas con un nombre y lo metes en una carpeta. Pues esto es casi lo mismo. El dominio es el título que le vas a dar a tu contenido.

Por ejemplo nuestro dominio es www.webcertificada.es y hosting es donde vas a tener guardado ese dominio.

No te sirve de nada pagar por un dominio si no tienes contratado un hosting.

Según el tipo de proyecto que quieras crear necesitarás un hosting más o menos potente, lee las recomendaciones antes de contratar un servicio porque no es necesario pagar en exceso si solo quieres tener un blog, por ejemplo.  Hace poco, cuando empecé a aprender más sobre creación web, descubrí estas páginas que me fueron de gran ayuda.

De todos modos, si os aburrís en algún momento dado o queréis hacer un descansito, aquí os dejo un par de páginas que, sinceramente, como aficionado a buscar las mejores gangas online os recomiendo encarecidamente: https://www.mascupon.es/tiendas/codigo-descuento-showroomprive/ y https://www.mascupon.com.mx/tiendas/cupon-linio/.

 

 

 

 

 

WooCommerce: tu tienda online

Somos conscientes de que hay un porcentaje alto de personas que siguen este blog que tienen un negocio o están pensando en lanzar su negocio en internet. Y antes de esta aventura necesitan una pequeña guía y asesoramiento. Para ello hoy hablaremos del plugin WooCommerce de WordPress.

Si has seguido el resto de post, te hemos enseñado como contratar un dominio de wordpress e instalarlo. Este plugin de woocommerce es gratuito pero no esta disponible pra la versión gratis de wordpress.

Woocommerce es un plugin que convierte tu blog de wordpress en una tienda.

Instalación de WooCommerce

Vamos a la pestaña de plugins. Busca Woocommerce e instálalo. Una vez instalado actívalo.

Captura plugin

Una vez lo actives, tendrás que configurarlo.

Paso 1: WooCommerce te informa de que creará unas páginas obligatorias: Tienda (inicio), Carrito, Finalizar Compra y Mi cuenta (para que tus clientes creen una cuenta en tu tienda). Acepta y continua

Paso 2: Configurar dónde está ubicada tu tienda, las medidas y moneda a utilizar.

Paso 4: Aquí simplemente tienes que indicar si envías productos físicos y si llevan impuestos. Cuando selecciones la casilla de impuestos te aparecerá el tipo de impuesto de tu país.

Paso 5: En este paso eliges las plataformas de pago que quieras tener en tu tienda online

Paso 6: Es una mera formalidad, nos preguntan si queremos que woocommerce utilice nuestros datos para themes.

Creación de producto

Una vez hemos aceptado esto, el programa nos guiará por la creación de un producto

Captura producto

Comenzaremos con el nombre de nuestro producto.
A continución la ficha de producto, podemos explicar de forma más extensa. El usuario valora mucho una descripción bien hecha.

Después podemos seleccionar nuestro tipo de producto: Simple (la mayoría de productos) o “Virtual” si es un producto descargable, no físico. Seleccionamos el precio y si hacemos rebaja. Podemos seleccionar la rebaja que queremos añadirle y el periodo. Interesante para rebajas o eventos especiales.

Finalmente nos quedará la descripción corta del producto. Un mini resumen de tu poducto

Señalaremos las etiquetas de nuestro producto y recuerda poner una imagen destacada del producto para que se vea más atractivo.

descripción producto

 

Si completamos esto tendremos nuestro primer producto creado.

Más acerca de Woocommerce

Tendremos en nuestra consola wordpress nuestro nuevo plugin a la izquierda.

En categorías hablaremos de las diferentes secciones de nuestra tienda. Por ejemplo si tenemos una tienda de ropa, una categoría puede ser “zapatos” y otra “camisas”.

Los atributos son por ejemplo los diferentes colores en que vendes tus zapatos. Esto se ve mejor en la creación de producto, señalando el producto simple y atributos. Podemos crear el atributo “Color” y definir colores

atributos

 

Esto es lo que necesitas para poder empezar a crear tu tienda virtual en woocommerce. Como ves es muy similar a un blog.

Descarga un tema que soporte el plugin y personaliza tu tienda a tu gusto!

 

Contratación de WordPress

Una de las formas más sencilla de crear nuestro espacio en internet es a través de los servicios para blog. Los dos más populares son Blogger y WordPress. Pero nosotros hablaremos de nuestro proceso en la contratación de WordPress

Aunque blogger es uno de los servicios del todo poderoso Google, el propio buscador favorece a WordPress en su ránkin. Además, nosotros te recomendamos WordPress.

Opciones de WordPress

Dentro de WordPress puedes elegir entre el servicio de pago o el gratuito.

El gratuito es bastante funcional pero muy básico, no te hace falta pagar por hostings y el dominio es suyo. Lo verás porque tu dominio será www.ejemplo.wordpress.com. Las opciones de personalización son muy básicas y no puedes cargar plugins. Los plugins son la magia de WordPress, lo explicaremos más adelante.

Sin embargo podrás generar contenido y poner etiquetas. Con lo que podrás hacerte visible en poco tiempo.

En WordPress de pago si necesitas hosting y dominio. En la mayoría de hosting tienes la opción de instalar en un click. Así que puedes tener en pocos minutos un dominio profesionalizado e instalado para empezar a desarrollar tu marca personal.

Contratación de WordPress

En nuestro caso, contratamos Hosting y Dominio en la misma empresa (Hoswedaje). Previo a esto contactamos con ellos y les explicamos la finalidad de nuestro proyecto. Nos asesoraron en la elección del plan. En este caso es un blog por lo tanto con el paquete básico teniamos bastante.

Cuando efectuamos el pago inmediatamente nos mandaron un enlace con nuestro usuario y contraseña con un enlace a nuestra consola. Allí vimos todas las cosas que podiamos hacer con nuestro dominio. Elegimos la opción de WordPress con la opción “One Click” y fue instalar y listo!

 

« Siguientes entradas

© 2017 Web Certificada

Tema por Anders NorenArriba ↑