Inicio » Informática técnica. » Versiones anteriores » Curso de Dreamweaver MX » Eliminar y Duplicar una Página.

Curso de Dreamweaver MX

Cursos Relacionados:

Eliminar y Duplicar una Página.

Para eliminar un archivo .htm de un sitio web solamente tendremos que localizarlo en la solapa Archivos y hacer clic sobre él con el botón derecho del ratón. En el menú que se despliega elegimos la opción Editar>Eliminar .

De la misma forma se puede duplicar la página web elegida seleccionando la opción Editar>Duplicar desde el menú desplegable del botón derecho del ratón. El duplicado se sitúa en la misma carpeta con un nombre de archivo Copia de nombre.htm

Otro método de crear una cópia de una página es emplear la opción Guardar como del menú de Archivo.


Inscríbete ahora y accede a 3 unidades gratis

Evalua el curso de Dreamweaver MX y accede a las 3 unidades gratis con acceso completo al aula virtual donde podrás disfrutar de la inestimable ayuda del tutor y una gran variedad de recursos como videotutoriales, ejercicios resueltos, foros, enlaces, bibliografía, etc....


Propiedades de una Página.

Una vez que hemos creado una página Web podemos determinar unas propiedades generales al contenido de esa página. Para ello solo hemos de seleccionar Modificar>Propiedades de la página o hacer clic con el botón derecho de tu ratón en cualquier parte vacía de la ventana de documento y elegir la opción Propiedades de la página.

en la Versión MX...

... No existe el botón de Propiedades de la página. Solo podremos acceder a las propiedades de la página a través de ese menú Modificar>Propiedades de la página.

Eso si, el menú no dá tantas opciones como en la versión 2004.


Desde este menú podemos determinar varias propiedades generales de página. Dependiendo de qué categoría elijamos a la izquierda, podremos definir desde el color de fondo hasta el aspecto de los vínculos que aparezcan en esta página, y muchas cosas más.

Como hemos dicho más arriba, esta nueva versión de Dreamweaver está más enfocada a la utilización de Estilos y a la mayor accesibilidad. ¿En qué repercute esto? En que la mayoría de propiedades de formato (color, tamaño, margen, fondo, tipografía, alineación, etc) de los objetos de la página web van a estar definidas por reglas de estilo antes que por etiqueta o atributos del código HTML.

¿Pero qué son las reglas de Estilo? Tranquilos, el ejemplo más fácil va a ser esta propiedad de página.

  1. A un documento nuevo le abrimos el cuadro de Propiedades de página (Modificar>Propiedades de página) y le definimos el color de fondo rojo y el color de texto verde.

    Pulsamos Aceptar
  2. ¡Vamos a ver en qué se traduce éso en código HTML¡ Pulsamos para ver la Vista de código. Y tendremos algo parecido a ésto:

Se podría haber conseguido lo mismo sin reglas de Estilo, mediante atributos dentro de la etiqueta BODY:

Pero veremos que las reglas de estilos nos dan muchas más posibilidades de definición. Y, aunque nos parezcan más largas o complicadas, son mejor admitidas por los diferentes navegadores. Por lo tanto tendremos menos problema de accesibilidad.

NOTA
Por ahora  no es necesario que sepamos más en cuanto a las Reglas de Estilo. Basta con que sepamos que están ahí. Con Dreamwever podremos trabajar con ellas (manipulando las Propiedades de página, por ejemplo) sin necesidad de saber más sobre ellas.

De todas formas en la lección de "Estilos CSS" veremos al detalle los Estilos y cómo trabajar con ellos de forma avanzada.

 

 

