APLICAÇÕES PARA WEB- DREAMWEAVER - AULA 2 Prof. Daniela Pires

Transcrição

1 Sumário Abrindo o Dreamweaver... 2 Configurando acentuação... 3 Configurando a escrita de CSS... 4 Ajuste Designer... 5 Configurando Browser para preview... 6 Configurar Website... 8 CONFIGURANDO PARA O PHP Configurando servidor local XAMPP Configurando FTP Acessando o FTP para jogar os arquivos Configurando a pasta base do SERVIDOR para transferência

2 Abrindo o Dreamweaver Abrirá a tela acima que terá as seguintes opções, como mostram os gráficos abaixo. Abre os últimos arquivos trabalhandos. Os arquivos recentes CREATE NEW que irá criar um arquivo nos formatos, abaixo. TOP FEATURES, são vídeos de tutoriais. De cada item. 2

3 Configurando acentuação Deve-se ajustar a acentuação, pois o padrão do Dreamweaver vem instalado o UTF8 padrão inglês. E você deve mudar para ISSO Para tanto entre em EDIT / PREFERENCES. 3

4 Preencha os dados conforme a imagem ao lado. EUROPEU OCIDENTAL, irá transformar em ISO 5589 e UNICODE NORMALIZATION FORM: Coloque NONE. Configurando a escrita de CSS Clique em CSS Styles, e na configuração de SHORTLAND, preencha conforme os dados abaixo. 4

5 Ajuste Designer Ajuste o DESIGNER, para DESIGNER COMPACT, para que os menus apareçam. 5

6 Configurando Browser para preview APLICAÇÕES PARA WEB- DREAMWEAVER - AULA 2 EDIT/PREFERENCES Por pré-configuração virá na tecla F12, no browser padrão do seu computador. Tem como configurar um BROWSER SECUNDÁRIO. Clique sob o browser e tique se é browser PRIMÁRIO ou SECUNDÁRIO. F12 = IRÁ TESTAR O CÓDIGO NO BROWSER PRIMÁRIO CTRL+F12 TESTARÁ O CÓDIGO NO BROWSER SECUNDÁRIO. 6

7 7

8 Configurar Website Porque é importante eu configurar um WEBSITE, no DW? APLICAÇÕES PARA WEB- DREAMWEAVER - AULA 2 Quando eu configuro um website no DW, eu preservo os PATHs (caminhos), como se estivesse no servidor. Utilizar os caminhos, como se eu estivesse na raiz de um website. Uma imagem que está no c:/site/img/flor.jpg. Se eu configurar que a pasta PADRÃO É O C:/SITE. Quando eu escrever o código <img src= img/flor.jpg > se o arquivo estiver na raiz, ele vai carregar normalmente. Na janela WINDOW, ele tem uma opção chama FILES. Que eu posso acessar, pelo WINDOW/FILES. 8

9 Clico em manage sites, ele abre uma janela igual AO LADO. Na primeira tela é do site, ele o nome do site. O endereço local onde estarão os arquivos. Ele vai entender que essa pasta é como se fosse um WWW. Ou seja a raiz do website. Se eu transferir esses arquivos para um servidor web, ele irá funcionar como um website. Feito isso está pronto para trabalhar com HTML. 9

10 CONFIGURANDO PARA O PHP APLICAÇÕES PARA WEB- DREAMWEAVER - AULA 2 CLICO NO + para configurar um servidor Eu clico na abar SERVERS, para configurar um servidor web. Para que eu posso colocar os arquivos para serem acessados pelo domínio. Geralmente essa transferência é feita via FTP (FILE TRANSFER PROTOCOL) Protocolo de transferência de arquivos, Ele serve para eu publicar meu site no servidor web. Configurando servidor local XAMPP PREENCHER OS DADOS DE SERVIDOR: Server Name: preencha exercício Connect using: troque para Local/Network Server Folder: c:\xampp\htdocs É a pasta onde devemos salvar os arquivos para trabalhar no PHP. Web URL: coloque localhost 10

11 Coloque testing para ver o site com o F12 de testar na internet. Aplique DONE para terminar o procedimento. Configurando FTP 11

12 PREENCHER OS DADOS DE FTP: SERVER NAME: Nome do servidor, coloco o nome do site. FTP ADDRESS = HOST, que o provedor irá fornecer, ou é um IP, ou é um endereço conforme o domínio. Seria por exemplo, domínio o FTP seria ftp.uol.com.br. Porém para eu acessar, não basta apenas ter o host, eu tenho que ter um login de FTP e uma senha de FTP. Username = login de ftp Password = senha do FTP Só fazer esse procedimento acima, não irá garantir que o FTP funcione, porque, a maioria dos servidores web, tem seu FTP protegido. Eu tenho que ativar o Passive FTP. 12

13 Eu posso também acessar o FTP via URL, como mostram as imagens abaixo, para isso bata saber o HOST e preencher o LOGIN e SENHA de FTP do site a ser atualizado. 13

14 14

15 15

16 Salvo o FTP. Quando eu termino de salvar o FTP, o nome que eu criei é o que vai aparecer aqui do lado. 16

17 Acessando o FTP para jogar os arquivos Como eu acesso o FTP para transferir os arquivos? APLICAÇÕES PARA WEB- DREAMWEAVER - AULA 2 Clique sob o ícone de conexão para acessar o servidor 17

18 Na tela abaixo mostra a conexão com o servidor web. Quando eu conecto com o servidor o ícone fica verdinho. 18

19 Clica o ícone para expandir a tela em lado servidor e lado arquivo. 19

20 ESTA PARTE SÃO OS ARQUIVOS DO SERVIDOR ESTA PARTE SÃO OS ARQUIVOS LOCAIS DO SEU COMPUTADOR 20

21 Para eu fazer FTP, transferir os arquivos do local para o servidor, basta eu arrastar o arquivo da pasta LOCAL para a PASTA SERVIDOR. Quando eu jogo um arquivo para o servidor, nem sempre os mesmos devem ser jogados na raiz que o FTP abrirá, se o servidor for LINUX, eu tenho que jogar dentro da pasta PUBLIC_HTML ou WWW. Se eu jogar na raiz não vai acontecer nada. Se eu estiver hospedando na LOCAWEB, o padrão é a pasta WEB. Na configuração de FTP do DW, eu tenho como configurar a pasta padrão. Por exemplo: Meu blog está dentro do subdomínio blog.meudominio.com.br. Para eu jogar os arquivos devo jogar dentro do WWW/BLOG, então na tela de configuração de FTP, devo fazer a alteração abaixo. 21

22 Configurando a pasta base do SERVIDOR para transferência Clico em MANAGE SITES para acessar a configuração do mesmo. 22

23 Clico em MANAGE SITES para acessar a configuração do mesmo. 23

24 Clico na aba server para editar o FTP. Clico duas vezes sob o FTP, para abrir o mesmo para edição. Se eu quiser que meus arquivos sejam salvo dentro, por exemplo do devo salvar o ROOT DIRECTORY, como WWW (O PROVEDOR IRÁ FORNECER)/BLOG. Se o LOCAL e o SERVIDOR estiverem EQUALIZADOS, ou seja iguais na mesma raiz de pastas, ao eu, salvar um arquivo e apertar o comando CONTROL + SHIFT + U, eu faço FTP na pasta e arquivo igual ao local. 24

25 25