2.1
Las hojas de estilo en cascada (Cascading Style Sheets, o sus siglas CSS)
hacen referencia a un lenguaje de hojas de estilos usado para describir la
presentación semántica (el aspecto y formato) de un documento escrito en
lenguaje de marcas. Su aplicación más común es dar estilo a páginas webs
escritas en lenguaje HTML y XHTML, pero también puede ser aplicado a cualquier
tipo de documentos XML, incluyendo SVG y XUL.
La información de estilo puede ser adjuntada como un documento separado o en
el mismo documento HTML. En este último caso podrían definirse estilos
generales en la cabecera del documento o en cada etiqueta particular mediante
el atributo "<style>".
La
maquetación, también llamada a veces
diagramación, es un
oficio del
diseño editorial que se encarga de organizar en un
espacio, contenidos escritos, visuales y en algunos casos audiovisuales (
multimedia)
en medios impresos y electrónicos, como libros, diarios y revistas.
Estrictamente, el acto de maquetar tan solo se relaciona con la distribución
de los elementos en un espacio determinado de la página, mientras que el
diseño editorial incluye fases más amplias del
proceso, desde el proyecto gráfico, hasta los procesos de producción
denominados
pre-prensa (preparación para
impresión),
prensa (impresión) y
post-prensa (acabados). Sin embargo,
usualmente todo el aspecto gráfico de la actividad editorial y periodística se
conoce por el término maquetación.
<div style="width: 960px; margin: 0 auto;">
En width es donde puedes hacer el cambio de pixeles a porcentaje. Y margin: 0
auto es para que esa capa contenedora quede centrada. Así todo lo demás
permanecerá centrados.
Obviamente, tienes que cerciorarte que los elementos que le pongas sean del
mismo tamaño o sumen todos 960px. No se te olvide contar los márgenes, bordes y
rellenos.
La etiqueta <div> se utiliza para definir una sección dentro del
documento.
Esta etiqueta se usa comunmente para agrupar un bloque de
elementos, para luego añadirle un estilo determinado.
En una
plantilla, las regiones editables son las partes de la página que se pueden
cambiar en los archivos basados en esa plantilla. Las regiones bloqueadas
(no editables) son las partes del diseño de la página que permanecen constantes
de una página a otra.
Al
crear una plantilla nueva, todas sus regiones están bloqueadas; por ello, para
que la plantilla sea útil, es preciso hacer editables algunas regiones
(desbloquearlas).
Al
editar la plantilla en sí, podrá realizar cambios tanto en las regiones
editables como en las bloqueadas. Sin embargo, en un documento basado en una
plantilla, sólo podrá realizar cambios en las regiones editables del documento;
no podrá modificar las regiones bloqueadas del documento.
Los comportamientos son acciones que suceden cuando los usuarios realizan algún
evento sobre un objeto, como puede ser mover el ratón sobre una imagen, pulsar
sobre un texto, hacer doble clic sobre un mapa de imagen, etc.
Los comportamientos no existen como código HTML, se programan en JavaScript.
Dreamweaver permite insertarlos a través del panel Comportamientos, por lo que
no es necesario escribir ninguna línea de código JavaScript para programarlos.
Otros comportamientos que ya has visto son los que se aplican sobre las
imágenes de sustitución y las barras de navegación, que ya están predefinidos,
por lo que no es necesario introducir este conjunto de comportamientos a través
del panel Comportamientos.
as tablas sirven para organizar datos e imágenes en un archivo HTML.
Consisten de tres elementos básicos: filas, columnas y celdas (que surgen de la
intersección de una fila con columna). Para crear una tabla debemos hacer clic
sobre el botón Insertar tabla (Insert Table) de la paleta de Objetos.
Se abrirá un cuadro de diálogo que nos preguntará cuántas filas y cuantas
columnas tendrá nuestra tabla, qué ancho tendrá y si tendrá borde.
Objetos del
formulario
Los tipos de entrada de los formularios se
denominan objetos de formulario. Puede insertar objetos de formulario por medio
de la categoría Formularios del panel Objetos o seleccionando Insertar >
Formulario e Insertar > Objetos de formulario.
La categoría Formularios del panel de objetos
proporciona los siguientes botones:
Insertar formulario: Inserta un formulario en el documento. Dreamweaver inserta etiquetas
form de apertura y cierre de formulario en el código HTML. Los elementos
adicionales del formulario, como los campos de texto o los botones, deben
insertarse entre las etiquetas form para que los datos se procesen
correctamente con todos los navegadores.
Insertar campo de texto: Inserta un campo de texto en un formulario. Los campos de texto aceptan
todo tipo de texto, tanto alfabético como numérico. El texto introducido puede
mostrarse como una sola línea, varias líneas o como viñetas y asteriscos (para
protección de la contraseña).
Insertar botón: Inserta un
botón de texto en un formulario. Los botones llevan a cabo tareas cuando se
hace clic en ellos, como enviar o restablecer formularios.
Insertar casilla de verificación: Inserta una casilla de verificación en un formulario. Las casillas de
verificación admiten múltiples respuestas en un solo grupo de opciones y
permiten que los usuarios seleccionen tantas opciones como sean necesarias.
Insertar botón de opción: Inserta un botón de opción en un formulario. Los botones de opción
representan opciones exclusivas de selección. Cuando se selecciona un botón en
un grupo, se anula la selección de los demás botones del grupo; por ejemplo,
los usuarios pueden seleccionar Sí o No.
Insertar listas/menús: Permite crear opciones para el usuario en una lista. La opción Lista
muestra los valores de las opciones en una lista de desplazamiento y permite
que los usuarios seleccionen múltiples opciones. La opción Menú muestra los
valores de las opciones en una lista desplegable y permite que los usuarios
seleccionen una sola opción.
Insertar campo de archivo: Inserta un cuadro de texto vacío y un botón Examinar en un documento.
Los campos de archivo permiten al usuario examinar los archivos de sus discos
duros y cargarlos como datos de formulario.
Insertar campo de imagen: Permite insertar una imagen en un formulario. Los campos de imagen
pueden usarse en lugar de los botones Enviar para crear botones Gráficos.
Insertar campo oculto: Inserta un campo en el documento que permite almacenar datos del
usuario. Los campos ocultos permiten almacenar información introducida por el
usuario, como un nombre, una dirección de correo electrónico o una preferencia
de compra, y utilizarlos la próxima vez que el usuario visite el sitio.
Insertar menú de salto: Inserta una lista de navegación o un menú emergente. Los menús de salto
permiten insertar un menú en el que cada opción está vinculada a un documento o
un archivo. Consulte "Crear menús de salto".