I.E.S. FORAMONTANOS

Cursos de Informática

Aquí están los primeros videos creados por los alumnos del curso de Retoque fotográfico y edición de video utilizando para ello el programa Windows Movie Maker, que viene con el paquete básico de Windows.







No se puede enseñar en un tutorial de pocas páginas todo lo que aprenderás de un libro de 300 o más páginas pero después de seguir este tutorial de Dreamweaver serás capaz de orientarte en su entorno, de diseñar páginas sencillas y administrar tu sitio Web. Tampoco es la intención de enseñar aquí temas avanzados como hojas de estilo, DHTML, JavaScript, etc. Sobre este tema consulta tutoriales o libros correspondientes. Tampoco se ha tocado el tema de las capas, si necesitas información al respecto prueba en este tutorial específico: Trabajo con capas en Dreamweaver
No se requiere ninguna experiencia previa de Dreamweaver para seguir este tutorial pero suponemos que sepas utilizar Windows y aplicaciones para Windows (Word o Word Pefect por ejemplo), entiendas los términos como por ejemplo "barra de tareas", "menú contextual", "teclas de acceso directo", "barra de menús", "barra de herramientas", y sepas como copiar, pegar, insertar objetos y guardar tu trabajo.


Entorno de trabajo en Dreamweaver y creación de una página Web:

Dreamweaver es un editor del tipo WYSIWYG, es decir, un editor visual que permite diseñar las páginas sin saber nada de HTML. Pero nunca está de más tener el conocimiento de este lenguaje, los editores WYSIWYG no son perfectos y pueden cometer errores o generar también bastante código basura. Para esto Dreamweaver dispone también del editor HTML o permite configurar un editor HTML externo si así lo deseamos. Para ver el código HTML pulsamos F 10 y se abrirá la ventana del editor, en la misma ventana tenemos el botón del editor externo para utilizar otro programa de edición HTML.
En el Dreamweaver 4 además podemos tener ambas vistas: código y diseño a la vez, tienes esta opción en el menú "Ver" o puedes usar los botones correspondientes de la barra de herramientas que están resaltados en rojo en esta imagen:

