Lecciones: parte I II

Descargar e instalar NVU | Configurando NVU | Comenzando con HTML | Creando la primera pagina web | Nuestro primer parrafo y salto de linea | Crear enlaces con HTML | insertar nuestra primer imagen | Estilos CSS | Poner fondo con CSS
Imprimir

Creando la pagina inicial


Toda pagina web debe contener un archivo llamado "index" seguido del nombre del código en el que la estamos haciendo, en nuestro caso se llamará "index.html", esta es la pagina principal de toda pagina web.

Para empezar a crear nuestra pagina principal primero vamos a crear una carpeta en "Mis Documentos" (/home/usuario/) con el nombre "ejemplo-ccusw" donde colocaremos todos los archivos de nuestra pagina web.

Para comenzar vamos a abrir el editor HTML NVU que instalamos en una de las lecciones pasadas, una vez abierto, iremos a "archivo" y a continuación haremos clic en "nuevo", si lo hicimos bien, se nos abrira una mini ventana como esta:

Abrir archivo NVU

Nos aseguramos de tener la configuración igual que en la imagen y hacemos clic en "Crear". Una vez hecho esto veremos una pagina en blanco, aun no le hemos puesto nombre, para eso hacemos clic en "archivo" y luego en "guardar".

En la ventana que nos aparece tenemos que poner el nombre del archivo, como dijimos antes lo llamaremos index.html luego hacemos clic en aceptar.

Ahora nos aparecerá una ventana que nos pregunta donde queremos guardar ese archivo, es fácil, lo hacemos en la carpeta que creamos antes ¿recuerdas? aquella que se llamaba "ejemplo-ccusw" y estaba en "Mis Documentos" (si no la creaste, este es el momento jeje) (/home/usuario/ para los que usan Linux), cuando estamos en esa carpeta hacemos clic en guardar y listo, si vamos a esa carpeta tendremos que ver el archivo index.html:

Ya tenemos la primer pagina de nuestra web, ahora falta lo mas importante, agregarle contenido jeje.

 

Siguiente lección: insertar parrafos y saltos de linea con HTML



Mira el video de esta lección

(Nota: para ver mejor el video, activar la opción HD y mirar en pantalla completa)


Creando la primera pagina web - Lección 4 - ComoCrearUnSitioWeb.com from Lucas Muñoz on Vimeo.



¿Que puntuación le darías a este tutorial?


Si tienes alguna duda puedes entrar al foro y registrarte para que te ayudemos entre todos.