jueves, 21 de febrero de 2019

Partes de la ventana de Dreamweaver

Partes de la ventana de Dreamweaver

La pantalla inicial
Al arrancar Dreamweaver aparece una pantalla inicial como ésta, vamos a ver sus componentes fundamentales. Así conoceremos los nombres de los diferentes elementos y será más fácil entender el resto del curso. La pantalla que se muestra a continuación (y en general todas las de este curso) puede no coincidir exactamente con la que ves en tu ordenador, ya que cada usuario puede decidir qué elementos quiere que se vean en cada momento, como veremos más adelante. 

Las barras 
  
 La barra de título
La barra de título contiene el nombre del programa (Marcromedia Dreamweaver 8) y seguidamente el nombre del documento que aparecerá en el explorador y entre paréntesis, su ubicación y el nombre del archivo en formato html. En el extremo de la derecha están los botones para minimizar, maximizar/restaurar y cerrar.
 La barra de menús
La barra de menús contiene las operaciones de Dreamweaver, agrupadas en menús desplegables. Al hacer clic en Insertar, por ejemplo, veremos las operaciones relacionadas con los diferentes elementos que se pueden insertar en Dreamweaver. 
Muchas de las operaciones se pueden hacer a partir de estos menús, pero para algunas es preferible o indispensable hacerlas desde los paneles.
 La barra de herramientas estándar
La barra de herramientas estándar contiene iconos para ejecutar de forma inmediata algunas de las operaciones más habituales, como Abrir  , Guardar , etc.
 La barra de herramientas de documento
La barra de herramientas de documento contiene iconos para ejecutar de forma inmediata algunas otras operaciones habituales que no incluye la barra de herramientas estándar. Estas operaciones son las de cambio de vista del documento, vista previa, etc.
 La barra de estado 
La barra de estado  nos indica en cada momento en qué etiqueta HTML nos encontramos (en la imagen al encontrarnos en un documento en blanco estamos directamente sobre la etiqueta <body>). 
También nos es posible alternar entre los modos de selecciónmano (para arrastrar la página), o zoom. En cualquier momento puedes seleccionar el zoom preferido desde el desplegable zoom y ajustar la vista al porcentaje preferido (por defecto siempre viene al 100%). 
Los paneles e inspectores
 
Dreamweaver utiliza ventanas flotantes similares a las barras de herramientas, que se conocen como paneles o inspectores. La diferencia entre panel e inspector es que, en general, la apariencia y opciones de un inspector cambian dependiendo del objeto seleccionado.
A través de la opción Ventana, de la barra de menús, es posible mostrar u ocultar cada uno de los paneles o inspectores. Vamos a ver los más importantes. 
 El inspector de Propiedades
El inspector de Propiedades muestra y permite modificar las propiedades del elemento seleccionado que son usadas de forma más frecuente. Por ejemplo, cuando el elemento seleccionado sea texto mostrará el tipo de fuente, la alineación, si está en negrita o cursiva, etc.
Pulsando sobre el botón  se despliega para mostrar más opciones. Este botón se encuentra en la esquina inferior-derecha.
Seguramente será la herramienta de Dreamweaver que más vayas a utilizar.
 La barra de herramientas Insertar o panel de objetos 
La barra de herramientas Insertar o panel de objetos permite insertar elementos en un documento sin la necesidad de recurrir al menú Insertar. Los elementos están clasificados según su categoría: tablas, texto, objetos de formulario, etc. 
Es posible configurar este panel para que en los botones se muestren los iconos de los objetos (como ocurre en la imagen anterior), para que se muestren los nombres de los objetos, o para que se muestren ambos a la vez.

Editores similares a Dreamweaver

EDITORES SIMILARES A DREAMWEAVER

1. Quanta Plus

De código libre y abierto, el programa basado en Linux, se asemeja mucho al ambiente de Dreamweaver, con características similares para apoyar JavaScript, CSS2, XForms, RSS, etc. Las características de resaltado de sintaxis soportan PHP, HTML, JavaScript, Perl, XML y otros. Sin embargo, no hay apoyo directo a SVG o HTML5.

Quanta Plus

2. Apatía