Para crear una nueva página utiliza el menú "Archivo" / "Nuevo". Tienes las opciones para crear una nueva página o crear una página desde una plantilla previa.
Para insertar objetos ( por ejemplo, imágenes, tablas o animaciones Flash en tu página puedes usar el menú Insertar o la ventana de objetos:

Si no la ves utiliza el menú "Ventana" / "Objetos" o Ctr+F3.

Para utilizar la ventana de los objetos de Dreamweaver, arrastra el icono del objeto que necesites, por ejemplo el icono de la imagen hacia la página, y te aparecerá la ventana del dialogo para indicar la ubicación de la imagen que quieres insertar.
Siempre puedes recurrir a la ventana propiedades de Dreamweaver para editar las propiedades de un objeto:

La ventana que ves en esta imagen corresponde a las propiedades del texto, las opciones de la ventana cambiarán según el objeto que insertemos. Para verla, pulsa el objeto con el botón secundario en el objeto que quieras editar o utilizar el menú "Ventana" - "Propiedades", o las teclas Ctrl+F3.
Los objetos de Dreamweaver accesibles desde la ventana de Objetos:
Si pulsamos el pequeño triangulo que aparece en la parte superior derecha de la ventana de objetos podemos acceder a diferentes ventanas de objetos. A continuación viene la descripción de diferentes ventanas y objetos de Dreamweaver:
Común:
Es la ventana que aparece por defecto y contiene los objetos más comunes de Dreamweaver
Insertar imagen - para insertar objetos gráficos: ficheros .gif, .jpg o .png.
Insertar imagen de sustitución - permite crear los efectos "rollover" - botones o imágenes que cambian su apariencia al pasar el cursor sobre ellas.
Insertar tabla - como su nombre lo indica sirve para insertar tablas. Las tablas son un elemento todavía muy popular para colocar los contenidos de las páginas.
Insertar datos tabulares - Permite insertar datos de una hoja de cálculo.
Insertar barra horizontal - el elemento HTML definido por la etiqueta muy popular para separar los contenidos en una página Web.
Insertar barra de exploración - son unas barras de navegación creadas con tablas y JavaScript.
Dibujar capa - este tema se puede observar en profundidad en este tutorial de capas.
Insertar salto de línea - agrega espacio adicional entre los objetos o líneas de texto (la etiqueta
en HTML).
Insertar vínculo de correo electrónico - para insertar vínculos de tipo "mailto" para abrir un nuevo mensaje de correo con la dirección incluida en el campo "Para". Si quieres saber más sobre este tema lee este artículo: Outlook Express: algunos accesos directos de utilidad
Insertar fecha - permite introducir la fecha y la hora de modificación de la página.
Insertar Flash - para insertar objetos creados con Macromedia Flash en tu página.
Insertar Shockwave - para insertar aplicaciones creadas con Macromedia Director.
Insertar Generator - contenidos dinámicos de este programa de Macromedia basados en las plantillas colocadas en el servidor.
Insertar HTML de Fireworks - inserta y convierte el código nativo de Macromedia Fireworks. Insertar subprograma - para agregar applets Java a la página.
Insertar ActiveX - inserta objetos desarrollados con la tecnología ActiveX de Microsoft.
Insertar Plug-in - para insertar los plugins para Netscape (por ejemplo vídeo o sonido).
Insertar Server-Side Include - las instrucciones agregadas por el servidor (SSI), solo podremos utilizar esta opción si nuestro servidor lo permite, los servidores gratuitos no lo permiten.
Caracteres
Permite insertar caracteres especiales en el documento, por ejemplo © ¶ ©, etc.
Formularios
Para insertar formularios en una página Web, no hablaremos del tema en este tutorial porque será tratado en nuestro próximo tutorial de Dreamweaver.
Marcos
Permite crear páginas con marcos ("frames"). No trataremos este tema en este tutorial porque estamos absolutamente en contra de su uso (no son amigables para los navegantes ni para los buscadores). Preferimos utilizar barras de navegación. Es solo nuestra opinión personal, si te gustaría utilizar marcos en tu Web encontrarás la información que necesites en cualquier manual o libro de HTML.
Head
Esta ventana es muy importante: nos permite insertar código en la cabecera del documento.
Insertar Meta - son las etiquetas opcionales para los servidores Web, por ejemplo las etiquetas de palabras clave o de descripción.
Insertar palabras clave - la meta etiqueta de las palabras clave("keywords" en HTML) de nuestra página. Puede ser útil en algunos buscadores aunque la mayoría no le hace demasiado caso.
Insertar descripción - Es una meta etiqueta muy importante ("description" en HTML), trata de colocarla siempre, muchos buscadores la toman en cuenta a la hora de indexar la página. Debe ser una frase completa que describa lo mejor posible el contenido y el propósito de nuestro sitio.
Insertar la actualización - Meta "Refresh" en HTML, obliga al navegador a refrescar la página pasado un intervalo de tiempo o cargar una página diferente. Muy útil en los casos cuando nuestra página había cambiado de dirección y queremos que los navegantes que vengan a la URL antigua sean redirigidos automáticamente a la nueva dirección.
Insertar base - esta opción nos sirve si tenemos todos los documentos en un servidor distinto del de la página raíz, en este caso si utilizamos esta meta etiqueta todos los vínculos relativos serán interpretados automáticamente como absolutos, por ejemplo "Introduccion.htm" se interpretaría como "http://www.svetlian.com/Introduccion.htm" si hemos especificado http://www.svetlian.com/ como base.
Insertar vínculo - permite establecer relaciones entre los documentos, esta opción es muy útil para , por ejemplo, vincular rápidamente las hojas de estilo.
Objetos invisibles
Los objetos invisibles pueden ser puntos de fijación con nombre, comentarios, secuencias de comandos o espacio indivisible (éste último ya no existe en Dreamweaver 4).
Punto de fijación con nombre - nos sirve para poder navegar dentro de un documento. Con este objeto podemos fijar un destino para el vínculo.
Comentario - permite insertar texto de comentarios que permiten ayudar a interpretar el código pro serían invisibles desde el navegador, en HTML correspondería a la etiquetas .
Secuencias de comandos - con esta opción podemos insertar JavaScript y VBScript en nuestro documentos.
Espacio indivisible - inserta un espacio en blanco ( en HTML), ya no existe en Dreamweaver 4.
Y ahora, después de leer todo esto prueba crear algo en tu página, escribir algo de texto, insertar una imagen por ejemplo.
Puedes visualizar tu página en el navegador desde el menú "Archivo" / "Vista previa en el navegador" ("Preview en browser"). Por defecto Dreamweaver mostrará nuestro navegador predeterminado que tengamos instalado pero siempre podemos agregar un navegador secundario desde el mismo menú.

Espero que ya pudieras crear una página sencilla con Dreamweaver pero ahora todavía nos hace falta aprender a manejar nuestro sitio Web como un conjunto.
Para hacerlo utilizaremos el menú "Sitio/Nuevo sitio", no aparecerá una ventana como ésta:

Desde esta ventana podemos determinar la ubicación local y remota de los ficheros de nuestro sitio.
Si especificamos el tipo del servidor remoto como "FTP" podremos sincronizar nuestra carpeta local con el servidor remoto.
Una vez creado el sitio siempre podremos abrir y administrarlo desde el menú "Sitio".
Otra opción muy útil de Dreamweaver es el mapa del sitio:

Bueno, aquí terminamos con esta pequeña introducción a Dreamweaver. Estamos muy conscientes que no es suficiente para dominar este complejo programa pero si lo seguiste con atención y fuiste capaz de investigar por tu cuenta ya tienes una buena base por donde comenzar.

7-. Formato.
Es el proceso mediante el cual estilizamos nuestros documentos, les damos una forma definada,
unas especificaciones que se deben regir por los principios de censillez, facilidad comunicativa y
claridad expresiva. El formato se puede establecer en tres elementos del documento:
* Página
* Texto.
* Párrafo.
7.1- Formato de Página. Consiste en establecer el diseño general que afecta a páginas
completas de un documento, por ejemplo, tamaño, encabezados, pies de páginas, numeración,
etc. La mayoría de las especificaciones se ralizarán por medio del comando Page Setup
(especificaciones de página) del menú File (Archivo).
a) Tamaño de papel. Word tiene una gran gama de tamaños de papel. No siempre
utilizaremos papel tamaño carta (8 1/2 por 11 pulgadas). Si trabajamos en una oficina
posiblemente tengamos que utilizar Word para imprimir sobres, crear volantes
publicitarios, o diseñar papel para notas y tarjetas de felicitación.

