Está en la página 1de 9

Repblica Bolivariana de Venezuela Ministerio del Poder Popular para la educacin superior Instituto Universitario de Tecnologa de Administracin Industrial

Informtica

Dreamweaver

Dreamweaver
Dreamweaver es la herramienta de diseo de pginas web ms avanzada, tal como se ha afirmado en muchos medios. Aunque sea un experto programador de HTML el usuario que lo maneje, siempre se encontrarn en este programa razones para utilizarlo, sobre todo en lo que a productividad se refiere. Cumple perfectamente el objetivo de disear pginas con aspecto profesional, y soporta gran cantidad de tecnologas, adems muy fciles de usar.

Versiones de Dreamweaver
Versin Proveedo Versin menor/nombre r mayor alternativo 1.0 1.0 1.2 2.0 3.0 Macrome dia 4.0 2.0 3.0 UltraDev 1.0 4.0 UltraDev 4.0 6.0 7.0 MX MX 2004 Fecha de publicacin Diciembre de 1997 Marzo de 1998 Diciembre de 1998 Diciembre de 1999 Junio de 1999 Diciembre de 2000 Diciembre de 2000 29 de mayo de 2002 10 de septiembre de 2003 13 de septiembre de 2005 Sustituye a Adobe 16 de abril de GoLive en la 2007 serie Creative Suite 23 de Notas Primer lanzamiento, slo para Mac OS. Primera versin para Windows.

8.0 Adobe 9.0 10.0

8.0

CS3 CS4

septiembre de 2008 11.0 11.5 12.0 CS5 CS5.5 CS6 12 de abril de 2010 12 de Abril de 2011 21 de abril de 2012

Entorno de la aplicacin
El formato de trabajo de Dreamweaver combina una serie de ventanas, paletas y solapas para conseguir que el proceso sea lo ms fluido posible.

El aspecto de la pantalla de Dreamweaver nada ms abrirlo se compone de los siguientes elementos:

La Ventana Bienvenido: aparece la primera vez que iniciamos el programa. Ofrece sugerencias para la configuracin del espacio de trabajo para distintos fines e informacin sobre nuevas funciones para aquellos que hayan trabajado con antiguas versiones de Dreamweaver La Barra de ttulo: en la parte superior de la ventana de programa, muestra el nombre del Web abierto actualmente y los botones minimizar, restaurar y cerrar. La Barra de mens: situada bajo la barra de ttulo, permite acceder a todas las opciones del programa a travs de sus mens. la Ventana del documento: es el rea principal de trabajo. Aqu es donde crearemos nuestras pginas Web. Esta es una ventana que se puede minimizar, maximizar y restaurar. Barra de Herramientas Documento:

Justo encima de la ventana de documento. Dreamweaver puede presentar dos barras de herramientas: Documento y Estndar. Esta que vemos por defecto es la de Documento. Acta directamente sobre la ventana de documento:
o o o o

Para mostrar la vista del cdigo HTML de la pgina Web Para mostrar una vista conjunta del cdigo y el diseo

Para mostrar la vista del diseo nuestro documento Para dar un ttulo a nuestra pgina Web en el cuadro de texto "Titulo" Barra de Herramientas Estndar:

Se muestra y oculta seleccionando Ver>Barras de Herramientas>Estndar. Presenta las opciones bsicas de gestin de ficheros junto con el uso del portapapeles y las opciones de deshacer y rehacer. En el caso de la imagen esta barra est oculta. Panel Insertar

Desde este panel y sus solapas, como desde su men paralelo Insertar, introduciremos los elementos ms utilizados para el diseo de los objetos de una pgina Web. Inspector de Propiedades

Es la herramienta principal para determinar los detalles de un objeto o texto seleccionado. El contenido de este panel vara dependiendo del objeto seleccionado en la ventana de documento (texto, imagen, tabla, ...), y as modificar sus atributos. Men de Paneles Ocupa la parte derecha de la pantalla y est diseado para contener los paneles ms utilizados por el usuario. Su uso es muy cmodo gracias a que se puede ocultar y visualizar todo el men con solo pulsar en el botn situado en medio de la barra que lo separa del resto de la pantalla. Barra de Estado Situada debajo de la ventana de documento. A la izquierda de la barra tenemos el Selector de etiquetas HTML. Este es de gran utilidad. Si el documento es una pgina vaca solo se ver la etiqueta <body>. Pero a medida que la pagina se complique el Selector ampliar la lista de etiquetas segn donde se site el cursor. Muestra las etiquetas que rodean la posicin del cursor. Como su nombre indica, hace algo ms que indicar la posicin en el documento. Mediante l, se puede seleccionar rpidamente cualquier elemento que rodee al cursor en uso, para modificarlo o eliminarlo. A la derecha de la barra de estado podemos ver informacin sobre el documento. o Tamao de la ventana de diseo del documento, en pxeles. o Indicador de descarga, que nos informa del tamao del documento y el tiempo de descarga.

Configuracin de la pantalla Al abrir Dreamweaver MX por primera vez se podr elegir entre dos formas de configurar el espacio de trabajo.

Como se puede leer en el cuadro de dilogo, da igual qu configuracin de espacio hayamos elegido ya que se puede cambiar. Es aconsejable la opcin de espacio de trabajo de Dreamweaver MX para una mejor visualizacin. Para volver a elegir una configuracin de espacio diferente seguiremos los siguientes pasos:

1. seleccionamos Edicin>Preferencias. 2. seleccionamos la Categora General y hacemos clic en el botn Cambiar


espacio de trabajo... y elegimos la opcin que se desee. Barras de herramientas.

