Ing. Zevallos Vera, ErikaCICLO 2012 III Mdulo:IIUnidad:3 Semana:5OFIMATICA AVANZADA PARA INGENIEROS

ASPECTOS BASICOS DE DREAMWEAVER

ORIENTACIONESEl dreamweaver es un programa principalmente para la creacin de sitios web y aplicaciones, lo cual le recomiendo estar en lnea para la mejor captacin y comandos de este tema; tambin se usa para la edicin creacin de cdigo para la web.

CONTENIDOS TEMTICOSAspectos basicos de dreamweaver cs4htmlLenguaje de etiquetas Tipos de las fuentesColores y fondos

Aspectos basicos de Dreamweaver CS4 Dreamweaver CS4 es un software fcil de usar que permite crear pginas web profesionales, Crear tablas, editar marcos, trabajar con capas, insertar comportamientos JavaScript, etc.., de una forma muy sencilla y visual.

Cualquier editor de texto permite crear pginas web. Para ello slo es necesario crear los documentos con la extensin HTML o HTM, e incluir como contenido del documento el cdigo HTML deseado. Puede utilizarse incluso el Bloc de notas incluido en Windows para hacerlo

HTMLHTML, acrnimo ingls de HyperText Markup Language (lenguaje de marcacin de hipertexto), es un lenguaje de marcas diseado para estructurar textos y presentarlos en forma de hipertexto, formato estndar de las pginasWeb. Funcionan de la siguiente manera:

es el inicio el cierre de una etiqueta.

*Curso: Multimedia* Define la pg.Web. Define la cabecera de la Pg. Web. Define el cuerpo de la pg. Web. Define el ttulo para la pg. Web. Se coloca dentro de la cabecera.Lenguaje de etiquetas.

**Las letras de la etiqueta pueden estar en maysculas o minsculas, indiferentemente.Lo que se encuentra entre ambas etiquetas estar influenciada por ellas.Por ejemplo:todo el documento HTML debe estar entre las etiquetas y El documento est dividido en dos etiquetas principales:

y encabezamiento, y

*Curso: Multimedia*

CUERPO:Entonces la estructura bsica de un documento HTML es:

*Curso: Multimedia*

TTULO:

El ttulo es el nombre general de la pgina para definir el ttulo es necesario usar las etiquetas siempre va en la seccin del encabezado, por lo que el documento debe ir as:

TEXTOS:Para escribir un texto en la pgina lo tenemos que hacer entre las etiquetas.

y .

Cuando desee poner un nuevo prrafo hay que usar las etiquetas y

*Curso: Multimedia*

Pagina de principal

UNIVERSIDAD ALAS PERUANAS.*****CIENCIAS DE LA COMUNICACION****

EJEMPLO:01

*Curso: Multimedia*Para cambiar el tamao y la fuente del texto utilizaremos la etiqueta y . Los tamaos del texto van, de menor a mayor, del 1 al 7. El tamao normal (o tamao base) es el 3 y lo podemos modificar con el atributo SIZE.Ejemplo: Tambin podemos utilizar los signos y + para indicar los tamaos.

Texto de tamao 2 es decir el valor base 3 1 Texto de tamao 4 es decir el valor base 3 +1 TAMAO:

*Curso: Multimedia*

TIPOS DE LAS FUENTES

Generalmente el tipo por defecto es Times New Roman, y lo podemos cambiar con el atributo FACE="Nombre de la fuente".

Ejemplo:

para forzar a que el texto adopte la fuente Verdana, pondramos:Este texto se ver con la fuente VerdanaEste texto se ver con la fuente Impact, o en su defecto con Arial

*Curso: Multimedia*COLORES Y FONDOSPara poner colores en un texto, generalmente se utiliza el atributo color en la etiqueta, as tendremos que la etiqueta ser: Este texto es de color rojo Podremos poner el atributo TEXT en la etiqueta para cambiar el coloren la totalidad del texto de la pgina, ejemplo< BODY TEXT="#XXYYZZ">

*Curso: Multimedia*

Donde:XX es un nmero indicativo de la cantidad de color rojoYY es un nmero indicativo de la cantidad de color verdeZZ es un nmero indicativo de la cantidad de color azulLos nmeros siempre estarn en numeracin hexadecimal. Estos dgitos son:0123456789ABCDEFLos colores primarios son:#FFOOOO Rojo#OOFFOO Verde#OOOOFF AzulOtros colores son:#FFFFFF Blanco#OOOOOO Negro#FFFFOO Amarillo

*Curso: Multimedia*FondosSe puede cambiar el fondo de dos maneras distintas:1) Con un color uniforme Se consigue aadiendo el comando BGCOLOR a la etiqueta (situada al principio del documento), de la siguiente manera:

*Curso: Multimedia*Fondos2) Con una imagen El fondo de una pgina puede ser tambin una imagen, ya sea en formato GIF o JPEG. Esta imagen se repite por toda la pgina, de una manera anloga al tapiz de Windows. La estructura de la etiqueta es:

o bien:

PARA USAR LA HERRAMIENTA DE DREAMWEAVERInicio, programasAdobe Dreamweaver CS3 y haz clic sobre l para arrancar el programa.

INSPECTORES Y PANELESDreamweaver utiliza ventanas flotantes similares a las barras de herramientas, que se conocen como paneles o inspectores

A travs de la opcin Ventana, de la barra de mens, es posible mostrar u ocultar cada uno de los paneles o inspectores. Vamos a ver los ms importantes

CONCLUSIONES Y/O ACTIVIDADES DE INVESTIGACIN SUGERIDASDreamweaver es la herramienta de desarrollo Web lder del mercado y permite a sus usuarios disear, desarrollar y mantener de forma eficaz sitios y aplicaciones Web basados en normas.

GRACIAS