Dreamweaver. Propiedades de la página web

Actualizado el 02/10/2008 < > 4 Cometarios

Resúmen: Utilice el cuadro de diálogo Propiedades de la página de Dreamweaver para especificar diversas opciones de la página web.

Meneame Bitacoras

Utilice el cuadro de diálogo Propiedades de la página de Dreamweaver para especificar diversas opciones de la página web. Para abrir el cuadro de diálogo Propiedades de la página, elija Modificar > Propiedades de la página.

Título: especifica el título de la página web que aparece en la barra de título de la ventana de documento y la ventana de la mayoría de los navegadores. Consulte Cambiar el título de una página.

Imagen de fondo y Fondo: especifican una imagen y un color de fondo para la página web. Consulte Definir una imagen de fondo o un color de página en Dreamweaver.

Texto y Vínculos: definen los colores predeterminados de texto, vínculos, vínculos visitados y vínculos activos. Consulte Definir colores predeterminados de texto. También puede controlar estos colores utilizando hojas de estilos CSS.

Margen izquierdo y Margen superior: especifican los tamaños de los márgenes de la página en la etiqueta body para Microsoft Internet Explorer solamente. Netscape Navigator prescinde estos valores y utiliza los de Ancho del margen y Alto del margen. Para obtener un resultado óptimo en los dos navegadores, proporcione valores de márgenes para ambos navegadores en lugar de para uno solo; complete los cuatro valores de márgenes en lugar de sólo dos. Para asegurarse de que no aparecen márgenes en ningún navegador, configure los cuatro valores con el valor 0. Dreamweaver no muestra márgenes de página en la ventana de documento. Utilice Vista previa en el navegador para ver los márgenes.

Ancho del margen y Alto del margen: especifican los tamaños de los márgenes de la página en la etiqueta body para Netscape Navigator solamente. Internet Explorer ignora estos valores y utiliza los de Margen izquierdo y Margen superior. Para obtener un resultado óptimo en los dos navegadores, proporcione valores de márgenes para ambos navegadores en lugar de para uno solo; complete los cuatro valores de márgenes en lugar de sólo dos. Para asegurarse de que no aparecen márgenes en ninguno de los dos navegadores, configure los cuatro valores con el valor 0. Dreamweaver no muestra márgenes de página en la ventana de documento. Utilice Vista previa en el navegador para ver los márgenes.

Codificación del doctype: especifica la codificación empleada para los caracteres del documento. Para inglés y otros idiomas de Europa Occidental, elija Occidental. Otras opciones posibles son: centroeuropeo, cirílico, griego, islandés, japonés, chino tradicional, chino simplificado y coreano. Si no aparece ninguna opción para la codificación que desea utilizar, elija Otro para crear un documento con la codificación que use su sistema operativo. Todos los idiomas asiáticos utilizan codificación de doble byte.

Para cambiar las fuentes que emplea Dreamweaver para mostrar cada codificación, elija Edición > Preferencias y seleccione Fuentes/codificación. Las fuentes que seleccione en este panel de preferencias Fuentes/codificación no afectarán al modo en que los visitantes ven las páginas, ya que éstos especifican sus propias fuentes (para una determinada codificación) en los navegadores Web.

Imagen de rastreo: especifica una imagen que se va a emplear como guía para copiar un diseño. Esta imagen sólo sirve como referencia, ya que no aparece cuando el documento se muestra en un navegador.

Imagen: determina la opacidad de la imagen de rastreo, desde completamente transparente hasta completamente opaca.

Carpeta de docs.: muestra la carpeta en la que se guarda el documento actual, si ha sido guardado.

Carpeta del sitio: muestra la ruta de la carpeta raíz local del sitio en la que se ha guardado el documento actual, en el caso de que se haya guardado.

Meneame Bitacoras

Publicado el 02/10/2008, última actualización 02/10/2008.

Autor: Centro de Tecnología Informática

URL: http://www.unav.es/cti

Añadir Comentario (Subir al texto)

4 Cometarios

  1. Danae

    Bién tome unacarrera tecnica de Diseño Gráfico Digital.
    pero no se por que cuando ya tengo hecha la página por asi decirlo
    por ejemplo en Dreamweaver esta bienestructurada pero viisualizada en el Explorer se descompone es decir si la pongo cerca se estira y esfectivamente esta justificada pero lejos no se si me explico?

    ejemplo:
    EL EFECTO VISUAL SIMPLEMENTE SE DESCOMPONE Y NO SE RESPETA EL MARGEN DE LA CELDA EN EL EXPLORADOR Y EN DREAMWEAVER SUPUESTAMENTE SI

    dreamweaver:

    …………………
    …………………
    ………………… *****
    ………………… ******

    Explorer:

    …………………………………..
    …………………………………….
    …………………………………… ****************
    ……………………………………******************

    Domingo, 11 de octubre 2009

  2. Verónica M.

    Si tienes problemas al maquetar la página con el explorer que no te extrañe, este navegador interpreta determinadas propiedades de CSS de forma diferente al resto, saltándose un poco (o mucho) los estándares. Da bastantes quebraderos de cabeza a los diseñadores web.

    Primero de todo, asegúrate de estar haciendo tu web en base a los estándares. Prueba como se ve en otros navegadores como Firefox, que son más fieles a estas directrices… Opera, Konqueror, incluso algunos de Mac como Safari. Si tu página está bien hecha se verá muy parecida, si no igual, en todos ellos (compruebalo aquí: http://www.blog.lawebera.es/comprobar-como-se-ve-tu-web-en-distintos-navegadores/ )

    Algunos artículos que te pueden guiar sobre este asunto:

    http://www.lawebera.es/de0/compatibilidad-web-navegadores.php
    http://www.lawebera.es/comunidad/articulos/diseno-web/css/css-buenas-practicas.php
    http://www.lawebera.es/comunidad/articulos/diseno-web/ni-fijo-ni-liquido-elastico.php

    Si a pesar de estar segura de que tu web es correcta sigues teniendo problemas para visualizarla en Internet Explorer, cosa que sería muy normal, recurre a los hacks, a las hojas de estilo según navegador, etc. Yo te recomiendo la segunda opción, personalmente me parece un método más limpio que ir llenando tu CSS de hacks. Aquí algunos enlaces que te pueden ayudar:

    http://www.lawebera.es/comunidad/articulos/diseno-web/html-xhtml/desarrolla-firefox-hackea-explorer.php
    http://www.omeyasweb.com/cargar-una-hoja-de-estilos-dependiendo-del-navegador/

    Espero haberte ayudado.
    Un saludo.

    Viernes, 16 de octubre 2009

  3. Como editar y crear propiedades CSS con Adobe Dreamweaver

    [...] A continuación, explicaremos como utilizar esta herramienta. Para ejemplificar cada uno de los pasos que daremos, tomaremos la misma página de ejemplo que hemos utilizado para el artículo anterior. En caso de no haberlo leído, es conveniente que sigan los pasos allí descritos, para lo cual deberán acceder al artículo desde aquí. [...]

    Viernes, 4 de junio 2010

  4. Herramientas de maquetación web de Adobe Dreamweaver CS4

    [...] interesantes con que cuentan las ayudas para la maquetación, es la posibilidad de insertar una imagen de rastreo. Esta imagen puede insertarse para ser utilizada como guía para el diseño, siendo visible solo en [...]

    Lunes, 28 de junio 2010

(Subir al texto)

Añadir Comentario

* Campos obligatorios