¿Cómo crear un sitio web personal? ¿Por lo general, están codificados a mano desde cero o utilizan algún tipo de software de construcción de sitios?

Cómo crear su primer sitio web en pasos sencillos

WordPress

Aunque la mayoría de mis lectores ya poseen un sitio web, hay algunos recién llegados que tropiezan con mi contenido y pocos de ellos me han pedido que los guíe para crear su propio sitio web desde cero. ¡Algunos de ellos ya poseen un dominio ya que confundieron que registrar un nombre de dominio es igual a la creación de un sitio web! No debería culparlos, ya que algunos registradores de dominios (no quiero nombrarlos) anuncian falsamente que registrar un nombre de dominio le brinda un sitio web gratuito, ocultando el hecho de que se trata de un HTML de una página o de pago por uso. -go creadores de sitios web.

Hay muchas personas que están interesadas en el marketing digital pero no poseen un sitio web. Ahora, eso es algo de qué preocuparse. Lo primero que necesita como vendedor digital es su propio sitio web, un lugar para usted llamado ‘hogar’ en Internet.

Hoy, voy a pasar por el proceso de crear su primer sitio web desde cero. Además, he hecho todo lo posible para mantener las cosas lo más simples posible para que sea fácil de entender.

Empezando

Haré uso de WordPress para construir su sitio web; se dará cuenta de por qué lo elegí a otras plataformas a largo plazo. Con WordPress, podemos configurar su sitio web en menos de diez minutos. El tiempo que tarda en instalar y configurar WordPress se reducirá cada vez que lo haga mejor. Además, WordPress es potente, totalmente personalizable y fácil de usar.

Hospedar su sitio web

Lo primero que necesita su sitio web es un lugar para vivir, donde todos los archivos de su sitio web se puedan almacenar de forma segura. Muchas personas no entienden por qué necesitan un servicio de alojamiento para su sitio web. Un sitio web no es más que una colección de archivos (documentos e imágenes) en Internet y estos archivos necesitan un lugar donde residir para que cualquiera pueda conectarse y cargar los archivos en su navegador.

Alojar su sitio web en un servidor permite a los usuarios conectarse a él a través de Internet.

Aquí es donde entran en juego las empresas de hosting; le ofrecen espacio para alojar su sitio web en sus servidores por un precio. Una vez que les compras un plan, te permiten subir los archivos de tu sitio web a su servidor. Después de conectar un nombre de dominio a su servidor (paso 2 a continuación) cualquier persona puede visitar su sitio web a través de Internet.

Continúe leyendo cómo elegir el mejor alojamiento para WordPress (junto con recomendaciones).

Registrar un nombre de dominio

Es hora de que comience a pensar en qué tema se basará su sitio web. Si ya lo ha decidido, bien. Si no, tome una taza de café, siéntese y “piense”. Seleccionar un nombre de dominio apto para su presencia en línea es un paso importante, ya que será su nombre en línea. Si eres realmente creativo, puedes encontrar un buen nombre por ti mismo.

Aquí hay algunas cosas a tener en cuenta antes de seleccionar un nombre de dominio:

  • Mantenlo corto y fácil de escribir
  • Evitar números y guiones
  • Mantenlo memorable
  • Use palabras clave apropiadas
  • Elija una buena extensión de nombre de dominio

Le sugiero que elija Namecheap para registrar su nombre de dominio, aunque realmente no importa qué registrador de dominio elija. Además, puede usar herramientas como NameMesh y Panabee para generar ideas de nombres de dominio para seleccionar.

Una vez que haya elegido el nombre perfecto para su dominio, debe registrarlo y luego señalarlo nuevamente a los servidores de nombres proporcionados por su proveedor de alojamiento.

Así es como se ve el cambio de servidores de nombres en Namecheap.

Cambiar los servidores de nombres para su nuevo nombre de dominio es un proceso bastante simple y no llevará mucho tiempo darse cuenta. Pero recuerde, puede tomar hasta 24 horas para que los cambios de DNS se propaguen a través de Internet.

Construyendo su sitio web usando un CMS

Un CMS no es más que un acrónimo de sistema de gestión de contenido. Se utiliza para administrar el contenido que producirá en su sitio web, ya que hace que el trabajo de publicar contenido nuevo y editar contenido antiguo en línea sea mucho más fácil. También le permite personalizar su sitio web fácilmente. También puede crear múltiples cuentas de usuario con diferentes niveles de permiso para que otros contribuyan con contenido a su sitio web.

Aunque hay muchos sistemas de administración de contenido disponibles (algunos de los cuales se han enumerado en este artículo), vamos a seguir adelante con WordPress, el CMS más popular que alimenta alrededor del 27% de la web.

