AdobeDreamWeaver PDF

DISEO WEB ADOBE DREAMWEAVER
Pag.1
www.rolandostudios.com
ACTIVIDAD DE APRENDIZAJE
ADOBE DREAMWEAVER
1. Ventana de presentacin de Adobe Dreamweaver
2. Partes de la ventana de adobe dreamweaver
Pag.2

3. CREANDO MI PRIMER PAGINA
4. GUARDAR PAGINA
Pag.3
5. APLICANDO FONDO DE PAGINA
6. CREANDO NUEVA PAGINA
Pag.4
7. INSERTANDO TABLA
8. PROPIEDADES DE TABLA
Pag.5
COMBINAR CELDAS, INSERTAR, FILAS O COLUMNAS

3 . CLIC
1 . SELECCIONAR
CELDAS Y CLIC
DERECHO
2 . CLIC
PRACTICA1
CREA UN CARPETA SITIOWEB1, Y GUARDAR DENTRO DE LA CARPETA COMO
PAGINA1.
Pag.6
DENTRO DE LA CARPETA SITIOWEB1 GUARDAR COMO PAGINA2
Pag.7
DENTRO DE LA CARPETA SITIOWEB1 GUARDAR COMO PAGINA3
Pag.8
Pag.9
INSERTAR IMAGENES
Pag.10

9. INSERTANDO IMGENES
10. PROPIEDADES DE IMAGENES
Recuerde no se necesita imgenes de gran capacidad para servidores web, utilice otros
programas para reducir la capacidad de las imgenes.
Pag.11

11. MICROSOFT OFFICE PARA REDUCIR IMGENES
Puedes utilizar el Microsoft office Picture 2007 o 2010, para reducir el tamao o
comprimir una imagen.
Por ejemplo:
Aqu tenemos imgenes capturadas con cmara digital de 12 megapixeles.
Como se pueden observar las dimensiones, son de 3264 x 2448 y la capacidad es de

promedio de 2 megas, demasiado grande para servidores web.
Se debe reducir las dimensiones o la capacidad.
Entonces:
a. Cargar Microsoft office picture 2007
Pag.12

b. Aparece
c.
Pag.13
Luego
Como se puede observar la capacidad de tamao ha cambiado.

PRACTICA1
Crea una carpeta sitioweb2, para guardar las pginas; dentro de sitioweb2 crea una carpeta
para guardar las imgenes.
Pag.14

1. Guardalo como pagina1
Pag.15

2. Guardarlo como pagina2
Pag.16

3. Guardar como pagina3
Mientras me hablabas y yo te miraba,

se detuvo el tiempo en medio instante:
el amor me llamaba y yo le obedeca.
Mientras me susurrabas y yo te amaba,
se alzaron los sentimientos,
mand tu voz,
el cielo se hizo visible en tus ojos,
y yo pronunci el querer en tus labios.
Fue una mirada,
un frenes de besos,
una lujuria de sentimientos.
Fue un instante sin fin,
sin tiempo para soar.
Y entonces despertamos,
... y seguimos amndonos.
En el paraso de tus ojos,
me pierdo porque estoy perdido,
en la paz de tus labios,
me encuentro porque estoy contigo,
en el universo de tu alma,
vivo con mil sentidos,
en ti, vivo amndote.
Sabes a silencio y a sueos,
con melodas de ternura
y tacto de deseo,
sabes a mi mundo,
a todo lo que anhelo,
sabes a amor, a mi amor .
Ahora puedo orte,
puedo sentir tu silencio,
puedo recorrer tus besos
y soar tus labios,
puedo hasta escuchar tu meloda,
an cuando ests lejos
y seas todo nostalgia.
Mi objetivo son tus sentimientos,
uno a uno, de mi a ti,
riendo tristezas,
llorando sonrisas,
mi objetivo eres t,
y slo t, para amarte.
Pag.17
Pag.18
Pag.19

