Clase Nro 11: Dreamweaver MX


Propósito:

• Conocer software nuevo para creación de páginas Web
• Generar inquietud en a creación de páginas web.

Actividad:

En este vinculo hay información de la consulta: http://www.aulaclic.es/dreamweaverMX/f_dreamweavermx.htm

Conteste las siguiente preguntas:

1. Que es Dreaweaver Mx y para que sirve. Consulte ejemplos de páginas en internet echas con este programa.
2. Qué es HTML y que programa puedo usar para editar código HTML
3. Que necesito para tener una página Web en Internet? http://www.aulaclic.es/dreamweaverMX/f_dreamweavermx.htm
4. Mira el siguiente video para conocer el entorno de Dreamwever.  Extraiga los elementos básicos de Dreamweaver y diga para que sirven. http://www.aulaclic.es/dreamweaverMX/vb3/el_entorno_de_trabajo_viewlet_swf.html
5. Mire el siguiente video e intente crear una página web básica.

Esta página debe subirla al blog como una imagen para calificar con todo la actividad.

En este enlace pueden descargar el Dreamweaver mx 2004:
http://macromedia-dreamweaver-mx.programas-gratis.net/descargar#estasviendo 

SOLUCIÒN

1.Dreamweaver MX es un software fácil de usar que permite crear páginas web profesionales. Las funciones de edición visual de Dreamweaver MX 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.

Ej: http://expression.com.do/
http://listindiario.com/
www.porsche.com.br/http://expression.com.do/
http://listindiario.com/
www.porsche.com.br/ http://expression.com.do/
http://listindiario.com/
www.porsche.com.br/

2. El HTML, Hyper Text Markup Language (Lenguaje de marcación de Hipertexto) es el lenguaje de marcas de Texto utilizado normalmente en la www (World Wide Web). Fue creado en 1986 por el físico nuclear Tim Berners-Lee; el cual tomo dos herramientas preexistentes: El concepto de Hipertexto (Conocido también como link o ancla) el cual permite conectar dos elementos entre si y el SGML (Lenguaje Estándar de Marcación General) el cual sirve para colocar etiquetas o marcas en un texto que indique como debe verse. HTML no es propiamente un lenguaje de programación como C++,Visual Basic, etc., sino un sistema de etiquetas. HTML no presenta ningún compilador, por lo tanto algún error de sintaxis que se presente éste no lo detectará y se visualizara en la forma como éste lo entienda.

El entorno para trabajar HTML es simplemente un Procesador de texto, como el que ofrecen los sistemas operativos Windows (Bloc de notas), UNIX (el editor vi o ed) o el que ofrece MS Office (Word). El conjunto de etiquetas que se creen, se deben guardar con la extensión .htm o .html
Estos documentos pueden ser mostrados por los visores o "browsers" de paginas Web en Internet, como Netscape Navigator, Mosaic, Opera y Microsoft  Internet Explorer.

Paginas para editar los codigos:
- Dreamweaver

probablemente el mejor editor de pagina web para diseñadores que busquen resultado profesionales 

- Editor de còdigo PSPad

-Adobe GoLive

-HTML-kit

-Kompozer

-TsWebEditor: Editor de paginas web para programadores

-Editplus

-Arachnophilia

-CoffeCup Free Editor HTML

-HTMLed pro

-Frontpage

3.  ¿Cómo tener una página web en Internet? 

Para poseer una página web en Internet, se requiere, en primer lugar, contratar una empresa (los proveedores de servicios de Internet) quienes deben tener servidores que puedan alojarla (la pagina) y hacerla accesible desde Internet las 24 horas. El precio para poder este espacio en Internet, dependerá de la empresa, del espacio en disco, volumen de transferencia y otras opciones que se puedan contratar. 

Es posible tener una página web de forma gratuita, pero esto es poco recomendable, puesto que se verá muy afectada por la ambición de dinero que tiene la página dueña. Utilizarán todos los medios para lucrarse, avisos publicitarios, incluir su nombre en las direcciones, entre otros. 

4.Elementos básicos de Dreamweaver MX:

• Barra de título: Contiene el nombre del programa y los botones para minimizar, maximizar y cerrar la ventana.
• Barra de menús: Contiene las operaciones agrupadas a Dreamweaver en menús desplegables.
• Barra de herramientas estándar: Contiene iconos para ejecutar de forma rápida algunas de las operaciones mas habituales.
• Barra de herramientas de documento: Sus iconos sirven para ejecutar otras aplicaciones no incluidas en la anterior.
• Lanzador: Está en la barra de tareas. Con sus iconos se pueden abrir y cerrar paneles. 
• Los documentos abiertos también se encuentran en la barra de tareas.
• Inspector de propiedades: Permite modificar las propiedades del elemento seleccionado.
• Panel de objeto: Permite insertar elementos en un documento.
• Grupo de paneles: Forma cómo se organizan los paneles que flotan.