No estás dentro
Registrarse · Activar cuenta · Entrar
Vandal Online · Blogs · Foros
Portada · Comentarios
Regístrate en Vandal para tener un blog como éste.

Doctor Light's Lab

Mini Cursillo de Html - 00: Como crear un archivo html
Publicado @ 16:26 - 9/12/2007
Etiquetas: , ,

Ya que en los últimos meses he aprendido algo de Html, he decidido retribuirle algo al foro con un mini tutorial que permitirá hacer bastantes cosas interesantes con html. Partirá de lo más básico, y dependiendo de su aceptación será su duración.

Hoy partiremos con lo más básico: crear un archivo html. Todo contará con imagenes para que no haya ninguna duda.

Primero, creamos una carpeta donde crearemos todos nuestros proyectos en html. Para no ser original, a la del ejemplo le pondré "Html" :P



Luego abrimos un block de notas en el menú de programas de Windows



Aquí, escribiremos lo más básico: Como se ve en la imagen todo nuestro código debe estar entre dos "etiquetas" que dicen html. Como verán, es muy parecido a los códigos de Vandal, así que no debería ser mucho problema.



Luego escribiremos las etiquetas "head" y "body". La primerá servirá para poner el nombre que se verá en nuestro navegador, el ícono de favoritos, las palabras clave para el buscador, y otras cosas que dejaremos para otra ocasión. El "body", como su nombre lo dice, será el cuerpo de nuestro documento. Está etiqueta, como otras, pueden recibir algunos parametros que modificarán el actuar de lo que esté entre el par, pero eso también lo veremos en otra ocasión.



Ahora escribiremos lo que se nos ocurra entre las etiquetas de "body".



Ahora, guardamos nuestro archivo en nuestra carpeta(yo le pondré "Bamdal") y cambiamos su nombre de "Bamdal.txt" a "Bamdal.html".



Si no podemos hacer esto directamente, habrá que hacer un paso extra: Vamos a Herramientas/Opciones de Carpeta...



.../Ver, y aquí le quitamos la marca a "Ocultar las extensiones de archivo para tipos de archivo conocido"



La otra manera de hacerlo, es al momento de guardar el archivo colocar el nombre con la extensión todo entre comillas, así se creará directamente el documento deseado.



Por último abrimos el archivo con cualquier explorador de internet (en el ejemplo Internet Explorer).



Y listo! Tenemos nuestra primera página web.



Ahora es cosa de buscar un servidor en la web y colgarlo, y experimentar, hasta una siguiente clase ;)

4 comentarios :: Enlace permanente :: Enviar
Categorías: Programación

Comentarios:

Se agradece muchísimo esta iniciativa, pienso seguir practicando todo lo que vayas poniendo con la esperanza de aprender a hacer cosas interesantes en el futuro :D

Además está todo explicado al detalle ¡Muy bien! ^^
Por Jimmytrius (visitar blog) @ 16:53 - 9/12/2007

Gracias, espero que sigas explicándonos cosas.
Por Jose15 (visitar blog) @ 21:30 - 9/12/2007

Muy interesante. Muchas gracias por compartir tus conocimientos. Además, las explicaciones son concisas y sencillas.

Espero seguir tu "cursillo" para poner en práctica algunas de las aplicaciones.
Por Shoot Gunner (visitar blog) @ 16:58 - 12/12/2007

Gracias por lo que me pasaste de tu entrada anterior, ya he borrado el comentario :D
Por m8 (visitar blog) @ 22:46 - 17/12/2007

Deja tu Comentario:

No puedes poner comentarios. Necesitas estar registrado en Vandal Online. Regístrate aquí o Haz Login.


Blog de Thomas Light

RSS

Destacados:
· Primer mes con Wii: Mario Galaxy | Fire Emblem | Metroid Prime 3 - Impresiones
· Ahora es mi turno; ya tengo Wii! - Código de Amigo Inside -
· Indice de todas las entradas
· Thomas Light presenta: Mi colección / N64-GC
· Grandes Historias del Flash V2: Super Mario Bros. Z


Vídeos:
· Raruto
· Megaman X / Rockman X




Amigos:
_-Sheik-_
Alek
ASTURmatr
BANJO
Bronco
Clone
Fay Masters
fredpalas
gabla
Granlutz
HeinzCube
Jaccro
Jimmytrius
Jordav
Kiriyama
Kudo Uzumaki
Kwisatz Haderach
lord_guango
MaNrAy
Neouz
Osaka no Kotatsu
Pablo Grandio
pablo perez doncel
Ratta
shadowthehedgehog
Shoot Gunner
Sr. Vincent
Vikutoru
xispax_
Zero_Nightmare
ZZGRST


Categorías:
Blog
Cine/TV
Flash/ Videos
General Juegos
Manga/Anime/Comic
Programación


Archivo:
Enero 2009
Noviembre 2008
Octubre 2008
Septiembre 2008
Marzo 2008
Febrero 2008
Enero 2008
Diciembre 2007
Noviembre 2007
Octubre 2007
Septiembre 2007
Agosto 2007
Julio 2007
Junio 2007
Mayo 2007
Abril 2007
Marzo 2007
Enero 2007
Octubre 2006
Septiembre 2006
Mayo 2006


Vandal Online:
Portada
Blogs
Foro

Blogs en Vandal Online · Contacto · Denunciar Contenido