SI TU ME AMASES
PINTURA Y POEMA:
Oscar Basurto Carbonell
Si t me amases,
te acariciara con el fuego mas profundo
hasta convertirte en mi propio ser.
Yo no quiero, ni soporto la distancia.
Yo quiero juntar tu esencia y mi esencia.
Yo quiero fundir mi mirada en tu mirada
Y que juntos, veamos
delante de nosotros una sola vida,
Si tu me amases,
Te ofrecera la eternidad
Por que Dios sabe que el amor,
el amor es eterno.
ENAMORAR ES...
PINTURA Y POEMA:
Enamorar
es acariciar, con las palabras,
a tal punto, que ya te he besado,
no una vez, sino mil veces.
Enamorar
es acercarme, sin que ni siquiera te des cuenta,
por que ahora mismo tu eres el fuego,
y yo soy el viento, que aviva tus entraas.
HOY VOY A SOAR
PINTURA Y POEMA:
Hoy voy a soar que t eres el mar y yo soy el viento,
que tu eres la flor y yo soy el sol.
Hoy voy a soar que tu eres la barca y yo el capitn,
no puedes ir a ningn lugar si no estas a mi lado.
Hoy voy a soar que somos un solo aliento.
Hoy voy a soar que no nos separa ni un solo pensamiento,
que tu deseo es mi deseo, que tus ansias son mis ansias
y que tu abrazo es tambin el abrazo que yo te doy.
Hoy voy a soar que ya no va a pasar mas el tiempo,
y que ahora es el momento donde ya no exista distancia .
Hoy voy a soar que nada jams nos va a separar.
..
ESTE INSTANTE ESPROFUNDO
PINTURA Y POEMA:
Este instante es profundo y no habr nada que pueda
oscurecer la luz de este da , por que hay en tus ojos ,
esa mirada especial y hay en tu boca esa magia sutil
que me invita a caminar, viajar, como un pez en el mar .
Y siento que mi corazn se sumerge ante tu presencia ,
y parece que tengo alas , y tu eres el espacio
en la infinitud de aquel universo celeste.
Siento la caricia del viento y en este momento,
despierto delante de ti y mi boca y tu boca
han sellado el momento y ha nacido la eternidad .
Pag.20

Que sepa el mundo, que el Amor esta aqu.
..
COMO TE VOY A OLVIDAR
PINTURA Y POEMA:
El invierno fro me ensea, que necesito tu calor. Yo no voy a olvidarte, yo no voy a dejarte
porque siempre estas en mi;
Cmo ver y decir que no veo?
Como caminar y decir que no camino?
S tu eres el destino de mis ojos ,
y mis pasos siempre caminaran hacia ti .
Como voy a olvidarte si eres mi voz superior
mi hermosa luna y estrella, eres tu . No, mi amor yo no voy a olvidarte, y si muriese estando lejos de ti
a los pies de mi tumba nacer una flor
y aquella flor que es una nueva vida te la regalo a ti.
POR TU AMOR
PINTURA Y POEMA:
Por tu amor voy a cambiar el mundo, Y voy a transformar la realidad en un lugar maravilloso donde no halla
violencia
donde reine por siempre la plenitud de la felicidad y el amor que eres t. Por tu amor har del desierto
un valle hermoso de flores y que siempre me hablen de ti.
Por tu amor sobrevivir y la vida ser dulce
como tu corazn de miel. Por tu amor las hojas secas sern verdes y nunca jams habr ni tristeza ni melancola
porque tu sers mi sol, el eterno medioda.
Tu cuerpo y mi cuerpo ser uno,
mi sangre ser tu sangre y tu sangre ma
y fecundaremos la tierra por siempre la eternidad.
Te amo sin lmites y sin medida.
Pag.21
Pag.22
HIPERVINCULOS
Pag.23
INSERTAR HIPERVINCULOS
Para crear hipervnculos, se debe realizar con anterioridad los siguientes:
Primero crear las pginas, para este ejemplo, realizar 3 pginas simples y
guardarlas como pagina1, pagina2 y pagina3, dentro de su sitioweb3.
Luego cree una pgina, como pgina principal, la cual permitir navegar a las
otras pginas y guardarla como men.
Pag.24
CASO PRCTICO1
Crear sitioweb4
Pag.25
Pag.26
Recordar los vnculos deben cargar las paginas creadas, ejemplo al hacer clic en ir a la
poesia1, cargara el archivo poesia1, y al hacer clic en volver cargara el men.
CASO PRCTICO2
Crear sitioweb5
Pag.27
Guardar como curso1

Inserte una imagen y una breve
descripcin
Guardar como curso2

descripcin
Guardar como curso3

descripcin
Pag.28
Guardar como curso4

descripcin
Guardar como menu

Inserte textos
CASO PRCTICO3
Crear sitioweb6
Realice 5 paginas para mostrar la informacin requerida, demostrando lo aprendido.

Pag.29
Pag.30
OBJETOS FLASH
Pag.31
1. Crea un sitio web, dentro del sitio crea otra carpeta swf, para guardar los
swf(flash)
Aqu las paginas
Esto se genera solo
al guardar objetos
flash
Coloque Aqu los
swf
2. Inserta un tabla
3. Guarda la pagina, como pagina1, dentro del sitioweb
Pag.32

