Cómo construir un sitio web desde el principio

Hay un par de maneras de hacerlo. Hablemos de ellos y veamos los pros y los contras de cada uno:

USANDO CMS

En caso de que no lo sepa, CMS significa Sistema de gestión de contenido. Básicamente es una forma de obtener cosas en un sitio web sin saber cómo escribir una sola línea de código. Ejemplos de esto son WordPress, SquareSpace, Wix y Shopify.

Pros:

  • Simple y fácil de usar
  • No se requiere codificación
  • Barato para publicar en línea

Contras:

  • No hay mucha personalización disponible (a menos que comience a jugar con el código, e incluso entonces no es tan personalizable)
  • Podría tener problemas de rendimiento que no se pueden resolver

Para poner en línea un sitio web basado en CMS, puede obtener un alojamiento barato de 10 $ / año y un dominio de 10 $ / año y estará listo.

Aunque las plataformas CMS son excelentes para algunas cosas, no se pueden usar para todo en Internet. Puede crear hermosos sitios web receptivos para su negocio, blogs, comercio electrónico simple o sitios de membresía. Sin embargo, será casi imposible construir algo muy complejo (por ejemplo, Facebook).

Dicho esto, los uso con bastante frecuencia para sitios muy simples (como mi sitio web personal) y luego cambio a la codificación real para plataformas más complejas (más sobre eso en el siguiente punto).

CODIFICACIÓN DESDE SCRATCH

Esto significa que estarás trabajando en todo . Todo significa:

  • Frontend: la parte de un sitio web que realmente ves. Tomando Facebook como ejemplo, la barra de navegación azul en la parte superior es frontend, la fuente de noticias que se muestra en el medio es frontend, etc.
  • Backend: la parte de un sitio web que no ve y que hace que el sitio web sea realmente funcional. Si el backend no estuviera presente en Facebook, haría clic en el botón “Iniciar sesión” y no pasaría nada. Haga clic en el botón “Publicar” y su actualización no se publicará. El backend es lo que sucede detrás de escena.

Pros:

  • Altamente personalizable. Tú eres quien escribe cosas desde cero, eres el que tiene control total sobre lo que sucede
  • Más diversión (en mi humilde opinión)
  • Puedes controlar el rendimiento de tu oficio

Contras:

  • Tardará mucho más en hacer y necesita tener habilidades de codificación previas
  • Más caro poner en línea
  • Se necesita poner más trabajo en el mantenimiento

Poner en funcionamiento un sitio web personalizado será un poco más caro en comparación con una solución CMS. Deberá usar lo que se conoce como VPS y estos tipos pueden costar entre 5 $ / mes y 1000 $ / mes. Esto ya lleva el costo de inicio a al menos 70 $ / años (dominio + 12 meses de VPS) frente a 20 $ / año de un sitio web de WordPress.

Si desea aprender cómo hacer cualquiera de estos, todo se reduce a su preferencia. ¿Te ves creando grandes aplicaciones con mucha interacción del usuario?

En ese caso, podría ser mejor para usted aprender a codificar desde cero. Comience desde HTML y CSS y luego amplíe a JavaScript. Mi recurso gratuito favorito es FreeCodeCamp.

HTML + CSS + Javascript = Frontend

Una vez que tenga una base de interfaz sólida, puede comenzar a buscar en el backend. Hay varias tecnologías con las que puede comenzar. Mi favorito es Ruby on Rails.

De lo contrario, si desea centrarse en sitios web y blogs más simples, definitivamente vaya y aprenda WordPress. Hay una tonelada de recursos disponibles para usted. Cuando comencé a aprender WordPress, lo primero que hice fue instalarlo localmente en mi computadora (para ahorrar algo de dinero del dominio y el alojamiento). Aquí tiene una guía: Instalación local de WordPress – Muro de diseñadores web – Tendencias de diseño y tutoriales.

Juegue con él e intente construir cosas simples subiendo la escalera.


Soy Andrea y soy desarrollador, emprendedor y, sobre todo, fabricante. Aprende más sobre mí en MeetAndreaRocca.

Hoy en día, hay muchas maneras de construir su sitio web, pero construirlo desde cero requerirá más esfuerzos que cualquier otra forma. Para crear un sitio web desde cero, antes que nada, deberá crear los diseños de la interfaz de usuario de cada página de su sitio web. Por lo general, se realiza en Photoshop o Sketch, etc. Luego, estos diseños se dividen en formato HTML5, que es el requisito básico para hacer las páginas web. CSS y JavaScript son responsables de diseñar estas páginas web para una mejor experiencia.

