O Dreamweaver é uma ferramenta muito utilizada para o desenvolvimento de websites, ele reconhece linguagens como php, html, javascript css e outros. Uma de suas principais vantagens do programa é que com ele podemos ter uma prévia do website que estamos desenvolvendo a medida em que criamos seu código fonte.
Para criar um novo documento no Dreamweaver va na guia File > New. Marque "Blank Page" e selecione o tipo de página com o qual você irá trabalhar, feito isso pressione "create" e seu documento será criado.
Assim que você cria um novo documento o Dreanweaver permite que você trabalhe em 3 tipos de ambiente, na figura abaixo marcamos o local por onde você alterna entre os 3 tipos de ambientes disponíveis no Dreamweaver:
Code: Neste ambiente você irá visualizar apenas o código de sua página podendo modificá-lo conforme necessário.
Split: Neste ambiente você poderá trabalhar com o código ou diretamente no design do site. Trabalhando no código você poderá na medida em que o modifica ver o resultado visual da página. Trabalhando pelo design do site você poderá manipular os elementos da página através da exibição prévia de sua página e à medida que for modificando os elementos da mesma poderá ver seu código sendo atualizado automaticamente pelo programa.
Design: neste ambiente você irá trabalhar de forma visual através da exibição prévia de sua página.
Split: Neste ambiente você poderá trabalhar com o código ou diretamente no design do site. Trabalhando no código você poderá na medida em que o modifica ver o resultado visual da página. Trabalhando pelo design do site você poderá manipular os elementos da página através da exibição prévia de sua página e à medida que for modificando os elementos da mesma poderá ver seu código sendo atualizado automaticamente pelo programa.
Design: neste ambiente você irá trabalhar de forma visual através da exibição prévia de sua página.
A forma mais recomendável de se trabalhar no Dreanweaver é inicialmente desenvolver o site utilizando o ambiente de Design, assim você irá economizar tempo, depois utilize o ambiente de Code para inserir códigos ou formatações específicas.
No ambiente de Code, o Dreamweaver fornece o recurso de auto-completar. Este recurso é automaticamente ativado enquanto você digita o código fonte de seu website. Em algum momento este recurso pode acabar não sendo ativado automaticamente, felizmente você pode forçar sua execução apertando CTRL + ESPAÇO. Assim que a janela de opções do recurso auto-completar for exibida, utilize as setas do seu teclado para selecionar a propriedade desejada e depois pressione ENTER. Veja abaixo um exemplo deste recurso:
0 comentários:
Postar um comentário