INSTITUTO CONVERSA PROGRAMACION DE CLASE DREAMWEAVER CS3

LUNES 1/5 Obj.: Conceptos bsicos de Dreamweaver CS3

HTML bsico Las pginas que vemos en Internet estn escritas utilizando el lenguaje HTML (Hyper Text Markup Language). Este lenguaje est basado en etiquetas que marcan el inicio y fin de cada elemento de la pgina Web. Por ejemplo, el ttulo de la pgina Web se escribe entre las etiquetas <TITLE> y </TITLE>. Y es necesario poner "<" y ">". La primera etiqueta indica inicio, y la segunda, que incluye el smbolo "/", indica final. Una pgina HTML bsica tendra el siguiente aspecto:

Las etiquetas que se introducen en un documento HTML no son visibles cuando el documento se muestra en un navegador (IExplorer, Mozilla, etc).

INSTITUTO CONVERSA PROGRAMACION DE CLASE DREAMWEAVER CS3

Para guardar la pagina es necesario guardarla con la extensin . html.

.html

Editar pginas web Cualquier editor de texto permite crear pginas web. Para ello slo es necesario crear los documentos con la extensin HTML o HTM, e incluir como contenido del documento el cdigo HTML deseado. Puede utilizarse incluso el Bloc de notas para hacerlo. RESULTADO

INSTITUTO CONVERSA PROGRAMACION DE CLASE DREAMWEAVER CS3

Novedades de Dreamweaver CS3 Mejoras en Spry : Es un conjunto de archivos JavaScript que permiten la inclusin de elementos dinmicos en las pginas HTML. Por ejemplo se pueden incluir acordeones, barras de menus, validacin de formularios, acceso a datos XML, etc. Mejoras en la comprobacin de la compatibilidad con diferentes navegadores. Mejoras en CSS.

Cmo tener una pgina en Internet Para poder poner una pgina web en Internet, es necesario contratar a alguna empresa con servidores que pueda alojarla. El precio por disponer de espacio propio en el servidor depender de la empresa. Hay empresas que ofrecen este servicio gratuitamente, pero con ciertas limitaciones. Este tipo de empresas empresas deben generar ingresos , por eso venden espacios publicitarios dentro de nuestras pginas, publicidad a la que uno no se puede negar.

Iniciar

R=

/Todos los programas /

R= Desde el icono de Dreamweaver CS3 del escritorio

R= Comando: DREAMWEAVER

INSTITUTO CONVERSA PROGRAMACION DE CLASE DREAMWEAVER CS3

Cerrar

R= En los botones de control seleccionar close R= R= ALT + F4 Archivo / Salir

Abrir Nuevo Pulsar la combinacin de teclas Ctrl + N. Hacer clic sobre el men Archivo y elegir la opcin Nuevo. Hacer doble clic sobre el archivo en la ventana del sitio. Despus de esto aparecer una nueva ventana, en la que debers elegir la Categora Pgina en blanco, HTML. Hacer clic en el botn abrir de la barra de herramientas estndar. Pulsar la combinacin de teclas Ctrl + O. Hacer clic sobre el men Archivo y elegir la opcin Abrir. Hacer doble clic sobre el archivo en la ventana del sitio.

Otra Opciones son: Pagina en blanco, plantilla en blanco, pagina de plantilla, paginas de muestra Guardar documentos Hacer clic en el botn guardar Pulsar la combinacin de teclas Ctrl + S. Hacer clic sobre el men Archivo y elegir la opcin Guardar.

INSTITUTO CONVERSA PROGRAMACION DE CLASE DREAMWEAVER CS3

Mi primera pgina Lo primero que tienes que hacer al abrir Dreamweaver es definir el tipo de archivo que deseas crear Categora Pgina bsica, HTML. Seguidamente introduce, en el documento en blanco, el texto de nuestra primera pag web. ESTA ES MI PRIMERA PAG WEB Y ES LA PRIMERA PAG PARA VER EL FUNCIONAMIENTO DE DEAMWEAVER Una vez introducido el texto, vas a modificar el ttulo y el color de fondo del documento. R= men Modificar / elegir la opcin Propiedades de la pgina. Cambia el Ttulo por Mi primera pgina. Seleccionar un Color de Fondo. Insertar una imagen, R= Insertar / Imagen. (Para ello primero debemos tener guardadas las imgenes en el mismo lugar que guardaremos la pagina web, es recomendable poner una carpeta especial.)

Practicas 1. Realizar una pg. web bsica en HTML 2. Iniciar Dreamweaver y realizar la pagina muestra del saln y anexarle mas texto 3. Realizar una nueva pg. web de su autobiografa en html.