Nesta lição, você aprenderá sobre o recurso de espaço de trabalho no Adobe Dreamweaver. Estou com o Dreamweaver aberto. Se não o tiver aberto, certifique-se de abri-lo em seu aplicativo de desktop Creative Cloud. E agora, quando abrimos o Dreamweaver e estamos nesta área do Lar, nesta área de boas-vindas; podemos ver aqui, temos nossa guia Home, temos nossa guia Aprender, temos nosso Quick Start, e temos nossos modelos iniciais. Agora, aqui à direita, temos vários painéis diferentes. Temos o painel Arquivos, o painel Bibliotecas da Creative Cloud, o painel Inserir e o painel CC Designer, bem como o painel DOM, Assets e Snippets. Este é o espaço de trabalho padrão. Se formos ao menu Window para Workspace Layout, você pode ver que temos apenas dois espaços de trabalho padrão em Dreamweaver. O primeiro é o padrão, e é nele que estamos trabalhando. O outro é Desenvolvedor. E se clicarmos em Desenvolvedor, podemos ver que realmente limita o número de painéis que temos aberto. Ele só tem o painel Arquivos e o painel Snippets. O espaço de trabalho do desenvolvedor é principalmente para pessoas que usam o Dreamweaver estritamente como um editor de código. Agora, vamos voltar ao menu Window, de volta ao Layout do Espaço de Trabalho, de volta ao Padrão porque vamos usar alguns dos recursos que o Dreamweaver tem que nos permite criar páginas e sites sem ter que saber realmente HTML. Há um painel adicional que vamos abrir, que vai nos ajudar quando trabalharmos no Dreamweaver. Então vamos para o menu Window, e vamos para o painel Propriedades. Agora, o painel Propriedades, quando abrimos é um painel flutuante, mas vamos encaixá-lo aqui no fundo. Nós vamos clicar nele e basta arrastá-lo para baixo em direção ao fundo. E você verá que há um destaque azul acontecendo assim que chegar ao fundo. E se clicarmos nele, ele se aninha dentro de nossa área de trabalho. Agora, a melhor parte de trabalhar com espaços de trabalho em qualquer um dos programas da Adobe é o fato de que agora podemos salvar isso. Então, vamos ao nosso menu Window para Workspace Layout, e vamos para New Workspace. E vamos nomear isso: padrão com propriedades. Dessa forma, se alguma coisa acontecer e precisamos limpar nosso espaço de trabalho, podemos voltar ao menu Window para Workspace, de volta a esse padrão com propriedades, e colocará todos os nossos painéis onde precisamos deles. Agora, nosso painel Propriedades aqui embaixo na parte inferior parece em branco agora, e isso é porque não temos nada em aberto. Então, vamos para a guia Quick Start aqui em nossa área de boas-vindas, e vamos clicar no documento HTML daqui mesmo. Agora, quando você abre um documento, pode ser qualquer documento HTML. Não importa qual programa criou esse documento HTML. E isso é uma das coisas boas de trabalhar com Dreamweaver e HTML. Não importa qual programa criou o HTML, você pode abrir qualquer uma dessas páginas aqui em Dreamweaver. No centro superior do nosso programa, temos três opções. Podemos visualizar e trabalhar estritamente na visualização de código. Podemos fazer uma visualização ao vivo. Isso vai nos mostrar exatamente o que está em nossa página e como ele ficará em um navegador da web. Se clicarmos neste menu suspenso, há uma visualização de design que realmente não nos dá uma prévia real do que nossa página vai parecer, mas podemos ir e voltar entre Live e Design. E então temos a visão dividida. Agora, a visualização dividida é como o melhor dos dois mundos porque a visualização dividida nos permite ver nosso design mas também nos permite ver o código. Então, se clicarmos aqui e voltarmos para a visualização Design e clique nesta área de caixa branca, podemos digitar "Hello World!" E você pode ver lá em cima, isso é o que alguém veria se olhasse para essa página, mas também aqui embaixo, podemos ver o código. Portanto, mesmo que você não precise saber HTML e Dreamweaver, é uma boa idéia aprender um pouco sobre isso. E esta é uma maneira que você pode fazer isso olhando o código que o Dreamweaver cria no back-end. Agora, a outra coisa que eu queria destacar é que agora aqui em nossas Propriedades, temos algumas opções de como podemos estilizar nosso texto. Nosso painel Propriedades vai mudar dependendo do objeto que selecionamos. Então, mais tarde, quando adicionamos texto e adicionamos gráficos à nossa página, vamos passar algum tempo no painel Propriedades, formatar esse texto e formatar esses gráficos. Mas, por enquanto, estamos apenas olhando para o espaço de trabalho. Então, nesta lição, você aprendeu sobre como configurar um espaço de trabalho no Dreamweaver, criando uma nova página no Dreamweaver, e olhando para os diferentes pontos de vista que temos quando trabalhamos em páginas HTML.
