Nesta lição, você aprenderá como adicionar texto às páginas no Adobe Dreamweaver. Para que possamos utilizar os recursos do site do Dreamweaver, precisamos criar um novo site. Então, vamos até o menu do site, e vamos para um novo site. Se você não sabe como criar um novo site, você pode voltar ao módulo dois e assistir ao vídeo, criar um site no Dreamweaver. Vamos nomear este módulo cinco, e vamos clicar neste ícone de pasta, e vamos navegar para onde você tem os arquivos de lição do módulo cinco. E no seu módulo cinco, vamos clicar na pasta de seleção para designar isso como nossa pasta principal do site. Vamos para as configurações avançadas. Vamos clicar nas informações locais, e no topo, onde diz pasta de imagens padrão, vamos procurar o arquivo, vamos escolher a pasta de imagens, e clique na pasta selecionar, e vamos clicar em salvar. Assim que fizermos isso, nosso site estará aqui à direita, em nosso painel de arquivos. Agora vamos adicionar texto às nossas páginas algumas maneiras diferentes. Primeiro, o que vamos fazer é criar um novo documento e adicionaremos texto a esse novo documento não estilizado. Então vamos para o menu de arquivo para novo, certifique-se de que na primeira coluna temos um novo documento, da segunda coluna, vamos escolher HTML, da estrutura, não escolheremos nenhum, mas com o tipo de documento definido como HTML5, vamos clicar no botão criar. Agora, quando nossa página aparecer, dependendo de onde você está com seu código ou visualização ao vivo no topo, Vou fazer você entrar na visualização de código apenas por um minuto. E vamos para o painel de arquivos. Vamos abrir a pasta miscelânea, e vamos clicar duas vezes na pasta de texto de caminhada. Agora este é um documento de texto que foi criado no Bloco de Notas, mas você pode criar o mesmo tipo de arquivo na edição de texto em um Mac, se você tiver, e é um arquivo muito simples, temos apenas o boletim mensal de caminhadas no topo, alguns parágrafos, temos algumas caminhadas, algumas roupas e subtítulos de equipamentos. Agora você vai notar, quando você abre um arquivo de texto no Dreamweaver, ele abre como se reconhecesse o arquivo, mas você nunca iria querer salvar este documento, mesmo que esteja na visualização de código, você nunca gostaria de salvar este documento como um arquivo HTML, porque uma coisa muito importante está faltando neste arquivo. E isso são etiquetas. Não há tags em volta do nosso texto. Agora, para colocar isso em nosso novo documento sem título, que é um arquivo HTML, vamos selecionar todo esse texto, Eu apenas cliquei e arrastei para baixo, você pode fazer um Comando ou Controle A para selecionar todos, ou vá para cima no menu de edição para selecionar tudo, isso teria funcionado, também. Nós vamos copiar isso, e novamente, algumas maneiras diferentes de fazê-lo. Controle C, você pode clicar com o botão direito e copiar, ou você pode ir para o menu de edição para copiar. Se voltarmos aos nossos dois sem título, agora, é aqui que você tem que ter muito cuidado, porque se você estiver na visualização de código, e você cola esse texto diretamente na visualização de código, você pode ver que funciona. Mas se clicarmos na guia ao vivo aqui no centro, você pode ver que ele vem sem formatação de parágrafo. Tudo está em um grande parágrafo. Então vamos até o menu de edição e desfazer, porque há vários desfazer no Dreamweaver. Agora, desta vez, vamos voltar para a visualização ao vivo, e vamos mudar isso para a visualização de design, porque a visualização de design é melhor para editar nosso conteúdo. Se colocarmos o cursor no topo desta página e colarmos, você notará que nosso texto vem em com todas as pausas que existem. Então, se formos para nossa visualização de código, esta é a melhor parte do Dreamweaver é que quando olhamos para este texto, todas as nossas tags envolvem nosso conteúdo de texto, e permitindo a formatação que vemos aqui. Vamos até o menu de arquivos, vamos fazer um save nisso, e nesse módulo cinco, vamos chamar isso copiando o texto sublinhado. Não se esqueça das convenções de nomenclatura, sem espaços, sem caracteres especiais, sublinhados e hífens estão bem. Nós vamos salvar isso. Agora acabamos de adicionar este conteúdo a uma nova página, e não havia estilos nem áreas da página para nos preocuparmos. Tínhamos uma ficha limpa, mas o que fazemos se precisarmos colocar texto em uma página que já tem um layout para ele? Nesse caso, vamos ao nosso painel de arquivos, e vamos clicar duas vezes no about.html. E você pode ver que temos acentos circunflexos e uma barra ao lado disso, e isso é uma coisa legal sobre este painel de arquivos, ele nos diz um pouco sobre o tipo de arquivo que é, por isso está nos informando que este é um arquivo HTML, porque tem os acentos circunflexos e a barra nele. Então, vamos clicar duas vezes nele para abri-lo. Agora, aqui temos uma página de layout, e você pode ver como ele tem muito conteúdo. E aqui no canto superior esquerdo, há uma área, se colocarmos o cursor nessa área, você pode ver que temos um cursor piscando. Agora, na parte inferior da nossa página, esta é uma dessas áreas no Dreamweaver que irá ajudá-lo a aprender sobre o código. Falamos no módulo três sobre HTML, e como devemos aninhar nossas tags corretamente, e aqui embaixo, ele nos diz todas as tags que estão aninhados em torno desta tag H3. Há um artigo que tem uma classe de artigo à esquerda, há uma tag de seção, há uma tag div que tem um contêiner, e todos eles pertencem ao nosso corpo. O que vamos fazer agora é acessar nosso painel de arquivos, e vamos clicar duas vezes sobre isso sobre txt na pasta diversos, e temos algumas informações sobre o grupo que cria este boletim mensal de caminhadas, e assim vamos selecionar todo este texto. Agora estamos abrindo arquivos de texto diretamente no Dreamweaver, mas você pode copiar e colar de um e-mail, de um documento do Word, de um PDF, é por isso que temos essa pasta miscelânea que pode conter todos os arquivos que possuem texto que vamos colocar em nossas páginas. Se você tivesse um documento do Microsoft Word lá, e clicar duas vezes nele, ele abriria a palavra para você. O Dreamweaver não pode abrir arquivos do Word aqui, mas permitiria que você abrisse o Word. Então vamos selecionar este texto. Vamos copiá-lo, vamos para o nosso cerca, e vamos colocar nosso cursor bem no topo, e vamos colar. Então, novamente, clique com o botão direito para colar, controle V, edite para colar, qualquer um desses servirá. Agora, quando colamos nosso conteúdo aqui, você pode ver que nós conseguimos toda a formatação de nossos parágrafos, mas você também notará que o texto aqui parece um pouco diferente do que a versão ao vivo deste texto de cópia. E isso porque este documento de texto copiado não tem estilos. Então está vindo usando a fonte padrão, que é Times New Roman, mas nesse about.html, porque este documento tem uma folha de estilo externa aplicado a ele, e podemos dizer isso porque lá no topo, temos um arquivo relacionado, então porque isso tem uma folha de estilo aplicada a ele, nosso texto está chegando já formatado. Assim, quando você adiciona texto a um documento no Dreamweaver, realmente depende do que mais está acontecendo nesse documento, especialmente se você tiver estilos usados em seu documento, então seu texto virá formatado. Mas se você não fizer isso, seu texto virá como tipo Times New Roman, mas toda a sua formatação de parágrafo, as quebras de seus parágrafos, elas virão, contanto que você copie e cole na visualização de design. Então, nesta lição, você aprendeu como adicionar texto a páginas no Adobe Dreamweaver.