Se pueden modificar las dimenciones del papel para todo un documento, para una selección o
desde el punto de inserción hasta el final del documento.
b) Orientación. La orientación de una página puede ser vertical u horizontal.
c) Márgenes: Los márgenes son los espacios en blanco reservados entre el borde del papel y
el texto sobre la página.

Los márgenes pueden ser normales o simétricos. Los márgenes normales especifican los límites superior, inferior, izquierdo y derecho; en cambio los márgenes simétricos se usarán cuando estemos especificando el ordemaniento de las páginas en un libro, para este caso hay páginas
izquierdas y derechas y márgenes: superior, inferior, interno y externo.
d) Configurar los encabezados y pies de página. Aquí estableceremos el espacio entre los
bordes verticales de la página y la primera linea de texto donde irá incerto el encabezado
y el pie de página.
e) Diseño. En esta viñeta podremos configurar el inicio de las secciones, los encabezados y
pies de página y la alineación vertical.


f) Encabezado y pie de página.
Encabezado es un espacio reservado en la parte superior de la página donde se coloca
información que aparecerá en todas las páginas del documento o en una sección específica.
Pie de página es un especio reservado en la parte inferior de la página donde se coloca
información que se repetirá en todas las páginas del documento o en una sección específica.
Anbos elementos se localizan en el menú ver por medio de la opción encabezado y pie
de página. Al momento de activarlos aparecerá una barra de herramientas que nos
proporcionará insertar elementos como número de página, fecha, hora y la posibilidad de elegir
la forma en que aparezcan dichos elementos en la página.


