Tu portal de
formación online
United States

Infórmate
Inicio » Catálogo » Curso de Dreamweaver CS3 » Crear una Pagina web

Curso de Dreamweaver CS3

Crear una Pagina web



Método 1: Archivo > Nuevo

Este método crea una página suelta, es decir, hasta que no guardemos este nuevo documento no pertenecerá a ninguna carpeta, no tendrá una localización definida.

  1. Seleccionamos la opción Archivo>Nuevo.... Al hacerlo se abrirá el cuadro de dialogo de Nuevo Documento.
    En la lista de categorías de la izquierda elegimos Página en blanco: Tipo de página HTML y Diseño <ninguno>.


    Como ves DW puede crear muchos tipos de documentos predefinidos... pero hasta que no sepamos algo más del programa sólo trabajaremos este tipo de pagina básica.

    Este mismo cuadro aparece cuando pulsas este botón en la Ventana de bienvenida:

  2. Hacemos clic en Crear. ... y Listo.

La ventana de Documento presentará el documento NUEVO en blanco.

Esta página no la tenemos guardada dentro de un Sitio Web.

No tiene nombre. Así nos lo indica la solapa del documento en la que pone
Untitled .

Debemos guardar este documento virgen para que esté localizado físicamente en alguna carpeta de nuestro sistema (en concreto, en la carpeta del sitio Web en el que estemos trabajando)

Guardar una página Virgen.

Para guardar una página nueva los pasos a seguir son:

  1. Seleccionamos Archivo > Guardar o hacemos clic sobre el botón de la barra de herramientas Estándar.
  2. En el cuadro de diálogo Guardar como, accedemos a la carpeta raíz del sitio (en nuestro ejemplo, la carpeta Sitio1 ).
    Aparecerá por defecto la carpeta raíz del sitio que tengamos abierto en el Panel Archivos.
  3. Introducimos el nombre de archivo .htm ( por ejemplo; primera.htm)
  4. Hacemos clic en Guardar.

El nombre de archivo y su localización en la carpeta del sitio aparecerán ahora en la barra de título de la ventana de DW.
Ahora la solapa del documento presenta el nombre del archivo .htm y este aparece como contenido de la carpeta raíz del sitio en el Panel ARCHIVOS:

¡Cuidado con el nombre del archivo!

Más adelante veremos con detalle las peculiaridades de los nombres de archivos de paginas Web. Pero por ahora toma estas pautas:

- El nombre no debe de ser muy largo.
- No utilizaremos espacios en blanco.
- No utilizaremos Mayúsculas.
- No utilizaremos signos raros (!%&*.), incluida la ñ

 

Crear páginas web ( 1 )

 



Método 2: Panel Archivos

Desde el Panel ARCHIVOS  realizaremos la mayoría de gestiones con los archivos que contenga el sitio (páginas Web, imágenes, subcarpetas,..). En capítulos posteriores explicaremos de forma detenida este panel, ya que debe de ser considerado  como uno de los más importantes junto con los paneles INSERTAR y PROPIEDADES.

Por ejemplo nos ofrece un método rápido para crear archivos .htm en nuestra carpeta raíz.

  1. Asegúrate de que está abierto el panel ARCHIVOS, si está cerrado seleccionamos Ventana>Archivos.
  2. La carpeta verde que está al inicio de la lista de Archivos es la que representa a al CARPETA RAÍZ.
    Pulsamos sobre ella con el botón derecho del ratón.
    De la lista de opciones que se nos ofrece seleccionamos la primera: Nuevo archivo...


  3. Con esto se creará el archivo YA en la carpeta raíz. No hace falta guardarlo.
    Sólo necesita que le cambiemos el nombre predefinido (untitled.htm) por el nombre que tendrá el archivo en el sitio.
    Por ejemplo segunda.htm

¡truco! : el botón derecho del ratón

El BOTÓN DERECHO del ratón suele ser el método más rápido para la realización de la mayoría de tareas.

Además este método te crea el nuevo documento directamente dentro de la carpeta del sitio Web, sin tener que guardarlo ¡Perfecto!


no confundir con crear nuevas carpetas

Cuidado: Con este método es fácil confundirse y crear "Nuevas carpetas" en vez de "Nuevos Archivos". Es fácil diferenciarlas por el icono con que se representan.

Cuando nuestro sitio Web sea mas complejo, con mas archivos, será útil crear subcarpetas para organizarlo.

 

Crear páginas web ( 2 )

 



Nombre del Archivo .htm

La denominación de un archivo se compone del nombre y su extensión.
Al nombrar un archivo en DW debemos prestar atención a las dos partes:

Nombre:
Las páginas Web no son como cualquier otro tipo de archivo que podamos crear en nuestro ordenador. Estos van a ser archivos que finalmente vamos a subir a un servidor y van a estar administrados por él.
Por esta razón, existen alguna RESTRICCIONES a la hora de dar nombre a los archivos de páginas Web.

1 - NO USAR ESPACIOS EN BLANCO

2 - NO USAR MAYÚSCULAS

3 - NO USAR SIGNOS DE PUNTUACIÓN EXTRAÑOS: ( , . ) ¿ ? ! ¡ ñ Ç&

Por esta razón nombres como logroño.htm, La Rioja.htm, mi página.htm y otros de las mismas características darían problemas una vez subidos al servidor.

extensión:
En primer lugar es obligatorio escribir la extensión del archivo para completar su nombre. De esta forma le decimos a los ordenadores que tipo de información contiene el archivo (pagina web, imagen, texto, etc.)
Veremos que DW usa de forma predeterminada la extensión. de 4 dígitos .html

- Entonces ¿qué extensión uso  htm o .html? ¿Hay alguna diferencia?
Las dos extensiones son válidas. En un inicio había algunos servidores que no soportaban extensiones de 4 dígitos pero eso es cosa del pasado.
De todas formas debemos de tener en cuenta que, por ejemplo, primera.htm y primera.html serían considerados archivos diferentes.

Por eso te aconsejo que elijas una de las dos extensiones y uses esa extensión. SIEMPREeee.
De esta forma no caeremos en errores cuando tengamos que hacer vínculos entre diferentes archivos.

 

truco: Cambiar la extensión predeterminada

Si deseas que DW te cree los documentos nuevos con una extensión. predeterminada puedes elegirla desde la opción de menú Edición > Preferencias...

En la Categoría Nuevo documento puedes elegir la opción Extensión predeterminada



Si desea obtener un acceso sin restricciones a los contenidos del curso de Dreamweaver CS3 y disfrutar de todas las herramientas del aula virtual (Videos explicativos streaming, acceso a los foros, chat, ejercicios resueltos, la ayuda del tutor, audioconferencia, estudio de grabación, test y actividades de autoevaluación, etc...) puede inscribirse completamente gratis y comenzar a realizar de forma inmediata el curso.