Como ya dijimos, para visualizar u ocultar una barra de herramientas, seleccionamos la opcin Ver>Barras de herramientas y hacemos clic sobre la barra que se quiere visualizar u ocultar. Para mover una barra de herramientas realizamos un arrastre sobre la lnea vertical de control situada a la izquierda de la barra . Si la barra est flotando hacemos el arrastre sobre la barra de ttulo de la misma. Si una barra de herramientas es flotante, la podemos fusionar con los mrgenes superior o inferior de la ventana de documento sin ms que arrastrarla hasta su nueva posicin.

Paneles Todos los paneles se minimizan y maximizan, solo tenemos que pulsar sobre la flecha situada a la izquierda del ttulo del panel.

El panel Insertar y el inspector de Propiedades tienen una relevancia especial. No se pueden incluir en el Men de paneles y se pueden ocultar y visualizar directamente desde la opcin Ventana. El Men de paneles se puede configurar a placer por cada usuario para que aparezcan los paneles ms tiles. Para moverlos hemos de arrastrarlos desde la zona punteada de la esquina superior izquierda de cada panel . Una vez fuera de su ubicacin pasan a ser flotantes y se pueden cerrar fcilmente. Para volver a abrirlos no encontraremos sus nombres en la opcin Ventana. Los paneles del Men se estructuran en solapas. Son esas solapas las que podemos visualizar desde Ventana, y con ellas los paneles que las contienen. Por ejemplo; el panel Archivos contiene las solapas "Sitio" y "Activos". Si hubiera ocultado el panel Archivos y quisiera volver a abrirlo Qu hago? Selecciono la opcin Ventana>Sitio y se abrira la solapa (Sitio) dentro del panel que la contiene (Archivos). Podemos crearnos nuevos Paneles e incluso agrupar unas determinadas solapas en un panel u otro. Para incluir una solapa en un determinado panel actuaremos como sigue: 1. Seleccionamos la solapa que queremos incluir en otro panel. 2. Pulsamos sobre el icono que aparece en la esquina superior derecha de cada panel. 3. Del men que se despliega elegimos la opcin Agrupar nombre de solapa con y elegimos el panel en el cual se agrupar. 4. Si queremos crear un panel elegiremos la opcin Nuevo grupo de paneles. Haciendo click sobre el icono de la esquina superior derecha del panel, aparecen todas las opciones de configuracin del mismo.

Si un panel es flotante, lo podemos integrar en el men de paneles arrastrndolo desde la zona punteada de la esquina superior izquierda del mismo

Lenguajes que usa Dreamweaver


A partir de la versin 5, Dreamweaver admite el resaltado de sintaxis para los siguientes idiomas fuera de la caja:

ActionScript Active Server Pages (ASP). ASP.NET (no se admiten en la versin CS4) C# Cascading Style Sheets (CSS) ColdFusion Extensible HyperText Markup Language (XHTML) Extensible Markup Language (XML) Extensible Stylesheet Language Transformations (XSLT) HyperText Markup Language (HTML) Java JavaScript JavaServer Pages (JSP) (no se admiten en la versin CS4) PHP: Hypertext Preprocessor (PHP) Visual Basic (VB) Visual Basic Script Edition (VBScript) Wireless Markup Language (WML)

Redes sociales
Una red social es una estructura social que se puede representar en forma de uno o varios grafos en el cual los nodos representan individuos (a veces denominados actores) y las aristas relaciones entre ellos. Los fines de una red social son muy variados. Van desde encontrar a los compaeros de colegio, instituto y universidad, a amistades de la infancia o a familiares de los que se desconoca su existencia o que por encontrarse tan lejos no se mantiene una relacin continua. Tambin fomentan las relaciones de trabajo y las oportunidades de negocio existentes. Como adems estamos hablando de la implantacin de las redes a nivel mundial, se pueden ampliar hasta extremos inimaginables las conexiones y los contactos. Hay muchos tipos de redes sociales y sus servicios son diversos, hay redes sociales que son para ligar, hacer negocios, ponerse en contacto con antiguos compaeros de estudios o compartir. Pero actualmente se est poniendo en tela de juicio su privacidad, ya que los usuarios suelen colgar fotos o textos que en ocasiones pueden perjudicarles en la vida real y de hecho en algunos casos estas informaciones han sido usados en su contra. Los tipos de redes sociales ms conocidas son: MySpace, Facebook, Hi5, Tuenti, Orkut y otras ms recientes como Twitter que se utiliza para comunicar al mundo lo que ests haciendo en cada momento, resumido en una pequea frase. Se pueden distinguir dos tipos de redes sociales:

Analgicas o Redes sociales Off-Line: son redes formadas por grupos de personas con alguna relacin en comn, que se desarrollan sin sistemas electrnicos o informticos conectados a la red. Digitales o Redes sociales On-Line: son las que tienen su origen y se desarrollan a travs de medios electrnicos e informticos. Dentro de estos dos tipos de redes podemos ver dos grupos: Las redes sociales horizontales se dirigen a todo tipo de usuario y no tienen una temtica definida ni un fin concreto. Las redes de este tipo ms conocidas son Facebook, Orkut, Identi.ca, Twitter. Las redes sociales verticales se basan en un tema concreto y buscan congregar un gran numero de usuarios en torno a esa temtica o fin concreto. Se pueden distinguir tres tipos dentro de estas redes: las redes sociales verticales profesionales (Viadeo, Xing, Linked In y11870), las redes sociales verticales de ocio (Wipley, Minube Dogster, Last.FM y Moterus) y las redes sociales verticales mixtas. El nmero de redes que existen en la actualidad es muy elevado, ya que permite estar en contacto con los amigos, saber lo que estn haciendo en cada momento, compartir con ellos fotos y vdeos, entre otras cosas.

También podría gustarte