g) Numeración de páginas. Podremos ponerle número a cada una de las páginas automáticamente. Se puede decidir el lugar donde aparecerá el número de página. Para aplicar este recurso pulse el menú Insertar y seleccione el comando Números de página...


h) Notas al pie de página y notas al final.
Las notas son comentarios o anotaciones que hacen referencia al texto de una determinada página. Estas pueden aparecer al pie de página o al final de sección o documento. Podremos manipular la configuración de las notas por medio de la opción notas al pie... del menú insertar.


i) Secciones y saltos de página
Las secciones pueden considerarse como un subdocumento dentro de otro documento, con sus
especificaciones o características propias. Son muy convenientes cuando estamos creando documentos extensos que se subdividen en diferentes partes con formato propio; por ejemplo, portada, índice, introducción, capítulos, anexos, etc.
Además de los saltos de sección se pueden crear saltos de página, los cuales se utilizan cuando se quiere iniciar cierto contenido en una nueva página. El salto de página y sección se localizan en el menú insertar al activar la opción salto...



j.) Columnas.
Consiste en crear bloques de texto verticales del alto de una página. El uso de columnas puede ser en todo el documento o en una parte específica (en este último caso, debe usarse en
combinación con las secciones). Podrá elegir columnas del menú Formato Recomendación: es mucho más facil escribir el texto a una columna y luego cambiarlo a varías columnas, ya que se
tiene mayor control sobre el inicio y el fin del formato.



7.2) Formato de texto.
Podremos determinar el formato de las fuentes (tipos) que usemos en nuestros documentos por
medio del comando fuente del menú formato, de donde podremos elegir el tipo de fuente, el estilo, el tamaño, el color, efectos y el espaciado entre caracteres. La mayoría de estas operaciones también se puede realizar por medio de la barra de herramientas formato. Esta
es una de las herramientas más usadas, ya que permite hacer modificaciones a la velocidad
de un clic.

Las fuentes son familias de diseño de tipos de letra. Por ejemplo, la fuente más común en
máquinas de escribir es Courier, en tanto que en los manuales técnicos, en las revistas o
peródicos, a menudo se utiliza una combinación de Times Roman para el texto normal y
Helvética para los encabezados.

Las fuentes pueden ser serif o san serif. Las fuentes serif tienen rasgos decorativos en las
terminaciones de los trazos de las letras, mientras que las sans serif son sencillas, sin adornos.
Las fuentes serif generalmente se consideran más fáciles de leer, por lo que la mayor parte de los
cuerpos de texto caen en la categoría serif.
Los caracteres también pueden ser de tamaños diferentes. En una fuente el tamaño del caracter
se mide en puntos. Mientras mayor sea el número de puntos, mayor será el caracter. Un punto
representa 1/72 de una pulgada (o,35 mm), por lo que un caracter de 72 puntos medirá
aproximadamente una pulgada, desde su parte superior hasta la inferior, dependiendo del diseño.
Otro elemento que podemos modificar en las fuentes es su estilo, las opciones pueden ser
regular, negrita, itálica y negrita itálica.
También podemos crear efectos en las fuentes, como tachado, superíndice, subíndice, sombra,
etc.
Barra de herramientas formato
Ajuste del espacio entre caracteres.
Se llama interletrado o Kerning a la reducción, ampliación o ajuste del espacio entre caracteres.
El interletrado es particularmente importante tratándose de texto de gran tamaño, como
encabezados. Según los especialistas un encabezado sin interletraje se ve simplemente como una serie de letras; cuando cierre el espacio entre letras, parecerán palabras. Esta característica
también se encuentra en la opción fuente del menú formato.