Dentro de las Propiedades generales de la página tenemos que tener especial cuidados en dos de ellas:

  • TíTULO DE LA PÁGINA

    Debemos acostumbrarnos a definir el Título de la página nada más la hayamos creado. El título no tiene que ver con el nombre del archivo .htm. Puede tener espacios, mayúsculas, signos de puntuación, etc. El título se verá en la barra de título del navegador y describirá el "slogan" de la página para que lo lean los buscadores.
    Otra forma de definir el título, más rápida y asequible en cualquier momento, es a través de la barra de herramientas Documento rellenando el casillero correspondiente.

  • MARGENES DE LA PÁGINA

    Otra propiedad importante a señalar es la de los Márgenes de la página. Al igual que cualquier documento las páginas web tienen un espacio determinado entre su contenido y el limite del documento, ése es el margen. Los márgenes se aplican desde el cuadro Propiedades de página.

    ¡¡¡ATENCIÓN¡¡¡
    Si nosotros no tocamos los márgenes de la página y dejamos esos casilleros vacíos, el navegador siempre aplicará unos márgenes predeterminados que varían de un navegador a otro.

    Si queremos dominar nuestro diseño, como diseñadores que somos, en todos sus parámetros, deberemos aplicarle algún valor a esos márgenes para que ese espacio entre contenido y el limite de la página no dependa del navegador.

    Del mismo modo si NO queremos márgenes debemos poner valor 0 en sus casilleros en el cuadro de Propiedades de página. Nunca los debemos  dejar vacíos pensando que no tienen dimensiones al no ponérselas nosotros, porque si están vacíos el navegador aplicará un margen predeterminado.

Las propiedades generales de una página se pueden modificar en cualquier momento del proceso creativo. Ya sea desde el menú Modificar>Propiedades de página o pulsando este botón que está siempre presente en la parte inferior del panel de Propiedades ¡Mucho más rápido!:


Inscríbete ahora y accede a 3 unidades gratis

Evalua el curso de Dreamweaver MX y accede a las 3 unidades gratis con acceso completo al aula virtual donde podrás disfrutar de la inestimable ayuda del tutor y una gran variedad de recursos como videotutoriales, ejercicios resueltos, foros, enlaces, bibliografía, etc....


Vista preliminar en el navegador.

Hemos dado los primeros pasos creando páginas Web y modificando algunas de sus propiedades. ¡Ahora tenemos que ver cómo quedaría en Internet! Éso nos lo tenemos que tomar como el verdadero test de nuestro diseño: ver que el navegador lo reproduce sin problemas.

Para ello tendremos que reproducirla con el navegador que tengamos instalado. Solo hemos de elegir Archivo>Vista preliminar en el navegador o pulsar la tecla F12, que es mucho más rápido.

Aconsejamos que a lo largo del trabajo de desarrollo de una página vayamos guardando y viendo en la vista preliminar cómo va el diseño. También es interesante que veamos las páginas en más de un navegador. La razón es muy sencilla. Una página Web se crea para que lo vea el mayor número de usuarios posibles, y no todos utilizan el mismo navegador. Entre Internet Explorer y Netscape Navigator, los dos más utilizados, puede llegar a haber diferencias en la interpretación del código HTML y , por ende, en el diseño.

Para cambiar el navegador con el que se ve la Vista preliminar seguiremos estos pasos:

  1. Seleccionamos Archivo>Vista preliminar en el navegador, de las opciones elegimos Editar lista de navegadores ...
  2. Aparece el cuadro de dialogo de Preferencias en la categoría Vista en Navegador.
    • Para añadir un navegador a la lista pulsamos el botón +.



      Examinamos nuestro equipo y buscamos el navegador. Le ponemos un nombre y decidimos si lo queremos utilizar como principal o secundario.
    • Para modificar uno de la lista solo hemos de seleccionarlo y pulsar el botón Editar. El cuadro que aparece es igual que el anterior.
  3. Pulsamos Aceptar.
  4. Es preciso instalar los navegadores previamente para poderlos seleccionar de la lista de navegadores.

 


Inscríbete ahora y accede a 3 unidades gratis

Evalua el curso de Dreamweaver MX y accede a las 3 unidades gratis con acceso completo al aula virtual donde podrás disfrutar de la inestimable ayuda del tutor y una gran variedad de recursos como videotutoriales, ejercicios resueltos, foros, enlaces, bibliografía, etc....


Si desea obtener un acceso sin restricciones a los contenidos del curso de Dreamweaver MX 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.