4. Inserta un flash
5. Clic en reproducir para ver ell flash
Clic
reproducir
/detener
6. Ctrl + S, para guardar cambio, aparecer los scripts para guardar objetos flash,
solo haz clic en aceptar.
Pag.33

7. Ejecuta la pgina y listo.
Pag.34
PRACTICA
Pag.35
Pag.36
MARCO SUPERIOR
1. Crea pginas y gurdalas de un sitioweb

Guardar como principal
Pag.37
Guardar como pagina1
Pag.38

2. Inserta un marco superior
3. Aparece
4. En el marco superior, inserta una tabla de 2 filas por 4 columnas, luego ingresa los
textos para vincular a las pginas y cambia de color de pagina.
Pag.39
5. Crear los hipervnculos, segn la pgina que corresponde.
6. Guardar el marco como : superior
Pag.40

7. Ahora guarda el conjunto de marco como : marco
8. Ahora ejecuta F12, para ver las pginas.
Los cambios de pginas se realizan en la parte inferior, es decir en el marco principal.
Pag.41

PRACTICA
Crea 4 pginas que contengan una imagen de 448 x 336 px, y gurdalas ,
respectivamente dentro de un sitio web.
Tigre1
Tigre2
Tigre3
Pag.42

Tigre4
Marco superior, guardar como superior.

Conjunto de marco, guardar como marco.
Pag.43
Pag.44
MARCO SUPERIOR E IZQUIERDO
ANIDADO
Pag.45
1. INSERTA DISEO CON MARCO SUPERIOR E IZQUIERDO ANIDADO, Y GUARDA LAS

PAGINAS COMO SE TE INDICAN DENTRO UN SITIO WEB.
2. LUEGO CREA DOS PAGINAS. Y GUARDARLAS COMO SE TE INDICAN

PAGINA2
Pag.46

PAGINA3
3. LUEGO CREA LOS HIERVINCULOS Y LOS DESTINO CORRESPONDIENTES A CADA

PAGINA
4. FINALMENTE GUARDA TODO NUEVAMENTE Y EJECUTA
Pag.47
PRACTICA
Crea en un sitio web y crea las siguientes pginas
Nota : las imgenes son de 200 x 200 px
Pag.48
Pag.49
EVALUACION
Crea un sitioweb, almacena 5 imgenes y guarda las paginas dentro de tu sitio web.
Crea una pgina con diseo marco superior, y gurdala como superior, principal, y marco.
Pag.50

Pagina1
Pagina2
Pag.51

Pagina3
Pagina4
Pag.52

Pagina5
Modifica las imgenes a 314px X 235 px
Pag.53
Pag.54
ALBUM WEB CON FIREWORK

1. Crea un una carpeta y guarda las imgenes para tus fotos de 640 x 480 px
2. Luego crea un sitioweb.
RECOMENDACIONES: Los nombres de la carpeta deben crearse sin dejar

espacio.
Pag.55
3. Crea una pagina

4. Inserta un lbum web
5. Aparece
Pag.56

6. Esperar la creacin del lbum. Para que esto se realice debe estar instalado
adobe Firework.
7. Al finalizar aparece
8. Clic en ok
Pag.57

9. Presionar la tecla F12
10. Clic en cualquier imagen
Para regresar clic en inicio

Pag.58
Pag.59

IMAGEN DE SUSTITUCION
1. Crea un sitio web y crea 3 paginas simples y una carpeta imgenes con 6 imgenes de
80 x 80 px.
Pag.60

Crea una pgina, inserta una tabla de 4 filas y dos columnas
Luego crea los hipervnculos de las pginas.
Pag.61
PRACTICA1 IMAGEN DE SUSTITUCION
Las imgenes deben ser de 80 x 80 px

PRACTICA2 IMAGEN DE SUSTITUCION
Haga otro con sus imgenes recuerde las imgenes
deben ser de 80 x 80 px
Pag.62
BARRAS DE NAVEGACION
1. Crea un sitioweb con una carpeta imgenes con 4 imgenes de 200 x 200 px
2. Crea 4 paginas simples
3. Crea una pgina inserta una tabla de 2 filas por 1 columna, en la segunda
fila inserta barras de navegacin.
Pag.63

4. Aparece la ventana de la barra de navegacion
5. Debe quedar asi
Pag.64

6. Finalmente debe mostrar asi
PRACTICA BARRA DE NAVEGACION VERTICAL
http://www.google.com.pe
http://www.tudiscovey.com
http://www.wikipedia.com
http://www.monografias.com
Recuerda las imgenes son de 200 x 200 px

Pag.65
Pag.66
FORMULARIOS
Pag.67

