¿Cómo cambiar el tamaño de página en Dreamweaver MX?

Escrito por foye robinson | Traducido por jaime alvarez
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
¿Cómo cambiar el tamaño de página en Dreamweaver MX?
Cambia el tamaño de la página en Dreamweaver MX. (website layout image by 6922Designer from Fotolia.com)

Dreamweaver MX trabaja con hojas de estilo en cascada (CSS, por sus siglas en inglés) para darle formato a tu página de la manera que lo desees. Puedes crear o editar el código de tu CSS en Dreamweaver y luego vincularlo con el archivo de HTML en el que estás trabajando. Puedes establecer las dimensiones de tu página a un tamaño relativo (basado en un porcentaje del tamaño de tu pantalla), o a un valor absoluto (no afectado por el tamaño de la pantalla).

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Instrucciones

    Creando el código

  1. 1

    Crea o abre el archivo CSS en Dreamweaver MX. Selecciona "CSS" de "Crear nuevo" en la pantalla principal para crear el archivo; o selecciona "Abrir" y busca el archivo CSS para un archivo existente.

  2. 2

    Copia el siguiente código en el archivo CSS para definir las dimensiones de la página para la etiqueta <BODY>: body { width: 800px GO }

  3. 3

    Reduce o aumenta el tamaño de la anchura (en píxeles) para cambiar la configuración de tu página. Para utilizar un ancho relativo (en función del tamaño de tu pantalla), utiliza "width: 90%" u otro porcentaje.

  4. 4

    Guarda el archivo CSS seleccionando "Archivo" y "Guardar" en la barra de herramientas. El archivo tendrá una extensión ".CSS". Navega a la carpeta donde se guardará el archivo, dale nombre a tu archivo y haz clic en "Guardar".

    Aplicando el cambio

  1. 1

    Abre el archivo HTML en el que deseas aplicar el estilo en Dreamweaver MX.

  2. 2

    Selecciona "Texto", "Estilos CSS" y "Adjuntar hojas de estilo" de la barra de herramientas. Haz clic en "Examinar" y haz doble clic en el archivo CSS que has creado. Se añadirá la hoja de estilos entre la etiqueta <HEAD> de tu archivo HTML.

  3. 3

    Guarda tus cambios y luego comprueba cómo se ve la página en un navegador web seleccionando el botón "Vista previa/Depurar en navegador" y eligiendo un navegador de la lista (o, para un acceso directo, haz clic en "F12").

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles