Entendido.

Este sitio utiliza cookies para analizar la navegación. Si continúa navegando se entiende que acepta su uso. Ver más detalles.";

Logo

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++


logo rss RSS. Suscribir canal.

Buscar en Aprende Web

Traducir página

Visita nuestro blog:

bolg.aprende-web.net

y entérate de las novedades o deja un comentario.

Dudas y sugerencias:

aprendeweb@aprende-web.net




Sobre ésta página

Ültima modificación: 29-01-2016.

Visitas este mes: 12

Visitas el mes pasado: 25

logo

Donativos

Si este sitio te parece interesante puedes contribuir con una pequeña aportación.




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.


tipos de vista

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:


ventana crear archivo

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:

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







Mi primera web

Anterior siguiente ... Siguiente siguiente


imprimir esta página

Página creada por ANYELGUTI.

Sugerencias: aprendeweb@aprende-web.net. Envia un manda un correo

Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog

Más sobre anyelguti en http://anyelguti.16mb.com