1. CREANDO UN FORMULARIO
Guardar como frmcursos dentro de su sitioweb4
Los formularios permiten ingresar datos para ser procesados, para que estos datos sean
procesados necesitan un servidor web que permita compilar el cdigo de la aplicacin web.
2. INSERTANDO GRUPO DE OPCIONES
Nombre del grupo

de opciones
Pag.68
3. INSERTANDO MENU
Nombre de lista
menu
Pag.69
4. INSERTANDO CASILLAS DE VERIFICACION
Nombre del grupo

de casillas
Pag.70
FRMALUMNO
Pag.71

FRMVENTAS
Pag.72
PROGRAMACION WEB
EJERCICIOS SECUENCIALES
1. Realizar una aplicacin web que permita sumar 2 nmeros.
Frmsumar.php
Formula:
Txtn1
Txtn2
sumar.php
<?php
$n1= $_POST['txtn1'];
$suma= $n1 + $n2;
echo"Primer Nmero:".$n1;
echo" ";
echo"Segundo Nmero:".$n2;
echo" ";
echo"Suma de los Numeros es:".$suma;
?>
2. Realizar una aplicacin web que permita sumar 3 nmeros.
Formula:
<?php
$suma= $n1 + $n2 + $n3;
Pag.73

echo Primer Nmero:".$n1;
echo" ";
echo Segundo Nmero:".$n2;
echo" ";
echo Tercer Nmero:".$n3;
echo" ";
echo"Suma de los Numeros es:".$suma;
?>
3. Realizar una aplicacin web que calcule el doble de un nmero ingresado.
Formula:
<?php
$n= $_POST['txtn'];
$doble= $n * 2;
echo" Nmero:".$n;
echo" ";
echo"El Doble del
es:".$doble;
?>
Nmero
4. Realizar una aplicacin web que permita calcular el cubo de un numero
Formulario:
<?php
$n= $_POST['txtn'];
$cubo= pow($n,3);
echo"Nmero:".$n;
echo" ";
echo"El Cubo del Nmero es:".$cubo;
?>
Pag.74
5. Realizar una aplicacin web que permita calcular la edad de una persona
Formula:
<?php
$n1= $_POST['txtnac'];
$n2= $_POST['txtact'];
$edad= $n2 - $n1;
echo"Ao de Nacimiento:".$n1;
echo" ";
echo"Ao Actual:".$n2;
echo" ";
echo"La Edad de la Persona es:".$edad
?>
6. Realizar una aplicacin web que permita calcular el promedio de 3 notas
Formula:
<?php
$promedio= ($n1 + $n2 +
$n3)/3;
echo"Primera Nota:".$n1;
echo" ";
echo"Segundo Nota:".$n2;
echo" ";
echo"Tercera Nota:".$n3;
echo" ";
echo"El Promedio de las Notas
es:".$promedio;
?>
Pag.75

7. Realizar una aplicacin que calcule el rea de un circulo A=Pi*r2
Formula:
<?php
$n1= $_POST['txtrad'];
$area= $n1*$n1*3.1416;
echo"Radio del Circulo es:".$n1;
echo" ";
echo"Area del Circulo es:".$area;
?>
8. Realizar una aplicacin web que permita cambiar grados oC a oF. formula de
conversin:
F=9/5(oC)+32
Formula:
<?php
$n1= $_POST['txttemp'];
$conversion= $n1*(9/5)+32;
echo"Grados Centigrados:".$n1;
echo" ";
echo"Grados
Fahrenheit:".$conversion;
?>
Pag.76

9. Para cualquier valor de m y n, calcular el valor de R, dada la formula R=
2m+(m+n)3
Formula:
<?php
$n = $_POST['txtn'];
$m = $_POST['txtm'];
$ecu = (2*$m) +(pow($m+$n,3));
echo"Valor de M:".$m;
echo" ";
echo "Valor N:".$n;
echo" ";
echo "Valor de la Ecuacin:".$ecu;
?>
10. Realizar una aplicacin web que permita ingresar el precio y la cantidad,
luego calcule el importe.
Formula:
<?php
$pre = $_POST['txtpre'];
$cant = $_POST['txtcant'];
$impor = $pre * $cant;
echo"Precio:".$pre;
echo" ";
echo "Cantidad:".$cant;
echo" ";
echo "Importe a Pagar:".$impor;
?>
Pag.77

