En esta lección, aprenderá sobre la característica del espacio de trabajo en Adobe Dreamweaver. Tengo Dreamweaver abierto. Si no lo tienes abierto, asegúrese de abrirlo desde su aplicación de escritorio Creative Cloud. Y ahora, cuando abrimos Dreamweaver y estamos en esta área de Hogar, esta área de bienvenida; podemos ver aquí, tenemos nuestra pestaña Inicio, tenemos nuestra pestaña Aprender, tenemos nuestro Inicio rápido, y tenemos nuestras plantillas de inicio. Ahora, aquí a la derecha, Tenemos varios paneles diferentes. Tenemos el panel Archivos, el panel Bibliotecas Creative Cloud, el panel Insertar y el panel CC Designer, así como el DOM, los activos y el panel Snippets. Este es el espacio de trabajo estándar. Si vamos al menú Ventana a Diseño del espacio de trabajo, puede ver que solo tenemos dos espacios de trabajo predeterminados en Dreamweaver. El primero es estándar, y ese es en el que estamos trabajando. El otro es Desarrollador. Y si hacemos clic en Desarrollador, podemos ver que realmente limita el número de paneles que tenemos abiertos. Solo tiene el panel Archivos y el panel Fragmentos. El espacio de trabajo del desarrollador es principalmente para personas que usan Dreamweaver estrictamente como un editor de código. Ahora, vamos a volver al menú Ventana, volver a Diseño del espacio de trabajo, volver a Estándar porque vamos a usar algunas de las características que tiene Dreamweaver que nos permiten crear páginas y sitios sin tener que saber realmente HTML. Hay un panel adicional que vamos a abrir, eso nos va a ayudar cuando trabajemos en Dreamweaver. Así que vamos a ir al menú Ventana, y vamos a ir al panel de Propiedades. Ahora, el panel Propiedades, cuando lo abrimos es un panel flotante, pero vamos a acoplarlo aquí en la parte inferior. Vamos a hacer clic en él y simplemente arrástrelo hacia abajo. Y verás que hay un resaltado azul en marcha tan pronto como llegue al fondo. Y si hacemos clic en eso, se anida dentro de nuestra área de trabajo. Ahora, la mejor parte de trabajar con espacios de trabajo en cualquiera de los programas de Adobe es el hecho de que ahora podemos guardar eso. Así que vamos a ir a nuestro menú Ventana a Diseño del espacio de trabajo, y vamos a ir a New Workspace. Y vamos a nombrar esto: estándar con propiedades. De esa manera, si alguna vez pasa algo y necesitamos limpiar nuestro espacio de trabajo, podemos volver a ese menú Ventana a Workspace, volver a ese estándar con propiedades, y colocará todos nuestros paneles donde los necesitemos. Ahora, nuestro panel de Propiedades aquí abajo en la parte inferior se ve en blanco en este momento, y eso es porque no tenemos nada abierto. Así que vamos a ir a la pestaña Inicio rápido aquí en nuestra área de bienvenida, y vamos a hacer clic en el documento HTML desde aquí. Ahora, cuando abres un documento, puede ser cualquier documento HTML. No importa qué programa creó ese documento HTML. Y esa es una de las cosas buenas de trabajar con Dreamweaver y HTML. No importa qué programa creó el HTML, puede abrir cualquiera de esas páginas aquí en Dreamweaver. En la parte superior central de nuestro programa, tenemos tres opciones. Podemos ver y trabajar estrictamente en la vista Código. Podemos hacer una vista en vivo. Esto nos mostrará exactamente lo que hay en nuestra página. y cómo se verá en un navegador web. Si hacemos clic en este menú desplegable, hay una vista Diseño eso realmente no nos da una verdadera vista previa de lo que nuestra página va a parecerse, pero podemos ir y venir entre Live y Design. Y luego tenemos la vista dividida. Ahora, la vista dividida es como lo mejor de ambos mundos porque Split view nos permite ver nuestro diseño pero también nos permite ver el código. Entonces, si hacemos clic aquí y volvemos a la vista Diseño y haga clic en esta área de cuadro blanco, podemos escribir "¡Hola mundo!" Y se puede ver en la parte superior, esto es lo que alguien vería si mirara esa página, pero también aquí abajo en el fondo, Podemos ver el código. Entonces, aunque no necesita saber HTML ni Dreamweaver, es una buena idea aprender un poco al respecto. Y esta es una forma en que puedes hacer eso. mirando el código que Dreamweaver crea en el back-end. Ahora, la otra cosa que quería señalar es que ahora aquí abajo en nuestras Propiedades, tenemos algunas opciones sobre cómo podemos estilizar nuestro texto. Nuestro panel de Propiedades va a cambiar dependiendo del objeto que hemos seleccionado. Entonces, más adelante, cuando agreguemos texto y agregamos gráficos a nuestra página, vamos a pasar algún tiempo en el panel Propiedades, formatear ese texto y formatear esos gráficos. Pero por ahora, solo estamos mirando el espacio de trabajo. Así que en esta lección, aprendió a configurar un espacio de trabajo en Dreamweaver, creando una nueva página en Dreamweaver, y mirando las diferentes vistas que tenemos cuando estamos trabajando en páginas HTML.
