Como se crea una página Web

Aunque esta pregunta sea muy obvia para quienes ya sabemos crear páginas Web, lo cierto es que es una pregunta totalmente necesaria y lógica para aquellos que dan sus primeros pasos. Las páginas Web se crean con código HTML. Esto podemos comprobarlo de la siguiente manera:
  • Hacemos clic en el menú Ver – Código fuente de la página de nuestro navegador


En caso de que utilices Internet Explorer 7, podrás encontrar esta opción bajo el menú Página – Ver código fuente


Se abrirá una nueva página en nuestro navegador que mostrará el código HTML


Para poder crear una página Web necesitamos un editor en el que poder escribir el código HTML y un navegador en el que poder cargar nuestra página. Hemos de seguir estos tres pasos:

1. Abrimos nuestro editor. Todos los sistemas operativos traen uno por defecto. En nuestro caso utilizaremos Notepad.

  • Hacemos clic en InicioEjecutar
  • Escribimos Notepad
  • Hacemos clic en Aceptar

Si utilizas Windows Vista simplemente escribe en la caja de búsqueda Notepad


2. Escribimos el código Html en el editor


  • Selecciona menú Archivo Guardar como

  • Nombra el archivo. En nuestro caso, es web.html

Hemos de escribir la extensión de formato Html, ya que es el formato que entienden los navegadores a la hora de cargar una página Web


  • Hacemos clic en Guardar.

Nuestra página se guardará en el sitio que le hayamos indicado.

3. Ejecutamos la página

  • Para ello, localizamos el archivo web.html que acabamos de crear y hacemos doble clic sobre el mismo

Nuestro navegador cargará nuestra página Web y ejecutará las instrucciones Html que permitirán que veamos el contenido de la misma en pantalla


Como puedes observar la página creada muestra como título aquello que hayamos establecido entre las etiquetas title, en nuestro caso, 5incoaprendices y como contenido lo que hayamos establecido entre las etiquetas body. En este caso un párrafo.

Por tanto, para poder crear páginas Web es imprescindible tener conocimientos de Html

0 comentarios:

Publicar un comentario

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Top WordPress Themes