11. Realizar una aplicacin web que permita ingresar el precio y la cantidad,
luego calcule el importe, calcule el descuento del 10% y finalmente calcule el total
a pagar.
Formula:
<?php
$pre = $_POST['txtpre'];
$cant = $_POST['txtcant'];
$impor = $pre * $cant;
$dcto = $impor * 0.1;
$neto = $impor - $dcto;
echo"Precio:".$pre;
echo" ";
echo "Cantidad:".$cant;
echo" ";
echo "Importe a Pagar:".$impor;
echo" ";
echo "Descuento:".$dcto;
echo " ";
echo "Importe Neto:".$neto;
?>
12. Realizar una aplicacin web que permita ingresar el nmero de horas y pago por horas de
un trabajador.
Calcular el sueldo diario. (considerar 8 horas diarias de trabajo)
Calcular el sueldo semanal.(considerar 6 das a la semana)
Calcular el sueldo mensual.(considerar 4 semanas)
Formula:
<?php
$horas = $_POST['txtho'];
$pago = $_POST['txtpa'];
$dia = $horas * $pago;
$semana = $dia * 6;
$mes = $semana * 4;
echo"Horas Trabajadas:".$horas;
echo" ";
echo "Pago por Horas:".$pago;
echo" ";
echo "Pago por Dia:".$dia;
echo" ";
echo "Pago por Semana:".$semana;
echo " ";
echo "Pago por Mes:".$mes;
?>
Pag.78

AdobeDreamWeaver PDF

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

AdobeDreamWeaver PDF

Cargado por

Copyright:

Formatos disponibles

DISEO WEB ADOBE DREAMWEAVER

DISEO WEB ADOBE DREAMWEAVER

2. Partes de la ventana de adobe dreamweaver

DISEO WEB ADOBE DREAMWEAVER

DISEO WEB ADOBE DREAMWEAVER

5. APLICANDO FONDO DE PAGINA

6. CREANDO NUEVA PAGINA

DISEO WEB ADOBE DREAMWEAVER

DISEO WEB ADOBE DREAMWEAVER

COMBINAR CELDAS, INSERTAR, FILAS O COLUMNAS

DISEO WEB ADOBE DREAMWEAVER

DENTRO DE LA CARPETA SITIOWEB1 GUARDAR COMO PAGINA2

DISEO WEB ADOBE DREAMWEAVER

DENTRO DE LA CARPETA SITIOWEB1 GUARDAR COMO PAGINA3

DISEO WEB ADOBE DREAMWEAVER

DISEO WEB ADOBE DREAMWEAVER

DISEO WEB ADOBE DREAMWEAVER

10. PROPIEDADES DE IMAGENES

DISEO WEB ADOBE DREAMWEAVER

Como se pueden observar las dimensiones, son de 3264 x 2448 y la capacidad es de

DISEO WEB ADOBE DREAMWEAVER

DISEO WEB ADOBE DREAMWEAVER

Como se puede observar la capacidad de tamao ha cambiado.

DISEO WEB ADOBE DREAMWEAVER

DISEO WEB ADOBE DREAMWEAVER

DISEO WEB ADOBE DREAMWEAVER

Mientras me hablabas y yo te miraba,

DISEO WEB ADOBE DREAMWEAVER

DISEO WEB ADOBE DREAMWEAVER

DISEO WEB ADOBE DREAMWEAVER

DISEO WEB ADOBE DREAMWEAVER

DISEO WEB ADOBE DREAMWEAVER

DISEO WEB ADOBE DREAMWEAVER

DISEO WEB ADOBE DREAMWEAVER

DISEO WEB ADOBE DREAMWEAVER

DISEO WEB ADOBE DREAMWEAVER

DISEO WEB ADOBE DREAMWEAVER

DISEO WEB ADOBE DREAMWEAVER

Guardar como curso1

Guardar como curso2

Guardar como curso3

DISEO WEB ADOBE DREAMWEAVER

Guardar como curso4

Guardar como menu

Realice 5 paginas para mostrar la informacin requerida, demostrando lo aprendido.

DISEO WEB ADOBE DREAMWEAVER

DISEO WEB ADOBE DREAMWEAVER

DISEO WEB ADOBE DREAMWEAVER

3. Guarda la pagina, como pagina1, dentro del sitioweb

DISEO WEB ADOBE DREAMWEAVER

5. Clic en reproducir para ver ell flash

DISEO WEB ADOBE DREAMWEAVER

DISEO WEB ADOBE DREAMWEAVER

DISEO WEB ADOBE DREAMWEAVER

DISEO WEB ADOBE DREAMWEAVER

1. Crea pginas y gurdalas de un sitioweb

DISEO WEB ADOBE DREAMWEAVER

Guardar como pagina1

Guardar como pagina2

Guardar como pagina3

DISEO WEB ADOBE DREAMWEAVER

DISEO WEB ADOBE DREAMWEAVER

5. Crear los hipervnculos, segn la pgina que corresponde.