Dreamweaver Valencia

11
PATRICIO VALENCIA

description

La mejor manera de hacer paginas web

Transcript of Dreamweaver Valencia

PATRICIO VALENCIA

La Revista Dreamweaver ha sido realizadacon el propósito de dar a conocer a laspersonas que existe una manera sencilla yrápida de hacer paginas web sin necesidadde acudir a donde expertos.En el contenido de esta revista daremos lasprincipales herramientas para que se noshaga fácil realizar nuestro propio sitio web.Además incluimos un ejemplo con el cualnuestro trabajo será simplificado en lamedida de lo posibleDreamweaver es una aplicación en forma deestudio (basada en la forma de estudio deAdobe Flash) enfocada a la construcción yedición de sitios y aplicaciones web porMacromedia (actualmente producido porAdobe Systems). Es el programa de estetipo más utilizado en el sector del diseño yla programación web, por susfuncionalidades, su integración con otrasherramientas como Adobe Flash y,recientemente, por su soporte de losestándares del World Wide Web Consorcium.

1.- Que es el Dreamweaver

2.- Como crear una pagina web HTML

3.- Manera rápida de insertar texto

4.-Cambiar el formato y el estilo de la tipografía

5.- Insertar imágenes

6.- Crear tablas

7.- Insertar hipervínculos

8.- Conseguir un hosting

9.- Entretenimiento

Dreamweaver CS4 es un softwarefácil de usar que permite crearpáginas web profesionales.Las funciones de edición visual deDreamweaver CS4 permiten agregarrápidamente diseño y funcionalidad alas páginas, sin la necesidad deprogramar manualmente el códigoHTML.

Se puede crear tablas, editar marcos, trabajar con capas, insertarcomportamientos Java Script, etc.., de una forma muy sencilla y visual.Además incluye un software de cliente FTP completo, permitiendo entreotras cosas trabajar con mapas visuales de los sitios web, actualizando elsitio web en el servidor sin salir del programa.

Para seguir este curso te puedesdescargar la versión gratuita deDreamweaver desde la página deAdobe, la versión caduca al cabo de30 días, pero seguro que te darátiempo a entenderlo y decidir siquieres adquirir la versión completade este fantástico programa.

Los logotipos de Dreamweaver son propiedad de Adobe, así como las marcas registradas Dreamweaver y Adobe.

Al arrancar Dreamweaver apareceuna pantalla inicial como ésta, vamosa ver sus componentesfundamentales. Así conoceremos losnombres de los diferentes elementosy será más fácil entender el resto delcurso. La pantalla que se muestra acontinuación (y en general todas lasde este curso) puede no coincidirexactamente con la que ves en tuordenador, ya que cada usuariopuede decidir qué elementos quiereque se vean en cada momento ydónde, como veremos más adelante.Las opciones del sitio se

agrupan en diferentescategorías que aparecenen la parte izquierda.Para visualizar lascaracterísticas de unacategoría basta conseleccionarla de la listahaciendo clic en ella.Vamos a ver los datosque hay que editar parala categoría Datoslocales, que será lo únicoque empleemos demomento.Debe definirse elNombre del sitio, queúnicamente nos servirápara identificarlo en lalista de sitios.La Carpeta raíz local,que es en la que seencuentra el sitio dentrodel disco duro local. Lacarpeta puede contenerya archivos o no..

Estas dos características son lasimprescindibles para definir un sitiolocal. El resto son opcionales, y demomento no nos interesan.Las demás opciones en este momentono nos interesan, ya que estamosdefiniendo el sitio local, y no esnecesario establecer los datos delservidor en el que estará el sitio remoto.

Formato: Permite seleccionar un formato de párrafo ya definido para HTML, que puede ser encabezado, párrafo o formato predeterminado. Los encabezados se utilizan para

establecer títulos dentro de un documento. El formato predeterminado sirve para que el texto aparezca tal cual ha

sido escrito, por ejemplo, si entre dos palabras se introducen varios espacios solo se considera uno, pero al establecer el

formato predeterminado se respetará que hayan varios espacios en lugar de solo uno. El texto normal, debería ir

siempre en párrafos, salvo que esté en otros elementos, como tablas o listas. Es importante emplear correctamente los encabezados, ya que se organizará mejor el contenido de

nuestra web, y es importante de cara a buscadores y visitantes. No te preocupes por cómo se muestran esos encabezados,

recuerda que siempre podremos personalizarlo.

Insertar Imágenes

Para insertar imágenes,

debemos ingresar en imágenes , se

escoge la imagen y se pone aceptar

.-1.- Para insertar una tabla en un documento deDreamweaver, llevar a término una de estas operaciones:a) Situar el punto de inserción en el lugar de la ventana dedocumento donde se desea que aparezca la tabla -Insertar - Tablab) En la barra Insertar hacer clic en el botón Insertar Tablade la ficha Comúnc) Con el puntero del ratón arrastrar el botón Insertar Tabladesde la ficha Común en la barra Insertar hasta la posicióndeseada en la ventana de documento2.- En estas tres operaciones aparecerá siempre el cuadrode diálogo Insertar tabla :a) En el campo Filas, especificar el número de filas de latablab) En el campo Columnas, especificar el número decolumnas de la tablac) En el campo Relleno de celda, especificar el número depíxeles que habrá entre el contenido de la celta y el límitede ésta. El número predeterminado de relleno es 1 píxel.Introducir 0 para especificar que no se desea rellenod) En el campo Espacio entre celdas, especificar el númerode píxeles que debe haber entre las celdas de la tabla. Elvalor predeterminado es 2 píxeles. Introducir 0 paraespecificar que no se desea espaciadoe) En el campo Ancho, especificar el ancho de la tablacomo porcentaje de la ventana del navegador o como unnúmero de píxelesf) En el campo Borde, especificar el ancho en píxeles delborde de la tabla. Poner 0 si no se desea que la tabla tengabordeg) Aceptar

Cuando creamos un vínculo, por defecto el navegador abrirá la página web destino en la misma ventana, pero podemos pedirle al navegador que la abra aparte. Esto es útil por ejemplo si queremos abrir una página externa a nuestro sitio pero sin que el visitante pierda la nuestra.

(DW) El destino del enlace puede variar dependiendo de los marcos de que disponga el documento actual. Dicho destino determina en qué ventana va a ser abierta la página vinculada. Puede especificarse en el inspector de propiedades a través de Dest, o en la ventana que aparece a través del menú Insertar , opción Hipervínculo . _blank: Abre el documento vinculado en una ventana nueva del navegador. _parent: Abre el documento vinculado en la ventana del marco que contiene el vínculo o en el conjunto de marcos padre. _self: Es la opción predeterminada o por defecto. Abre el documento vinculado en el mismo marco o ventana que el vínculo. _top: Abre el documento vinculado en la ventana completa del navegador.

Hosting es el

Alojamiento web,

webhosting,

alojamiento de una

página web). Servicio

que ofrecen algunas

compañías (los web

host en internet que

consiste en ceder un

espacio en sus

servidores para subir

(alojar, hostear) un

sitio o pagina web

para que pueda ser

accedido en todo

momento de forma

online o en línea.

Suelen contar con

diversos planes con

distintos precios para

distintas necesidades.

Para armar los

distintos planes

suelen limitan el

espacio en disco, el

bandwith, las

plataformas y las

herramientas y recursos que ofrecen.

Incluso hay ciertos

lugares que ofreces el

servicio gratuito por cierto tiempo

ENTRETENIMIENTO