Cómo crear tu primer página web

luisetfree (25)in #spanish • 6 years ago

Crear una página web es algo relativamente fácil y rápido, en el mundo de la programación existe un “esquema” básico para lograr ello. Veamos en seguida cómo crear una página web.

Este tutorial está escrito para usuarios básicos con pocos conocimientos de programación.

¿Que necesito?

Para iniciar necesitaremos un editor de texto plano, es decir el bloc de notas o para usuarios un poco más avanzados pueden utilizar Sublime Text, es una herramienta altamente recomendada para los que deseen programar en ambiente web.

Creando nuestra primera página web

Html5 es la herramienta que debemos utilizar para comenzar a crear nuestra página web, con ello armaremos la base, en pocas palabras el esqueleto de nuestro sitio.

Html es por así decirlo la herramienta que monta las bases de un sitio web, a este nivel no programamos nada, simplemente utilizamos una tecnología que nos permitirá “maquetar” y ordenar las secciones de nuestra página.

Paso a paso

Paso 1: Abre el Bloc de notas. Inicio>Bloc de notas.

Paso 2: Con el Bloc de notas abierto, guardamos el documento: Archivo>Guardar cómo. En la casilla nombre escribe “MiWeb.html”, guárdalo en el Escritorio. En el apartado Tipo cambia a Todos los archivos.

Paso 3: Copia y pega el siguiente código:

<!DOCTYPE html>

<html>

<head>

<title>Mi primer página web</title>

</head>

<body>

<h1>Hola soy Tu nombre </h1>

<p>Está es mi primer página web</p>

</body>

</html>

Paso 4: Modifica tu nombre y guarda el archivo.

Paso 5: Abre el archivo que guardaste en el Escritorio, notarás que ahora aparece el icono de tu navegador por defecto. Da doble clic y verás el resultado en tu navegador.

¡Eso es! Ahora ya creaste tu primer página web. Sólo falta agregar más información, imágenes y colores para que luzca profesional.

Te dejare un enlace para que descargues el archivo que hemos trabajado y otras secciones más para que veas parte del potencial que nos ofrece Html y para que lo puedas modificar a tu antojo.

Si te ha gustado este post recuerda siempre apoyar el trabajo y compartir By Luisetfree

#web-site #programming #how-to #html