Para poder crear una página web existen dos maneras principales en las cuales se puede realizar, la primera de ellas es utilizando código puro creando archivos HTML, archivos CSS, archivos de Java script o incluso otros lenguajes de programación o frameworks, pero para ello es necesario obviamente saber sobre programación y tener vastos conocimientos sobre desarrollo web para poder realizar una página web decente.
Otra opción para crear una página web es utilizar un CMS como WordPress el cual te permite crear una página web de manera sencilla, sin necesidad de tener conocimientos de desarrollo web, claro que utilizar WordPress tiene tanto ventajas como desventajas, debido a que puedes crear una página web de manera más sencilla, pero no tienes tanta libertad de realizar configuraciones como las que si tendrías utilizando código puro.
Crear una pagina web utilizando HTML puro
El primer método para crear una página web es utilizando código puro, que es principalmente creando un archivo HTML, al cual se le pueden configurar otros archivos para que la página luzca mejor y sea más atractiva para el público.
Aunque para crear una página web con HTML puro existen algunas otras formas aunque sean un poco más sofisticadas pero es necesario tener muchos más conocimientos sobre desarrollo web, como lo es utilizando un Framework de desarrollo web como Angular que está basado en JavaScript y te permite crear páginas web con código puro pero integrando todo en una interfaz.
Si quieres aprender un poco sobre Angular, te recomiendo visitar mi página principal donde encontrarás algunos ejercicios con angular y con otros lenguajes de programación para crear una página web de manera profesional.
👊 ¿QUIERES INCREMENTAR TUS CONOCIMIENTOS EN DESARROLLO WEB? 👊
Entonces te recomiendo tomar este curso de Desarrollo web donde aprenderás diferentes tecnologías hasta convertirte en un experto, realizando varios ejercicios prácticos para que puedas aprender de una mejor manera.
👇
CURSO COMPLETO
Creando archivo HTML
El primer paso es crear archivo HTML, que va a ser el archivo que contenga todo el texto que se va a presentar en la página web, el archivo HTML simplemente se guarda con la extencion del mismo nombre, y es muy importante siempre guardarlo con el nombre de index.html para que el navegador web lo tome como en la página principal.
Dentro del archivo es muy importante colocar todas las etiquetas principales para una página web básica, como son las que se presentan en el siguiente código.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>The first program</h1>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Possimus quidem incidunt accusamus rem itaque minima atque earum!
Corrupti quam sit fugiat maiores necessitatibus sed facere repellat
eligendi doloremque, totam fuga rem in laborum doloribus!
</p>
</body>
</html>
En el código anterior simplemente se presenta una forma básica de una página web, donde se encuentra un título y un párrafo para ser mostrado.
Si se crea una página web utilizando sólo HTML se mostraría de forma poco satisfactoria para el usuario por lo cual es necesario crear un archivo CSS, el cual le va a dar estilos para la que la página web luzca de mejor manera.
Creando archivo CSS
El segundo pasos para crear una página web satisfactoria es crear un archivo CSS, donde se colocan todos los estilos que se quieran aplicar a nuestra página web, por ejemplo el color de la letra, el color de fondo, el tamaño de las imágenes o otros diferentes estilos que se quieran colocar para que sea más atractiva para el usuario.
Para que nuestra página web o nuestro archivo HTML detecte que nuestra página tiene un archivo CSS es necesario integrar en nuestro archivo HTML la siguiente etiqueta.
Debe ser colocada dentro de la etiqueta Head para que esta pueda ser usada correctamente.
Dentro de la tributo «href» tienes que colocar el nombre que se colocó al archivo CSS, el cual tiene que tener la misma extensión de su nombre.
<link rel="stylesheet" href="style.css">
Cómo ya se mencionó dentro del archivo CSS se tienen que colocar todos los estilos que se le quieren tener, esto mediante el uso de clases que se colocan dentro del archivo HTML y así colocando estilos, cómo este ejemplo que se presenta continuación donde la etiqueta del párrafo se le están aplicando los siguientes estilos.
p{
color: black;
text-decoration: none;
font-weight: bold;
}
El código anterior se traduciría como que al párrafo se le está colocando el color de la letra en color negro, se le está quitando la decoración del texto para que ésta no tenga ningún otro estilo y se le está asignando la letra como negritas.
Creando archivo JavaScript
Por último si se le quieren aplicar algunas acciones que sean requeridas por un lenguaje de programación, es necesario crear un archivo JavaScript ,el cual te permite hacer una gran cantidad de acciones como interactuar con una API y para obtener datos de una base de datos o conectarse con el backend del sistema.
Para integrar un archivo JavaScript en nuestra página web, es necesario colocar otra etiqueta en nuestro archivo html con el nombre del archivo de Java Script que hemos creado, como se presenta continuación.
<script src="javascript.js"></script>
Dentro del archivo JavaScript simplemente se realizan las acciones de un lenguaje de programación, si quieres ver algunos ejemplos de lo que se puede hacer en lenguaje JavaScript te recomiendo visitar mi página, donde encontrarás varios ejemplos de programación en JavaScript.
https://luiselectronic.com/javascript/
👊 ¿NECESITAS UN HOSTING PARA TU PAGINA WEB O TIENDA ONLINE? 👊
Entonces te recomiendo usar Hostinger, que cuenta con una gran cantidad de ventajas y herramientas para crear tu Web de manera sencilla y profesional.
Estas son una de las características al contratar Hostinger:
💽 Hospedaje Profesional
💻 Sitio Web seguro con SSL
🔋 Velocidad de procesamiento
🖲 Interfaz fácil de usar
💰 Dominio Gratis
Entre muchas otras cosas mas…
Crear una pagina web con WordPress
Crear una página web con WordPress se puede hacer de dos maneras. Instalándolo en un servidor local o en un hosting, si se instala en un servidor local es básicamente para hacer pruebas de la página, debido a que no es accesible para todo el público, mientras que si se instala en un hosting será accesible para todas las personas que ingresan a nuestro dominio.
Usando un servidor local
En el siguiente enlace encontrarás una publicación con todos los pasos para poder realizar la instalación WordPress en un servidor local utilizando la aplicación XAMPP.
Usando un Hosting Web
En el siguiente enlace encontrarás un tutorial de cómo realizar la instalación de WordPress en un hosting web, en este caso se utilizará para el servidor Hostinger, pero el proceso es prácticamente el mismo para cualquier otro tipo de hosting que se esté utilizando.
