Pasos para hacer una pagina web en html

Inicio » Pasos para hacer una pagina web en html

Ejemplo de archivo Html

HTML (Hypertext Markup Language) es el código que se utiliza para estructurar una página web y su contenido. Por ejemplo, el contenido puede estructurarse en un conjunto de párrafos, una lista de puntos con viñetas o utilizando imágenes y tablas de datos.  Como sugiere el título, este artículo le dará una comprensión básica de HTML y sus funciones.¿Qué es HTML? HTML es un lenguaje de marcado que define la estructura de su contenido. HTML consiste en una serie de elementos que se utilizan para encerrar, o envolver, diferentes partes del contenido para que aparezca de una manera determinada, o actúe de una manera determinada. Las etiquetas que encierran el contenido pueden hacer que una palabra o imagen tenga un hipervínculo con otra parte, pueden poner en cursiva las palabras, pueden hacer que la fuente sea más grande o más pequeña, etc.    Por ejemplo, tome la siguiente línea de contenido:

Los atributos contienen información extra sobre el elemento que no quieres que aparezca en el contenido real. Aquí, class es el nombre del atributo y editor-note es el valor del atributo. El atributo class permite dar al elemento un identificador no único que puede ser usado para dirigirlo (y cualquier otro elemento con el mismo valor de class) con información de estilo y otras cosas.

Leer más  Boton html link otra pagina

Cómo codificar un sitio web desde cero

La gran noticia es que el proceso de construcción de un sitio web se ha simplificado mucho con los años. Como vas a ver, puedes hacer una tú mismo sin necesidad de tener conocimientos de codificación ni de contratar a un desarrollador.

La mejor manera de hacerlo (aunque requiere un poco de tiempo) es recorrer manualmente las páginas de la competencia, los grupos de redes sociales, los sitios de preguntas y respuestas y los foros, y anotar toda la información relevante, como los temas tratados, las preguntas formuladas y los tipos de contenido que veas.

Para que te hagas una idea de a qué puede conducir este tipo de investigación, imagina que eres un entrenador personal. Al revisar los sitios web de otros entrenadores personales, te has dado cuenta de que todos ellos tienen este tipo de páginas y contenidos en su sitio:

Además, en los grupos de las redes sociales, te has dado cuenta de que tu público objetivo pregunta con frecuencia por los entrenadores personales que trabajan en lugares concretos. Por ello, también decides añadir una página adicional con una lista de todos los gimnasios en los que prestas tus servicios.

Lo importante en este paso es recordar el objetivo de su sitio web y el público objetivo al que se dirige la página. Estos dos factores deberían ayudarle a decidir la dirección y el diseño de su sitio web (por ejemplo, podría estar construyendo un sitio web de varias páginas o un sitio web de una página).

Leer más  Como posicionar un sitio web

Tutorial de Html

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 te recomiendo que utilices 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.

Código del sitio web Html

Una vez que hayas terminado de escribir el código y de organizar los archivos que componen tu sitio web, tienes que ponerlo todo en línea para que la gente pueda encontrarlo. Este artículo explica cómo poner en línea su código de muestra simple con poco esfuerzo.¿Cuáles son las opciones? Publicar un sitio web es un tema complejo porque hay muchas maneras de hacerlo. Este artículo no pretende documentar todos los métodos posibles. En cambio, explica las ventajas y desventajas de tres enfoques que son prácticos para los principiantes. Para tener más control sobre el contenido y la apariencia del sitio web, la mayoría de la gente opta por comprar alojamiento web y un nombre de dominio:

Leer más  Como hacer un menu para una pagina web en html

Además, necesitará un programa de Protocolo de Transferencia de Archivos (FTP) (consulte Cuánto cuesta: software para obtener más detalles) para transferir realmente los archivos del sitio web al servidor. Los programas de FTP varían mucho, pero generalmente hay que conectarse a su servidor web con los datos que le proporciona su empresa de alojamiento (normalmente, nombre de usuario, contraseña y nombre de host). A continuación, el programa te muestra tus archivos locales y los del servidor web en dos ventanas, y te ofrece una forma de transferir los archivos de un lado a otro.

Ir arriba
Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Ver
Privacidad