Continúa leyendo siete razones por las que deberías usar WordPress sobre sus competidores.

Hace bastante tiempo, escribí una guía paso a paso sobre cómo iniciar un blog con WordPress. Puede abrirlo en una nueva pestaña y desplazarse hacia abajo a la sección ‘Instalación de WordPress’ para encontrar cómo instalar WordPress desde su cuenta de hosting. Aunque el tutorial se centra principalmente en las personas que eligen Bluehost para alojar su sitio web, el proceso es casi el mismo con todos los proveedores de alojamiento.

Elegir un diseño para su sitio web

Hay más de dos mil temas gratuitos y casi 50,000 complementos disponibles para su uso desde los repositorios oficiales de WordPress (Repositorio de temas | Repositorio de complementos). Además, también hay temas comerciales de calidad y complementos disponibles para que usted seleccione y use de Themeforest y Codecany de manera respectiva.

Una vez que elija el tema deseado para su sitio web, puede instalarlo, activarlo y luego comenzar a personalizarlo. Ahora debería tener un sitio web activo con un tema atractivo encima.

Instalación de complementos recomendados

Dado que su sitio web es completamente nuevo, debe comenzar a planificar estrategias para ganar tráfico optimizándolo tanto para sus visitantes como para los motores de búsqueda. Además, debe ampliar la funcionalidad de WordPress instalando los complementos adicionales recomendados. Aquí hay algunos enlaces para que pueda comenzar:

  • Cómo optimizar WordPress para motores de búsqueda
  • 10 mejores complementos de WordPress para obtener más tráfico
  • 25 complementos imprescindibles de WordPress para sitios web de negocios
  • Cómo habilitar el almacenamiento en caché en WordPress
  • Cómo optimizar WordPress para reducir la carga del servidor
  • Cómo sobrecargar WordPress usando el complemento Jetpack

Conclusión

Estoy de acuerdo en que no todos los pasos fueron claros para usted, pero espero que haya podido conectar los puntos y descubrir lo que significaba. Le llevará un tiempo comprender todos los pasos y, una vez que comience a crear un montón de sitios ficticios, podrá dominarlo. Por lo tanto, espero que haya podido seguir los pasos anteriores junto conmigo para crear su primer sitio web con éxito. Si tiene alguna duda o tiene problemas, no dude en dejar un comentario a continuación.

Tienes opciones:

Sistemas de gestión de contenidos

