guion

Page 1

Guion Dreamweaver. 1.Preparamos una carpeta con el nombre que la queramos dar y a la vez que contengan otra carpeta con el nombre de imágenes para ello damos botón derecho nuevo: carpeta. 2.Abrimos el programa dreamweaver pagina básica HTML, definimos en sitio, damos a sitio nuevo, avanzadas le ponemos el nombre del sitio buscamos la raíz de la carpeta y en la carpeta predeterminada buscamos la carpeta de imágenes que ya habíamos creado y aceptamos. Para volver a abrir una pagina en blanco damos a archivo nueva. Cuando dejamos acabamos cualquier pagina tenemos quedar siempre a guardar para qu se cambien los cambios efectuados. 3. una vez tenemos la pagina sobre la que vamos a trabajar damos a archivo guardar como y la guardamos con el nombre que queramos, después podemos ir trabajando sobre ella. 4. Podemos cambiar el color de fondo de la pg o utilizar una imagen como fondo para ello hay que ir a propiedades de la pg: color de fondo o examinar y buscamos la imagen que tiene que estar en la carpeta de imágenes y aceptamos. 5. Podemos poner botones flash: abrimos una página en blanco o en una pagina ya existente que contenga cosas, damos a insertar, media: botones flash elegimos el estilo, creamos un vinculo a una pagina o a otro archivo, escribimos el nombre del botón, cambiamos el fondo o lo podemos vincular a otra pagina para eso damos a vinculo y buscamos el documento ya creado a la que queremos vincular este documento debe encontrarse dentro de la carpeta creada al principio. 6. Imágenes: para insertar una imagen damos a insertar imagen y la buscamos en la carpeta de imágenes. 7. Texto, cambiar el tamaño, la fuente y el estilo de las letras para ello necesitamos que el texto que hemos pegado y queremos cambiar este seleccionado. También podemos alinear la letra de distintas formas. Y cambiar el tamaño de la imagen cogiendo de las esquinas o los lados y moviendo el cursor. 8. Podemos incorporar capas para ello damos a insertar objetos de diseño: capas y nos aparecerá un cuadrado azul, en ventanas abrimos capas si no la tenemos abierta escribimos un texto o ponemos la imagen y la seleccionamos, después abrimos en la ventana de comportamientos seleccionamos el texto y en la ventana de comportamientos damos al símbolo +con una flechita para abajo mostrar o ocultar capas y damos a mostrar y aceptamos podemos elegir el efecto que queramos y después volvemos a hacer el mismo procedimiento pero con mostrar o ocultar capas damos a ocultar y aceptamos y podemos volver a cambiar el efecto y lo guardamos.


9. Podemos poner marcos: archivo, nuevo conjunto de marcos y elegimos el diseño que mas nos guste. Dependiendo de los apartados que tenga el marco asi será el numero de paginas que tendremos que crear, para ello abrimos una hoja en blanco independiente para cada recuadro del marco le insertamos todo lo que queramos y damos a guardar después cuando tengamos todas las paginas hechas del marco vamos a la pagina del marco en ventana abrimos marcos y nos sale la platilla del marco que hemos elegido vamos pinchando en el cuadro que queramos colocar cada pagina y en origen en el circulo con un + en medio pinchamos y arrastramos hasta la pagina ya guardada que queramos colocar, una vez colocadas todas las paginas pinchamos en la ventana capas en el marco mas exterior y selecciona el conjunto del marco entero, damos a archivo guardar conjunto de marcos como y lo guardamos con el nombre que queramos dentro de la carpeta de la carpeta creada al principio. 10. Insertar videos: buscamos el video que queramos en youtube, después buscado en youtube damos a compartir, insertar y copiamos la dirección en html, nos vamos al dreamweaver y en la opción división pinchamos y pegamos la dirección de html en la parte de dreamweaver que nos ha aparecido al dividir la pagina de que se encuentra en lenguaje html y colocamos el enlace en la parte donde queramos que no salga el video en la pagina normal. 11. Vínculos a páginas de internet o a otras páginas del proyecto: insertamos el botón, la imagen o el texto que queramos vincular en la pagina, seleccionamos el vinculo y en la parte de abajo damos a vinculo la carpeta si es una pg de internet y al circulo con el mas si es una pg hecha ponemos la dirección y aceptamos. 13. Marquesinas: en la hoja que queramos poner la marquesina damos a división dividimos la pagina y colocamos el cursor en la parte que queramos colocar la marquesina, y en la parte de html ponemos <marquee> cerramos la división y ya lo tenemos. 14. Para ver todo en internet necesitamos tener todas las paginas guardadas y asegurarnos que todo esta guardado en la carpeta creada al principio, una vez hecho todo esto damos a F12 o pinchamos sobre las paginas para verlas en internet.


Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.