fbpx
Crear Página Web
15 Sep 2018

Crear Página Web

Crear una página web dependerá mucho de

15 Sep 2018

Crear una página web dependerá mucho de nuestro presupuesto y lo que queramos finalmente presentar a través de esta(página informativa, carrito de compra, formulario de contacto, galería de productos o servicios, etc), cuándo buscamos algo con las 3 B, bueno, bonito y barato, en lo personal recomiendo que investigar un poco y es posible que te ahorres un montón, ya no necesitarás de un desarrollador, diseñador o encargado de contenido de nuestra página, eso si, es importante que no esperemos algo de gran calidad y buen rendimiento sino contamos con experiencia en cada uno de estos temas.

DOMINIO

Ahora para comenzar hay que tener en cuenta lo primero, ¿cuál quiero que sea el nombre de mi página? Algo con .com .cl o quizás si el presupuesto es muy bajo un nombre de dominio gratis, ¿Por qué no? Puede que estemos aprendiendo y no necesitemos de comprar uno por ahora, para estos existen varias alternativas para dominios en la web, pero ten cuenta que tu web terminara en .tk o algo similar.

Para que tengas una idea el precio del .cl ronda los $10.000 CLP anual y se compra directamente desde la página de NIC, para el caso de .com son algo de $7.000 CLP y existen varios proveedores de este tipo de dominios.

Ten en cuenta que dominio o DNS no es tu página, es solo el nombre, Las DNS son las siglas que forman la denominación Domain Name System o Sistema de Nombres de Dominio y además de apuntar los dominios al servidor correspondiente(lugar donde estará fisicamente los archivos de tu página), nos servirá para traducir la dirección real, que es una relación numérica denominada IP, en el nombre del dominio.

SERVIDOR

Ahora si ya entendiste que es el DNS, ya estamos listos para pasar al segundo paso para configurar nuestro servidor, un servidor puede ser cualquier equipo o computador que este siempre encendido y habilitado para enviar la petición al usuario de mostrar nuestra web, puede ser incluso un equipo viejo de la casa que tengamos sin usar, pero para esto tendremos que tener unas cuentas habilidades en la configuración de nuestro Router y equipo.

por lo general este tipo de servicios también se encuentran con variados proveedores, los precios varían mucho tomando en cuenta si web será alojada exclusivamente en un equipo o estará compartida con muchos otros sitios, el problema de esto, es que si un virus ingresa al sistema es probable que el Hosting da de baja a todo el servidor, tu sitio estará inactivo por un tiempo y tendrás problemas con algunos servicios como el correo, ya que al compartir el mismo equipo con otros sitios, si algún usuario de otro sitio manda por ejemplo correos masivos, otras empresas de correo como Google calificará a tu IP o Hosting como SPAM, por lo que generalmente tus email irán directamente a dar a la bandeja de SPAM del receptor, por lo que en muchas ocasiones te encontrarás con gente que dice que nunca le llego tu correo.

Lo más profesional es tener servidores dedicados ó llamado VPS para cada función de tu web, es así como proveedores como Google Cloud Platform o AWS (Amazon Web Services) ofrecen estos servicios de manera muy económica pero resulta un poco complejo para alguien que no entiende de servidores, si este es tu caso te recomiendo usar algún hosting compartido local o internacional que por lo general ronda los $50.000 CLP al año, de ninguna manera recomiendo hosting gratuitos ya que estos nunca tienen soporte y por lo general siempre presentan caídas en sus servicios o están pésimamente calificados, por otro lado tu información y correos estarán a disposición de los dueños del hosting, sin poder tener reclamo alguno.

Considerando cualquiera de las opciones, si VPS, hosting compartido o gratutio, ahora es momento de que apuntes tu DNS a tu servidor, desde la página por ejemplo de NIC se hace desde la siguiente sección:

En este apartado es importante que especifiques el NS o name server que te de el proveedor de hosting, este cambio se demora en ocasiones hasta 48 horas en extenderse hacia todo intenet, para saber el estado de este existen algunas herramientas que te permiten verificar que tu dominio este apuntando a tu servidor, solo tienes que fijarte que la dirección IP del servidor sea la correcta, como lo muestra este ejemplo:

HTML5

Si todo esta correcto, ya puedes empezar a agregar contenido a tu web, las páginas están hechas principalmente de una combinación de lenguajes, los más populares son HTML5 que es el lenguaje de marcado, es decir con este lenguaje estructuras tu página, es como el esqueleto de esta, aquí te muestro un ejemplo básico de su sintaxis

Si subimos este archivo como index.html a la carpeta raíz en nuestro servidor que debería ser la carpeta “public_html” este se mostrará de la siguiente manera:

CSS

Ahora si queremos agregar diseño a nuestro sitio tendremos que conocer de CSS, con este lenguaje podremos modificar los colores, espaciado, posición y todo lo relacionado al diseño de nuestra web.

nuestro archivo debería quedar entonces de esta manera:

Por lo que en la web ahora se vera así:

INSPECTOR

un pequeño truco si usamos Google Chrome o cualquier otro navegador es usar el inspector para trabajar con nuestra web de manera de no estar modificando y subiendo los archivos de manera constante para tener una idea de como se vera el sitio, sino que desde el mismo inspector hacer la modificación y esta se vera inmediatamente reflejada en la web, para usar esta función si somos usuario de sistema operativo de Mac, presionamos la techa “cmd +  alt  + i” ó en Windows la tecla F12  y se nos abrirá una ventana de herramientas:

JAVASCRIPT

finalmente conoceremos algo de javascript, un lenguaje de programación tanto como del lado del cliente como del servidor, pero para fines prácticos solo mostraremos alguna función para el cliente o desde el navegador.

si ya pudiste trabajar con estos 3 lenguajes como HTML5, CSS y Javacript, felicitaciones, ya diste el primer paso para conocer como desarrollar páginas web desde 0, nadie dijo que sería fácil, pero con la práctica verás que de a poco podrás ir haciendo cosas y conociendo más trucos para hacer webs de manera más rápidas, por cierto el editor de texto que utilizo es Visutal Studio Code, también puedes usar Sublime Text para trabajar con el código de manera más amigable, quedo atento a sus comentarios, saludos.

Leave a comment
More Posts
Comments
Comment