etiquetas y tablas

Reticula

Antes de empezar a maquetar, en primer lugar debemos definir el documento. Para definir un documento, lo primero que debemos hacer es definir el área sobre la cual se desarrollará el trabajo (el papel).

Exiten dos carecterísticas muy impotantes sobre el papel: la primera es el tamaño y la segunda la orientación. Este puede ser horizontal o vertical y el tamaño puede cambiar entre diversas medidas, siendo la más corriente y habitual la DIN A4.

Para maquetar los documentos, los profesionales usan dos herramientas, muy útiles para ellos: el programa QuarkXpress y Adobe InDesign.

La retícula compositiva


Todos los trabajos de maquetación, deben llevar una guía a través de una estructura estudiada y de tamaños fijos. Para ello usamos, la retícula compositiva, que consiste en una guía en los elementos de la maquetación en papel, con la finalidad de conseguir, un orden y estética. Las retículas se subdividen a su vez en superficies bidimensionales o tridimensionales, en campos más pequeños en forma de una reja.

La retícula compositiva, se puede definir como una plantilla, muy útil, cuando necesitamos componer un documento con muchas páginas , que tenga un orden, que sea claro y legible.

El dilema de un diseñador de editorial se encuentra en cómo encontrar el equilibrio entre el orden que impone la estructura reticular, y la necesidad de evitar la monotonía e inyectar una cierta dosis de creatividad a la maquetación.

Una retícula impone orden, uniformidad y coherencia. Una página con retícula transmite estructura y una cierta mecánica, frente a algo desordenado, desestructurado o caótico.

Una vez estudiado y demostrado que una maquetación realizada a través del sistema reticular, aporta y favorece la credibilidad de lo que se está leyendo, expresa orden y nos translada orden y confianza.

La retícula hace también que, la lectura se efectúe con mayor rapidez, se visualicen los contenidos a distancias más lejanas y se retenga con más facilidad en nuestra memoria la información que estamos recibiendo.

Retículas simples, de 2 y 4 columnas y de 3 a 6 columnas

Las retículas simples se encuentran casi en todos los etiquetados, envasados, periódicos, etc.

La retícula de 2 y 4 columnas: Es una retícula muy utilizada por los diseñadores, ya que les permite componer una distribución equilibrada, aunque en alguna ocasión, puedan surgir algunas composiciones demasiado simétricas.

La retícula de 3 y 6 columnas: Habitualmente se considera esta retícula como la más acertada para el diseño de los folletos publicitarios. Proporciona anchas y columnas muy legibles, y además se tiene la opción, que la de tres columnas se puede subdividir a su vez en 6 columnas.

El uso de la retícula base

Estas páginas se suelen hacer antes de realizar una publicación. Se hace en las dos páginas, tanto en la derecha como en la izquierda, a páginas enfrentadas para poder observar el resultado final que tendría todo el conjunto de la publicación.

El diseño de estas plantillas, reduce eficazmente el tiempo que se tardaría en diseñar la publicación sin ellas. El resto de las páginas, que se maqueten posteriores a estas, cogerán automáticamente el mismo estilo y formato.

Configurar site

Para configurar un sitio en dreamweaver tendremos que aabrir dreamweaver y  en la ventana sitioseleccionaremos administraciónde sitios y crearemosun nuevo sitio en este sitio lo colocaremos en una carpeta dentro de nuestra carpeta web de ordenador y una en red como por ejemplo el wuala apartir de ahi tendremos nuestro sitio ceado donde podremos tener todas nuestras imagenes estilos css etc..

Metainformación

En general es para añadirle información de más a nuestro documento como: autor, fecha de creación , etc....

El tag META

Ahora vamos a ver una utilísima etiqueta de metainformación de uso general llamada META.

Meta se usa en la sección HEAD del siguiente modo:

<META NAME="nombre" CONTENT="contenido">

Es una etiqueta vacía (es decir, no existe la etiqueta de cierre </META>) que tiene multiples utilidades.