Estos son programas que pueden usarse para crear sitios web. Pueden ir desde blogs hasta tiendas en línea. Los principales incluyen WordPress [Herramienta de blog, Plataforma de publicación y CMS], Joomla [ http://joomla.org ] y Drupal [Drupal – CMS de código abierto]

Si desea crear un sistema de gestión en línea, entonces Moodle [Moodle – Plataforma de aprendizaje de código abierto] es una muy opción.

Todo lo que he mencionado anteriormente es gratuito y de código abierto, lo que significa que puede descargar, personalizar y usar de forma gratuita. Solo necesitas comprar el hosting y el nombre de dominio

Creadores de sitios web en línea

Estos incluyen Wix [Free Website Builder | Crea un sitio web gratis | Wix.com]. Aunque no los he usado personalmente. Le permiten diseñar la interfaz de su sitio web mediante arrastrar y soltar y luego alojarla en su servidor por una tarifa.

Diseñando desde cero

Esto es cuando todas las opciones anteriores no funcionan. Tenga en cuenta que no tiene que comenzar desde cero por completo. Puede descargar una plantilla HTML5 y modificarla. Fuentes impresionantes incluyen;

  • Diseños de plantillas de sitios web móviles receptivos gratuitos – w3layouts.com
  • Temas de WordPress y plantillas de sitios web de ThemeForest
  • Mercado de Envato

¡Aclamaciones!

¡Feliz codificación!

Hola,

En estos días puedes construir sitios web usando plataformas SaaS. Estos no requieren codificación desde cero y están disponibles en formato DIY. Para obtener una mejor comprensión de estas plataformas, puede consultar Goshly. Con sus características y tecnologías de vanguardia, puede crear un sitio web personal con facilidad. Estas son algunas de las principales características que lo ayudan a crear un sitio web personalizado que refleje su marca personal a través de funcionalidades simples.

1. Diseño web receptivo. Goshly crea sitios web que responden de forma predeterminada y se puede acceder desde cualquier dispositivo móvil. Mire este video para echar un vistazo al concepto.
2. Más de 100 temas asombrosos
3. Tecnología de arrastrar y soltar. Esta funcionalidad le permite crear sitios web personalizados al permitir la colocación sin restricciones de elementos en la página web. Puedes ver un ejemplo de su funcionamiento en este video.
4. Nombre de dominio fácil y facilidad de alojamiento
5. Herramientas avanzadas de diseño y formateo
6. Menú de navegación
7. Múltiples diseños
… y muchas más herramientas.

Puede explorarlos por completo y experimentar creando un sitio web de acuerdo con sus requisitos suscribiéndose a la prueba gratuita de 14 días.

Hay una cosa que debería hacer ahora: la industria de creación de sitios web está llena de plataformas en línea y herramientas de CMS que ofrecen este tipo de servicio. Pero al final todo depende de las necesidades y gustos de cada uno. Te recomendaré este ucraft.com

Ahora, cubramos algunos de los puntos más importantes por los que es mejor tener un sitio web personal que tener un CV regular.

Al tener un sitio web personal, obtendrá una ventaja competitiva

Dado que un sitio web personal también incluye su experiencia laboral y educación, podemos aceptar que a este respecto, es similar a un CV. Sin embargo, una vez que comience a construir su sitio web personal, se le darán una gran cantidad de posibilidades para pulir su presencia en línea. Aproveche al máximo para mostrar sus puntos fuertes y demostrar por qué alguien debería contratarlo. Asegúrese de agregar su cartera / muestras de trabajo, imágenes relevantes y testimonios de clientes para mantenerse por encima de otros solicitantes.

Un sitio web personal te da la libertad de ser creativo

Cuando comienzas a construir tu sitio web personal, tienes la oportunidad de hacer fluir tus jugos creativos. Ya sea que hablemos de su biografía, sus artículos originales o el diseño que ha elegido, su personalidad brillará en su propio rincón de Internet. Cada detalle / elemento de su sitio dice mucho sobre quién es usted como individuo y como profesional, así que asegúrese de usarlos para su ventaja.

Volvamos a ucraft: tienen muchas plantillas de sitios web personales excelentes para elegir, y lo mejor es que ni siquiera necesitas tener habilidades de codificación o diseño, ¡todo es arrastrar y soltar bebé!

Espero que esto ayude, ¡buena suerte con tu proyecto! 🙂

Creo que http://www.hearabout.me es exactamente lo que estás buscando.
Le permite crear su sitio web personal en solo 1 minuto utilizando su perfil de linkedin. ¡Puede editar proyectos, experiencia laboral más adelante y también puede importar sus imágenes más vinculadas de Facebook para crear una galería personal increíble!

Hay muchos temas increíbles para elegir.

Una vez que cree un sitio web personal, se le asignará un subdominio gratuito.

Además, crea un currículum generado por el sistema que puede usar de inmediato o puede cargar su propio currículum que aparecerá en su sitio web personal.

Y, por supuesto, todo es gratis 🙂

Te recomiendo que lo pruebes.

Use esta herramienta la próxima vez: BuiltWith – Web Technology Profiler. Simplemente pegue la URL del sitio y podrá obtener información decente sobre el sistema de administración de contenido, DNS, servidores, etc.

  • Omid Elliyoun | Portafolio de diseño: este probablemente fue codificado a mano, ya que no he detectado ningún sistema de administración de contenido.
  • Harrison Daniels: Este sitio está construido con Cargo – Gallery.
  • Vicky_YG_Design : Probablemente también codificado a medida.

Como solo está buscando un sitio web personal, hay un par de cosas que puede hacer.

  1. SquareSpace (creo que todos vieron venir este)
  2. Dunked: crear un sitio web de cartera en línea
  3. Fabrik (Mi favorito, me encanta el diseño)

Y no, no estoy afiliado a ninguno de los sitios mencionados anteriormente.

Como la mayoría de las personas aquí señalaron, hay un montón de sugerencias si quieres hacerlo gratis, rápido y sin experiencia previa en codificación: WordPress, Weebly, Wix, Carrd, etc.

Sin embargo, si está buscando mostrar su experiencia o si desea obtener más experiencia con la programación (como quería), le recomendaría construir su sitio web desde cero.

Por supuesto, puede usar una plantilla html / css para acelerar el proceso, de nuevo, dependiendo de si necesita hacerlo rápido.

En mi caso, comencé a hacer mi sitio web desde cero e hice unas 5 iteraciones diferentes, donde lo reconstruí por completo. Nunca estuve contento con el resultado y sigo pensando que hay mucho trabajo por hacer.

Pero mi objetivo principal con este sitio web era obtener los conceptos básicos de HTML, CSS y JS. Para eso, me gusta pensar que cumplió su propósito.

Si está interesado, he descrito toda mi experiencia con la creación de mi sitio web personal en esta publicación de blog de Medium – Crear un sitio web personal yo mismo – Medium

Para sitios web simples y rápidos de una página, eche un vistazo a http://populr.me . (Tema de Quora: Populr.me. Divulgación completa: conozco al equipo detrás de esto).

Por supuesto, diría que si tiene el ancho de banda y el interés, una comprensión básica de HTML siempre lo beneficiará, pero en estos días ciertamente hay suficientes herramientas de creación WYSIWYG que puede usar sin él si lo prefiere o lo necesita.

No puedo entender cuáles son tus principales intenciones. Como es su sitio web personal, puede estar usando sus propios colores, fuentes, temas favoritos, etc. Pero no trate de irritar a las personas. Le estoy dando una lista de algunos buenos sitios web personales que he encontrado en Internet. Por estos puedes tener una idea.

  • Juliana Rotich
  • Pascal van Gemert
  • Alistair Lane
  • Jim Ramsden – Diseñador de Internet

La lista anterior es de esta página 20 Mejores sitios web personales en 2013.

Editar: había visto este artículo que puede serle útil. Creación de un sitio web personal por Colin Gerber en publicaciones

La mayoría de los creadores de sitios web como Squarespace.com, Wix.com o Weebly son excesivos para ese propósito.

Hay soluciones dedicadas y simples que se han diseñado para que se vea bien en la web y alcance sus objetivos personales. Eche un vistazo a Pixelhub.me o About.me, ambas plataformas están especializadas en sitios web personales y conversión de leads para autónomos, empresarios y otros profesionales.

Pixelhub.me

Sobre mi

Primero, puede saber si esos sitios (y cualquiera de los que visita) usaron herramientas especiales llamando a la capacidad de “Ver código fuente” de su navegador.

Y, al explorar la fuente de los sitios que desea emular, aprenderá mucho.

En los días en que “Internet” era joven, así es como la mayoría de nosotros aprendimos HTML. Hoy también puede obtener un buen manejo de CSS de la misma manera. En la fuente HTML, verá la referencia a los archivos de soporte (CSS y Javascript). ¡Simplemente apunte su navegador a esas rutas (URL) y listo!

Felicitaciones por su primera aventura en “ingeniería inversa”.

Gracias por una pregunta tan hermosa. En primer lugar, debe aprender HTML, luego CSS, luego JavaScript, ajax, luego jQuery y finalmente php. por favor no entre en pánico, es tan simple, por otro lado, también puede aprender varios tipos de CMS, como desarrollo de magento, desarrollo de joomla, desarrollo de wordpress, etc. La mejor de las suertes, de todos modos soy un experto en desarrollo web , muchas gracias. Si quieres, también puedes contactar conmigo. solo sigue el ancla, de todos modos, gracias por una pregunta tan agradable. Seguid así.

  1. abrir un sitio web interesante
  2. guarda la página
  3. preparar un editor de texto
  4. actualizar “su” sitio web; eliminar contenido innecesario
  5. repite # 4 hasta que estés satisfecho
  6. crear una cuenta de GitHub
  7. crear nuevo proyecto
  8. subir y configurar páginas estáticas – Páginas de GitHub
  9. si quieres un dominio personalizado, entonces compra uno
  10. ta-daa

Esto es lo que sugiero. Use wordpress para comenzar y luego use el código más adelante.
Use Hostgator para obtener su nombre de dominio y alojamiento.
Servicios de alojamiento de sitios web, alojamiento de VPS y servidores dedicados
Use el código de promoción ‘justin’ para obtener el primer mes de alojamiento para 1cent.

Una vez que se registre, recibirá un correo electrónico para acceder a su cpannel, que es donde puede instalar WordPress. En el cpannel simplemente haga clic en su nombre de dominio y busque el instalador de WordPress.

¡El resto se explica por sí solo para iniciar sesión en WordPress y comenzar!

Una vez que tenga una buena base en WordPress y cómo usar HostGator, puede comenzar a usar sus habilidades de codificación, pero espere hasta sentirse cómodo con HostGator.

Las páginas que ha vinculado son creadas por sus autores “desde cero”. Minimalista, optimizado. Puedes ver eso mirando el código fuente de la página.

Muchos otros solo confían en WordPress, Joomla u otro CMS (sistema de gestión de contenido).

Aprender HTML + CSS es ineficaz y requiere mucho tiempo para la mayoría de las personas, por lo que WordPress.com y sitios similares ofrecen a sus creadores automatizados junto con una gran cantidad de temas para elegir. Haga uno rápidamente, compre un nombre de dominio único, úselo. No pierdas el tiempo aprendiendo lo que hay debajo del capó, si no quieres convertirte en un profesional (entonces esa es otra charla).

Puede ir a WordPress.com: cree un sitio web o blog gratuito para un sitio web gratuito que puede usar para un sitio web o blog personal, pero no posee nada y no obtiene un dominio.

Otra opción es un sitio de WordPress autohospedado, intente esto para obtener más información: Pruebe este servicio: Oferta exclusiva para usuarios de WordPress, Bluehost cuesta $ 3.95 por mes, y también le dará un nombre de dominio GRATUITO para su sitio personal, es decir, marca personal.

Elija un tema simple y elegante que se adapte perfectamente a su nicho y requisito. Para el tema, puede visitarlo en http://inkthemes.com y estoy seguro de que definitivamente obtendrá la mejor colección de temas de WordPress para elegir. Espero que encuentres uno que se adapte a tus necesidades.

Crear un ‘blog’ gratuito en WordPress.com es una excelente manera de comenzar.
El editor wysiwyg es una forma rápida de reunir un sitio web básico y puedes aprender HTML y CSS según lo necesites para que tus publicaciones y páginas se vean mejor.
Si comienza a sentirse seguro, puede comenzar a jugar con temas, temas secundarios y volverse loco codificando los suyos con PHP y Javascript.
También puede mover su blog / sitio web a un servidor personal usando WordPress de WordPress.org (gratis) para tomar más control sobre su sitio.
Básicamente, el desarrollo de WordPress es una excelente manera de aprender sobre el desarrollo web sin involucrarse demasiado y, como CMS, es básicamente ubicuo en este punto.

Usando PHP. (Juego de palabras)

En serio, use WordPress si no sabe cómo programar sitios web
Es simple, fácil de usar y está allí para blogs personales y todo tipo de sitios web. 🙂

Si desea aprender a programar, le aconsejo que aprenda HTML, CSS y JavaScript y luego PHP (fácil), Python (fácil también, pero no sé qué tan bueno es en línea) o C ++ (algo difícil de comparar a los otros)

En realidad, no necesita mucho para crear su propio sitio web personal y puede comenzarlo por menos de $ 50 dólares. Esto es lo que necesita:

1. nombre de dominio

2. alojamiento web

Eso es.

El resto dependerá de los objetivos generales de su sitio web, por ejemplo, qué contenido, temas, complementos y páginas va a poner en el sitio web. He escrito brevemente sobre esto en mi sitio web [Parte-1] -Cómo crear el suyo propio Sitio web

Espero que ayude.

More Interesting

Quiero crear una aplicación con un motor de aplicación de Google, ¿por dónde empiezo?

Estoy aprendiendo desarrollo web pero realmente no lo disfruto. ¿Debo dejar de aprender?

Cómo transferir un sitio web de cliente a mi servidor sin afectar su sitio

Acabo de comenzar el desarrollo web front-end. Soy un novato total. ¿La mayoría de los desarrolladores front-end memorizan todo en la parte HTML + CSS?

Necesito un desarrollador de pila completa que pueda construir una plataforma de infografía similar a infogr.am y piktochart.com. ¿Qué conjuntos de habilidades debo buscar?

Quiero comenzar un sitio web para reservar hoteles. ¿Sugiere sistemas de reserva que permitan la reserva en línea?

Soy un principiante. ¿Debo aprender Angular 2 o React primero para el desarrollo web front-end y el desarrollo de aplicaciones móviles nativas / híbridas?

Soy relativamente nuevo en programación y me gustaría construir un sistema de gestión del aprendizaje como proyecto de práctica. ¿PHP y MySQL serían una buena opción de lenguaje? Si no, ¿cómo lo hago?

Quiero usar ReactJS en el frente y Go en el back-end. ¿Qué marco MVC puedo tener para proporcionar capacidades como enrutar y acceder a la API Go de backend?

Cuando agrego una columna a una tabla existente, ¿se convierte automáticamente en una clave principal?

Necesito un consejo. ¿Cómo puedo mantener la coherencia con una tecnología / marco, aprenderlo adecuadamente y luego pasar a otro idioma o marco?

Estoy planeando hacer un proyecto web 'clásico'. ¿Debería considerar Meteor?

Estoy aprendiendo Desarrollo Web, Python y C a la vez, ¿es este un buen camino?

Soy un desarrollador Java de backend que trabaja en finanzas. ¿Cómo puedo ganar más dinero en el lateral? No tengo mucha experiencia en desarrollo web.

¿Cómo usar Python para el desarrollo web? ¿Cuáles son las herramientas y las metodologías utilizadas?