Como crear una página web básica








crear-sitio-web

Un sitio web no deja de ser algo más que código, los cuales son interpretados por los navegadores mostrando lo que ves por internet. Claro que la complejidad de cada código hará que un sitio sea más o menos complejo.

Nosotros veremos como armar un sitio desde cero y bien básico, lo cual te servirá como punta pié inicial y ya luego podrás ver cosas más complejas. Comenzaremos con el Block de Notas de Windows para crear un sitio web. Pero debemos aclarar que al guardar el archivo final lo haremos con la extensión .html o simplemente .htm y no con la clásica extensión de un archivo de texto (.txt)

El código html de una página web

Todas las páginas web empiezan y terminan con el mismo código y es el siguiente:
<html> (todas empiezan con esto)
</html> (todas terminan con esto otro)

La primera palabra <html> indica que allí empieza el código de la web. La segunda </html> indica que el código de la página web a terminado. La contra barra "/" indica que siempre se ha terminado esa etiqueta.

La estructura de una página web en HTML

Tus visitantes verán el resultado del código, pero no el código en sí (al menos a simple vista). Dentro del código html encontraremos dos etiquetas básicas el HEAD (o cabecera) y el BODY (o cuerpo, que es donde se almacenará todo lo que tus visitantes verán) y su estructura es así:
<html>
<head>
</head>
<body>
</body>
</html>
En el block de notas incluye esto y guárdalo como index.html (podrás verlo con tu navegador):

<html>
<head>
</head>
<body>
</body>
</html>
Diseño de paginas web

El tema del diseño es algo más complejo que escapa a simplemente código, ya que deberás conocer otras cosas como CSS o Flash por ejemplo.

Aún así ya tienes tu página web básica lista para ser subida a tu servidor.

1 comentarios:

Luis Tamiche dijo...

Que buenos trucos y explicaciones del caso. De verdad imprecionado. Esto creando uno para colocar las Series completas de películas, quizás músicas entre otras cosas mas, y esta pagina si que me ayudo.

Publicar un comentario

Hola, bienvenido a TutoMAX, muchas gracias por tu comentario...!!!

Espero que te gusten mis tutoriales...!!!

Labels

3D Aplicaciones para nokia c3 argentina autocad autos badoo Blog. blogger favicon Bloquear el facebook canal 13 canciones nuevas de pop chat chistes mamones Chrome cine cinetux Coches de segunda mano Cocina Correo crear logos online Crear Paginas Web credito decoracion descargar gratis descargar musica gratis descargar skype gratis Descargas Diseño Web dispositivos moviles emoticones para facebook encontrar pareja entrada del concurso Escenas msn escenas para msn facebook firefox 6 flan de maicena foro forobeta fotos Friv Juegos Génesis A.D Google gratis Herramientas hitler hogar imagen Imágenes informacion internet Juegos juegos de chicas juegos de los simpson juegos de mario Juegos de Mario Bros juegos de mario bros gratis juegos de pitufos juegos de soldados juegos gratis juegos mario bros juegos online juegos online gratis juegos para pc jugar al mario bros jugar mario bros Jugar mario bros aventura Lady Gaga los simpson maquillaje Megaupload Motorola mozilla mp3skull msn escenas musica niños noseque novedadeskb obama Office Live online peliculas de estreno Photoshop online gratis y sin descargar posicionamiento seo postres faciles presidente programas gratis programas gratis para pc radio en vivo recarga Recarga Movistar Argentina Recetas reggaeton salud seo skype descargar Tablet PC tecnología telekino temas para nokia the big bang theory trabalenguas traduce traductor tradukka Transformers Trucos de Cocina trucos de magia trucos para el bruto Tuenti twitter ultimas canciones videos videos comicos videos de bromas a mujeres Videos divertidos gratis videos divertidos gratis para ver Webs Windows wordpress vs blogger youtube Zune HD