donde pone nombre hemos de colocar el nombre de una información que queramos definir (Luego seré más concreto), y en contenido la información concreta.

En realidad, puedes inventarte tú mismo tanto el nombre como la información a describir (cosa que puede ser muy útil de cara a trabajar con tus propios documentos. Si, por ejemplo, quieres anotar en cada página la fecha en la que la creaste, podrías inventarte una información de nombre, por ejemplo, "CREADO".

También, dado que eres un millonario diseñador de webs y cambias mucho de automovil, quieres anotar el modelo de coche que tenías en esa fecha. Para ello podrías crear otro tipo de información al que llamaremos "MI-AUTO".

De este modo, una página creada el dí 16 de Enero del año 2000, cuando tu todavía usabas tu viejo Rolls, sería algo parecido a esto:

Claro que, si este el único uso de META, no sería tampoco una gran cosa. Pero resulta que existen algunos tipos estandar de información que puedes usar en tus páginas y que pueden ser utilizados, por ejemplo, por los buscadores web (como Lycos, Yahoo o Altavista).
El primero de ellos es DESCRIPTION, que se usa para aportar una descripción de tu página. Los buscadores web u otro tipo de programas pueden obtener de aquí la descripción que les aportas, y usarla, por ejemplo, en los links que apuntan a tu página.
Otro muy importante es KEYWORDS, donde puedes poner una lista de palabras (o frases) ,separadas por comas, relaccionadas con el tema de que se habla en tu página. Cuando un navegante introduzca alguna de esas palabras en un buscador, este le devolverá tu página.

Los buscadores web normalmente usan unos programas, llamados "indexadores", "arañas" o "robots de búsqueda", que van visitando páginas automáticamente y extraen las palabras que aparecen en ellas. cuando un navegante busca una o varias palabras cualquiera en uno de estos buscadores, estos le responden con las URLs de las páginas que contienen esa palabra.

También existe otro tipo bastante popular (aunque menos útil) llamado AUTHOR, donde puedes poner el nombre del autor de la página web (el tuyo). Su utilidad va poco más allá de alimentar el propio ego (que tampoco está tan mal, si se hace con la debida moderación).
De modo que un ejemplo más útil de uso de metainformación sería así:

Una utilidad incluso más dudosa que AUTHOR es la que tiene GENERATOR, que sirve para indicar el programa o editor que se ha usado para escribir la página.
HTML 4.0 dispone de una nueva posibilidad orientada a los robots de busqueda: Se trata de que el diseñador de las páginas pueda controlar hasta cierto punto la forma en que se indexará cada una de ellas. Para ello dispone de la opción ROBOTS, cuyo contenido puede ser uno o más (separados por comas) de los siguientes:
INDEX autoriza a los robots de búsqueda a indexar la página (es la opción por defecto).
NOINDEX, al contrario que la anterior, le dice al robot que no debe indexar la página (ovbiamente, es incompatible con INDEX).
FOLLOW permite que los robots siguan los links contenidos en la página para indexarlas también, a menos que ellas contengan un NOINDEX (también es una opción por defecto).
NOFOLLOW es la opción contraria. Le dice a los robots que no sigan los links.
En caso de que no pongas una cláusula ROBOTS, se considerará que usas las opciones por defecto, es decir, como si hubieras puesto lo soguiente:
<META NAME="robots" CONTENT="index,follow">
¿Está claro?
Existen cientos de cláusulas META, pero estas son, sin duda, las más populares.
Meta tiene otro uso completamente distinto de los anteriores. Usa, en lugar de NAME, el parámetro HTTP-EQUIV, puede servir para obligar al servidor donde se hospeda la página a simular el envío por parte del servidor de ciertas cabeceras HTTP que nos interesen. Este uso es mucho más especializado, restringido, y poco soportado, de modo que, por ahora, no lo veremos muy profundamente.

El servidor Web envía cada página o documento del tipo que sea precedida por una cabecera en la que detalla algunas características de ella. Se trata de algo bastante complejo, de modo que nos limitaremos a ver algunas posibilidades inmediatas sin entrar en profundidad.

La forma de "enviar" cabeceras HTTP al navegador es esta:

<META HTTP-EQUIV="nombre" CONTENT="contenido">

Donde nombre es el nombre de la cabecera, y contenido el contenido de esta.
Por ejemplo, usando la cabecera Content-Type, le podemos informar del tipo MIME del documento (que, en las páginas web, es siempre "text/html"), pero esto es algo que el servidor ya evía por defecto. Pero con esto podemos enviar, además, la codificación de caractersque estamos usando (es decir, si son caracteres occidentales, o chinos, o árabes...). Para el caso del español, el juego de caracteres es el "iso-8859-1", con lo que nuestra etiqueta quedaría así:
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
Un navegador moderno debería ser capaz de reconocer esta etiqueta y usar el juego de caracteres correspondientes (y, si no lo tiene, advertir sobre ello o solicitar su instalación). Esto es especialmente útil si tienes que escribir en codificaciones extrañas (como, por ejemplo, el chino), pero tiene otra ventaja: Podrías ahorrarte el uso de las entidades de caracter (como &aacute;, por ejemplo). Lo malo es que hay muchos navegadores que no lo reconocen, de modo que sigue siendo conveniente usarlas.
Otra cabecera útil es la que usamos para advertir de la fecha de expiración (caducidad) de un documento:

<META HTTP-EQUIV="Expires" CONTENT="fecha de expiración">

Donde fecha de expiración es una fecha con el siguiente formato:

Dia de la semana en inglés	Dia del mes	Mes en ingles	Año	Hora de Greenwich
Mon,	8	Feb	1999	08:21:57 GMT

Con lo que nuestro ejemplo quedaría:
<META HTTP-EQUIV="Expires" CONTENT="Mon, 8 Feb 1999 08:21:57 GMT">
Una cabecera muy usada es Refresh que sirve, en los navegadores que la soportan, para indicarles cuando deben cargar una página que le indicamos. Intentaré explicarme mejor. Si incluimos la siguiente cabecera:

<META HTTP-EQUIV="Refresh" CONTENT="segundos;URL=página">

El navegador esperará el número de segundos indicado en segundos, tras los cuales cargará la página indicada en página. Veamoslo con un ejemplo:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Ejemplo de uso de un meta REFRESH</TITLE>
<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://psicobyte.com/html/">
</HEAD>
<BODY>
<H1>P&aacute;gina con un "refresco META"</H1>
<P>Cinco segundos despu&eacute;s de que termine de cargarse esta p&aacute;gina se cargar&aacute; automaticamente la Página principal de Edici&oacute;n Extremadamente Simple de HTML (suponiendo que tu navegador reconozca el Meta REFRESH).</P>
</BODY>
</HTML>

Taula de continguts epub

Calibr

calibre es un libre y de código abierto e-book aplicación de gestión de biblioteca desarrollado por usuarios de libros electrónicos para los usuarios de e-books. Tiene una cantidad de características divididas en las siguientes categorías principales:
Gestión de Bibliotecas
E-book conversión
Sincronización con dispositivos lectores de libros electrónicos
Descarga de noticias de la web y convertirla en forma de libros electrónicos
Integral e-book espectador

Epub Zen Garden

EZG tiene como objetivo inspirar y promover el diseño de libros digitales. Al igual que el CSS Zen Garden, demuestra que únicamente a través de las Hojas de Estilo en Cascada (y en nuestro caso, una imagen de portada), una amplia gama de expresión es posible.

Llenguatges de pagina

Lenguaje HTML

Desde el surgimiento de internet se han publicado sitios web gracias al lenguaje HTML. Es un lenguaje estático para el desarrollo de sitios web (acrónimo en inglés de HyperText Markup Language, en español Lenguaje de Marcas Hipertextuales). Desarrollado por el World Wide Web Consortium (W3C). Los archivos pueden tener las extensiones (htm, html).

Lenguaje Javascript

Este es un lenguaje interpretado, no requiere compilación. Fue creado por Brendan Eich en la empresa Netscape Communications. Utilizado principalmente en páginas web. Es similar a Java, aunque no es un lenguaje orientado a objetos, el mismo no dispone de herencias. La mayoría de los navegadores en sus últimas versiones interpretan código Javascript.

El código Javascript puede ser integrado dentro de nuestras páginas web. Para evitar incompatibilidades el World Wide Web Consortium (W3C) diseño un estándar denominado DOM (en inglés Document Object Model, en su traducción al español Modelo de Objetos del Documento).

Lenguaje PHP

Es un lenguaje de programación utilizado para la creación de sitio web. PHPes un acrónimo recursivo que significa “PHP Hypertext Pre-processor”, (inicialmente se llamó Personal Home Page). Surgió en 1995, desarrollado por PHP Group.

PHP es un lenguaje de script interpretado en el lado del servidor utilizado para la generación de páginas web dinámicas, embebidas en páginas HTML y ejecutadas en el servidor. PHP no necesita ser compilado para ejecutarse. Para su funcionamiento necesita tener instalado Apache o IIS con las librerías de PHP. La mayor parte de su sintaxis ha sido tomada de C, Java y Perl con algunas características específicas. Los archivos cuentan con la extensión(php).

Lenguaje ASP

Es una tecnología del lado de servidor desarrollada por Microsoft para el desarrollo de sitio web dinámicos. ASP significa en inglés (Active Server Pages), fue liberado por Microsoft en 1996. Las páginas web desarrolladas bajo este lenguaje es necesario tener instalado Internet Information Server (IIS).

ASP no necesita ser compilado para ejecutarse. Existen varios lenguajes que se pueden utilizar para crear páginas ASP. El más utilizado es VBScript, nativo de Microsoft. ASP se puede hacer también en Perl and Jscript (no JavaScript). El código ASP puede ser insertado junto con el código HTML. Los archivos cuentan con la extensión (asp).

Lenguaje ASP.NET

Este es un lenguaje comercializado por Microsoft, y usado por programadores para desarrollar entre otras funciones, sitios web. ASP.NET es el sucesor de la tecnología ASP, fue lanzada al mercado mediante una estrategia de mercado denominada .NET.

El ASP.NET fue desarrollado para resolver las limitantes que brindaba tu antecesor ASP. Creado para desarrollar web sencillas o grandes aplicaciones. Para el desarrollo de ASP.NET se puede utilizar C#, VB.NET o J#. Los archivos cuentan con la extensión (aspx). Para su funcionamiento de las páginas se necesita tener instalado IIS con el Framework .Net. Microsft Windows 2003 incluye este framework, solo se necesitará instalarlo en versiones anteriores.

Lenguaje Python

Es un lenguaje de programación creado en el año 1990 por Guido van Rossum, es el sucesor del lenguaje de programación ABC. Python es comparado habitualmente con Perl. Los usuarios lo consideran como un lenguaje más limpio para programar. Permite la creación de todo tipo de programas incluyendo los sitios web.

Su código no necesita ser compilado, por lo que se llama que el código es interpretado. Es un lenguaje de programación multiparadigma, lo cual fuerza a que los programadores adopten por un estilo de programación particular:

• Programación orientada a objetos.
• Programación estructurada.
• Programación funcional.
• Programación orientada a aspectos.

Sigil

Sigil es una aplicación para crear y editar archivos EPUB, cada vez más utilizados en libros electrónicos, igual que si se tratara de documentos de texto normales.

El programa cuenta con dos modos de visualización: uno más sencillo en el que introducir y dar formato al texto, y otro más completo para modificar directamente el código del fichero. Con Sigil también puedes introducir datos del autor, saltos de capítulo o ilustraciones a los archivos EPUB.

Opciones elementales pero suficientes (como alineación del texto, numeración y viñetas o índices de contenido) acompañan a Sigil, un programa llamado a convertirse en referente de los editores de libros electrónicos.

Formatos ebook

Es fácil para el neófito perderse en la amalgama de formatos de libros electrónicos, cuando feliz acaba de adquirir su nuevo eReader, llevado por las promesas de facilidad y abundancia para su afición lectora. Algunos de ellos le sonarán de nombre e incluso los haya utilizado en el ordenador más de una vez, y otros serán completamente nuevos. Y aunque parezcan todos iguales, no es en absoluto así y ni siquiera todos ellos ofrecerán lo mismo ni la misma facilidad de uso una vez abiertos desde el lector. Por esa y otras razones, he aquí esta pequeña y ligera guía de los principales formatos de eBook, que te permitirá decidir y saber a grandes rasgos que esperar de cada uno de ellos cuando inicies su lectura. Y como el conocimiento es poder, los enumeraremos y comentaremos las características claves. Uno de los más comunes es el PDF, versátil archivo de texto no modificable, que permite la inclusión tanto de imagen como de texto. Su principal ventaja es la compatibilidad, y su inconveniente es su poca adaptación cuando se trata de variar el tamaño de letra, ya que al hacerlo perderá la configuración de párrafos y se reordenará para adaptarlo a la pantalla. Esto puede resultar un tanto incómodo, pero es cierto que si el PDF tiene ya diseñada de base una fuente de tamaño adecuado para el lector, no tendremos problema alguno y será muy cómodo de leer. El principal formato creado específicamente para eReaders es el ePub, quizá el más común a la hora de comprar eBooks y el que mejor admite las variaciones de tamaño de letra, respetando los párrafos y el paginado. Es el más cómodo y de los que mejor optimiza peso (tamaño) del archivo, con lo que será más fácil de manejar por el lector. Posiblemente, es el más recomendable, si bien para poder visualizarlo en el ordenador deberéis tener un reproductor específico para este formato. Los clásicos doc del Word de Office suelen ser bastante compatibles, si bien sufren un problema similar al de los PDF, el de la paginación irregular cuando se cambia el tamaño de letra. Es cómodo por no tener que convertir los archivos que tengamos en el ordenador en este formatos, como redacción, documentos o artículos, pero siempre teniendo en cuenta esta limitación. Ocurre parecido con los eBooks en HTML, que son ligeros y manejables, pero tienen el mismo problema con la paginación y distribución de los párrafos. Su principal ventaja es la de ser el formato estándar de la Web, con lo que cualquier texto directamente guardado de mientras estemos navegando por Internet, podremos disfrutar de él en nuestro eReader portátil. Mobi es el formato nativo del lector de Amazon Kindle, uno de los más vendidos del mundo, y como tal está optimizado para su lectura en estos dispositivos, con lo que carece de problemas de repaginación o redistribución de párrafos al cambiar el tamaño de la fuente. Es compatible con casi todos los lectores si el eBook carece de protección de derechos (DRM), pero si los tiene, como son casi todos los adquiridos en su tienda de Amazon, sólo funcionarán con el mencionado lector Kindle, lo que los hace poco prácticos para los que tienen un lector de otra marca (que en España son la mayoría). Muy similar es el PRC (de Mobipocket), variación de este último. RTF y Lit son otros formatos, de origen muy anterior a los eReaders, pero que resultan compatibles con la mayoría de lectores. Al igual que los TXT, son formatos de texto muy ligeros, muy fáciles de interpretar por la gran mayoría de lectores y con gran adaptabilidad a sus pantallas, pero que se usan muy poco y de los que no se encontraran muchos libros. Existen más formatos de uso muy poco frecuente, como son los DJVU, OEB, o los oPF, además de aquellos diseñados específicamente para lectores concretos, con codificadores que impiden su lectura en dispositivos diferentes, pero en nuestro país los lectores que más abundan no tienen este tipo de restricciones y están abiertos a más tipos de formatos. Por tanto, simplificando, los formatos más recomendables serían el PDF y el ePub, siendo como son los más adaptados a este nuevo tipo de lectura

comic life

Con Comic Life puedes crear álbumes fotográficos utilizando la maquetación típica de los comics. Es decir, dividiendo páginas en viñetas, añadiendo bocadillos, diálogos y otras rotulaciones.

Lo mejor, sin duda, es lo fácil que es utilizarlo. Para crear tu propio comic, sólo tienes que seleccionar la estructura de las viñetas, arrastrar las imágenes que quieres utilizar y aplicarles uno de los filtros disponibles. Y, para definir los diálogos, basta con incluir los bocadillos y añadir el texto.

Desde sus opciones, puedes cambiar el tipo, el color y el tamaño de la fuente; cambiar la alineación, definir elementos en primer y segundo plano, cambiar el estilo de las rotulaciones, cambiar el color de fondo de la página, entre otras posibilidades.

Como formatos finales, Comic Life te da la posibilidad de guarda la página en un formato de imagen, pasarla a HTML o enviarla directamente por correo electrónico.

En definitiva, Comic Lige es una conseguida herramienta para crear originales y divertidos álbumes fotográficos.

Tabla de contenido (TDC)

Una tabla de contenido (TDC) puede incluir el contenido de un libro, una revista u otra publicación, una lista de ilustraciones, anunciantes o pies de foto, o bien otros detalles para ayudar a los lectores a encontrar información en un documento o archivo de libro. Un documento puede incluir varias tablas de contenido, como una lista de capítulos y otra de ilustraciones.

Cada tabla de contenido es un artículo independiente con un título y una lista de entradas clasificadas por número de página o alfabéticamente. Las entradas, incluidos los números de página, se obtienen del documento y se pueden actualizar en cualquier momento, incluso en varios documentos de un archivo de libro.

El proceso para crear una tabla de contenido requiere tres pasos principales. El primero es crear y aplicar los estilos de párrafo que utilizará como base para la TDC. El segundo consiste en especificar qué estilos se utilizarán en la TDC y el formato que tendrá ésta. El tercer y último paso es ajustar la TDC en el documento.

Puede añadir entradas de tabla de contenido automáticamente al panel Marcadores para su uso en documentos exportados como Adobe PDF.

• Algunas se crean con contenido que no aparece publicado, como una lista de anunciantes de una revista. Para hacer esto en InDesign, escriba el contenido en una capa oculta e inclúyalo al generar una TDC.
• Puede cargar estilos de TDC de otros documentos o libros para crear nuevas tablas con configuración y formato idénticos. (Quizás deba editar un estilo de TDC importado si los nombres de los estilos de párrafo no coinciden con los del documento de origen).
• Si lo desea, puede crear estilos de párrafo para el título y las entradas de la tabla de contenido, incluidas las tabulaciones y los caracteres de tabulación. Luego podrá aplicar estos estilos de párrafo al generar la tabla de contenido.
• Puede crear estilos de carácter para formatear números de página y caracteres separándolos de las entradas. Por ejemplo, si desea que los números de página aparezcan en negrita, cree un estilo de carácter que incluya el atributo de negrita y seleccione ese estilo cuando cree la tabla de contenido.

Páginas maestras indesing

Una página maestra es similar a un fondo que se puede aplicar con rapidez a muchas páginas. Los objetos de una página maestra aparecen en todas las páginas con dicha página maestra aplicada. Los elementos maestros que aparecen en las páginas de documentos tienen un borde de puntos. Los cambios realizados en una página maestra se aplican automáticamente a las páginas asociadas. Habitualmente las páginas maestras contienen logotipos repetidos, números de página, encabezados y pies de página. También pueden contener texto vacío o marcos de gráficos que sirven como marcadores de posición en las páginas del documento. No se puede seleccionar un elemento maestro en una página de documento a menos que el elemento maestro se cambie.

Las páginas maestras pueden tener varias capas, como las páginas del documento. Los objetos de una misma capa tienen su propio orden de apilamiento. Los objetos de una capa de la página maestra aparecen detrás de los objetos asignados a la misma capa en la página de documento.

Si desea que un elemento maestro aparezca delante de los objetos en la página de documento, asigne una capa superior al objeto en la página maestra. Cualquier elemento maestro que esté situado en una capa superior aparece delante de todos los objetos de capas inferiores. Al combinar todas las capas, los elementos maestros se colocan detrás de los objetos de la página de documento.

Foliación Indesing

Para crear la foliación automatica tendremos que:

-Crea cajas de texto en la/s página/s maestra/s que tengan estilo, cuerpo y tipo que desees para la numeración.
-A continuación en el menú Texto/insertar carácter especial/marcadores/número de página actual (o la opción que prefieras de entre las que vienen).
-voilà! Aparecen todas las páginas numerdas en su orden correcto.

El primer y segundo paso son intercambiables.

Empaquetar indesing

El empaquetado es el último paso para enviar nuestros proyectos a impresión, garantizando que todos sus recursos estén incluidos, listos para procesarse.

El empaquetado nos permite guardar en una sola carpeta todo lo que estamos requiriendo en nuestro proyecto. Para empaquetar tenemos que ir a archivo, empaquetar, o con el atajo de teclado Alt+May+Ctrl+P o Comand+Shift+Option P en Mac.

La ventana que aquí nos aparece contiene un resumen de todo lo que esta ocurriendo en el documento, las fuentes que se utilizan, los vínculos e imágenes, colores y tintas, configuración de impresión y los plugins externos (Fig1).

Al oprimir la opción «Empaquetar», el programa nos abrirá un cuadro de instrucciones de impresión, que es de gran utilidad si nos comunicamos con el impresor a través de este elemento (Fig2).

Al oprimir la tecla Continuar se genera automáticamente una carpeta con todo el contenido del documento, al oprimir la tecla Empaquetar puede ser que salte una alarma que nos indica que copiar fuentes es ilegal y que sólo será para uso exclusivo de reproducción del documento.

Practica orduña

Primero hemos hecho la  proporción de la pagina para poder sacar los márgenes a esta, después hemos colocado nuestro texto junto alas imágenes y nos a quedado algo así

IFRAME (dreamweaver)

El elemento IFRAME define un cuadro en línea para la inclusion de objetos externos, normalmente documentos HTML, la ventaja de usar un iframe con respecto a una plantilla, es que el iframe carga las paginas de contenidos, en cambio las plantillas descargan todo el entorno gráfico que acompaña una página, cada vez que se descarge un contenido, por tanto el IFRAME hace mucho mas eficiente el uso de los recursos de una red.

La principal ventaja del IFRAME, es que funciona como un contenedor de paginas, estas son algunas de sus propiedades.

Sintáxis:

<iframe src="http://cci.udea.edu.co" name="contenedor" width="400"height="100" align="middle" frameborder="1" marginwidth="10"marginheight="10" scrolling="yes" ></iframe>

SRC: especifica el URI o documento a cargar inicialmente en el IFRAME.NAME: especifica el nombre del frame

WIDTH: (Pixels)especifica el ancho del iframe

HEIGHT: (Pixels) Especifica el alto del iframe

ALIGN = [ top | middle | bottom | left | right ]: especifica la alineaciòn del iframe.

FRAMEBORDER = [ 1 | 0 ]:especifica si el iframe tiene borde o no

MARGINWIDTH = Pixels (margin width): especifica el margen del iframe

MARGINHEIGHT = Pixels (margin height):especifica el margen del iframe

SCROLLING = [ yes | no | auto ] (ability to scroll): especifica si el iframe tiene o no barra de scroll.

LONGDESC = URI (link to long description)

Creació DIV (dreamweaver)

Inserción de etiquetas div

Puede utilizar etiquetas div para crear bloques de diseño CSS y colocarlos en el documento. Esto resulta útil si ha adjuntado al documento una hoja de estilos CSS con estilos de posición. Dreamweaver le permite insertar rápidamente una etiqueta div y aplicar a ésta estilos existentes.

1. En la ventana de documento, sitúe el punto de inserción en el lugar donde desea que aparezca la etiqueta div.
2. Siga uno de estos procedimientos:
   • Seleccione Insertar > Objetos de diseño > Etiqueta Div.
   • En la categoría Diseño del panel Insertar, haga clic en el botón Insertar etiqueta Div .
3. Defina cualquiera de las opciones siguientes:

   Insertar

    

   Permite seleccionar la ubicación de la etiqueta div y el nombre de la etiqueta si no es una etiqueta nueva.

   Clase

    

   Muestra el estilo de la clase aplicado actualmente a la etiqueta. Si ha adjuntado una hoja de estilos, las clases de la hoja de estilos aparecerán en la lista. Utilice este menú emergente para seleccionar el estilo que desea aplicar a la etiqueta.

   ID

    

   Permite modificar el nombre utilizado para identificar la etiqueta div. Si ha adjuntado una hoja de estilos, aparecerán en la lista los ID definidos en la hoja de estilos. No aparecen en la lista los ID de bloques que ya están en el documento.

   Nota: Dreamweaver le avisa si introduce el mismo ID de otra etiqueta del documento.

   Nueva regla CSS

    

   Abre el cuadro de diálogo Nueva regla CSS.

4. Haga clic en Aceptar.
   La etiqueta div tendrá el aspecto de un cuadro en el documento con texto de marcador de posición. Al desplazar el puntero sobre el borde del cuadro, Dreamweaver lo resaltará.
   Si la etiqueta div se sitúa con una posición absoluta, se convierte en un elemento PA. (Puede editar las etiquetas div que no tengan una posición absoluta.)

CSS Zen Garden (dreamweaver)

CSS Zen Garden demuestra que los diseñadores pueden transformarse una sola página web en cientos de variaciones dramáticas, simplemente mediante la aplicación de un estilo CSS. Las posibilidades son que para deslumbrar, especialmente si usted entiende el concepto clave. En CSS Zen Garden todas las variantes contienen exactamente el mismo código HTML subyacente. Diseñadores produjeron sus variaciones presentación con sólo añadir o modificar una docena de líneas de una hoja de estilo CSS, y mediante el uso de CSS para llamar a sus propios gráficos ... todo ello, sin necesidad de editar una sola línea de código HTML. El resultado final: una página web HTML, cientos de presentaciones generadas a través de CSS. Adicionalmente se rompe como un repositorio de destino de ejemplos que los diseñadores puedan estudiar y ampliar.

Si perplejo, lea la siguiente explicación de lo que usted experimentará en CSS Zen Garden.

Tenga en cuenta que si te pierdes en CSS Zen Garden, especialmente si usted tiene problemas para navegar por el sitio, utilizar mi lista de favoritos de diseños CSS Zen Garden.

Creació css (dreamweaver)

El CSS (Hoja de Estilo en Cascada, Cascading Style Sheet para los de colegio inglés) ha sido el gran alivio para los que hemos tenido que maquetear una gran cantidad de archivos. Separa el diseño de la maquetación, no van unidos. Es un simple indicador al browser que le informa 'Hey socio, esas letras las necesito rojas por favor y más todas las que le diga'. Afortunadamente si quiero cambiar las instrucciones de ese indicador, lo hago sólo una vez y no las 235 veces. Pero hay más. 

CSS tiene grandes posibilidades de cambiar la apariencia de un sitio. Entre los trucos más solicitados están: el de cambiar las características de los links (sacarle el subrayado por ejemplo); hacer que en un documento existan todos los tipos de links que yo quiera; jugar con las imágenes de fondo; cambiar la apariencia de objetos de formularios; cambiar cursores; agregar filtros; cambiar características de los elementos de HTML, entre otros. Ustedes deben ser los descubridores: acá va un pequeño empujón. 

Vamos a la práctica. Dreamweaver > Windows > CSS Styles. O Shift+F11 es más sencillo. Abre esa paleta y aparecerá por defecto la palabra none y unos iconos abajo a la derecha. Básicamente Dreamweaver da la posibilidad de vincular un nuevo estilo CSS desde un archivo (archivo de extensión .css que puedes abrir desde el block de notas y desde el que puedes tener todos los estilos que necesites), crear un nuevo archivo, editarlo, crear estilos sólo para esa página (incrustados) y además editarlos.