Ahora viene la funcionalidad del sitio web. Existen varios lenguajes de programación como Java, C #, C ++, PHP, Python, Ruby, etc., y depende totalmente del requisito del sitio web para seleccionar el lenguaje más apropiado para construir la funcionalidad. Los CMS como WordPress, Joomla, Drupal están construidos con PHP. Estas funcionalidades se implementan en las páginas web para que el sitio web se ejecute correctamente.

Hay otra forma que es más fácil de crear sitios web desde cero sin mucho esfuerzo. Al usar un creador de sitios web de arrastrar y soltar llamado TemplateToaster, puede crear su sitio web sin escribir un solo código. Esta herramienta es compatible con todos los principales CMS como WordPress, Drupal, Joomla, Magento y más. Además, Bootstrap ya está implementado con él para que la salida sea altamente profesional y todas las páginas web se vean geniales en todos los dispositivos estándar. ¡Esta es la mejor manera de construir su sitio web desde cero, cuando no es un experto en desarrollo web!

También hay otros creadores de sitios web, como Squarespace, GoDaddy, Weebly, Wix, etc., pero no le permitirán crear un sitio web desde cero. Proporcionan plantillas listas para usar y puede realizar los cambios en ellas según sus requisitos. Además, cobran de forma regular con planes mensuales o anuales.

Espero que hayas encontrado lo que estabas buscando, y sí, siempre revisa los pros y los contras de todas las opciones que tienes antes de decidirte por algo, ya que es complicado cambiar todo más adelante.

¡Buena suerte!

¿Por qué no considera una solución prefabricada? Los sitios web de nicho ya hechos son bastante asequibles y se pueden crear para cualquier idea en línea única que tenga. Si no tiene la menor idea sobre cómo crear y mantener un sitio web, el sitio web listo para usar es la combinación perfecta para usted.

Te recomiendo que eches un vistazo a MotoCMS , que actualmente estoy ejecutando para algunos de mis proyectos. A menudo las personas tienen una idea excelente para un sitio web y piensan en ello durante días, tal vez incluso meses, resolviendo los detalles en sus cabezas. Con el sitio web nicho de MotoCMS listo para usar, puede usar bloques preconstruidos, personalizarlos según sus preferencias y listo. El soporte y las actualizaciones regulares también son una buena adición.

Consulte para obtener más información aquí:

Aprende a hacer un sitio web con MotoCMS

¡Inicie una versión de prueba gratuita y compruébelo usted mismo!

Para un principiante en el desarrollo de sitios web, e incluso si no tiene ningún conocimiento de codificación, WordPress o el alojamiento con un generador integrado de sitios web con plantillas pueden ayudarlo a crear sitios web de aspecto increíble, con SEO decente en un período de tiempo relativamente corto.

Después de registrar un nombre de dominio, debe comprar un plan de alojamiento con los servicios mencionados.

Si opta por WordPress, recomendaría el alojamiento administrado de WordPress, por lo que si se atasca puede contactar al personal de alojamiento dedicado.

Por otro lado, el alojamiento de creadores de sitios web es un poco más sencillo ya que selecciona una de las muchas plantillas, que se adapta a sus necesidades (tienda en línea, blog personal, presentación de la empresa, etc.) y cambia sus elementos utilizando sistemas simples de arrastrar y soltar.

El sitio web más básico sirve contenido estático (texto, imágenes, videos) almacenado localmente, por lo que el mínimo es una página HTML con este contenido, por lo que teniendo en cuenta que conoce al menos HTML, SÍ, puede hacerlo .

Si quieres darle un poco de estilo, necesitarás saber CSS.

Si desea agregar dinámica, necesitará saber JavaScript.

Pero ninguno de ellos es necesario,

¿No me crees? Echa un vistazo a este sitio web de Motherfucking, tiene una página y sigue siendo un sitio web con solo HTML; Lo más importante: es multiplataforma, vea en su teléfono cualquier máquina en la que tenga un navegador de Internet.

Paz.

Lo más fácil es usar un creador de sitios web como Voog. Y si está interesado en la codificación, aprenda HTML, CSS y JavaScript.

Los creadores de sitios web son aplicaciones web fáciles que le permiten crear su sitio con un simple editor de arrastrar y soltar. Por lo tanto, serán como su propio departamento de TI y usted puede concentrarse en crear contenido de alta calidad.

