Manual de practicas de dreamweaver

7,919 views

Published on

Esperamos te sirva de algo.

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
7,919
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
651
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Manual de practicas de dreamweaver

  1. 1. Colegio de Estudios Científicos y Tecnológicos de Estado de México Plantel Tecámac “Manual Dreamweaver” Elaboración de Páginas Web Ing. René Domínguez EscalonaAlumno: Arellano Aguirre Cecilia Arvizu Rosas Hugo Humberto Martínez Ensastiga KarinaTécnico(s) en Informática Tercer Semestre Grupo 302 Tecámac de Felipe Villanueva, Edo de México a 7 de Noviembre del 2012
  2. 2. IntroducciónEste manual se realizo principalmente para aprender un poco mas sobre“Dreamweaver”, algunas de sus principales funciones de creación de páginas deinternet. Así se podrá aplicar para diseño de alguna página que se les ocurra.Se podrá apreciar algunas de nuestras practicas que realizamos durante nuestroparcial, con explicación del por que salen algunas cosas que tal ves tendrásdudas.Pero antes de empezar, que es Dreamweaver?Dreamweaver es una aplicación en forma de suite (basada en la forma de estudiode Adobe Flash) que está destinada a la construcción, diseño y edición de sitios,videos y aplicaciones Web basados en estándares.A continuación, nuestro índice de algunas cosas que tal ves te interesaranrealizarlas.
  3. 3. Índice1. Plantilla con páginas de inicio2. Plantilla con tablas3. Login.php4. Error.php5. Registro.php6. Perfil.php7. Editar perfil.php8. Base de datos My SQL9. Calculadora10. Banner intro flash11. Efecto java script
  4. 4. “1.- Plantilla con páginas de inicio”Lo primero que tenemos que hacer para poder hacer una plantilla es abrirdreamweaver como se muestra en la imagen. Después de haber abiertodreamweaver se dará clic en la opción de sitios de dremaweaver.
  5. 5. Después de que se le dio clic en sitios de dreamweaver aparecerá lasiguiente ventana en la cual es donde se va crear el sitio y se llenaralo que pide para poder hacer la plantilla.Por ejemplo:El nombre del sitio y la dirección.Cuando se llene debe quedar así:
  6. 6. Enseguida de que se lleno lo primero se va a dar clic en siguiente y se hara elpaso siguiente que es si desea trabajar con la tecnologia de un servidor y seescojera la opcion de no deseo utilizar una tecnologia de servidorDespués se dará clic en siguiente y se dará clic en donde aparece la imagen deuna carpeta que es en donde se va a escoger en donde se quiere guardar el sitioCuando se le de clic en la carpeta aparece lo siguiente:Cuando aparece se seleccionara en donde se quiere guarda por ejemplo en lamemoria USB como se muestra en la imagen:
  7. 7. Enseguida de que se selecciona en la memoria se va a elaborar una nuevacarpeta con el nombre que tiene el sitio por ejemplo:Después de que se elaboró la carpeta con el nombre se va a abrir esacarpeta y adentro de la carpeta se va a poner otra carpeta que diga
  8. 8. imágenes como se muestra en la imagen:Cuando se acaba de poner la carpeta de imágenes se va a dar clic enabrir y después en seleccionar y aparecerá lo siguiente:Cuando aparece la ruta se copiara seleccionando la ruta paracopiarla pueden utilizar ctrl+cSe dará clic en siguiente y en donde dice en donde se deseaalmacenar los archivos se va aponer la misma ruta que tenía laanterior pegándola con ctrl+v por ejemplo:
  9. 9. Se dará clic en siguiente y aparecerá lo siguiente:En este caso se elijira la opcion de no. No no activar la desproteccion y protecciony se dara clic en siguiente y aparecera lo siguiente:Por ultimo en la configuracion del sitio se dara clic en completado.Después de que se le dio clic en completado se escogerá la opción de páginas deinicio en donde se va a escoger la plantilla que se desee.
  10. 10. Se escogerá una plantilla de las que aparezcan la que les agrade más y se va adar clic en crear por ejemplo:Cuando se le da clic en crear aparecerá guardar como y se guardara con elnombre que se desee y se va a guardar en la carpeta que se elaboró cundo sehizo el sitio.
  11. 11. Despues de que se guarda la plantilla aparecera un recuadro que dice si se deseacopiar le daremos en copiar y despues aparecera la plantilla en dreamweaver asicomo se muestra en la imagen:Después de que se tiene la plantilla se van a cambiar las imágenes para cambiarlas imágenes se va a darclic sobre la imagen dosveces y aparecerá un recuadrocomo el siguiente:
  12. 12. En ese recuadro se le va a dar clic en donde dice “buscar en:” en la pestaña y seseleccionara en donde tengan las imágenesCuando se le de clic en la pestaña aparecerá asi:Hay es donde se va a elegir en donde se tienen guardas las imágenes en estecaso es en la memoria y se le dará clic en donde está el nombre de la memoria yse escogerá una imagen y se le dará en aceptar:
  13. 13. En el siguiente recuadro que aparecerá preguntara si se desean copiar losarchivos se dará clic en siCuando se allá dado clic aparecerá otra ventana en la cual dice que si deseacopiar los archivos y se dará clic en la opción guardar y automáticamente sepondrá la imagenDespués de darle clic en guardar automáticamente se puso la imagen y aparecióasí:
  14. 14. Si se desea poner otra imagen solo se dara clic en:Y aparecerá el siguiente recuadro en el cual se va a seleccionar la imagen que sequiera poner y se le dará clic en aceptar:Después de que se le de clic en aceptar aparecerá el siguiente recuadro que es endonde se va a dar clic en si
  15. 15. .En seguida de que se le dio clic en si y aparecerá otro recuadro en el cual se ledará clic en guardarEn seguida de que se le allá dado clic en guardar aparecerá un recuadro en dondese le dará clic en aceptarDespués de que se le dio clic en aceptar automáticamente se verá la imagen.
  16. 16. Después de que ponen las imágenes se edita el nombre del sitio por ejemplo:Después de que se le cambio el titulo ye l subtitulo se va a poner el texto deambas partes que es en donde van a ir los vínculos y en donde van a ir lainformación
  17. 17. Para poner a la información se pone región editable en el cuadrito para poderponer la región editable se tiene que dar clic en insertar, objetos de plantilla y endonde dice región editableDespués de que le da clic en región editable aparecerá otro recuadro en el cual endonde dice nombre no se le va a poner nada se va a dejar asi como esta y se le vaa dar clic en aceptarEnseguida de que se le dio clic en aceptar apareció un recuadro en azul que diceregión editable ay se le dará enter para poder ponerle el tamaño que se desee
  18. 18. Cuando se haya puesto enter de tal manera que quedo aun tamaño que lehayamos puesto se va a colocar el contenido que se desee del tema que se lehaya puestoDespués para crear otra plantilla se va a dar clic en la pestaña de archivo y en laopción de nuevo o también para una forma mas rápida se puede poner Ctrl+N
  19. 19. .Al momento de que se le dio clic en nuevo o se le dion Ctrl+N aparecio la siguientepantalla que es en donde se va a escoger paginas deinicio y se seleccionara unade las plantillas y se le dara clic en la opcion de crearEn la otra plantilla se hará lo mismo que con la primera se colocara información yse modificara de tal manera que tiene que quedar igual que la primera paravincular los documentos se tiene que hacer de la siguiente manera:Primero se tiene que seleccionar el nombre de la primera plantilla y se va avincular con la plantilla que se requiera para poderla vincular se tiene que dar clicen el símbolo y saldrá una flecha la cual es la que va a vincular la flechasolo se tiene que arrastrar hasta donde está el nombre de la plantilla.
  20. 20. Para ver la pagina en algun explorador se tiene que dar en el simbolo yse va a escoger el explorador con el que se quiere abrir despues de que seselecciono aparecera asi en el explorador:
  21. 21. Cuando se le dé clic en algún vínculo aparecerá así:Nota: los vínculos son los que están en rojo.
  22. 22. “2.- Plantilla con tablas”Si las plantillas que vienen integradas en Dreamweaver no te gustan, puedeshacer tu propia plantilla que sea de tu agrado,Algo como esto:Bueno, para empezar ha hacer esta plantilla, lo primero que debemos de hacer escrear un sitio (ya visto en el primer tema).Ya cuando tengamos nuestro sitio creado, lo que tenemos que hacer es cogerHTML:
  23. 23. Aparecerá la página en blanco, y en la parte superior escogeremos la opción de“Tablas”:
  24. 24. Primero insertaremos la primera tabla y aparecerá una ventana así:En donde dice “Filas” y “Columnas”, le pondremos 1, lo demás en este caso noimporta.
  25. 25. Nos apareció un pequeño recuadro lo cual ese lo haremos mas largo y masancho, ya que será en donde insertaremos las demás tablas.Ya que esta, así; empezaremos a insertar tablas a tal que quede como la primeraque les mostré, será una fila con tres columnas, otra con solo una fila y unacolumna, la tercera una fila con tres columnas, y la ultima una fila con unacolumna.Las tablas se van repitiendo pero con diferente tamaño. Debe de quedar más o menos así:
  26. 26. Si tienes problemas al insertar las tablas en una fila, no importa, ve creando tablapor tabla a modo de que quede como en la imagen de arriba.Como es una plantilla, no te debes de preocupar por el contenido, puedes insertar,regiones editables, e insertar marcador de imagen:Para insertar regiones editables debes de seleccionar en donde quieres que seinserte.
  27. 27. Y para insertar los Marcadores:Se le dará clic a Marcador de posición de imagen y aparecerá:
  28. 28. Puedes llenar todos los campos, ancho, color, Texto alternativo, pero a veces noes necesario:
  29. 29. Quedara más o menos así, y si quieres que en la parte de abajo, aparezca la horatienes que hacer:Se le dará clic y aparecerá:
  30. 30. Se le deben de ir, llenando el formato de día, de fecha, de la hora, y activar elúltimo cuadro de Actualizar automáticamente al guardar.Nos apareció esto, entonces, damos por echo de que nuestra plantilla estaterminada.Para empezarla a utilizar como plantilla, lo único que debemos de hacer, esguardarla como plantilla:
  31. 31. Aparecerá otra ventana donde se empezara a llenar lo que pide:Le daremos clic en guardar, y si creían que nada mas se creo el sitio sin sentido,pues no es verdad ya que si observamos la parte derecha de la pantalla, aparecenuestra carpeta del sitio que creamos con el nombre de la plantilla que en estecaso fue “Prueba”:
  32. 32. Y listo, ya tenemos una plantilla.
  33. 33. “3. Login.php, 4. Error.php, 5. Registro.php, 6. Perfil.php”En este apartado las practicas están unidas entre si ya que, nos sirve para crearuna página de internet como una “Red social” 1.-Adiministrar un sitio en dreamweaver: 2.-saldra una ventana emergente que dice NUEVO (sitio), daremos clic ahí para empezar a crear nuestro sitio.3.-seguiremos las instrucciones paracrear nuestro sitio recordando quedeberemos guardar en XAMP(HTDOCS). 4.-ya que estemos en HTDOCS crearemos una carpeta con el nombre que le ahijamos puesto al principio de nuestro sitio, dentro de esa carpeta crearemos otro donde pondremos por nombre IMÁGENES:
  34. 34. 5.-ya que ahijamos hecho el pasoanterior deberos comprobar la URL denuestro sitio y saldrá algo así como estapantalla:6.-ya que ahijamos comprobado la URLde nuestro sitio daremos en siguientedonde nos aparecerá otra pregunta en donde daremos que no siguiente y nossaldrá algo así como esto donde esta que ya se completo: 7.- este ya será nuestro sitio creado entonces lo que sigue es darle LISTO: 8.-daremos clic en PAGINAS DE INICIO PAR COLOCAR UNA PLANTILLA QUE NO VAMOS A GUARDAR:9.-Ya que tenemos nuestra plantillanempezaremos a cambiar algunos datos comoponer REGION EDITABLE, etc.:
  35. 35. 10.-Ya que este listo esto entonces daremos clic APLICACIÓN; enseguida enTIPO DE DOCUMENTO para cambiarlo a PHP si ya esta en ese solo daremos enaceptar y automáticamente se palomearían las opciones que tiene esa carpeta: 11.-Enseguida daremos clicen ARCHIVO para que así demos enguardar como plantilla así que saldráalgo como esto; así que tendremos queguardar y en la siguiente venta quesalga le daremos en COPIAR:
  36. 36. 12.-entonces esa plantilla se va acopiar en TEMPLATES esta carpetaaparecerá automáticamente;entonces daremos clic en esacarpeta para que salga los archivosque ahí se guardaron si lo notancuando abrimos la carpetaTEMPLATES cambio nuestraplantilla:13.-daremos clic en la opción CSS ysaldrá algo que dice así(mm_entertainment.css) entoncesdaremos clic en ADJUNTAR HOJADE ESTILOS, entonces saldrá unaventana así; en donde daremos enexaminar saldrá otra ventana dondeya se encuentra este nombre,(mm_entertainment.css) y daremosen aceptar, y entonces asi quedara laplantilla:
  37. 37. 17.-asi que nos iremos a archivo y daremos clic NUEVO para que así nos salga una venta en donde daremos clic en PLANTILLAS para colocar nuestra plantilla: entonces así quedaría en donde solo podamos cambiar o poner en region editable que colocamos:18.-entonces vamos a guardar dando ctrl+spara guardarla: ya una vez guardada sepondrá en donde están nuestras demáscarpetas y archivos.19.-entonces empezaremos a crear elPERFIL; daremos clic en INSERTAR(formulario(campo de texto) y saldrá unaventa como la siguiente así que en ellacolocáremos en nombre que seria EMAIL,así repetiremos este paso 1 vez mas que llevara por nombre PASSWORD: 20.-asi quedara ya con email y password ya que tenemos esto, daremos clic en recuadro que sale para que así cambiemos de nombre TEXTFIELD A EMAIL:
  38. 38. 21.-en etas dos imágenes ya están cambiados el TEXFIELD y TEXTFIELD2 A EMAIL Y PASSWORD:22.-Enseguida colocaremos un botón que digaENTRAR este lo sacaremos de la barra deherramientas donde dice COMUN (formularios)entonces en la barra se colocara un comorectángulo blanco daremos clic y saldrá otraventa como la que salió para poner email ypassword:
  39. 39. 23.-Ahora crearemos nuestra conexión para ello nos vamos a ir a APLICACIÓN(base de datos clic en la cruz y dirá myconexión) daremos clic y saldrá otra ventadonde colocaremos loque se nos indica de lasiguiente manera(recordando quenecesitamos tenernuestra base de datosen local host si no laabrirá) Crear error:24.-en la region editable lecolocaremos los siguiente “USUARIOO CONTRASEÑA INCORRECTOS”“INTENTE DE NUEVO o REGISTRSE
  40. 40. 25.-Ahora vamos a subrayar INTENTE DE NUEVO para irnos a la parte inferior endonde dice VINCULO (dar clicen la carpetita); enseguida vasalir una ventana donde estánnuestras TEMPALTES(daremos clic en TEMPLATESpara que así enseguida ledemos clic en INDEX que seráala pagina que nos mandara encaso de ERROR:26.-aremos los mismo con laparte que dice REGISTRATE,esta la vamos a mandar aREGISTRO (se darán cuentaque ambos tanto como INTENTE DE NUEVO Y REGISTRESE se pondrán decolor rojo y se subrayaran) 27.-ahora iremos con PERFIL: le daremos clic en APLICACIONES EN EL APARTADO (vinculaciones) después clic en JUEGO DE REGISTRO (CONSULTA); asi que saldrá una venta dondecolocaremos el nombre de nuestra base dedatos y en donde dice ninguno lepondremos MYCONEXION así que saldrá latabla que le colocamos así que daremos clicen filtro le pondremos EMAIL ahí mismocolocaremos VARIABLE DE SESIÓN en elespacio blanco le pondremosMM_Username y le daremos en aceptar.
  41. 41. 28.- entonces aparecera de lado izquierdo los campos que le colocamso anuestra base de datos entonces iremos arrastrando asi la plantilla PERRFIL:emseguida nos iremos otra vez asi donde esta INDEX:29.-asi que daremos clic en comun para que cambien a APLICACIÓN (que estepaso lo isimos igual en el paso anterior)y luego de ahí AUNTENTICACION DEUSUARIOS (conectar usuario) daremosclic y saldra algo asi en la pantalla: endonde le pondremos otra vezMYCONEXION, TABLA:USUARIOSETC; en donde dice si es correcta ir a;ahí vamos a darle en examinar paraque nos lo mande a PERFIL y dondedice si falla la conexión ir a examinar yponerle ERROR,aceptar y como se subrayara lsa letra y los recuadros de el index.
  42. 42. 30.- nos iremos a ERROR donde le daremos clic nuevamnete en AUNTENTICACION DE USUARIOS (registrar acceso a pagina) y nos saldra ota ventana; entonces darmos clic en NOMBRE DE USUARIO YCONTRASEÑA clic en examinar paraq uelo mandemos a INDEX y aceptar y nosiremos otra vez a PERFIL en donderepetiremos el mismo paso peromandandolo igual a INDEX: 31.- Aremos a registro daremos clic en VINCULACIONES después en INSERTAR objetos de aplicación (insertar registro) (asistente de formulariode inserción de registros) para entoncessaldra FORMULARIO DE INSERCIONDE REGISTRO donde le pondremos enTRAS INSERTAR IR A INDEX daremosaceptar y aparecera un boton debajo delos datos que tiene PERFIL que diraINSERTAR REGISTRO daremos clicahí para cabiar de INSERTARREGISTRO a REGISTRARSE. Nosiremos a donde tenemos XAMP abiertopara checar que nuestro pagina salga tendremos que poner la URL de nuestroINDEX para que sea la primera que habra y de ahí nuestra base de datos y listoasi es como creamos nuestro PERFIL,ERROR,REGISTRO.
  43. 43. “7.- Editar Perfil.php”Para editar perfil ya se debe de tener un sitio elaborado con lo que es el registropara poder hacer un perfil se tiene que hacer lo siguiente:Primero crear una plantilla y ponerle nombre de perfilDespués de que se crea la plantilla en donde se va a poner el perfil se hace losiguiente:A la plantilla donde va el perfil se va poner región editable así como se muestra enla imagen de arriba después de que se puso la región editable se va a poner losiguiente:
  44. 44. Le vamos a dar clic en la pestaña de vinculaciones y en la pestaña que esta delado izquierdo como se muestra en la imagen y se va a dar clic en juego deregistros (consulta) y aparecerá un recuadro como el siguiente:En el cuadro que apareció que fue el de arriba le vamos aponer:
  45. 45. En el cuadro que apareció se va a poner lo siguiente:Y se dara clic en aceptar y de lado izquierdo aparecerá lo siguiente:
  46. 46. Después en la plantilla en la región editable se va a poner lo siguiente para poderponer lo del nombre solo se arrastra donde dice nombre de la izquierdo a si el ladoen donde está la región editable y quedara asi:Primero el nombre, apeidos, edad, ocupación, teléfono, hobbie, sexo y foto.Después se da clic en donde dice formulario se va a cambiar por aplicación ydespués se va a dar clic en autenticación de usuarios:
  47. 47. Después va a aparecer un recuadro como el siguiente:Se le va a dar clic en examinar y se vera otra ventana como la siguiente:
  48. 48. Se le dara clic en index.php se le dara aceptar y en el primer recuadro igual enaceptar. “8.- Base de datos MySQL”PASOS A SEGUIR:1.-ABRIR XAMP Y PONER STAR EN EL SERVIDOR APACHE Y MYSQL. 2.-ABRIR INTERNET Y COLOCAR LOCALHOST EN DODNDE VAN LAS URL DE LAS PAGINAS, ENSEGUIDA SE ABRIRA XAMP.3.-DAR CLIC IDIOMA ESPAÑOL, DESPUES DARCLIC EN PHPMYADMIN: 4.-TE AMDARA A ESTA PAGINA DONDE COLOCAR EL NOMBRE DE TU BASE DE DATOS.
  49. 49. 5.-en la cual darás crear para crear Una tabla en la base de datos del nombre que le colocaste: 6.-daremos continuar para que salgan los campos y puedas colocarle los datos que desees por ejemplo el email, teléfono, etc.7.-a donde dice tipo en esa misma dondesalieron los campos vamos a colocar VACHARen todos, deberemos colocar también valores así: 8.-e igual vamos a colocar en el apartado ÍNDICE SOLO EN EMAIL PRIMARY y en LA FOTO en el apartado donde dice NULO VAMOS A DAR CLIC EN EL CUADRITO PARA QUE SE PALOMIE:
  50. 50. 9.- al acabar de hacer los pasos anteriores daremos clic en grabar: 10.-al dar grabar deber salir una página como esta y daremos clic en INSERTAR, y nos saldrá algo así:11.-en donde comenzaremos a llenarlos apartados que solicita que de achoson los que nosotros colocamos en loscampos de los pasos anteriores y yacavados de llenar daremos clic encontinuar: 12.- continuación saldrá esta página en donde aparece un recuadro de color verde que dice: 1FILAS(S) FUERON INSERTADAS.
  51. 51. 13.-Enseguida daremos clic en donde dice contactos que se encuentra delado izquierdo, en mi caso este depende del nombre que le des a tu basede datos: Y nos mandara a esta página: 14.- ya realizado esto daremos clic en DONDE ESTA COMO ICONO CON UNA CASITA IGUAL DE LADO IZQUIERDO que dice pagina inicio, para que así demos clic en PRIVILEGIOS:15.- ya que ahigamos dado clic eneste apartado saldrá algo así, ydaremos clic en agregar usuario:
  52. 52. 16.-ya que ahigamosdado clic en agregarun nuevo usuariosaldrá en pantallaalgo así en dondellenaremos los datosque se pide a dondedice SERVIDORcolocaremos LOCAL ytambién deberemosmarcar todos en elapartado de abajo,enseguida daremos clic en CONTINUAR ya con los datos quedaría así: 17.-enseguida daremos clic en privilegios otra vez para que se den cuenta que ya está sus datos ahí:
  53. 53. “9.-Calculadora”Para hacer la calculadora en dreamweaver se tiene que hacer un sitio dando clicen sitios de dreamweaver.Después de que se le da clic en sitios de dreamweaver aparecerá la siguienteventana que es en donde se va a poner la configuración del sitio se va a poner elnombre del sitio y se llenara lo que pide:
  54. 54. Después de llenar lo primero se va a dar clic en siguiente y se le pondra en laopción de si deseo utilizar una tecnología de servidor y en este caso se pondra lade php My SQLSe dará en donde dice siguiente y se pondrá en la primera opción y se dará clic enla carpeta que esta de lado derecho y se elaborara una carpeta con el nombre delsitio en la memoria o en donde se quiera guardar la carpeta.Después de que se da clic en la imagen de la carpeta va a aparecer otra ventanacomo la siguiente que es en donde se va a colocar una nueva carpeta en la cualse va a poner el nombre del sitio y se adentró de esa carpeta se va a crear otra lacual se va a llamar imágenes que es en donde se van a guardar todas lasimágenes que se coloquen cuando se hayan puesto las 2 carpetas se va a dar clicen seleccionar y se va a dar clic en guardar y automáticamente se guarda nuestracarpeta.
  55. 55. Depues se prosigue con el siguiente paso que es copiar la ruta con la que quedoguardada la carpeta y se dara clic en siguienteDespués de que se puso la ruta en el recuadro se va a dar clic en siguiente y seva poner en el otro recuadro el nombre de la carpeta así como se muestra en laimagenSe dara clic en comprobar URL y tendra que salir un recuadro como el siguiente
  56. 56. En donde se le dará aceptar y se dará clic en siguiente en el siguiente recuadro sepondrá la opción no así como esta en la imagenSe dará clic en siguiente y aparecerá lo siguiente y se dará clic en completadoY así es como se obtiene el sitio para poder hacer la calculadora ahora solotenemos que escoger una plantilla la plantilla se escogerá en donde dice páginasde inicio al dar clic en una de las plantillas y que sea con la que se va a trabajarsolo se va a dar clic en crear
  57. 57. Después de hacer clic en crear aparecerá una ventana que pide con que nombrese va a guardar la plantilla y se le pondrá el nombre que se deseeDespués de que se guarda aparece otra ventana en la cual te pregunta si deseascopiar las imágenes y se le dará clic en copiarDespués de que se le da clic en copiar aparecerá la plantilla a la plantilla se le va aquitar todo lo que tenga por ejemplo asi debe de quedar
  58. 58. A la plantilla se le va a cambiar el titulo por el de calculadora y se le van a ponercampos de texto los campos de texto se ponen así se le da clic en la pestaña deinsertar formulario y dar clic en campo de texto y aparecerá un recuadro como elsiguiente:En donde dice etiqueta se va a poner número 1 y se le dará clic en aceptarDespués se pondrá otro campo de texto y se pondrá número 2 y la plantillaquedara de la siguiente forma:
  59. 59. Después de haber puesto lo que son los campos de texto se va a crear otraplantilla que va a ser igual que la primera pero sin los campos de texto porque loscampos de texto van con otros nombres.Cuando es creada la segunda plantilla se pone 4 campos de texto que sería uno para suma, resta,división y multiplicación y quedaría de la siguiente forma.Se pone el código que va hacer que se ponga los resultados de los números quese pongan por ejemplo este es el código
  60. 60. Después solo se vincula la primera plantilla con la segunda y asi es como se hacela calculadora. “10. Banner intro flash” 1.-abrir el programa: 2.-empezar a crearlo para entonces le darnos clic en NAVLAYOUT (en donde le podremos cambiar el ancho el largo, el color etc.: 3.-entonces vamos abrir la siguiente que se llama NAVBACKGROUND (en donde podremos poner la combinación de colores del fondo, centrarlo etc.) 4.-El otro que sigue se llama NAVBGEFFECT (en donde le podemos poner el efecto que
  61. 61. deseamos como hojas, luces, estrellas, esferas etc.) 5.-emseguida vamos abrir el siguiente Apartado que tenemos e llama NAVTEXT (en el cual le podremos cambiar el texto que tiene por el que deseemos e igual mente le podremos poner algún efecto el texto) 6.-el siguiente apartado QUE SE LLAMA NAVPLUBISH donde daremos clic nos deberá aparecer como una url para colocarla en nuestra pagina web creada en dreamweaver así que así quedara yaen dreamweaver (LO QUE APARCE DE COLOR GRIS SERIA NUESTROBANNER)
  62. 62. Para hacer un INTRO EN FLASH seguiremos los pasos anteriores solomodificaremos a como nosotros queramos que quede: “11. Efecto java script” 1.- Empezaremos por buscar un código Java Script para descargar en este caso yo descargare un CONTADOR DE VISITAS: 2.-entonces este sería el código para agregarlo a nuestra página:
  63. 63. 3.-este seria nuestro código para colocaren nuestra página:Por ejemplo coloque en la página mesolicito mi nombre para que cada vez queyo habrá la página se coloque cuantasveces la he visitado:

×