Curso de HTML 5 – PARTE 1

Agencia de Diseño Web, Programación y Formación

curso-html5-tribu

Curso de HTML 5 – PARTE 1

Aprendiendo hacer paginas web

¿Que es?

Es un lenguaje de maquetación (estructura) para el diseño de paginas web.

¿Que necesito para aprender HML5?

  • Tu sistema operativo preferido. (En mi caso MX LINUX)
  • Cualquier navegador web (actualizado)
  • Editor de texto (preferiblemente sublime text 3) o IDE de desarrollo
  • y lo mas importante (UNA RAZÓN PARA APRENDER)

¿Comenzamos?

Lo primero es crear una carpeta con el nombre de tu pagina(minúsculas y sin espacios).

En nuestro caso le pondremos “mi_web

html5-1
Creación de proyecto

Estructura de proyecto

También llamada arquitectura de software (lo veremos en otro curso PHP), es la manera en que organizaremos los elementos que necesitara nuestras pagina web.

  • img: Es la carpeta que contendrá las imágenes para nuestra pagina.
  • js: Es la carpeta que contendrá los archivos de javascript
  • css: Es la carpeta que contendrá los archivos de estilos

Estructura de proyecto

Luego abriremos el proyecto desde nuestro editor (sublime text).

File > open folder > escritorio > mi_web

Editamos el archivo index.html e ingresamo el siguiente codigo:

<!DOCTYPE html>
<html lang="es-Ve">
	<head>
		<title>Curso HTML5</title>
	</head>
<body>
	Hola Tribu
</body>
</html>

Abrimos el archivo con nuestro navegador y este seria el resultado

mi primera pagina web
mi primera pagina web

Y listo!!
Ya tenemos nuestro primer ejemplo de una pagina web, el en siguiente POST les explicare a detalles que significa todo y una lista de etiquetas para mejorar nuestra pagina web.

 

Comentarios: 1

  1. MrMezaCaiman dice:

    Perfecto, para las personas que estan empezando en el mundo del diseño web…
    Genial!

Añade tu comentario