miércoles, 15 de junio de 2022

Creación de una web desde cero

Internet y la web no son lo mismo, te explicamos por qué

Una página web es un conjunto de información que se encuentra en una dirección determinada de internet. Suele incorporar texto, hipervínculos, imágenes, vídeo...

Cuando hablamos de una página web, solemos hablar de un conjunto de páginas con vínculos entre ellas, que hacen más fácil el acceso a la información que si estuviera todo en una de ellas. Para crear cada una de ellas, hay 2 maneras diferentes:

  • creando un documento de texto con un programa tipo "bloc de notas" (WordPad, NotePad, MousePad...) usando lenguaje HTML y visualizándo la web creada con un navegador (Firefox, Chrome...). Para ello tenemos que saber código html.
  • Puedes crear un blogLos blogs son sistemas de gestión de contenido especializados que son muy fáciles de usar. En clase hemos creado uno para nuestra asignatura en Blogger.
  • con un programa de creación de páginas web. Son editores de páginas web WYSIWYG (lo que ve es lo que obtiene) en el que creamos un archivo en el que se guarda el diseño que vamos creando para nuestra página web. En una pestaña podemos ver cómo quedaría la página web a medida que la creamos, y en otra pestaña podemos ver el código que el programa crea automáticamente, y que corresponde al diseño que hemos hecho. En clase solemos utilizar el programa Nvu, editor de HTML que permite la creación y edición de páginas web. Es gratuito, de código abierto y multiplataforma. Su uso está muy extendido en el mundo Linux. Hay muchos editores WYSIWYG disponibles. En la gama alta existen aplicaciones como Adobe Dreamweaver y Microsoft Expression WebRapidWeaver e iWeb también son opciones si usa una Mac. Los buenos editores gratuitos incluyen KompoZer y Amaya .

Una vez que se ha creado la web necesitamos poner la web en línea con un dominio y alojamiento web. 

Entendiendo HTML

Las páginas web se crean utilizando un lenguaje llamado HTML que es fácil de aprender. Una página web HTML consiste en el texto de la página rodeado por varias etiquetas para estructurar y formatear la página. Por ejemplo, para crear un párrafo de texto, rodee el texto con etiquetas <p></p>:

  <p>Here is a paragraph of text.</p> 
Yo probé esto en el programa MousePad (Linux) y guardé el archivo con al extensión html, y funcionó.

Usando CSS para diseñar sus páginas

Además de agregar imágenes a su sitio web, puede diseñar sus páginas web usando CSS ( C ascading S tyle S heets). Como HTML, CSS es un lenguaje fácil de aprender. Puede utilizar CSS para diseñar páginas; estilo de imágenes y texto; crear menús de navegación, etc.

Si está codificando su HTML a mano, puede agregar CSS fácilmente para diseñar sus páginas. Normalmente, esto se hace creando un .cssarchivo separado para almacenar sus estilos.

Si está creando un sitio web con un editor WYSIWYG, este manejará gran parte del estilo CSS por usted. Sin embargo, para obtener los mejores resultados, es útil aprender al menos un poco de CSS.

Poner su sitio web en línea

Una vez que haya creado su sitio web, querrá ponerlo en la Web para que otros puedan verlo. Esto implica registrarse con una empresa de alojamiento web y luego cargar sus páginas web y otros archivos en el servidor web de la empresa.

Encontrar un servicio de alojamiento web

Existen miles de empresas de alojamiento web.

Si desea tener un nombre de dominio para su sitio web, como por ejemplo www.example.com.

Subiendo su sitio web

Una vez que se haya registrado para obtener una cuenta de alojamiento web, es hora de cargar los archivos de su sitio web.

Ahora ha creado su sitio web y lo ha puesto en la Web para que todos lo vean. ¡Felicidades!

 

En el siguiente vídeo se ve cómo escribir el texto en un blog de notas y abrirlo con un navegador.

Recursos utilizados para la creación de este artículo:

No hay comentarios:

Publicar un comentario

Nota: solo los miembros de este blog pueden publicar comentarios.