Aprende Web
Crea y diseña tus sitios en la Web.
Mi primera web
Aprender a hacer una sencilla web paso a paso partiendo de cero.
Y ahora tambien aprende a programar en C++ con Aprende Web C++
RSS. Suscribir canal. Buscar en Aprende Web
Traducir página
Visita nuestro blog:
y entérate de las novedades o deja un comentario.
Dudas y sugerencias:
Sobre ésta página
última modificación: 13-07-2018.
Visitas este mes: 2
Visitas el mes pasado: 10
GRACIAS
Por elegir aprende-web
Aprende-web está diseñado a partir de los lenguajes que aquí mismo se enseñan.
By Anyelguti
8. La segunda página (I)
8.1. Nuevos archivos
Abrir archivos
hasta ahora habíamos trabajado con el bloc de notas. a partir de ahora, y para hacer esta segunda página usaremos el HTML-Kit. Verás que la forma de trabajar es muy similar a la que hacíamos con el bloc de notas, y además tiene algunas ventajas.
Para abrir un archivo que ya tenemos, iremos el menú de la barra superior, pulsando en "Archivo / Abrir Archivo. Alli se nos abrirá el panel para buscar el archivo y abrirlo.
Si abres el archivo index.html verás que en la parte de abajo de la ventana hay unas pestañas.
la pestaña Editor muestra el texto tal como en el bloc de notas, pero tenemos la ventaja de que las etiquetas y otras instrucciones las muestra en distintos colores, para poder localizarlas más rápidamente.
La pestaña Preview muestra la página tal como quedaría en el navegador. El aspecto a veces no coincide exactamente, y siempre es mejor comprobar como queda directamente en el navegador, pero viene bien para hacernos una idea. Las otras dos pestañas no las vamos a tocar de momento.
Crear el archivo plantilla
Para crear un nuevo archivo iremos al menú Archivo / Nuevo... Se nos abrirá una ventana como esta:
En ella elegimos en la pestaña General donde pone Blank Text File y pulsamos ok
Se nos abre una ventana con un archivo vacío llamado "Untitled*". Esto indica que el archivo aún no tiene nombre. Cerramos ahora el archivo, pulsando en el botón de cerrar (esquina superior derecha). Se nos abre un cuadro que nos pregunta (en ingles) si queremos guardar el archivo. Pulsamos en "Yes".
A continuación vemos que se nos abre un cuadro para guardar el archivo. Buscamos la localización de nuestra carpeta local para guardarlo ahi, donde pone "Nombre" escribimos plantilla.html. y pulsamos en guardar.
ES importante poner el ".html" al nombrar el archivo, ya que de lo contrario se crearía simplemente un archivo de texto que no puede ser leido por los navegadores.
Crear el archivo de estilo
Vamos a crear otro archivo donde guardaremos el estilo css de la página anterior, para lo cual repetiremos los mismos pasos, aunque esta vez lo vamos a llamar general.css por ser el estilo general que aplicaremos a la plantilla.
Es decir, como en el el archivo anterior hacemos lo siguiente:
- Pulsamos en Archivo/Nuevo ... para abrir un n uevo archivo sin título
- Cerramos el archivo, y nos preguntan si queremos guardarlo, pulsamos en "Yes"
- En la ventana del buscador, buscamos la carpeta de nuestro sitio local y guardamos allí el archivo con el nombre de general.css
Hemos creado los dos archivos, pero estos no tienen contenido, es decir están en blanco. En las siguientes páginas iremos dando forma a estos archivos.
En el siguiente paso vamos a crear la estructura de la página que nos servirá de plantilla.
Ir al siguiente paso: Estructura de cajas
imprimir esta página
Página creada por ANYELGUTI.
Sugerencias:
aprendeweb@aprende-web.net. Envia un 
Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog
Más sobre anyelguti en http://anyelguti.16mb.com