Vous êtes sur la page 1sur 3

Crear y ver una página Web

en el ordenador
Si ya ha terminado muchos cursos Codecademy, pero todavía encuentras
preguntando: "¿Dónde puedo escribir código en mi propio ordenador?",
A continuación, iniciar aquí!

Crear y ver una página Web en el ordenador

REQUISITOS:
Editor de texto
Un navegador de Internet
Completado la Unidad 1 de aprender HTML y CSS curso de
Codecademy

INTRODUCCIÓN
Cuando se desplaza a una página web en Internet, el navegador está
haciendo un montón de trabajo.  El navegador lee todos los archivos
necesarios ﴾HTML, CSS y JavaScript﴿ e interpreta esos recursos primas
para pintar la página compleja que se ve.

En este artículo, usted aprenderá cómo crear una página web utilizando
un editor de texto en su propio ordenador, a continuación, ver la página
web en el navegador. Si usted está interesado en publicar su página web
para la World Wide Web ﴾Internet﴿ para todo el mundo para ver, echa un
vistazo a este artículo después de entender los pasos a continuación.

PASO 1: ABRA SU EDITOR DE TEXTO


El primer paso es abrir el editor de texto. Es importante utilizar un editor
de "prima" de texto, y no un procesador de texto con formato.

Los procesadores de texto insertar caracteres que hacen que la página se


ven bien, pero que no son HTML válido. Son una gran herramienta para
hacer que los documentos elegantes, tales como documentos
académicos y volantes, pero también se meten con caracteres que no son
HTML válido.  Desde un archivo de página web debe contener HTML
válido, un editor de texto es una herramienta mejor que un procesador
de textos para la construcción de páginas web.
PASO 2: ESCRIBA SU ESQUELETO HTML
Ahora que su editor de texto está abierto, puede comenzar a escribir el
código HTML.  Como se vio en la primera lección del curso de HTML y
CSS, hay algunas cosas que siempre están presentes en un archivo HTML
en el formato adecuado. He aquí todos juntos de nuevo:

<!DOCTYPE html>
<html>
  <head>
    <title>My First Web Page!</title>
  </head>
  <body>
    <h1>Hello World!</h1>
  </body>
</html>
Puede usar este esqueleto exacta si lo desea.  Sólo tienes que copiar y
pegar en su editor de texto. Asegúrese de incluir todo!

En este punto, puede comenzar a escribir más HTML dentro


del <body> caso que se sienta listo.  Sin embargo, si es tu primera vez,
pasar a la etapa 3 por ahora. Más tarde, puede pasar tanto tiempo como
lo desee en la ampliación y la mejora de su nueva página web.

PASO 3: GUARDAR EL ARCHIVO


Su página web está listo, pero en la actualidad sólo existe en el interior de
su editor de texto.  El siguiente paso es guardar el archivo en su
ordenador. Si ha cerrado el editor de texto sin guardar ahora, su nueva
página web se perdería! Hay algunas cosas importantes a tener en cuenta
cuando se guarda el archivo:

Utilice la  .html extensión de archivo HTML, es


decir, about_me.html
No utilice espacios ni caracteres especiales en el nombre del
archivo. Use guiones bajos ﴾_﴿ o guiones ﴾‐﴿ en su lugar.
Decidir dónde en su ordenador va a guardar el archivo, y asegúrese
de recordar la ubicación!

Utilice la  .html extensión de archivo HTML


Una extensión de archivo es el sufijo del nombre de archivo, y describe
el tipo de archivo. La extensión del archivo es siempre los últimos 3 o 4
caracteres en un nombre de archivo, precedidos por un punto.  Por
ejemplo, la extensión del archivo HTML es  .html , y le dice al navegador
﴾y otras aplicaciones﴿ para interpretar el contenido del archivo como una
página web. Tenga en cuenta que en las páginas web de más edad que
pueden aparecer  .htm , pero esta arcaica y ya no se utiliza.
No utilice espacios ni caracteres especiales en el nombre del
archivo
Al elegir un nombre de archivo, que sea sencillo.  Se adhieren a los
números y las letras.  Utilizar guiones ﴾  _ ﴿ o guiones ﴾  ‐ ﴿ en lugar de
espacios.  Dejar de lado signos de porcentaje, barras, signos de
interrogación, signos de exclamación, comas y otros "caracteres
especiales". El navegador necesita para localizar el archivo en función de
su nombre, y caracteres especiales en el nombre de archivo puede
interrumpir ese proceso.  Los nombres de archivo deben ser simples y
deben seguir las convenciones con el fin de que la navegación a su
página web más fiable.

Decidir dónde en su ordenador va a guardar el archivo


Después de elegir un nombre de archivo, seleccione una ubicación
adecuada en el sistema de archivos para guardar su página Web. Es una
buena práctica para crear una nueva carpeta para albergar a esta página
web.  Si crea una nueva carpeta, usar las mismas convenciones de
nomenclatura descritas anteriormente con el fin de minimizar los dolores
de cabeza futuros.  La  cosa más importante  al seleccionar la ubicación
para guardar a es  recordar dónde lo guardó  .  Si se guardó ya, pero no
recuerda dónde, basta con hacer clic File > Save As... , seleccionar
una nueva ubicación para guardar, y asegúrese de recordar este
momento.

PASO 4: ABRA SU PÁGINA WEB EN EL NAVEGADOR


Ahora ya está listo para ver su nueva página en su navegador! En primer
lugar, abra su navegador.  En el menú superior, haga clic
en File > Open File .  Vaya a la ubicación que guardó la página
Web.Haga clic en el archivo de página Web y haga clic  Open .  Debe
acudir a su página web!

REVISIÓN
En este corto tiempo ha aprendido a tomar lo que está aprendiendo en
Codecademy y lo utilizan en su propio ordenador personal. También ha
aprendido acerca de las extensiones de archivos, editores de texto, y el
ahorro y la visualización de archivos locales. Ahora usted está preparado
para probar cualquier cosa que se aprende en Codecademy por sí
mismo, y en la práctica por su cuenta.  Estas son herramientas
importantes!

Vous aimerez peut-être aussi