Aptana es de código abierto, basado en Java, gratuito y compatible con Windows, Mac, Linux y BSD. Al igual que Dreamweaver, cuenta con un apoyo similar para lenguajes de programación web comunes, como Ruby on Rails y también puede desarrollar aplicaciones para el iPhone de Apple. No tiene ningún editor WYSIWYG, ni corrector de palabras, y no soporta RSS, Atom o XPath.
Aptana
No es tan capaz en la depuración de JavaScript o el desarrollo de PHP, ya que la función de autocompletar no reconoce los objetos. No tiene vista previa de Internet Explorer para los usuarios de Mac o Linux.

3. CoffeeCup HTML Editor

 Al igual que Dreamweaver, tiene autocompletado de código para sugerir etiquetas. Cuenta con soporte para HTML5, PHP, XHTML, y CSS3 con 3 opciones del editor, código, visuales y un editor de vista previa.
CoffeeCup HTML Editor
Es el primer editor compatible con JavaScript con edición en pantalla dividida o que tiene una función de FTP. Tiene Selector de colores para sitios web para elegir un esquema de color y tienen otros colores apropiados para que coincidan.

4. OpenBEXI

Este es un editor WYSIWYG de código abierto, gratis, compatible con Windows, Mac y Linux con una interfaz basada en navegador. Diseñado para arrastrar y soltar los widgets incluyendo imágenes, texto, gráficos y más. Incluye carga FTP y permite scripting del lado del servidor. Sin embargo, es difícil conseguir objetos para trabajar cuando se añade a una página y que se necesitan para utilizar en un servidor.
OpenBEXI
Permite la creación de un menú estilo Mac, puede crear líneas, círculos y gráficos de barras y además es compatible con RSS. Sin embargo, no soporta MathML, XPath, o edición compartida.

5. Bluefish

Bluefish es libre, de código abierto, compatible con Windows, Mac, Linux, BSD y sistemas Unix. No tiene ninguna característica de editor WYSIWYG y no se puede hacer la edición compartida. Múltiples navegadores son útiles para comprobar el trabajo. Sin embargo, es similar al soporte de Dreamweaver para el desarrollo de HTML, XHTML, CSS, etc., y, además, es compatible con Google Go, Vala, ColdFusion, Ruby y Shell. Cuenta con recuperación automática de los cambios después de una caída, así como carga FTP, scripting del lado del servidor, corrector ortográfico y página de la característica de vista previa.
Bluefish

6. Microsoft Expression Web

El soporte técnico sólo está disponible para aquellos que compraron el programa, ya que ahora es una aplicación gratuita. Funciona sólo en Windows, tiene las mismas características del editor de Dreamweaver y una interfaz similar, con WYSIWYG y paneles para codificar. Tiene soporte de W3C para diseñar para las personas con discapacidad.
Microsoft Expression Web
No es compatible con XForms o SVG. No es tan útil para los novatos en CSS y AJAX, ya que no existen funciones de arrastrar y soltar, herramientas de dibujo, asistentes, o menús desplegables.

Historia de Dreamweaver

Historia de Dreamweaver.

Es un producto de la empresa desarrolladora de software Macromedia, que nació en 1992 tras la fusión de Authorware Inc. (creadora de Authorware) y Macro – Mind Paracomp (responsable de director). El primer producto de esta nueva compañía fue Shockware, un plugin para los navegadores que permitía ver animaciones hechas en Director. A causa del éxito que tuvo, la empresa decidió que debía expandirse más en el sector web y multimedia.

Con esta expansión como objetivo primario, en 1996, Macromedia realizó dos grandes adquisiciones. La primera fue la empresa FutureWave software, creadora del FutureSplash, al que Macromedia rebautizó como flash. La segunda fue iBand software, creadora de Backstage, un programa de edición de HTML, al que Macromedia rebautizó conalgunos cambios, como DREAMWEAVER, del que lanzó su primera versión en 1997.

A partir de 1998, Macromedia comenzó a desarrollar una versión del programa por año. En cada una de ellas, agrego componentes clave para un mejor desarrollo de archivo de HTML y de otras expresiones (ASP, PHP, JPS, etcétera). En el año 2006, la empresa fue comprada por Adobe, quien absorbió completamente el nombre Macromedia.Por ello es que la versión CS3 ya no es más Macromedia, sino Adobe DREAMWEAVER.

La competencia principal de esta herramienta era FrontPage, de Microsoft, que si bien no era tan avanzado, venia junto con el paquete Office y ofrecía un conjunto de utilidades mas sencillas.

Dreamweaver se convirtió en el editor de HTML preferido por diseñadores y programadores, en tanto que FrontPage quedo relegado a estudiantes y novatos del área.