Una utilidad del interletrado podría ser cuando no deseamos que la última linea de un párrafo
determinado termine con una palabra solitaria. Esto se puede lograr si reduce el interletrado de la linea anterior del párrafo de manera que Word haga caber la última palabra en la penúltima línea.
Letra capitular. as letras capitulares son aquellas letras grandes que se colocan, ocacionalmente, al inicio del primer párrafo de un documento. Para agregar una letra capitular, sólo haga clic en cualquier parte del párrafo donde desee que aparezca; abra el menú formato y seleccione el comando Drop Cap y seleccione la posición de la misma: ninguna, en texto y en margen.

Insertar caracteres especiales.
Son caracteres que no aparecen en el teclado, por ejemplo el símbolo de derechos de autor o de
marca registrada. En Word, los caracteres especiales se agregan por medio del comando Symbol
(símbolo) del menú Insert (insertar).
Una opción rápida para incertar algunos caracteres especiales se puede obtener mediante
la combinación de Alta+ Ctrl + C. Por ejemplo, para obtener el símbolo de derechos de autor,
Alt + Ctrl + T para insertar el símbolo de marca registrada, y Alt + Ctrl + R para insertar el
símbolo de marca.
7.3) Formato de Párrafos.
Un Párrafo es un bloque de texto separado por dos saltos de linea. En un párrafo las modificaciones están relacionadas con las sangrías, inserción de espacios antes y después; alineación con margen izquierdo, con el derecho, con ambos o centrada dentro de la página. También se podrá manipular el interlineado. En todos los casos mencionados anteriormente se pueden hacer cambios predefinidos o al gusto del usuario.


Corrección de viudas y huerfanos.
Un salto de página automático divide a veces un párrafo entre dos páginas. A una primera línea
de párrafo que aparece solitaria al pie de una página se le conoce como Huerfano; a una última
línea de párrafo que aparece solitaria a la cabeza de una página se le conoce como viuda. Estos
fenómenos no se ven bien en un documento, atentan contra las reglas de un buen estilo. En
forma predeterminada Word se asegura de que nunca habrá menos de dos lineas de párrafo a
principio o al final de una página.
La revisión de viudas y Huerfanos se realiza por medio del menú Formato, luego escoja el
comando párrafo que al activarse abre una ventana con dos folders, haga clic en el folder líneas
y saltos de página para poder modificar los controles de corrección de viudas y huerfanos.
La sangría en los párrafos.
La sangría es el espacio en blanco que se deja en la totalidad del margen izquierdo y/o derecho
de un párrafo o solamente en la primera linea. Hay tres tipos de sangría:
* Sangría de primera linea: inicia la primera linea de un párrafo seleccionado más lejos del
margen izquierdo que las demás lineas alineadas.
* Sangría francesa: inicia la primera linea de un párrafo seleccionado más cerca del margen
izquierdo que las líneas sucesivas alineadas.
* Sangría izquierda o derecha: es la sangría de todas las líneas de un párrafo que lo alejan
de uno o de ambos márgenes. Se conoce también como una sangría por bloque.
Podrá definir el tipo de sangría si abre el menú Formato y activa el comando Párrafo, luego
aparecerá un cuadro de diálogo de donde deberá seleccionar el grupo sangría y espacio.
Alinear párrafos.
La alineación consiste en hacer que el texto de los párrafos quede ordenado con respecto al
margen izquierdo o al derecho, centrado entre los dos márgenes, o alineado con respecto a
ambos márgenes (justificado).
Para cambiar la alineación de los párrafos a la izquierda, derecha, centrada o justificada se puede
desplegar el menú Format, luego activar el comando Párrafo. También puede usar los botones
de la barra de herramientas Formato, o con la combinación de teclas, Ctrl + L (alineación a la
izquierda), Ctrl + R (alineación derecha), Ctrl + E (alineación centro) y Ctrl + J (alineación
justificada).
Espaciado de párrafos y líneas.
El espacio entre párrafos ajusta el espacio por arriba y por debajo de un párrafo. El
espaciamiento predeterminado de Word es ningún espacio entre párrafos.
El espaciado de lineas, ajusta el espacio entre lineas o renglones de un texto en el interior del
párrafo. Puede elegir entre un interlineado predefinido o uno personalizado.
Puede utilizar el menú Formato y luego Párrafo para modificar el espacio entre párrafos y líneas.