EDUCACIÓN

Páginas: 2 (374 palabras) Publicado: 23 de febrero de 2014
http://www.comocreartuweb.com/html-kit-tutorial/tutorial-html-kit-leccion2-01-plantilla.html


Comenzando a crear la plantilla de nuestra página Web
La página index.html que hemos visto hastael momento no está terminada ni mucho menos. Su aspecto final no tiene nada que ver con lo que tiene ahora, pero trabajaremos sobre ella más adelante. Ahora lo que vamos a hacer es comenzar creando laplantilla, que nos valdrá para generar a partir de ella el resto de páginas de nuestra web.
Crear el archivo plantilla.html
Recordando los pasos dados antes para crear el index.html vamos a crearahora el archivo de la plantilla. Te doy pistas por si no te acuerdas.
Abrimos el Html-Kit.
Hacemos visible la ventana Workspace.
Ponemos el ratón sobre el sitio "web-ejemplo-cctw-local" ypulsamos sobre él con el botón derecho del ratón.
Escogemos New > Create File...

Escogemos crear "Blank Html Page" desde la pestaña "General" y pulsamos Ok.

Le ponemos de nombre plantilla.html ypulsamos Ok de nuevo.

Ahora la abrimos haciendo doble clic en su nombre, en la ventana Workspace para empezar a trabajar sobre ella. Como siempre que se crea un archivo nuevo, aparece casivacio.
Creando la Hoja de Estilo para el resto de páginas de la web
Hacemos lo mismo para crear una Hoja de Estilo distinta a la anterior. Mientras que la anterior (estilos.css) la vamos a usar solopara el index, esta segunda Hoja de Estilo que llamaremos "estilo-general.css" se usará para todas las demás páginas de la web. Créala tu mismo. Toma, por si no te acuerdas de cómo crear una Hoja deEstilo Vacia, pero recuerda ponerle de nombre "estilo-general.css".
Relacionando estilo-general.css con plantilla.html
Ahora te toca relacionar esta segunda Hoja de Estilos con la plantilla.htmlrecien creada. Te recuerdo que había que colocar una línea de código en el Head. Te dejo esto por si no te acuerdas de cómo relacionar la hoja de estilo con la web, pero recuerda poner en la ruta...
Leer documento completo

Regístrate para leer el documento completo.

Estos documentos también te pueden resultar útiles

  • Educacion
  • Educacion
  • Educación
  • Educacion
  • La educacion
  • Educacion
  • Educacion
  • Educacion

Conviértase en miembro formal de Buenas Tareas

INSCRÍBETE - ES GRATIS