A partir de 1998, Macromedia comenzó a desarrollar una versión del programa por año, aproximadamente. En cada una de ellas fue agregando componentes clave para un mejor desarrollo de archivos HTML y de otras extensiones (ASP, PHP, JPS, etc.). Hoy en día, Dreamweaver es el preferido por empresas y particulares para diseñar y programar sitio Web.

A continuación,te dejaré este video para complementar la historia de Dreamweaver:



¿Qué es Dreamweaver?

¿Qué es Dreamweaver?

 Dreamweaver (tejedor de sueños) es un editor de páginas Web, que nos permite diseñar páginas de un modo muy sencillo sin saber programar directamente en los distintos códigos que utiliza. Además facilita el manejo general del programa para maquetar páginas Web, aumentando la productividad de forma notable. 

Una de las características más destacable es la visualización de la composición del documento, a través de un entorno visual, donde podremos encontrar las funciones que nos permitirán añadir diseño y funcionalidad rápidamente de manera interactiva a nuestras creaciones. Dreamweaver, no es sólo un editor de páginas Web; es un completo gestor de sitios que ofrece una amplia gama de posibilidades incluyendo, como no, las mayores facilidades a la hora de publicar nuestro sitio. Por tanto, podemos decir que Dreamweaver es, a grandes rasgos, una de las más potentes y versátiles herramientas de creación, edición y publicación de sitios Web.

Adobe Dreamweaver permite crear sitios de forma totalmente gráfica, y dispone de funciones para acceder al código HTML generado. Permite la conexión a un servidor, a base de datos, soporte para programación en ASP, PHP, Javascript, cliente FTP integrado, etc.

Su principal competidor es Microsoft Expression Web y tiene soporte tanto para edición de imágenes como para animación a través de su integración con otras. Hasta la versión MX, fue duramente criticado por su escaso soporte de los estándares de la web, ya que el código que generaba era con frecuencia sólo válido para Internet Explorer, y no validaba como HTML estándar. Esto se ha ido corrigiendo en las versiones recientes


jueves, 7 de febrero de 2019


¿Cómo funciona el Internet?

Internet se encuentra regido por protocolos, estos son formas de codificar y decodificar la información. Estos son llamados transmisión control protocolo (TCP). Otro dato a tener en cuenta son las direcciones de IP. Estas son asignadas para cada una de las terminales de Internet.

Resultado de imagen para como funciona internetSe puede acceder a Internet desde una conexión por línea conmutada, banda ancha fija (a través de cable coaxial, cables de fibra óptica o cobre), vía satélite, banda ancha móvil y teléfonos celulares o móviles con tecnología 2G/3G/4G/5G. Las empresas que otorgan acceso a Internet reciben el nombre de proveedores de servicios de Internet (Internet Service Provider, ISP).
A continuación, te dejaré una reseña en la que nos explican el funcionamiento del Internet.




¿Qué es el modelo cliente servidor y cómo funciona?

Se refiere a un modelo de comunicación que vincula a varios dispositivos informáticos a través de una red. Podemos decir que existe un cliente y un servidor. 
Llamamos cliente al que realiza peticiones de servicios al servidor, el cual es el que se encarga de cumplirlas.


En las redes estructuradas bajo el modelo de cliente servidor, los clientes centralizan diferentes aplicaciones y recursos en el servidor y este se empeña porque estén disponibles.
Su arquitectura en un modelo de diseño de Software en el que las tareas se reparten entre servidores y clientes.
Resultado de imagen para modelo cliente servidor

¿Qué es la telemática?


¿Qué es la telemática?
Podemos definir telemática como una combinación de informática y tecnología de la comunicación para enviar y recibir datos. La telemática, es un campo muy amplio ya que abarca el diseño, el análisis y la aplicación de todos los servicios y de la infraestructura que permiten procesar, almacenar y transmitir la información; y te preguntarás ¿cómo y cuándo utilizamos la telemática? Pues bueno, es tan sencillo como la aplicación Whatsapp o el correo electrónico. Al enviar un mensaje por estos medios, estamos haciendo uso de la telemática.


La palabra telemática proviene de la fusión de dos términos: telecomunicación e informática. En conclusión, ha sido una ciencia impulsora de importantes avances tecnológicos con respecto a la comunicación.

Resultado de imagen para correo electronico


Partes de la ventana de Dreamweaver

Partes de la ventana de Dreamweaver La pantalla inicial Al arrancar Dreamweaver aparece una  pantalla inicial   como ésta, vamos ...