Pag.1
www.rolandostudios.com
ACTIVIDAD DE APRENDIZAJE
ADOBE DREAMWEAVER
1. Ventana de presentacin de Adobe Dreamweaver
Pag.2
www.rolandostudios.com
4. GUARDAR PAGINA
Pag.3
www.rolandostudios.com
Pag.4
www.rolandostudios.com
7. INSERTANDO TABLA
8. PROPIEDADES DE TABLA
Pag.5
www.rolandostudios.com
1 . SELECCIONAR
CELDAS Y CLIC
DERECHO
2 . CLIC
PRACTICA1
CREA UN CARPETA SITIOWEB1, Y GUARDAR DENTRO DE LA CARPETA COMO
PAGINA1.
Pag.6
www.rolandostudios.com
Pag.7
www.rolandostudios.com
Pag.8
www.rolandostudios.com
Pag.9
www.rolandostudios.com
ACTIVIDAD DE APRENDIZAJE
INSERTAR IMAGENES
Pag.10
www.rolandostudios.com
Recuerde no se necesita imgenes de gran capacidad para servidores web, utilice otros
programas para reducir la capacidad de las imgenes.
Pag.11
www.rolandostudios.com
Pag.12
www.rolandostudios.com
c.
Pag.13
Luego
www.rolandostudios.com
Pag.14
www.rolandostudios.com
Pag.15
www.rolandostudios.com
Pag.16
www.rolandostudios.com
Pag.17
www.rolandostudios.com
Pag.18
www.rolandostudios.com
Pag.19
www.rolandostudios.com
Pag.20
www.rolandostudios.com
Pag.21
www.rolandostudios.com
Pag.22
www.rolandostudios.com
ACTIVIDAD DE APRENDIZAJE
HIPERVINCULOS
Pag.23
www.rolandostudios.com
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
www.rolandostudios.com
CASO PRCTICO1
Crear sitioweb4
Pag.25
www.rolandostudios.com
Pag.26
www.rolandostudios.com
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
www.rolandostudios.com
Pag.28
www.rolandostudios.com
CASO PRCTICO3
Crear sitioweb6
www.rolandostudios.com
Pag.30
www.rolandostudios.com
ACTIVIDAD DE APRENDIZAJE
OBJETOS FLASH
Pag.31
www.rolandostudios.com
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
Pag.32
www.rolandostudios.com
Clic
reproducir
/detener
6. Ctrl + S, para guardar cambio, aparecer los scripts para guardar objetos flash,
solo haz clic en aceptar.
Pag.33
www.rolandostudios.com
Pag.34
www.rolandostudios.com
PRACTICA
Pag.35
www.rolandostudios.com
Pag.36
www.rolandostudios.com
ACTIVIDAD DE APRENDIZAJE
MARCO SUPERIOR
Pag.37
www.rolandostudios.com
Pag.38
www.rolandostudios.com
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
www.rolandostudios.com
Pag.40
www.rolandostudios.com
Pag.41
www.rolandostudios.com
Tigre2
Tigre3
Pag.42
www.rolandostudios.com
Pag.43
www.rolandostudios.com
Pag.44
www.rolandostudios.com
ACTIVIDAD DE APRENDIZAJE
MARCO SUPERIOR E IZQUIERDO
ANIDADO
Pag.45
www.rolandostudios.com
Pag.46
www.rolandostudios.com
Pag.47
www.rolandostudios.com
PRACTICA
Crea en un sitio web y crea las siguientes pginas
Pag.48
www.rolandostudios.com
Pag.49
www.rolandostudios.com
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
www.rolandostudios.com
Pagina2
Pag.51
www.rolandostudios.com
Pagina4
Pag.52
www.rolandostudios.com
Pag.53
www.rolandostudios.com
Pag.54
www.rolandostudios.com
www.rolandostudios.com
5. Aparece
Pag.56
www.rolandostudios.com
7. Al finalizar aparece
8. Clic en ok
Pag.57
www.rolandostudios.com
www.rolandostudios.com
Pag.59
www.rolandostudios.com
Pag.60
www.rolandostudios.com
Pag.61
www.rolandostudios.com
Pag.62
www.rolandostudios.com
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
www.rolandostudios.com
Pag.64
www.rolandostudios.com
http://www.google.com.pe
http://www.tudiscovey.com
http://www.wikipedia.com
http://www.monografias.com
www.rolandostudios.com
Pag.66
www.rolandostudios.com
ACTIVIDAD DE APRENDIZAJE
FORMULARIOS
Pag.67
www.rolandostudios.com
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
Pag.68
www.rolandostudios.com
3. INSERTANDO MENU
Nombre de lista
menu
Pag.69
www.rolandostudios.com
Pag.70
www.rolandostudios.com
FRMALUMNO
Pag.71
www.rolandostudios.com
Pag.72
www.rolandostudios.com
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'];
$n2= $_POST['txtn2'];
$suma= $n1 + $n2;
echo"Primer Nmero:".$n1;
echo"<br>";
echo"Segundo Nmero:".$n2;
echo"<br>";
echo"Suma de los Numeros es:".$suma;
?>
Formula:
<?php
$n1= $_POST['txtn1'];
$n2= $_POST['txtn2'];
$n3= $_POST['txtn3'];
$suma= $n1 + $n2 + $n3;
Pag.73
www.rolandostudios.com
Formula:
<?php
$n= $_POST['txtn'];
$doble= $n * 2;
echo" Nmero:".$n;
echo"<br>";
echo"El Doble del
es:".$doble;
?>
Nmero
Formulario:
<?php
$n= $_POST['txtn'];
$cubo= pow($n,3);
echo"Nmero:".$n;
echo"<br>";
echo"El Cubo del Nmero es:".$cubo;
?>
Pag.74
www.rolandostudios.com
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"<br>";
echo"Ao Actual:".$n2;
echo"<br>";
echo"La Edad de la Persona es:".$edad
?>
Formula:
<?php
$n1= $_POST['txtn1'];
$n2= $_POST['txtn2'];
$n3= $_POST['txtn3'];
$promedio= ($n1 + $n2 +
$n3)/3;
echo"Primera Nota:".$n1;
echo"<br>";
echo"Segundo Nota:".$n2;
echo"<br>";
echo"Tercera Nota:".$n3;
echo"<br>";
echo"El Promedio de las Notas
es:".$promedio;
?>
Pag.75
www.rolandostudios.com
Formula:
<?php
$n1= $_POST['txtrad'];
$area= $n1*$n1*3.1416;
echo"Radio del Circulo es:".$n1;
echo"<br>";
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"<br>";
echo"Grados
Fahrenheit:".$conversion;
?>
Pag.76
www.rolandostudios.com
Formula:
<?php
$n = $_POST['txtn'];
$m = $_POST['txtm'];
$ecu = (2*$m) +(pow($m+$n,3));
echo"Valor de M:".$m;
echo"<br>";
echo "Valor N:".$n;
echo"<br>";
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"<br>";
echo "Cantidad:".$cant;
echo"<br>";
echo "Importe a Pagar:".$impor;
?>
Pag.77
www.rolandostudios.com
Formula:
<?php
$horas = $_POST['txtho'];
$pago = $_POST['txtpa'];
$dia = $horas * $pago;
$semana = $dia * 6;
$mes = $semana * 4;
echo"Horas Trabajadas:".$horas;
echo"<br>";
echo "Pago por Horas:".$pago;
echo"<br>";
echo "Pago por Dia:".$dia;
echo"<br>";
echo "Pago por Semana:".$semana;
echo "<br>";
echo "Pago por Mes:".$mes;
?>
Pag.78
www.rolandostudios.com