leslie rios y natasha saravia

8
Dreamweaver 8 como herramienta de diseño de páginas web. ¿Qué es Dreamweaver 8? Dreamweaver 8 es un software fácil de usar que permite crear páginas web profesionales. Las funciones de edición visual de Dreamweaver 8 permiten agregar rápidamente diseño y funcionalidad a las páginas, sin la necesidad de programar manualmente el código HTML. Se puede crear tablas, editar marcos, trabajar con capas, insertar comportamientos JavaScript, etc., de una forma muy sencilla y visual. Además incluye un software de cliente FTP completo, permitiendo entre otras cosas trabajar con mapas visuales de los sitios web, actualizando el sitio web en el servidor sin salir del programa. Las páginas web editadas por Macromedia dreamweaver entan escritas en LENGUAJE HTML. (Hyper Text Markup Language). Este lenguaje está basado en etiquetas que marcan el inicio y fin de cada elemento de la página Web. Por ejemplo, el título de la página Web se escribe entre las etiquetas <TITLE> y </TITLE>. Como ves, ambas etiquetas consisten en poner un mismo comando entre los símbolos "<" y ">". La primera etiqueta indica inicio, y la segunda, que incluye el símbolo "/", indica final. Las etiquetas disponen de atributos que permiten definir características del elemento sobre el que actúan. Por ejemplo, <TABLE Border="1"> indica que la tabla tendrá un borde de tipo 1. Una página HTML básica tendría el siguiente aspecto: <HTML> <HEAD> <TITLE> Mi primera página web </TITLE> <BODY> <a href="http://www.pacifico.edu.ec/">Haz clic aquí para ir a la web del colegio </a> <p>Resto de la página web </p> </BODY> <HTML> Las etiquetas que se introducen en un documento HTML no son visibles cuando el documento se muestra en un navegador (IExplorer, Netscape, etc). Cuando un usuario desde Internet solicita ver una página el servidor Web envía la página al navegador y este interpreta las etiquetas para dar el formato a la página. Cuando utilizamos Dreamweaver para crear una página Web no tenemos que preocuparnos de todo esto. Dreamweaver inserta automáticamente las

Upload: leslie-styles

Post on 15-Apr-2017

234 views

Category:

Education


3 download

TRANSCRIPT

Page 1: Leslie rios y natasha saravia

Dreamweaver 8 como herramienta de diseño de páginas web.

¿Qué es Dreamweaver 8?Dreamweaver 8 es un software fácil de usar que permite crear páginas web profesionales.Las funciones de edición visual de Dreamweaver 8 permiten agregar rápidamente diseño y funcionalidad a las páginas, sin la necesidad de programar manualmente el código HTML.Se puede crear tablas, editar marcos, trabajar con capas, insertar comportamientos JavaScript, etc., de una forma muy sencilla y visual.Además incluye un software de cliente FTP completo, permitiendo entre otras cosas trabajar con mapas visuales de los sitios web, actualizando el sitio web en el servidor sin salir del programa.Las páginas web editadas por Macromedia dreamweaver entan escritas en LENGUAJE HTML. (Hyper Text Markup Language). Este lenguaje está basado en etiquetas que marcan el inicio y fin de cada elemento de la página Web.Por ejemplo, el título de la página Web se escribe entre las etiquetas <TITLE> y </TITLE>. Como ves, ambas etiquetas consisten en poner un mismo comando entre los símbolos "<" y ">". La primera etiqueta indica inicio, y la segunda, que incluye el símbolo "/", indica final.Las etiquetas disponen de atributos que permiten definir características del elemento sobre el que actúan. Por ejemplo, <TABLE Border="1"> indica que la tabla tendrá un borde de tipo 1.Una página HTML básica tendría el siguiente aspecto:

<HTML><HEAD><TITLE> Mi primera página web </TITLE><BODY> <a href="http://www.pacifico.edu.ec/">Haz clic aquí para ir a la web del colegio </a> <p>Resto de la página web </p> </BODY><HTML>

Las etiquetas que se introducen en un documento HTML no son visibles cuando el documento se muestra en un navegador (IExplorer, Netscape, etc). Cuando un usuario desde Internet solicita ver una página el servidor Web envía la página al navegador y este interpreta las etiquetas para dar el formato a la página.Cuando utilizamos Dreamweaver para crear una página Web no tenemos que preocuparnos de todo esto. Dreamweaver inserta automáticamente las etiquetas necesarias para construir la página con la apariencia y contenido definidos en el editor gráfico.Editar páginas web

Cualquier editor de texto permite crear páginas web. Para ello sólo es necesario crear los documentos con la extensión HTML o HTM, e incluir como contenido del documento el código HTML deseado. Puede utilizarse incluso el Bloc de notas para hacerlo.

Pero crear páginas web mediante el código HTML es más costoso que hacerlo utilizando un editor gráfico. Al no utilizar un editor gráfico cuesta mucho más insertar cada uno de los elementos de la página, al mismo tiempo que es más complicado crear una apariencia profesional para la página.

Hoy en día existe una amplia gama de editores de páginas web. Uno de los más utilizados, y que destaca por su sencillez y por las numerosas funciones que incluye, es Macromedía Dreamweaver.

Page 2: Leslie rios y natasha saravia

Captura el código fuente de la página web del block de notas.

PASOS PARA INICIAR UN PROYECTO DE PAGINA WEB EN DREAMWEAVER 8.0

(CAPTURE LOS PASOS)

Page 3: Leslie rios y natasha saravia
Page 4: Leslie rios y natasha saravia
Page 5: Leslie rios y natasha saravia
Page 6: Leslie rios y natasha saravia
Page 7: Leslie rios y natasha saravia

file:///C:/Users/Paci120/Desktop/web_22Febrero_Saravia_R%C3%ADos/index.html

Deber.- Realice una página web que muestre un álbum personal fotográfico (5fotos) con los enlaces primero, ultimo, anterior, siguiente. Traer grabado en su flash memory