Tutorial para crear una pagina web

Cómo crear una página web

Dicho esto, la pieza más importante del rompecabezas aquí es que usted puede aprender cómo hacer un sitio web de WordPress y luego crear algo impresionante para su negocio o proyecto todo por su cuenta.

Cuando estés listo para registrarte en una cuenta de alojamiento web, asegúrate de usar uno de los enlaces de Bluehost en esta página. Pasar por ellos dará lugar a dos cosas: (1) son enlaces de afiliados, lo que significa que recibimos una pequeña comisión si compras a través de ellos, (2) se desbloqueará un precio de descuento de 2,75 dólares frente a 3,95 dólares con un dominio gratuito para ti. No obtendrás este descuento si visitas el sitio de Bluehost de cualquier otra manera.

También existe el otro sabor de WordPress – “WordPress, el servicio comercial”, que puedes encontrar si vas a WordPress.com. Aquí describimos las diferencias entre ambos. Por ahora, sin embargo, vamos a recordar que lo que queremos está en WordPress.org, ya que es una versión más versátil y más barata de usar de la plataforma. Todo esto se aclarará en los próximos pasos.

Nota de acción. No hay ninguna tarea de acción que necesites hacer en este punto. El paso 1 es sólo para familiarizarse con la herramienta que va a utilizar para construir su sitio en los próximos pasos.

Treehouse

En este curso, aprenderás todo lo necesario para convertirte en un desarrollador web, desde las responsabilidades que un desarrollador web desempeña en el día a día hasta el conjunto de habilidades que necesitarás para tener éxito en ese papel. Y, por supuesto, también te ensuciarás las manos con el código: Te introduciremos en los bloques de construcción fundamentales de la web y nos aseguraremos de que salgas de este curso habiendo desarrollado tu primer sitio web.

También es el trabajo del desarrollador web para diagnosticar los problemas en la funcionalidad de un sitio web, para entender cómo funciona algo mediante la lectura del código detrás de él, y hacer cambios para solucionar cualquier problema. Esto convierte a los desarrolladores web en los médicos de la red mundial. Cuando hablamos de la red mundial, nos referimos principalmente a los sitios y aplicaciones web. Llegados a este punto, el curioso aspirante a desarrollador que hay en ti puede preguntarse: “¿Cuál es la diferencia entre ambas?”.

Hay muchas otras funciones específicas en el desarrollo web, como los arquitectos de sistemas, la IA, el aprendizaje automático y los ingenieros de seguridad. Estos roles requieren un conocimiento más especializado de uno o más de los tipos de desarrollo anteriores, por lo que muchos profesionales en estos roles comenzarán adquiriendo cierta experiencia en desarrollo web general.

Cómo crear un sitio web con html en el bloc de notas

Consejo: Le sugerimos que utilice el Bloc de notas (en Windows), TextEdit (en Mac) o algún otro editor de texto sencillo para hacer esto; ¡no utilice Word o WordPad! Una vez que entienda los principios básicos, puede pasar a herramientas más avanzadas como Adobe Dreamweaver.

Nota: Una declaración DOCTYPE aparece en la parte superior de una página web antes de todos los demás elementos; sin embargo, la declaración doctype en sí no es una etiqueta HTML. Todo documento HTML requiere una declaración de tipo de documento para asegurar que sus páginas se muestren correctamente.

Consejo: Las etiquetas <html>, <head> y <body> constituyen el esqueleto básico de toda página web. El contenido dentro de <head> y </head> es invisible para los usuarios, con una excepción: el texto entre las etiquetas <title> y </title>, que aparece como título en la pestaña del navegador.

El HTML se escribe en forma de elementos HTML compuestos por etiquetas de marcado. Estas etiquetas de marcado son la característica fundamental de HTML. Cada etiqueta de marcado se compone de una palabra clave, rodeada de corchetes, como por ejemplo

Bigcomm…

Mi favorito actual entre los muchos editores es Visual Studio Code (gratuito). Puedes usar un editor de tu elección pero ocasionalmente me referiré a algunas funciones de Visual Studio Code (VS Code). Buenas alternativas son Atom o Brackets.

Por supuesto, nuestro sitio web debería funcionar en los principales navegadores (Edge, Firefox, Chrome y Safari). Sin embargo, para el desarrollo web recomiendo utilizar Chrome. Chrome incluye herramientas muy útiles para los desarrolladores que usarás a menudo.

Para ver la página, usaremos la extensión Live Server que instalamos anteriormente. Haz clic con el botón derecho en tu index.html (el archivo que está debajo de la carpeta Portfolio y no el que está arriba en “Abrir editores”). Luego haga clic en Abrir con Live Server. Una ventana del navegador debería abrirse y mostrar su primer sitio web. Ahora, cada vez que guardes cualquier cambio, éste será actualizado automáticamente por el servidor en vivo.

Si la página no se abre en su navegador preferido: Cambie la configuración de su ordenador para que otro navegador sea su navegador estándar. También puedes copiar la dirección (por ejemplo, http://127.0.0.1:5500/index.html) de un navegador e insertarla en otro.

Santiago Paez