Muchos de ellos le permiten modificar el código real detrás de la plantilla de diseño también. Entonces, este podría ser un buen lugar para mirar una vez que haya adquirido algunos conocimientos de codificación para ver cómo se usan estos idiomas en la vida real.

Hola,

Atrás quedaron los días en que la construcción de un sitio web desde cero requería que usted fuera competente en códigos CSS / HTML / JAVA. Desarrollar un sitio web desde el principio ahora es mucho más fácil y divertido .

El software de creación de sitios web Goshly es un ejemplo del conjunto de programas similares que lo ayudan a crear sitios web desde el principio con herramientas sorprendentes.

Las siguientes características del establo Goshly pueden ayudarlo a crear un sitio web que sea completamente suyo.
1. Tecnología de arrastrar y soltar. Eche un vistazo a cómo funciona en este video para obtener una mejor comprensión de la herramienta.
2. Creador de menús
3. Más de 100 temas impresionantes
4. Banner Builder y muchos más

Para permitirle mirar antes de saltar, la mayoría de estos softwares ofrecen una prueba gratuita de 14 días. Pruébalo y comprueba si se ajusta a tus necesidades.

Haga un sitio web en línea en solo 5 días

La herramienta se combina con un diseño de sitio web prefabricado, hecho a medida para un nicho específico. Descargue, instale, modifique la plantilla según sus necesidades, agréguele la funcionalidad deseada, y un sitio web de primer nivel estará listo para lanzarse. Es tan fácil como se pone.

Puede tomar la plantilla, personalizarla y listo. El soporte y las actualizaciones regulares también son una buena adición.

¡Espero que te sea útil!

Cómo instalar WordPress en Bluehost Hosting

Cómo comprar un plan de alojamiento

Esto es lo que necesita leer y está listo para comenzar.

Diseña un sitio web genial desde cero CoolWebMake

Le permite construir el sitio web desde http://zero.an páginas vacías del sitio vacío.

Descargue los complementos que necesita y diseñe la página. Será muy poderoso y útil.

Ve a wordpress dot com, crea una cuenta y tenlo ahí.

Más de 101 tutoriales gratuitos de WordPress

¡muy fácil!

Paso 1: copia tu pregunta

Paso 2: abre cualquier navegador que elijas

paso 3: ve a Google

Paso 4: pega tu pregunta

More Interesting

¿Soy considerado un programador si soy desarrollador web?

Cómo hacer páginas en el tema Boardwalk (haga clic en el enlace en detalles)

¿Puedo aprender C ++ ahora? Tengo 15 años y solo sé HTML, CSS y un poco sobre JavaScript.

Si hago una página web personal para criticar a un político conocido, ¿es justo para mí usar imágenes de ese político con derechos de autor que encuentro en Google Image Search?

Estoy aprendiendo desarrollo web a través de una organización sin fines de lucro bien conectada. ¿Qué quieren ver los empleadores en un proyecto final de un nuevo alumno?

Quiero ser programador web, pero no sé si debería aprender PHP, Django o Python.

Tengo un plan para diseñar un marco en Java (Spring) con mi equipo. ¿Cuáles son las cosas que debo preparar?

Cuando estoy usando la versión minimada bootstrap y mi CSS personalizado, ¿mi propiedad CSS personalizada no funciona?

Acabo de leer sobre perfect.org. ¿Crees que es posible que IOS Swift también se use en la web?

Tengo una idea increíble de aplicación / sitio web que puede obtener más de mil millones de usuarios. Pero no he requerido dinero y habilidades de codificación. Intenté la financiación colectiva pero no me ayudó. ¿Qué tengo que hacer?

Me he fijado el objetivo de aprender Ruby on Rails. Soy un principiante completo en programación y me gustaría algún consejo. ¿Qué tipo de computadora debo comprar? PC o Mac, ¿y de qué tipo?

Soy indio, tengo 17 años y estoy creando un nuevo sitio de redes sociales reinventado. ¿Lo vas a usar?

Estoy pensando en financiar el desarrollo de un sitio donde la gente pueda intercambiar cosas. ¿Debería tenerlo construido en Rails o Node.js?

Soy un novato total en los marcos de desarrollo web. Suponiendo que conozco HTML / CSS, un poco de experiencia en PHP / MySQL (solo sintaxis básica), comenzando a aprender JS, ¿debería centrarme en sumergirme profundamente en LAMP o aprender un nuevo lenguaje como Opa?

Creo que Internet Explorer 11 es mejor que Edge. ¿Puedes demostrarme que estoy equivocado?