Cómo crear una página web con bloc de notas
Como crear una página web con un bloc de notas como un procesador de texto a través de programación en HTML o de herramientas para ello, creando los gráficos web, usando CSS para diseñar las páginas y poniendo la web en línea con un dominio y alojamiento web. Descubre el paso a paso para como crear una página web con bloc de notas como Wordpad.
Cómo hacer un sitio web
Entonces quieres saber cómo hacer un sitio web. Por donde empiezas Este artículo lo guía a través de los pasos básicos:
- Hacer sus páginas web
- Diseñar su sitio web y
- Poner su sitio web en línea.
Hacer sus páginas web
Es probable que su sitio web contenga varias páginas web, vinculadas entre sí. Una página web es similar a una página impresa, ya que puede contener texto e imágenes. Sin embargo, existen algunas diferencias importantes entre una página web y una página impresa.
Por un lado, una página web puede tener cualquier longitud, desde unas pocas palabras hasta varias pantallas de contenido. Para ver una página web larga, simplemente desplácese hacia abajo en su navegador.
Una página web también puede contener enlaces a otras páginas web y sitios web. Esta capacidad de vincular a otro contenido realmente hace que la Web sea útil.
Entonces, ¿cómo se crean las páginas web? Sigue leyendo …
Entendiendo HTML
Las páginas web se crean utilizando un lenguaje llamado HTML . HTML 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>
y </p>
:
<p>Here is a paragraph of text.</p>
Puede crear sus páginas web HTML utilizando cualquier editor de texto sin formato, como WordPad gratuito en Windows ( menú Inicio> Todos los programas> Accesorios> WordPad ) y TextEdit en Mac ( Aplicaciones> TextEdit ). Simplemente abra el editor, escriba su texto y etiquetas HTML, luego guarde el archivo con una .html
extensión (por ejemplo, mypage.html
). Luego puede hacer doble clic en el archivo para ver la página resultante en su navegador web.
¿Qué pasa si no quieres aprender HTML?
HTML es bastante simple y es una buena idea aprender al menos algunas etiquetas básicas. Sin embargo, si no le apetece crear sus páginas web escribiendo HTML a mano, existen algunas buenas alternativas:
- Puede utilizar un editor de páginas web WYSIWYG (Lo que ve es lo que obtiene). Este es un software que ejecuta en su computadora. Le permite crear páginas web ingresando o pegando texto e insertando imágenes, como si se usara un procesador de texto. Hay muchos editores WYSIWYG disponibles. En la gama alta existen aplicaciones como Adobe Dreamweaver y Microsoft Expression Web . RapidWeaver e iWeb también son opciones si usa una Mac. Los buenos editores gratuitos incluyen KompoZer y Amaya .
- Puede utilizar un sistema de gestión de contenido (CMS). Muchos paquetes de alojamiento web vienen con un CMS que le permite ingresar el contenido de su página web a través de su navegador web. Normalmente, esto implica el uso de un editor de texto enriquecido basado en navegador (que funciona como un simple procesador de texto).
- Puedes crear un blog. Los blogs son sistemas de gestión de contenido especializados que son muy fáciles de usar.
Diseñando tu sitio web
En algún momento, probablemente desee agregar elementos gráficos a su sitio web, ya sean algunas instantáneas de vacaciones, un logotipo o un diseño de página completo. Para hacer esto, necesitará un editor de gráficos para crear los gráficos e, idealmente, algunos conocimientos de CSS para diseñar sus páginas.
Creación de gráficos web
Para crear gráficos y manipular fotos, necesita usar un editor de imágenes de algún tipo. Estos le permiten abrir o crear imágenes, ajustarlas tanto como desee y luego guardarlas en un formato adecuado para incluirlas en su sitio web.
Los editores de imágenes populares incluyen:
- Adobe Photoshop (y Photoshop Elements más asequible )
- Adobe Fireworks
- GIMP (gratis – ¡nombre extraño pero hace un buen trabajo!)
- Varios editores gratuitos basados en navegador como Splashup y Aviary .
Una vez que haya creado sus imágenes, puede insertarlas en sus páginas web, ya sea utilizando el editor WYSIWYG que elija o agregando img
etiquetas HTML.
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 .css
archivo 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!
Video relacionado sobre cómo hacer una página web con bloc de notas