livro flash 8.pdf

Usando o Dreamweaver

Marcas comerciais

1-Step RoboPDF, ActiveEdit, ActiveTest, Authorware, Blue Sky Software, Blue Sky, Breeze, Breezo, Captivate, Central, ColdFusion, Contribute, Database Explorer, Director, Dreamweaver, Fireworks, Flash, FlashCast, FlashHelp, Flash Lite, FlashPaper, Flex, Flex Builder, Fontographer, FreeHand, Generator, HomeSite, JRun, MacRecorder, Macromedia, MXML, RoboEngine, RoboHelp, RoboInfo, RoboPDF, Roundtrip, Roundtrip HTML, Shockwave, SoundEdit, Studio MX, UltraDev e WebHelp so marcas registradas ou comerciais da Macromedia, Inc. e podem estar registradas nos Estados Unidos ou em outras jurisdies, inclusive jurisdies internacionais. Outros nomes de produtos, logotipos, desenhos, ttulos, palavras ou frases mencionadas nesta publicao podem ser marcas comerciais ou de servio, bem como nomes comerciais da Macromedia, Inc. ou de outras entidades, podendo estar registrados em determinadas jurisdies, inclusive internacionais.

Informaes sobre outros fabricantes

Este guia contm links para sites de terceiros que no esto sob controle da Macromedia, e a Macromedia no se responsabiliza pelo contedo de quaisquer sites de terceiros. O acesso a um site da Web de terceiros mencionado neste guia deve ser feito por sua prpria conta e risco. A Macromedia fornece esses links apenas para a sua convenincia e a incluso desses no implica endosso ou responsabilidade pelo contedo dos sites de outros fabricantes.

Copyright 1997-2005 Macromedia, Inc. Todos os direitos reservados. Este manual no pode ser copiado, fotocopiado, reproduzido, traduzido ou convertido para qualquer meio eletrnico ou formato legvel por mquina, parcial ou integralmente, sem aprovao por escrito da Macromedia, Inc. No obstante o acima exposto, o proprietrio ou o usurio autorizado de uma cpia vlida do software com o qual este manual foi fornecido pode imprimir uma cpia deste manual a partir de uma verso eletrnica deste manual com a nica finalidade de tal proprietrio ou usurio autorizado aprender a usar o referido software, desde que nenhuma parte deste manual possa ser impressa, reproduzida, distribuda, revendida ou transmitida para quaisquer outras finalidades, incluindo, mas no limitado a, finalidades comerciais, tais como a venda de cpias desta documentao ou o fornecimento de servios de suporte pago.

Agradecimentos

Gerente de projeto: Charles Nadeau

Redatores: Michael Varese

Demais redatores: Jennifer Rowe, Paul Gubbay, Charles Nadeau

Edio: Rosana Francescato, Lisa Stanziano, Anne Szabla, Mary Ferguson, Mark Nigara

Gerentes de produo e edio: Patrice ONeill e Rosana Francescato

Projeto e produo de mdia: Adam Barnett, Aaron Begley, Paul Benkman, John Francis, Geeta Karmarkar, Paul Rangel, Arena Reed, Mario Reynoso

Gerente de localizao: Melissa Baerwald

Agradecimentos especiais para Sheila McGinn, Paul Gubbay, Vic Mitnick, Jim Doubek, Joaquin Blas, Wenlan Du, Ken Karleskint, Jennifer Taylor, Jorge Taylor, Nick Halbakken, Scott Richards, Sami Kaied, John Skidgel, Masayo Noda, Kristin Conradi, Yuko Yagi, os responsveis pelos testes da verso beta e toda a equipe de engenharia e de controle de qualidade da Dreamweaver.

Primeira edio: Setembro de 2005

Macromedia, Inc. 601 Townsend St. San Francisco, CA 94103, EUA

Sumrio

PARTE 1:

IntroduoNovidadesOnde iniciaFluxo de trUtilizar o DDreamweaGuia para aConveneRecursos d

Captulo 1:

Sobre a rTrabalhar nUtilizar barUtilizar paiUtilizar os Otimizar a Utilizar guiDreamwea

Captulo 2

Sobre sitesConfigurarUtilizar as dDreamweaEditar definEditar sites3PRINCPIOS BSICOS DO DREAMWEAVER

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19 do Dreamweaver 8 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20r . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24

abalho do Dreamweaver para criar sites da Web . . . . . . . 28reamweaver com outros aplicativos. . . . . . . . . . . . . . . . . . . 33ver e acessibilidade . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33 mdia de treinamento do Dreamweaver. . . . . . . . . . . . . . . 36s tipogrficas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40e tecnologias da Web e HTML. . . . . . . . . . . . . . . . . . . . . . . 40

Explorar a rea de trabalho. . . . . . . . . . . . . . . . . . . . . 43

ea de trabalho do Dreamweaver . . . . . . . . . . . . . . . . . . . . . . 43a janela do documento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56

ras de ferramentas, inspetores e menus contextuais . . . . 59nis e grupos de painis . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .67recursos de acessibilidade do Dreamweaver . . . . . . . . . . . .70rea de trabalho para o projeto de pgina acessvel. . . . . .76as visuais no Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . 77ver conceitos bsicos de personalizao . . . . . . . . . . . . . . .78

: Configurar um site do Dreamweaver . . . . . . . . . . . . .87

do Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .87 um novo site do Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . 90efinies avanadas para configurar um site do

ver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 91ies de um site do Dreamweaver . . . . . . . . . . . . . . . . . . . .97 da Web j existentes no Dreamweaver . . . . . . . . . . . . . . . .97

4 Sumrio

Captulo 3: Criar e abrir documentos . . . . . . . . . . . . . . . . . . . . . . 101

Criar novos documentos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102Salvar um novo documento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105Definir um novo tipo de documento padro . . . . . . . . . . . . . . . . . . . . . 106Definir a extenso de arquivo padro de novos documentos HTML. . . .Abrir docuLimpar arq

PARTE 2:

Captulo 4

Sobre o geAcessar sitExibir arquComparar Reverter aGerenciar Trabalhar cImportar e Remover uDevolver eObter e coSincronizaIdentificar Mascarar aArmazenarTestar o sit

Captulo 5

Sobre itenTrabalhar cCriar e gerTrabalhar c . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106mentos existentes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107uivos HTML do Microsoft Word. . . . . . . . . . . . . . . . . . . . . . 108

TRABALHAR COM SITES DO DREAMWEAVER

: Gerenciar arquivos . . . . . . . . . . . . . . . . . . . . . . . . . . . 113

renciamento de sites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .114es, um servidor e unidades locais . . . . . . . . . . . . . . . . . . . . .118ivos e pastas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 122arquivos para conhecer as diferenas . . . . . . . . . . . . . . . . . 126rquivos (usurios do Contribute) . . . . . . . . . . . . . . . . . . . . . . 132arquivos e pastas no painel Files (Arquivos) . . . . . . . . . . . 132om um mapa visual do site . . . . . . . . . . . . . . . . . . . . . . . . . . 137exportar sites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 147m site do Dreamweaver da lista de sites . . . . . . . . . . . . . . 148 retirar arquivos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 148locar arquivos no servidor . . . . . . . . . . . . . . . . . . . . . . . . . . . 155r os arquivos nos sites local e remoto . . . . . . . . . . . . . . . . . .161e excluir arquivos no-utilizados. . . . . . . . . . . . . . . . . . . . . . 162s pastas e os arquivos do site . . . . . . . . . . . . . . . . . . . . . . . . 163 informaes sobre arquivos nas Design Notes . . . . . . . . 167e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 171

: Gerenciar bibliotecas e propriedades de sites . . . . 177

s de biblioteca . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 177om propriedades. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 179

enciar uma lista de propriedades favoritas . . . . . . . . . . . . . 188om itens de biblioteca . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .191

Captulo 6: Gerenciar sites do Contribute com o Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .201

Sobre o gerenciamento de sites do Contribute . . . . . . . . . . . . . . . . . . 202Preparar um site para utilizar com o Contribute . . . . . . . . . . . . . . . . . 207Administrar um site do Contribute utilizando o Dreamweaver . . . . . 208Gerenciar Solucionar

PARTE 3:

Captulo 7

Sobre camInserir umaDefinir proGerenciar Manipular Converter Animar camInserir tagsTrabalhar cAlterar a coTrabalhar cUtilizar rgUtilizar um

Captulo 8

Sobre as taInserir umaImportar e SelecionarUsar o modfacilitar a eFormatar tRedimensiAdicionar eDividir e mCopiar, colAninhar tabOrdenar taSumrio 5

arquivos do Contribute utilizando o Dreamweaver . . . . . .210 problemas de um site do Contribute . . . . . . . . . . . . . . . . . .214

CRIAR LAYOUTS DE PGINA

: Criar layouts de pginas com CSS . . . . . . . . . . . . . .219

adas no Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 220 camada . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 222priedades e preferncias de camadas . . . . . . . . . . . . . . . . 225camadas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 227camadas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 230camadas em tabelas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 233

adas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 235 div no layout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 244om tags div no layout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 246r de realce de tags div. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 247om visualizao de layout CSS . . . . . . . . . . . . . . . . . . . . . 248uas, guias e grades para definir o layout de pginas. . . . 250a imagem de rastreamento . . . . . . . . . . . . . . . . . . . . . . . . . . 254

: Apresentar contedo com tabelas . . . . . . . . . . . . . 257

belas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 258 tabela e adicionar contedo . . . . . . . . . . . . . . . . . . . . . . . . 260exportar dados tabulares . . . . . . . . . . . . . . . . . . . . . . . . . . . .261 os elementos da tabela . . . . . . . . . . . . . . . . . . . . . . . . . . . . 262o Expanded Tables (Tabelas expandidas) para

dio da tabela . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 266abelas e clulas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 267onar tabelas, colunas e linhas . . . . . . . . . . . . . . . . . . . . . . . 270 remover linhas e colunas . . . . . . . . . . . . . . . . . . . . . . . . . . 275

esclar clulas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 276ar e excluir clulas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 278elas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .281

belas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .281

6 Sumrio

Captulo 9: Criao de pginas no modo Layout . . . . . . . . . . . 283

Sobre o modo Layout. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .284Alternar do modo Standard (Padro) para o modo Layout . . . . . . . .288Desenhar no modo Layout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .289Adicionar contedo a uma clula de layout . . . . . . . . . . . . . . . . . . . . . .293Limpar autRedimensiFormatar cDefinir a laDefinir pre

Captulo 10

Sobre quaTrabalhar cCriar quadSelecionarAbrir um dSalvar arquVisualizaExibir e deControlar oLidar com Utilizar com

Captulo 11

Sobre modCriar um mCriar modeCriar regiCriar regiUsar regieDefinir atriCriar um mEditar e atuGerenciar Exportar eExportar uAplicar ou Editar contomaticamente as alturas das clulas. . . . . . . . . . . . . . . . . 295onar e mover clulas e tabelas de layout . . . . . . . . . . . . . 295lulas e tabelas de layout . . . . . . . . . . . . . . . . . . . . . . . . . . . .297rgura da coluna . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .298ferncia para o modo Layout. . . . . . . . . . . . . . . . . . . . . . . . 302

: Utilizao de quadros . . . . . . . . . . . . . . . . . . . . . . . 303

dros e conjuntos de quadros . . . . . . . . . . . . . . . . . . . . . . . . 303om conjuntos de quadros na janela do documento. . . . 309

ros e conjuntos de quadros . . . . . . . . . . . . . . . . . . . . . . . . . 309 quadros e conjuntos de quadros . . . . . . . . . . . . . . . . . . . . . 313ocumento em um quadro . . . . . . . . . . . . . . . . . . . . . . . . . . . . 316ivos de quadros e de conjuntos de quadros . . . . . . . . . . . 316o e definio de propriedades e atributos de quadros . . 318

finir propriedades de conjuntos de quadros . . . . . . . . . . . 320 contedo de quadros com links . . . . . . . . . . . . . . . . . . . . . 321

um navegador que no pode exibir quadros . . . . . . . . . . .323portamentos JavaScript com quadros . . . . . . . . . . . . . . .323

: Gerenciar modelos . . . . . . . . . . . . . . . . . . . . . . . . . . 325

elos do Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .326odelo no Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . 340los para um site do Contribute . . . . . . . . . . . . . . . . . . . . . . 344

es editveis . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .346es repetitivas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 350

s opcionais . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .353butos de tag editveis . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .356odelo aninhado. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .357alizar modelos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 359

modelos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .363 importar o contedo XML de um modelo . . . . . . . . . . . . .364m site sem markup de modelo. . . . . . . . . . . . . . . . . . . . . . . .365remover um modelo de um documento existente. . . . . . .366edo em um documento baseado em modelo . . . . . . . . .368

PARTE 4: ADICIONAR CONTEDO S PGINAS

Captulo 12: Trabalhar com pginas . . . . . . . . . . . . . . . . . . . . . . 375

Sobre o trabalho com pginas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 375Salvar pginas da Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 380EspecificaDefinir proTrabalhar cSelecionarAplicar zooUtilizar o pAutomatizaUtilizar come plug-ins Visualizar eDefinir pre

Captulo 13

Formatar tInserir textFormatar pFormataUtilizar a ocascata) pVerificar a Procurar e

Captulo 14

Sobre as imInserir umaRedimensiCortar umaUsar o FireAjustar o bDefinir a niCriar uma iUsar um edAplicar comSumrio 7

r HTML em vez de CSS. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .381priedades de pgina . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .381om cores . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 384 elementos na janela do documento. . . . . . . . . . . . . . . . . . 386m . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 389

ainel History (Histrico) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 390r tarefas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .391portamentos JavaScript para detectar navegadores

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 398 testar pginas em navegadores . . . . . . . . . . . . . . . . . . . . 399

ferncias de tamanho e tempo de download . . . . . . . . . . 402

: Inserir e formatar texto . . . . . . . . . . . . . . . . . . . . . . 405

exto no Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 405o . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .418argrafos e estruturas de documento . . . . . . . . . . . . . . . . 422o do texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 427po Cascading Style Sheets (Folha de estilo em ara formatar texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 433ortografia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 443 substituir texto. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 444

: Inserir imagens. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 445

agens. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 445 imagem . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 448onar uma imagem . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 453 imagem . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 454works para otimizar uma imagem. . . . . . . . . . . . . . . . . . . . 455rilho e o contraste de uma imagem. . . . . . . . . . . . . . . . . . . 456tidez de uma imagem. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 456magem cambivel. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 457itor de imagens externo . . . . . . . . . . . . . . . . . . . . . . . . . . . . 458portamentos a imagens. . . . . . . . . . . . . . . . . . . . . . . . . . . . 459

8 Sumrio

Captulo 15: Links e navegao. . . . . . . . . . . . . . . . . . . . . . . . . . . 461

Localizaes e caminhos dos documentos. . . . . . . . . . . . . . . . . . . . . .462Menus de salto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .465Barras de navegao . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .466Sobre mapas de imagens . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .467Criar links.Gerenciar Inserir menUsar as baUsar mapaAnexar comVerificar linCorrigir linkAbrir docu

Captulo 16

Sobre a intOtimizar o Trabalhar cTrabalhar c

Captulo 17

Sobre os aInserir e edIniciar um eUtilizar as Dde mdia . .Inserir e moInserir um oInserir conFazer o doInserir elemEditar atribInserir docInserir conInserir filmeAdicionar vAdicionar sInserir conInserir um cInserir um a . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .467links . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .479us de salto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .483

rras de navegao . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .486s de imagens. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .488

portamentos JavaScript aos links . . . . . . . . . . . . . . . . . . . 491ks rompidos, externos e rfos . . . . . . . . . . . . . . . . . . . . . . 491s rompidos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 493

mentos vinculados no Dreamweaver. . . . . . . . . . . . . . . . . 495

: Trabalhar com outros aplicativos . . . . . . . . . . . . . 497

egrao com o Fireworks e com o Flash . . . . . . . . . . . . . .497ambiente de trabalho para Fireworks e Flash . . . . . . . . . 498om o Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 499om o Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 512

: Adicionar udio, vdeo e elementos interativos . . . 515

rquivos de mdia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 516itar um objeto de mdia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 518ditor de arquivos de mdia externo . . . . . . . . . . . . . . . . . . . 521esign Notes (Notas de design) com um objeto

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .523dificar um objeto de boto Flash . . . . . . . . . . . . . . . . . . . .523bjeto de texto do Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . .526

tedo Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .526wnload e instalar os elementos Flash . . . . . . . . . . . . . . . . .527entos Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .528

utos de elementos Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . 529umento do FlashPaper . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 529tedo do Flash Video. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 530

s Shockwave . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .534deo (no-Flash) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .535om a uma pgina. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .535

tedo de plug-in para Netscape Navigator. . . . . . . . . . . . .537ontrole ActiveX . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 539pplet Java. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 539

Utilizar comportamentos para controlar elementos de mdia . . . . . . 540

Captulo 18: Utilizar comportamentos JavaScript. . . . . . . . . . . .541

Utilizar o painel Behaviors (Comportamentos) . . . . . . . . . . . . . . . . . . 543Sobre os eventos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 543Aplicao Anexar umAlterar umAtualizar uCriar novasFazer o dofabricantesUtilizar as ao Dreamwe

PARTE 5:

Captulo 19

Exibir o cUtilizar a no WindowDefinir prePersonalizAbrir arquiDefinir preGerenciar Importar taUtilizar um

Captulo 2

Sobre a coEscrever eProcurar eFazer alterUtilizar o mImprimir o Sumrio 9

de um comportamento. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 544 comportamento ao texto . . . . . . . . . . . . . . . . . . . . . . . . . . . 545 comportamento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 546m comportamento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 547 aes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 548

wnload e instalar os comportamentos de outros . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 548es de comportamentos enviadas com aver. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 549

TRABALHAR COM CDIGOS DE PGINA

: Configurar o ambiente de codificao . . . . . . . . . 583

digo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 583rea de trabalho orientada a codificador (apenas

s) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 585ferncias de codificao . . . . . . . . . . . . . . . . . . . . . . . . . . . . 585ar atalhos de teclado . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 589vos na visualizao do cdigo por padro. . . . . . . . . . . . . 589ferncias do Validator (Validador) . . . . . . . . . . . . . . . . . . . . 590bibliotecas de tags . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .591gs personalizadas para o Dreamweaver . . . . . . . . . . . . . 596 editor de HTML externo com o Dreamweaver . . . . . . . . 599

0: Codificar no Dreamweaver . . . . . . . . . . . . . . . . . . 603

dificao no Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . 604 editar o cdigo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .613 substituir tags e atributos . . . . . . . . . . . . . . . . . . . . . . . . . . . 628aes rpidas em uma seleo do cdigo . . . . . . . . . . . . 630aterial de referncia de linguagens . . . . . . . . . . . . . . . . . . .631

cdigo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 632

10 Sumrio

Captulo 21: Otimizar e depurar o cdigo. . . . . . . . . . . . . . . . . . 633

Limpar o cdigo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .633Verificar se as tags e as chaves esto ajustadas . . . . . . . . . . . . . . . . .634Verificar a compatibilidade com navegadores . . . . . . . . . . . . . . . . . . .635Validar tags . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .639Tornar pgUsar o dep

Captulo 2do projeto

Editar o cde propriedAlterar atriEditar o cEditar cdiEditar scripTrabalhar cUtilizar comExibir e ed

PARTE 6:

Captulo 2

O que neConfigurarConfigurarCriar uma pDefinir um Efetuar a c

Captulo 2desenvolv

Conectar-sEditar ou e

Captulo 2desenvolv

Conectar-sEditar ou einas compatveis com XHTML . . . . . . . . . . . . . . . . . . . . . . 640urador ColdFusion (somente no Windows) . . . . . . . . . . . . 641

2: Editar o cdigo na Design View (Visualizao ) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 643

digo com o Property inspector (Inspetor ades) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 644

butos com o Tag inspector (Inspetor de tags) . . . . . . . . . 644digo com o Quick Tag Editor. . . . . . . . . . . . . . . . . . . . . . . . .646go com o seletor de tags . . . . . . . . . . . . . . . . . . . . . . . . . . . 649ts. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 650om incluses do servidor. . . . . . . . . . . . . . . . . . . . . . . . . . . .652portamentos JavaScript. . . . . . . . . . . . . . . . . . . . . . . . . . . .653

itar o contedo do cabealho . . . . . . . . . . . . . . . . . . . . . . . .654

PREPARAR PARA A CRIAO DE SITES DINMICOS

3: Configurar um aplicativo para a Web . . . . . . . . . .657

cessrio para criar aplicativos para a Web. . . . . . . . . . . . .657 um servidor da Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .658 um servidor de aplicativos. . . . . . . . . . . . . . . . . . . . . . . . . . 659asta raiz para o aplicativo . . . . . . . . . . . . . . . . . . . . . . . . . . .663

site do Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .665onexo com um banco de dados . . . . . . . . . . . . . . . . . . . . .668

4: Conexes de banco de dados para edores ColdFusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . 669

e a um banco de dados . . . . . . . . . . . . . . . . . . . . . . . . . . . . .669xcluir uma conexo de banco de dados . . . . . . . . . . . . . . .672

5: Conexes de banco de dados para edores de ASP.NET. . . . . . . . . . . . . . . . . . . . . . . . . . . .673

e a um banco de dados . . . . . . . . . . . . . . . . . . . . . . . . . . . . .673xcluir uma conexo de banco de dados . . . . . . . . . . . . . . .678

Captulo 26: Conexes de banco de dados para desenvolvedores de ASP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 681

Sobre conexes de banco de dados no ASP . . . . . . . . . . . . . . . . . . . .681Criar uma conexo DSN . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 684Criao de uma conexo sem DSN . . . . . . . . . . . . . . . . . . . . . . . . . . . 688Efetuar a cEditar ou e

Captulo 2desenvolv

Sobre conConectar-sConectar-sEditar ou e

Captulo 2desenvolv

Conectar-sEditar ou e

Captulo 2de dados

SolucionarSolucionarSolucionar

PARTE 7:

Captulo 3desenvolv

Exibir painExibir o baExibir o LivTrabalhar nVisualizar pRestringir uSumrio 11

onexo com um banco de dados atravs de um ISP . . . 689xcluir uma conexo de banco de dados. . . . . . . . . . . . . . . 693

7: Conexes de banco de dados para edores JSP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 695

exes de banco de dados no JSP. . . . . . . . . . . . . . . . . . . . 695e a um banco de dados. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 697e atravs de um driver ODBC . . . . . . . . . . . . . . . . . . . . . . . 699xcluir uma conexo de banco de dados. . . . . . . . . . . . . . . 702

8: Conexes de banco de dados para edores PHP. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 705

e a um banco de dados. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 705xcluir uma conexo de banco de dados. . . . . . . . . . . . . . . 706

9: Solucionar problemas de conexes de banco . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 709

problemas de permisses . . . . . . . . . . . . . . . . . . . . . . . . . . 709 mensagens de erro da Microsoft . . . . . . . . . . . . . . . . . . . . . 711 mensagens de erro do MySQL . . . . . . . . . . . . . . . . . . . . . . 718

TORNAR DINMICAS AS PGINAS

0: Otimizar a rea de trabalho para imento visual . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 721

is de desenvolvimento de aplicativos para a Web. . . . . . 721nco de dados no Dreamweaver . . . . . . . . . . . . . . . . . . . . . . 724e Data na visualizao do projeto . . . . . . . . . . . . . . . . . . . 725a visualizao do projeto sem o Live Data. . . . . . . . . . . . . 731ginas dinmicas em um navegador. . . . . . . . . . . . . . . . . 732ma informao do banco de dados no Dreamweaver . 733

12 Sumrio

Captulo 31: Fluxo de trabalho para projetos de pginas dinmicas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .735

Projetar a pgina . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .735Criar uma fonte de contedo dinmico. . . . . . . . . . . . . . . . . . . . . . . . . .736Adicionar contedo dinmico a uma pgina da Web . . . . . . . . . . . . .738Aprimorar Testar e de

Captulo 3

Utilizar umColetar dadAcessar da

Captulo 3

Sobre fontDefinir um Definir os pDefinir os pDefinir as vDefinir variUtilizar umColdFusionDefinir variArmazenarAlterar ou eCopiar um

Captulo 3

Sobre a adTornar dinTornar dinTornar dinTornar dinobjetos . . .Editar contExcluir o coCriar pgina funcionalidade de uma pgina dinmica . . . . . . . . . . . . .739purar a pgina . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 741

2: Obter dados para a pgina . . . . . . . . . . . . . . . . . . 745

banco de dados para armazenar contedo. . . . . . . . . . . .745os enviados por usurios . . . . . . . . . . . . . . . . . . . . . . . . . . . 747dos armazenados em variveis de sesso . . . . . . . . . . . .752

3: Definir as fontes de contedo dinmico . . . . . . . 759

es de contedo dinmico . . . . . . . . . . . . . . . . . . . . . . . . . . . .760recordset . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .765armetros de URL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .769armetros de formulrio . . . . . . . . . . . . . . . . . . . . . . . . . . . . 771ariveis de sesso . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 772veis de aplicativo ASP e ColdFusion . . . . . . . . . . . . . . . . 773a varivel como fonte de dados para um recordset

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 774veis de servidor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 775 em cache as fontes de contedo . . . . . . . . . . . . . . . . . . . . 778xcluir as fontes de contedo . . . . . . . . . . . . . . . . . . . . . . . . 778

recordset para outra pgina . . . . . . . . . . . . . . . . . . . . . . . . . 779

4: Adicionar contedo dinmico a pginas da Web . 781

io de contedo dinmico . . . . . . . . . . . . . . . . . . . . . . . . . . 781mico o texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .783micas as imagens . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .785micos atributos HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . .786micos objetos ActiveX, Flash e outros parmetros de

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 788edo dinmico . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .789ntedo dinmico . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .789

as dinmicas em um site do Contribute . . . . . . . . . . . . . . .790

Captulo 35: Exibir registros de bancos de dados . . . . . . . . . . 793

Sobre a exibio de registros de bancos de dados . . . . . . . . . . . . . . 793Utilizar formatos de dados predefinidos . . . . . . . . . . . . . . . . . . . . . . . . 800Criar links de navegao para recordsets . . . . . . . . . . . . . . . . . . . . . . 802Mostrar ou ocultar regies com base em resultados do recordset . 806Exibir vrioCriar uma tRegion (ReCriar um co

Captulo 3

Sobre comSobre tranSobre tranSobre dadSobre a visExecutar trExecutar trAplicar estSolucionar

Captulo 3

Sobre os sConfigurarAdicionar uWSDL. . . Adicionar uEditar a list

Captulo 3personaliz

Sobre os cInstalar comUsar o Serde servidoUsar parmPosicionarCriar uma cpersonalizaEditar e moSumrio 13

s resultados de recordsets . . . . . . . . . . . . . . . . . . . . . . . . . 806abela com um comportamento de servidor Repeat petir regio). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 808ntador de registros . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 809

6: Exibir dados XML em pginas da Web . . . . . . . . . 813

o usar XML e XSL com pginas da Web . . . . . . . . . . . . . .814sformaes de XSL no lado servidor . . . . . . . . . . . . . . . . . .816sformaes de XSL no lado cliente . . . . . . . . . . . . . . . . . . .819os XML e elementos repetidos . . . . . . . . . . . . . . . . . . . . . . 822ualizao de dados XML . . . . . . . . . . . . . . . . . . . . . . . . . . . 824ansformaes de XSL no servidor . . . . . . . . . . . . . . . . . . . 826ansformaes de XSL no cliente . . . . . . . . . . . . . . . . . . . . 842ilos a fragmentos XSLT . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 844 problemas de transformaes de XSL . . . . . . . . . . . . . . . 845

7: Usar os servios da Web . . . . . . . . . . . . . . . . . . . . 847

ervios da Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 848 geradores proxy para utilizao com o Dreamweaver. . 852m proxy para servios da Web utilizando a descrio

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 855m servio da Web a uma pgina . . . . . . . . . . . . . . . . . . . . 856a de sites de servios da Web UDDI . . . . . . . . . . . . . . . . . 859

8: Adicionar comportamentos de servidor ados . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 861

omportamentos de servidor . . . . . . . . . . . . . . . . . . . . . . . . . .861portamentos de servidor de terceiros . . . . . . . . . . . . . . . 873

ver Behavior Builder (Criador de comportamentos r) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 874

etros em comportamentos de servidor . . . . . . . . . . . . . . 878 blocos de cdigo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 878aixa de dilogo para um comportamento de servidor do . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 880dificar comportamentos de servidor . . . . . . . . . . . . . . . . . 883

14 Sumrio

Captulo 39: Criar formulrios. . . . . . . . . . . . . . . . . . . . . . . . . . . 885

Sobre os formulrios. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .886Criar formulrios HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 890Inserir objetos de formulrio HTML. . . . . . . . . . . . . . . . . . . . . . . . . . . . .892Inserir objetos de formulrio HTML dinmicos. . . . . . . . . . . . . . . . . . .898Validar dadAnexar comHTML. . . .Anexar scrCriar formu

PARTE 8:

Captulo 4

Sobre o deservidoresCriar formuCriar pginCriar pginJSP, PHPCriar uma pCriar pginCriar pginUtilizar os de dados (Criar pginJSP, PHPProteger uUtilizar com

Captulo 4

Criar formuCriar contrCriar pginCriar uma pCriar uma pCriar pginCriar pginUtilizar prode dados (Criar pginos de formulrio HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . 902portamentos JavaScript a objetos de formulrio

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 903ipts personalizados a botes de formulrio HTML. . . . . 903lrios HTML acessveis . . . . . . . . . . . . . . . . . . . . . . . . . . . . 904

DESENVOLVER APLICATIVOS RAPIDAMENTE

0: Criar aplicativos ColdFusion rapidamente . . . . . 909

senvolvimento rpido de aplicativos (todos os ). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 909lrios no ColdFusion MX 7 . . . . . . . . . . . . . . . . . . . . . . . . . . 915as-mestras/detalhes (ColdFusion) . . . . . . . . . . . . . . . . . . .928as de busca/resultados (ColdFusion, ASP,

). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .937gina de insero de registros (todos os servidores) . . 944

as para atualizar um registro (ColdFusion) . . . . . . . . . . . 948as para excluir um registro (ColdFusion) . . . . . . . . . . . . . 955

procedimentos armazenados para modificar bancos ColdFusion) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 965as que restrinjam o acesso ao site (ColdFusion, ASP,

). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .966ma pasta em em seu aplicativo (ColdFusion) . . . . . . . . . . 977

ponentes ColdFusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .978

1: Criar aplicativos ASP.NET rapidamente . . . . . . . .987

lrios ASP.NET . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .987oles da WeB DataGrid e DataList do ASP.NET . . . . . . 992as-mestras/detalhes (ASP.NET) . . . . . . . . . . . . . . . . . . . . .997gina de busca do banco de dados (ASP.NET) . . . . . .1004gina de insero de registros (ASP.NET). . . . . . . . . . . 1010

as para atualizar um registro (ASP.NET) . . . . . . . . . . . . . . 1011as para excluir um registro (ASP.NET). . . . . . . . . . . . . . .1020cedimentos armazenados para modificar bancos ASP.NET) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1030as que restringem o acesso ao site (ASP.NET) . . . . . . . 1031

Captulo 42: Criar aplicativos ASP e JSP rapidamente. . . . . 1033

Criar pginas-mestras/detalhes (ASP e JSP) . . . . . . . . . . . . . . . . . . 1033Criar pginas de busca/resultados (ASP e JSP). . . . . . . . . . . . . . . . 1038Criar uma pgina de insero de registro (ASP e JSP) . . . . . . . . . . 1038Criar pginas para atualizar um registro (ASP e JSP) . . . . . . . . . . . 1038Criar pginCriar pgin(ASP e JSCriar pginUtilizar o J

Captulo 4

Criar pginCriar pginCriar uma pCriar pginCriar pginCriar pgin

PARTE 9:

Apndice

Sobre os bConceitos Conexes

Apndice

Princpios Definir as cLimitar o nOrdenar osUnir tabela

ndice. . . Sumrio 15

as para excluso de um registro (ASP e JSP) . . . . . . . . 1045as com objetos avanados de manipulao de dados P) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1049as que restrinjam o acesso ao site (ASP e JSP) . . . . . . 1054avaBeans (JSP) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1054

3: Criar aplicativos PHP rapidamente . . . . . . . . . . .1057

as-mestras/detalhes (PHP) . . . . . . . . . . . . . . . . . . . . . . . . 1057as de busca/resultados (PHP). . . . . . . . . . . . . . . . . . . . . . 1064gina de insero de registros (PHP) . . . . . . . . . . . . . . . 1064

as para atualizar um registro (PHP) . . . . . . . . . . . . . . . . . 1064as para excluir um registro (PHP) . . . . . . . . . . . . . . . . . . . 1072as que restringem o acesso ao site (PHP) . . . . . . . . . . . . 1081

APNDICES

A: Guia do iniciante em bancos de dados. . . . . . . . 1085

ancos de dados. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1085bsicos do projeto de um banco de dados . . . . . . . . . . . 1086de bancos de dados . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1094

B: Manual bsico de SQL . . . . . . . . . . . . . . . . . . . . . . 1101

bsicos de sintaxe. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1101olunas de um recordset . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1103

mero de registros de um recordset . . . . . . . . . . . . . . . . . . 1103 registros em um recordset . . . . . . . . . . . . . . . . . . . . . . . . . 1107s . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1107

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1109

16 Sumrio

1

PARTE 1

PrinDreaAprenda a uDreamweavacordo comcomece a cri

Esta seo cIntroduo

Captulo 1:

Captulo 2:

Captulo 3:17cpios bsicos do mweaver

tilizar a documentao e outros recursos do Macromedia er 8, bem como a configurar a rea de trabalho do programa de suas preferncias de trabalho. Planeje e configure um site e ar pginas.

ontm os seguintes captulos: . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19

Explorar a rea de trabalho. . . . . . . . . . . . . . . . . . . . . . . .43

Configurar um site do Dreamweaver. . . . . . . . . . . . . . . 87

Criar e abrir documentos . . . . . . . . . . . . . . . . . . . . . . . . 101

Intro

O Dreamwecodificar e dcontrole da cedio visuacriao para

Os recursos que seja necelementos odocumento.imagens no importandoMacromedia

O Dreamweferramentasmaterial de (CSS), JavaSHTML do Mmanualmenaplicando o

O Dreamwedados para a

O Dreamwemodifique orecursos do propriedade19duo

aver MX2004 da Macromedia um editor de HTML profissional para desenhar, esenvolver sites, pginas e aplicativos para a Web. Para aqueles que gostam do odificao manual HTML ou para os que preferem trabalhar em um ambiente de

l, o Dreamweaver fornece ferramentas teis para aprimorar a sua experincia de Web.

de edio visual do Dreamweaver permitem criar pginas, de modo rpido, sem essrio escrever uma nica linha de cdigo. possvel visualizar todos os u propriedades do site e arrast-los de um painel fcil de usar diretamente para um Dinamize o fluxo de trabalho de desenvolvimento de sites criando e editando as Fireworks da Macromedia ou em outro aplicativo grfico e, posteriormente, -as diretamente para o Dreamweaver ou incluindo objetos do Flash da .

aver tambm fornece um ambiente de codificao completo que inclui de edio de cdigos (como codificao por cores e preenchimento de tags) e referncia de linguagens sobre Cascading Style Sheets (Folha de estilo em cascata) cript e ColdFusion Markup Language (CFML), entre outros. A tecnologia acromedia Roundtrip permite importar documentos HTML codificados

te sem reformatar o cdigo; em seguida, voc pode optar por reformatar o cdigo, seu estilo de formatao preferido.

aver tambm permite criar aplicativos dinmicos e com suporte de banco de Web, utilizando tecnologia de servidor como CFML, ASP.NET, ASP, JSP e PHP.

aver inteiramente personalizvel. Crie os seus prprios objetos e comandos, s atalhos de teclado e adicione cdigos JavaScript para ampliar ainda mais os Dreamweaver com novos comportamentos, Property inspectors (Inspetores de s) e relatrios de site.

20 Introd

Este captulo contm as seguintes sees:Novidades do Dreamweaver 8 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20

Onde iniciar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24

Fluxo de trabalho do Dreamweaver para criar sites da Web . . . . . . . . . . . . . . . . . . . 28

Utilizar o D

Dreamwea

Guia para a

Convene

Recursos d

NovidO Dreamwepginas nos

O Dreamwesuporte ut

Trabalhar

Autoria visuXML

Painel do Cunificadouo

reamweaver com outros aplicativos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33

ver e acessibilidade . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33

mdia de treinamento do Dreamweaver. . . . . . . . . . . . . . . . . . . . . . . . . . . 36

s tipogrficas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40

e tecnologias da Web e HTML. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40

ades do Dreamweaver 8aver 8 inclui vrios recursos novos que melhoram a utilizao e ajudam a criar ambientes de criao e de codificao.

aver 8 oferece suporte s melhores prticas e padres da indstria, incluindo ilizao avanada do CSS, leitores RSS e XML, e requisitos de acessibilidade.

com as melhores prticas

al com dados Ganhe velocidade com XML utilizando ferramentas visuais poderosas para integrar leitores ao trabalho e acabe com o mistrio da converso de XML para HTML. Integrate dados baseados em XML, como leitores RSS, a pginas da Web utilizando um simples fluxo de trabalho de arrastar e soltar. Passe para a visualizao de cdigo a fim de personalizar a transformao, utilizando referncias de cdigo aprimoradas para XML e XSLT. Para obter mais informaes, consulte Captulo 36, Exibir dados XML em pginas da Web, na pgina 813.

SS novo e O painel do CSS, novo e unificado, um local central para estudar, compreender e trabalhar com os estilos CSS aplicados s pginas de um modo visual. Toda a funcionalidade do CSS consolidada em um nico painel, que foi definido e aprimorado para facilitar o trabalho com os estilos CSS e torn-lo mais produtivo. A nova interface facilita a visualizao da cascata de estilos aplicados a um elemento especfico, de modo que voc pode facilmente identificar onde os atributos esto definidos. Uma grade de propriedades permite fazer edies rpidas. Para obter mais informaes, consulte Utilizar o painel CSS Styles (Estilos CSS) na pgina 433.

Visualizao do layout CSS Aplique auxlios visuais na fase de projeto para fazer o contorno de bordas de layout CSS ou colorir layouts CSS. A aplicao de auxlios visuais revela esquemas complexos de aninhamento e melhora a seleo. Clique no layout do CSS para obter dicas

Barra de feRendering (de estilo)

Aprimoramprocessame

Acessibilidapara pontosde prioridadW3C

WebDAV a

Trabalhar com as melhores prticasNovidades do Dreamweaver 8 21

de ferramentas valiosas que vo ajud-lo a compreender os elementos que controlam o projeto. Consulte Captulo 7, Criar layouts de pginas com CSS, na pgina 219.

rramentas Style Processamento

Visualize o contedo do mesmo modo que os usurios, no importando o mecanismo de entrega, com o novo suporte para tipos de mdia CSS. Utilize a barra de ferramentas Style Rendering para alternar para a visualizao do projeto e ver como ele ficar ao ser impresso ou ao ser apresentado em um dispositivo porttil ou na tela. Consulte A barra de ferramentas Style Rendering na pgina 54.

entos no nto de CSS

Veja como os layouts de CSS complexos sero processados na maioria dos navegadores, com aprimoramentos substanciais na preciso da visualizao do projeto. Agora o Dreamweaver oferece suporte total a tcnicas avanadas de CSS, como estouro, pseudo-elementos e elementos de formulrio.

de: Suporte de verificao e 2 da WCAG/

Alm da ferramenta integrada de avaliao da acessibilidade referente Seo 508 e os pontos de verificao de prioridade 1 da WCAG, agora o Dreamweaver suporta o CSS e a acessibilidade utilizando uma ferramenta de avaliao atualizada que inclui pontos de verificao de prioridade 2 da WCAG.

primorado Agora no Dreamweaver 8, o WebDAV suporta autenticao resumida e SSL para transferncia segura de arquivos, e oferece conectividade aprimorada com um conjunto maior de servidores. Consulte Utilizar o protocolo WebDAV para devolver e retirar arquivos na pgina 151.

22 Introd

Obtenha mais resultados em menos tempo com fluxos de trabalho de usurio aprimorados que reduzem o tempo necessrio para completar tarefas comuns. O Dreamweaver 8 simplifica os pequenos detalhes para que voc possa gastar mais tempo desenhando e desenvolvendo sites da Web e aplicativos que sejam interessantes.

Obtenha m

Transferncem segundo

Zoom

Guias

Barra de feCoding (Co

Reduo de

Layouts da

Documentopara Macin

Novas pgiuo

ais resultados

ia de arquivos plano

Continue trabalhando enquanto o Dreamweaver 8 faz o upload de arquivos para o servidor. Para obter mais informaes, consulte Gerenciar transferncias de arquivos na pgina 160.

Tenha um controle maior sobre o seu desenho com o zoom. Amplie uma imagem e inspecione-a ou trabalhe com um layout complexo de tabela aninhada. Reduza o zoom para visualizar a aparncia que uma pgina ter. Para obter mais informaes, consulte Aplicar zoom na pgina 389.

Compare o layout de pgina a esboos de pginas com a preciso de pixels perfeitos, utilizando guias para medir layouts de pgina. A visualizao das alteraes ajuda a medir distncias com preciso e suporta encaixes inteligentes. Para obter mais informaes, consulte Utilizar guias na pgina 251.

rramentas dificao)

A nova barra de ferramentas Coding fornece botes para recursos comuns de codificao em uma barra da medianiz ao longo da lateral da visualizao de cdigo. Para obter mais informaes, consulte Inserir cdigo rapidamente com a barra de ferramentas Coding (Codificao) na pgina 617.

cdigo Concentre-se apenas no cdigo que voc deseja ver, ocultando e expandindo blocos de cdigo. Para obter mais informaes, consulte Reduzir e expandir fragmentos de cdigo na pgina 623.

rea de trabalho Personalize e salve configuraes da rea de trabalho. O Dreamweaver 8 fornecido com quatro configuraes diferentes, feitas sob medida para as necessidades de designers e codificadores. Tambm possvel criar uma rea de trabalho personalizada. Para obter mais informaes, consulte Salvar layouts personalizados da rea de trabalho na pgina 80.

s com guias tosh

Novas guias de documentos no Mac ajudam a simplificar a interface do usurio e facilitam a seleo de documentos. Para obter mais informaes, consulte Exibir documentos com guias (Macintosh) na pgina 79.

nas do iniciante Novos layouts e desenhos permitem criar sites rapidamente.

Sincronia do site e sistema de devolues/retiradas aprimorados

Gerencie sites com mais confiabilidade. Os recursos de sincronizao aprimorada de sites ajudam a garantir que o arquivo que est em uso a verso mais recente. Evite substituies acidentais do trabalho de outras pessoas

Comparar a

Paste Specespecial)

Referncias

Aprimoramde cdigos

Obtenha mais resultadosNovidades do Dreamweaver 8 23

utilizando uma funcionalidade aprimorada de devolues e retiradas. Para obter mais informaes, consulte Sincronizar os arquivos nos sites local e remoto na pgina 161.

rquivos Compare arquivos rapidamente para identificar quais foram as alteraes. Voc pode comparar dois arquivos locais, um arquivo do computador local e um do computador remoto ou dois arquivos do computador remoto. Utilize sua ferramenta favorita de comparao de arquivos com o Dreamweaver, nas plataformas Macintosh e Windows. Para obter mais informaes, consulte Comparar arquivos para conhecer as diferenas na pgina 126.

ial (Colar Com as novas opes de colagem do Dreamweaver, voc pode reter toda a formatao de origem criada no Microsoft Word ou apenas colar o texto. Para obter mais informaes, consulte Adicionar texto a um documento na pgina 418.

relativas a sites Trabalhe de forma totalmente integrada com incluses do servidor na fase de projeto e execuo, certificando-se de que as referncias so relativas a sites e no a arquivos locais. Para obter mais informaes, consulte Definir o caminho relativo de novos links na pgina 473.

entos na edio Tenha um maior controle sobre como o Dreamweaver fornece referncias de cdigo e tags completas que se ajustam ao seu estilo de cdigo.

24 Introd

O Dreamweaver 8 suporta esforos para assimilar e tirar proveito de novas tecnologias, incluindo PHP 5, Flash Video, ColdFusion MX 7 e o Macromedia Web Publishing System.

OndeA documento melhor prde experinc

Para obter intreinamento

NovidaSe voc estivdocumenta

Integrado s tecnologias e aos padres mais recentes

Suporte ao ColdFusion MX 7

O suporte atualizado ao ColdFusion MX 7 inclui novos

Suporte ao

Flash Video

MacromediPublishing Snotificao eventos

Material deatualizado duo

iniciarao do Dreamweaver inclui informaes para leitores de vrios nveis. Para tirar oveito desta documentao, inicie lendo as partes mais adequadas ao seu nvel ia.

formaes sobre recursos do Dreamweaver, consulte Guia para a mdia de do Dreamweaver na pgina 36.

des do projeto da Weber comeando a criar desenhos da Web, esta seo indicar as sees da o do Dreamweaver mais apropriadas para o seu nvel de experincia.

comportamentos de servidor e referncias de cdigo. Para estabelecer a correspondncia das referncias de cdigo e da depurao com a verso correta do ColdFusion, o Dreamweaver detecta automaticamente a verso do servidor na primeira conexo com o site. A estreita integrao do Dreamweaver com o ColdFusion permite adicionar e remover bancos de dados diretamente no painel Databases (Bancos de dados) e visualizar apenas os componentes ColdFusion definidos no site atual. Para obter mais informaes, consulte Ativar os aprimoramentos do ColdFusion na pgina 916.

PHP 5 Tire proveito do suporte atualizado ao PHP 5, incluindo comportamentos de servidor e referncias de cdigo.

Insira um arquivo Flash Video com rapidez e facilidade em uma pgina da Web. Para obter mais informaes, consulte Inserir contedo do Flash Video na pgina 530.

a Web ystem:

e registro de

Controle tudo que ocorre no seu site. Os eventos do Dreamweaver so notificados ao servidor do Macromedia Web Publishing System, de modo que so registradas todas as alteraes de um site da Web no sistema WPS.

referncia e O'Reilly

Consulte novo contedo de referncia para XML, XSLT e XPath, e contedo atualizado para ASP e JSP.

Para iniciantes em desenho da Web:

1. Inicie pela leitura dos tutoriais no Getting Started in Dreamweaver.

2. Em Usando o Dreamweaver (Help [Ajuda]> Using Dreamweaver [Usando o Dreamweaver]), leia Captulo 1, Explorar a rea de trabalho, na pgina 43, Captulo 2, Configurar um site do Dreamweaver, na pgina 87, Captulo 4, Gerenciar arquivos, na pgina 1

3. Aprendana pgin

4. Para sabInserir pgina 4

Isso tudo destiver proncaptulos resconvenientepginas da W

DesignSe voc for uDreamweavum para desDreamweav

Para os deDreamwea

1. Inicie pe

2. Em Usanpara apr

3. EmboraCaptuloarquivosconhecidda confi

4. Para obtpginas CaptuloOnde iniciar 25

13 e Captulo 3, Criar e abrir documentos, na pgina 101.

sobre layouts de pginas no Captulo 9, Criao de pginas no modo Layout, a 283.

er como formatar texto e incluir imagens nas pginas, consulte o Captulo 13, e formatar texto, na pgina 405 e o Captulo 14, Inserir imagens, na 45.

e voc precisa para comear a produzir sites da Web de alta qualidade. Quando to para aprender a utilizar ferramentas mais avanadas, poder continuar lendo os tantes sobre pginas estticas, em Usando o Dreamweaver. Talvez seja mais adiar a leitura dos captulos sobre pginas dinmicas para quando estiver criando

eb.

ers da Web experientesm designer experiente da Web, esta seo indicar as sees da documentao do

er mais adequadas ao seu nvel de experincia. Existem dois mtodos diferentes: igners iniciantes do Dreamweaver e outro para designers experientes do er que gostariam de aprender mais sobre a criao de pginas dinmicas.

signers experientes da Web que ainda no trabalharam com o ver:

la leitura dos tutoriais no Getting Started in Dreamweaver.

do o Dreamweaver, leia Captulo 1, Explorar a rea de trabalho, na pgina 43 ender mais sobre a interface de usurio do Dreamweaver.

provavelmente voc esteja familiarizado com grande parte do contedo em 2, Configurar um site do Dreamweaver, na pgina 87 e Captulo 4, Gerenciar , na pgina 113, examine esses captulos para saber como os conceitos j os so implementados no Dreamweaver. D ateno especial s sees que tratam

gurao de um site do Dreamweaver.

er informaes teis sobre os detalhes da utilizao do Dreamweaver na criao de HTML bsicas, consulte Captulo 13, Inserir e formatar texto, na pgina 405 e 14, Inserir imagens, na pgina 445.

26 Introd

5. Para obter informaes sobre a codificao no Dreamweaver, consulte Configurar o ambiente de codificao na pgina 583, Codificar no Dreamweaver na pgina 603, Otimizar e depurar o cdigo na pgina 633 e Editar o cdigo na Design View (Visualizao do projeto) na pgina 643.

6. Consulte a viso geral, no incio de cada um dos outros captulos em Usando o Dreamweaver para veri

Para os deDreamwea

1. Inicie peDevelop

2. Em Usanpara aprOtimiz

3. FamiliarFluxo d

4. ConfiguConfig

5. Conectena pgin

6. Leia a vipara veri

7. Se estiveDreamwem wwwDreamw

CodificSe voc for udo Dreamw

Para os co

1. Em Usanpara apruo

ficar se os tpicos so de seu interesse.

signers experientes da Web, que j esto familiarizados com o ver, e desejam aprender a criar pginas dinmicas:

la leitura de Appendix A, Understanding Web Applications e Tutorial: ing a Web Application no Getting Started with Dreamweaver.

do o Dreamweaver, leia o Captulo 1, Explorar a rea de trabalho, na pgina 43 ender sobre os novos aspectos da interface de usurio do Dreamweaver e depois leia ar a rea de trabalho para desenvolvimento visual na pgina 721.

ize-se com o fluxo de trabalho do Dreamweaver para pginas dinmicas lendo e trabalho para projetos de pginas dinmicas na pgina 735.

re um servidor da Web e um servidor de aplicativos. Consulte Captulo 23, urar um aplicativo para a Web, na pgina 657.

-se a um banco de dados. Consulte Efetuar a conexo com um banco de dados a 668.

so geral, no incio de cada um dos outros captulos em Usando o Dreamweaver, ficar se os tpicos so de seu interesse.

r interessado em personalizar manualmente o Dreamweaver, leia Customizing eaver (Personalizao do Dreamweaver) no Centro de Suporte da Macromedia, .macromedia.com/go/customizing_dreamweaver. Se desejar criar extenses para o eaver, leia Extending Dreamweaver (Extenso dos recursos do Dreamweaver).

adores manuais experientesm codificador manual experiente, esta seo indicar as sees da documentao

eaver mais adequadas ao seu nvel de experincia.

dificadores manuais experientes:


2. Embora voc esteja provavelmente familiarizado com grande parte do contedo em Captulo 2, Configurar um site do Dreamweaver, na pgina 87 e Captulo 4, Gerenciar arquivos, na pgina 113, examine esses captulos para saber como os conceitos j conhecidos so implementados no Dreamweaver. D ateno especial s sees que tratam da configurao de um site do Dreamweaver.

3. Para maConfigDreamwe Captu

4. Leia a vipara veri

DesenvSe voc for udocumentamtodos difaqueles que

Para os deDreamwea

1. Inicie peconceito

2. Em Usanpara apr

3. EmboraCaptuloarquivosconhecidda confi

4. ConfiguConsult

5. Conectena pgin

6. Leia a vipara veriOnde iniciar 27

is detalhes sobre codificao com o Dreamweaver, consulte o Captulo 19, urar o ambiente de codificao, na pgina 583, Captulo 20, Codificar no eaver, na pgina 603, Captulo 21, Otimizar e depurar o cdigo, na pgina 633 lo 22, Editar o cdigo na Design View (Visualizao do projeto), na pgina 643.


olvedores de aplicativos para a Webm desenvolvedor de aplicativos para a Web, esta seo indicar as sees da o do Dreamweaver mais apropriadas ao seu nvel de experincia. H dois erentes: um para quem j utilizou o Dreamweaver anteriormente e outro para ainda no o utilizaram.

senvolvedores de aplicativos para a Web que ainda no utilizaram o ver:

la leitura rpida de Getting Started with Dreamweaver para familiarizar-se com os s bsicos sobre a utilizao do Dreamweaver.


voc esteja provavelmente familiarizado com grande parte do contedo em 2, Configurar um site do Dreamweaver, na pgina 87 e Captulo 4, Gerenciar , na pgina 113, examine esses captulos para saber como os conceitos j os so implementados no Dreamweaver. D ateno especial s sees que tratam

gurao de um site do Dreamweaver.

rar um servidor da Web e um servidor de aplicativos utilizando o Dreamweaver. e Captulo 23, Configurar um aplicativo para a Web, na pgina 657.

-se a um banco de dados. Consulte Efetuar a conexo com um banco de dados a 668.


28 Introd

Para os desenvolvedores experientes de aplicativos para a Web que j utilizaram o Dreamweaver:

1. Comece pela leitura de Novidades do Dreamweaver 8 na pgina 20.

2. Em Usando o Dreamweaver, leia o Captulo 1, Explorar a rea de trabalho, na pgina 43 para aprender sobre os novos aspectos da interface de usurio do Dreamweaver.

3. Se estiveDreamwem wwwDreamw

Fluxocriar sH diversosnesta documestiver desende dados deQuando o pcontedo e aser testada dinmicas nefetuam ainfuncional.

PlanejaO cuidado nposteriormesero armazedo pblico-ados usurios

Quando as iiniciar a criauo

r interessado em personalizar manualmente o Dreamweaver, leia Customizing eaver (Personalizao do Dreamweaver) no Centro de Suporte da Macromedia, .macromedia.com/go/customizing_dreamweaver. Se desejar criar extenses para o eaver, leia Extending Dreamweaver.

de trabalho do Dreamweaver para ites da Web

mtodos possveis para se criar um site da Web. O fluxo de trabalho apresentado entao inicia-se pela definio da estratgia ou dos objetivos de um site. Se voc volvendo um aplicativo para a Web, ser preciso configurar os servidores e bancos

acordo com a necessidade. Em seguida, o usurio projetar a aparncia do site. rojeto estiver completo, sero criados o site e as pginas de cdigo, adicionando o interatividade. Em seguida, as pginas sero vinculadas e a funcionalidade do site

para verificar se atende aos objetivos definidos. possvel incluir tambm pginas o site. No final do ciclo, o site publicado em um servidor. Muitos programadores da uma manuteno peridica para assegurar que o site permanea atualizado e

r o siteo planejamento e na organizao do site desde o incio pode economizar tempo

nte. A organizao do site no consiste apenas em determinar onde os arquivos nados, mas tambm examinar os requisitos e objetivos do site, bem como o perfil lvo. Alm disso, necessrio considerar certos requisitos tcnicos, como o acesso e tambm as restries do navegador, dos plug-ins e de download.

nformaes estiverem organizadas e a estrutura tiver sido determinada, possvel o do seu site.

Utilize o painel Files (Arquivos) do Dreamweaver para configurar a estrutura organizacional do site. No painel Files, possvel adicionar, excluir e renomear arquivos e pastas com facilidade para alterar a organizao de acordo com as suas necessidades. (Consulte Captulo 2, Configurar um site do Dreamweaver, na pgina 87 e Captulo 4, Gerenciar arquivos, na pgina 113).

Inicie crnovas pConsult

Caso voc fapodero ser

ConfiguConsult

Utilize ada Web.pgina 1

GerencOs painis Farquivos de

No painsite, trandevoluarquivos

O painepropriedDreamwpgina 1

Voc poConsultpgina 2

Criar o O Dreamweum layout filayout do DFluxo de trabalho do Dreamweaver para criar sites da Web 29

iando pginas simples que podero se tornar mais complexas posteriormente. Crie ginas em branco ou pginas baseadas em projetos de pgina predefinidos. e Captulo 3, Criar e abrir documentos, na pgina 101.

a parte de uma equipe de desenvolvimento para a Web, os tpicos a seguir do seu interesse:

re um sistema para evitar que os membros da equipe substituam os arquivos. e Devolver e retirar arquivos na pgina 148.s Design Notes (Notas de design) para se comunicar com os membros da equipe Consulte Armazenar informaes sobre arquivos nas Design Notes na 67.

iar arquivos de sitesiles e Assets (Propriedades) do Dreamweaver facilitam o gerenciamento de site.

el Files do Dreamweaver, voc obter vrias ferramentas para ajudar a gerenciar o sferir arquivos de/para um servidor remoto, configurar um processo de o/retirada, para evitar que os arquivos sejam substitudos, e sincronizar os nos seus sites local e remoto. Consulte Gerenciar arquivos na pgina 113.l Assets permite organizar facilmente as propriedades em um site. A maioria das ades pode ser arrastada diretamente do painel Assets para um documento do eaver. Consulte Captulo 5, Gerenciar bibliotecas e propriedades de sites, na 77.de utilizar o Dreamweaver para gerenciar aspectos dos sites do Contribute. e Captulo 6, Gerenciar sites do Contribute com o Dreamweaver, na 01.

layout de pginas da Webaver oferece a flexibilidade necessria durante os processos de teste e criao de nal para as pginas. Escolha sua tcnica de layout preferida ou utilize as opes de reamweaver juntas para criar uma aparncia para o seu site.

30 Introd

Voc pode utilizar os estilos de posicionamento CSS ou as camadas do Dreamweaver para criar um layout. Consulte Captulo 7, Criar layouts de pginas com CSS, na pgina 219.

As ferramentas de tabelas e a visualizao de layout no Dreamweaver permitem projetar rapidamente as pginas da Web, atravs do desenho e da reorganizao da estrutura da pgina. (Captulo

Para exibdocumepgina 3

Os modreutilizDreamwmodelo

AdicionCom o DreaWeb. Adiciooutras form

Os recurpginas fornece pginas Captulo

Digite ddocumepropriedestilos em

Insira imFireworkpgina. T(Consuloutros a

Com o Dcorreio esalto e buo

Consulte Captulo 8, Apresentar contedo com tabelas, na pgina 257 e 9, Criao de pginas no modo Layout, na pgina 283).ir vrios documentos simultaneamente em um navegador da Web, possvel criar

ntos utilizando quadros. Consulte Captulo 10, Utilizao de quadros, na 03.elos do Dreamweaver permitem aplicar facilmente projetos de pginas e contedo veis ao site. Novas pginas podem ser criadas com base em um modelo do eaver e, em seguida, seu layout poder ser atualizado automaticamente quando o for alterado. Consulte Captulo 11, Gerenciar modelos, na pgina 325.

ar contedo a pginasmweaver, possvel adicionar facilmente diversos tipos de contedo s pginas da ne propriedades e elementos de projeto, como texto, imagens, cores, filmes, som e as de mdia.

sos de criao de pginas do Dreamweaver permitem especificar propriedades de da Web, como ttulos, imagens de fundo e cores. Alm disso, o Dreamweaver ferramentas para ajudar a maximizar o desempenho do site da Web e testar as para garantir a compatibilidade com diversos navegadores da Web. Consulte 12, Trabalhar com pginas, na pgina 375.iretamente em um documento do Dreamweaver ou importe o texto de outros ntos e, em seguida, formate o texto utilizando o Property inspector (Inspetor de ades) do Dreamweaver. possvel criar facilmente as suas prprias folhas de cascata (CSS). Consulte Captulo 13, Inserir e formatar texto, na pgina 405.

agens, incluindo imagens cambiveis, mapas de imagens e imagens cortadas do s, e utilize as ferramentas de alinhamento para posicionar as imagens em uma ambm possvel redimensionar imagens diretamente no Dreamweaver.

te Captulo 14, Inserir imagens, na pgina 445 e Captulo 16, Trabalhar com plicativos, na pgina 497).

reamweaver, possvel criar links HTML padro, incluindo links ncora e de letrnico ou configurar facilmente sistemas de navegao grfica, como menus de arras de navegao. Consulte Captulo 15, Links e navegao, na pgina 461.

Insira outros tipos de mdia numa pgina da Web, como filmes Flash, Shockwave e QuickTime, som e miniaplicativos. Consulte Captulo 17, Adicionar udio, vdeo e elementos interativos, na pgina 515.

Utilize os comportamentos para realizar tarefas em resposta a determinados eventos, como o realce de um boto quando o visitante passar o ponteiro sobre ele, a validao de um formulrsegundaConsult

CodificA codificafornece ferracodificao.

possvEssas fercompaticodificaCaptulo

possvprojeto, Editar o

ConfigVrios sites dinformaesinformaesvrias etapas

Configumodificapara a W

Conectena pginFluxo de trabalho do Dreamweaver para criar sites da Web 31

io quando o visitante clicar no boto Submit (Enviar) ou a abertura de uma janela do navegador quando a pgina principal terminar de ser carregada. e Captulo 18, Utilizar comportamentos JavaScript, na pgina 541.

ao manualo manual de pginas outro mtodo de criao de pginas. O Dreamweaver mentas de edio visual fceis de usar, alm de um sofisticado ambiente de

Voc pode utilizar um dos mtodos, ou ambos, para criar e editar suas pginas.

el trabalhar em um ambiente de codificao sem utilizar as ferramentas visuais. ramentas ajudam a criar e editar o cdigo, format-lo e verificar sua bilidade com os padres. Consulte Captulo 19, Configurar o ambiente de o, na pgina 583, Captulo 20, Codificar no Dreamweaver, na pgina 603 e 21, Otimizar e depurar o cdigo, na pgina 633.

el tambm utilizar as ferramentas de codificao no modo de visualizao do que o ambiente de criao visual do Dreamweaver. Consulte Captulo 22, cdigo na Design View (Visualizao do projeto), na pgina 643.

urar um aplicativo para a Weba Web contm pginas dinmicas que permitem aos visitantes exibir as

armazenadas em bancos de dados. Alm disso, alguns visitantes podem adicionar aos bancos de dados e edit-las. Para criar essas pginas, necessrio executar preparatrias.

rar um servidor da Web e um servidor de aplicativos, em seguida, criar ou r um site do Dreamweaver. Consulte Captulo 23, Configurar um aplicativo eb, na pgina 657.-se a um banco de dados. Consulte Efetuar a conexo com um banco de dados a 668.

32 Introd

Criar pginas dinmicasNo Dreamweaver, possvel definir vrias origens de contedo dinmico, inclusive recordsets extrados de bancos de dados, parmetros de formulrio e componentes de software reutilizveis para Java. Para adicionar o contedo dinmico a uma pgina, basta arrast-lo at a pgina.

A pgina popgina de reregistros pcontrolar os

Se voc DreamwCaptuloCaptulo

Defina edados pacontedpginas pgina 7

Encapsuservios componpgina 8

Se necesformulrpersonal

DesenvO DreamweRapid Appliaplicativo, qum cdigo d

Crie rapexibir osConsultASP.NEpgina 1uo

de ser definida para exibir um ou muitos registros de uma s vez, mais de uma gistros, adicionar links especiais para que se possa passar de uma pgina de rxima (e retornar) e criar contadores de registros, para ajudar os usurios a registros.

no estiver familiarizado com a criao de aplicativos para a Web no eaver, aprenda a utilizar o Dreamweaver para criar pginas dinmicas. (Consulte 30, Otimizar a rea de trabalho para desenvolvimento visual, na pgina 721 e 31, Fluxo de trabalho para projetos de pginas dinmicas, na pgina 735). exiba o contedo dinmico nas suas pginas. Consulte Captulo 32, Obter ra a pgina, na pgina 745, Captulo 33, Definir as fontes de

o dinmico, na pgina 759, Captulo 34, Adicionar contedo dinmico a da Web, na pgina 781 e Captulo 35, Exibir registros de bancos de dados, na 93.le aplicativos ou lgica empresarial utilizando tecnologias avanadas, como os da Web e os componentes do Macromedia ColdFusion. (Consulte Utilizar entes ColdFusion na pgina 978 e Captulo 37, Usar os servios da Web, na 47).sitar de mais flexibilidade, crie os seus prprios comportamentos de servidor e ios interativos. (Consulte Captulo 38, Adicionar comportamentos de servidor izados, na pgina 861 e Captulo 39, Criar formulrios, na pgina 885).

olvimento rpido de aplicativosaver oferece vrias ferramentas de desenvolvimento rpido de aplicativos (RAD, cation Development), incluindo comportamentos de servidor e objetos de ue ajudam a criar aplicativos para a Web sofisticados, sem a necessidade de gerar o servidor.

idamente pginas que efetuam buscas e modificam bancos de dados, alm de resultados da pesquisa. Oferea segurana restringindo o acesso s pginas. e Criar aplicativos ColdFusion rapidamente na pgina 909, Criar aplicativos T rapidamente na pgina 987, Criar aplicativos ASP e JSP rapidamente na 033 e Criar aplicativos PHP rapidamente na pgina 1057.

Utilizar o Dreamweaver com outros aplicativosO Dreamweaver adapta o seu desenho da Web e o processo de desenvolvimento, facilitando, assim, o trabaplicativos, consulte os

Para obtHTML,o Dream

possve testar p

possvAdobe Ppgina 4

possvtipo de a

Para obtMacrompgina 5instalar o

Para obt(Usando

DreamA acessibiliddeficincia aprodutos depara grfico

O Dreamwecontedo ac

NO

TA

Para oconsula se(www.sDreamweaver e acessibilidade 33

alho com outros aplicativos. Para obter informaes sobre o trabalho com outros como navegadores, editores de HTML e de imagens, e ferramentas de animao, seguintes tpicos:

er informaes sobre a utilizao do Dreamweaver com outros editores de como HomeSite ou BBEdit, consulte Utilizar um editor de HTML externo com weaver na pgina 599.

el especificar os navegadores preferidos para visualizar o site. Consulte Visualizar ginas em navegadores na pgina 399.

el iniciar um editor de imagens externo, como o Macromedia Fireworks ou o hotoshop, no Dreamweaver. Consulte Usar um editor de imagens externo na 58.el configurar o Dreamweaver para iniciar um editor diferente de acordo com o rquivo. Consulte Iniciar um editor de arquivos de mdia externo na pgina 521.er informaes sobre como adicionar interatividade no seu site utilizando o edia Flash, consulte Inserir e modificar um objeto de boto Flash na 23,Inserir um objeto de texto do Flash na pgina 526 ou Fazer o download e s elementos Flash na pgina 527.

er informaes sobre como utilizar o ColdFusion, consulte Using ColdFusion o ColdFusion) (Help> Using ColdFusion).

weaver e acessibilidadeade refere-se a projetar sites e produtos da Web teis para portadores de uditiva, visual, motora e outras. Os exemplos de recursos de acessibilidade para software e sites da Web incluem suporte leitora de tela, equivalentes de texto , atalhos de teclado, alterao de cores para alto contraste, etc.

aver fornece ferramentas que tornam o produto acessvel e ajudam a criar essvel.

bter mais informaes sobre duas iniciativas de acessibilidade importantes, te World Wide Web Consortium Web Accessibility Initiative (www.w3.org/wai) e o 508 da Lei Federal sobre Reabilitao dos Estados Unidos

ection508,gov).

34 Introd

Utilizao de recursos de acessibilidade do Dreamweaver Para os designers da Web do Dreamweaver que precisam utilizar recursos de acessibilidade, o Dreamweaver oferece suporte para leitoras de tela, navegao por teclado e acessibilidade do sistema operacional.

Para obter mais informaes, consulte Utilizar os recursos de acessibilidade do Dreamweaver na pgina 70.

Autoria par

contedo acleitoras de te

O Dreamweao inserir eleacessvel naque voc devaparece na p

O DreamweacessibilidadDreamweavtestar sua p(consulte T

NO

TA

Lembrdesenvrequisiusurioque umdesenvuo

a acessibilidade Para os designers da Web do Dreamweaver que precisam criar essvel, o Dreamweaver ajuda a produzir pginas acessveis com contedo til para la que seguem as diretrizes do governo.

aver oferece caixas de dilogo onde voc deve fornecer atributos de acessibilidade mentos de pgina (consulte Otimizar a rea de trabalho para o projeto de pgina pgina 76). Por exemplo, a caixa de dilogo de acessibilidade para imagens lembra e adicionar equivalentes em texto aos diagramas. Em seguida, quando a imagem gina para um usurio com deficincia visual, a leitora de tela l a descrio.

aver tambm fornece exemplos de pginas da Web projetadas para oferecer e (consulte Criar um documento com base em um arquivo de projeto do er na pgina 103) e um relatrio de acessibilidade que voc pode executar para gina ou site em relao s diretrizes de acessibilidade contidas na seo 508 estar o site na pgina 171).

e-se de que nenhuma ferramenta de autoria pode automatizar o processo de olvimento. O projeto de sites da Web acessveis exige que voc compreenda os

tos de acessibilidade e tome vrias decises subjetivas sobre a forma como os s com deficincias interagem com pginas da Web. A melhor maneira de garantir site da Web est acessvel por meio de planejamento deliberado, olvimento, teste e avaliao.

O recurso de validao de acessibilidade do Dreamweaver O recurso de validao de acessibilidade do Dreamweaver utiliza a tecnologia da UsableNet. A UsableNet lder no desenvolvimento de software fcil de utilizar para automatizar a utilizao e teste de acescompleta paMacromediaimagens, ummonitorameSolicite umaDreamweaver e acessibilidade 35

o processo de correo e teste de acessibilidade. Para obter auxlio adicional com o sibilidade, use o UsableNet LIFT for Macromedia Dreamweaver, uma soluo ra desenvolvimento de sites da Web teis e acessveis. O UsableNet Lift for Dreamweaver inclui assistentes de correo para tabelas complexas, formulrios e editor ALT global, relatrios personalizveis e um novo modo de nto ativo que garante a acessibilidade do contedo durante a criao das pginas. demonstrao do Lift for Macromedia Dreamweaver em www.usablenet.com.

36 Introd

Guia para a mdia de treinamento do Dreamweaver O Dreamweaver inclui vrias mdias para ajud-lo rapidamente a programar e a tornar-se um autor experidocumentosColdFusionquando sou

AcessaA tabela a se

possvel adconsulte ww

Ttulo

Getting Stawith Dreamweav(Guia de introduo Dreamweavuo

ente de pginas e sites da Web. O sistema de Ajuda do Dreamweaver inclui vrios para ajud-lo a conhecer o Dreamweaver, Dreamweaver Extensibility e . H tambm diversos recursos online adicionais que voc poder consultar ber criar pginas da Web.

r a documentao do Dreamweaverguir resume a documentao includa no sistema de Ajuda do Dreamweaver.

quirir as verses impressas dos ttulos selecionados. Para obter mais informaes, w.macromedia.com/go/buy_books.

Descrio/Pblico

Onde encontrar

rted

er

ao er)

Fornece uma introduo bsica aos conceitos e interface do Dreamweaver, com tutoriais detalhados para iniciantes. Destina-se a usurios iniciantes, bem como a usurios intermedirios e avanados que tenham interesse em conhecer novos recursos.

Visualize no Dreamweaver: Selecione Help > Getting Started with Dreamweaver

Visualize online: http://livedocs.macromedia.com/go/livedocs_dreamweaver/

Obtenha o PDF: www.macromedia.com/go/dw_documentation

Usando o Dreamweaver

Informaes completas sobre todos os recursos

Visualize no Dreamweaver: Selecione Help > Dreamweaver Help (Ajuda do Dreamweaver) ou

Extending Dreamweav

DreamweavAPI Referen(Manual deReferncia do Dreamw

Ttulo Descrio/Pblico

Onde encontrarGuia para a mdia de treinamento do Dreamweaver 37

do Dreamweaver. Destina-se a todos os usurios do Dreamweaver.

Help > Using Dreamweaver Visualize online: http://

livedocs.macromedia.com/go/livedocs_dreamweaver/


erDescreve a estrutura e a API (interface de programao de aplicativos) do Dreamweaver. Destina-se a usurios avanados que desejem criar extenses e personalizar a interface do Dreamweaver.

Visualize no Dreamweaver: Selecione Help > Extending Dreamweaver



er ce

da API eaver)

Descreve a API do utilitrio e a API JavaScript, sendo que ambas permitem executar vrias tarefas de suporte ao desenvolver extenses do Dreamweaver. Destina-se a usurios avanados que desejem criar extenses e personalizar a interface do Dreamweaver.

Visualize no Dreamweaver: Selecione Help > Dreamweaver API Reference



38 Introd

Using ColdFusion (Usando o ColdFusion)

Inclui uma seleo dos manuais mais

Visualize no Dreamweaver: Selecione Help > Using ColdFusion

Reference (Referncia

Ttulo Descrio/Pblico

Onde encontraruo

importantes do conjunto de documentos do ColdFusion. (O conjunto completo encontra-se disponvel no LiveDocs.) Destina-se a qualquer pessoa que tenha interesse no ColdFusion, desde iniciantes at desenvolvedores avanados.

Visualize online: http://livedocs.macromedia.com/go/livedocs_coldfusion/

Obtenha o PDF: www.macromedia.com/go/cf_documentation

)Inclui vrios tipos de manuais de referncia sobre HTML, modelos de servidor e outros tpicos, principalmente aqueles que foram publicados pela editora OReilly. Destina-se a qualquer pessoa que necessite de mais informaes sobre sintaxe de cdigos, conceitos, etc.

Visualize no Dreamweaver: Selecione Help > Reference. Para obter uma lista de completa dos manuais, clique no menu pop-up Book (Manual) no painel Reference.

Acessar os recursos online adicionais do Dreamweaver

A tabela a seguir resume os recursos online adicionais para conhecer o Dreamweaver.

Recurso

Centro de sdo Dreamw

Centro de desenvolveDreamweav

Centro de recursos dedocumentaDreamweav

Fruns onliMacromedi

TreinamentMacromediGuia para a mdia de treinamento do Dreamweaver 39

Descrio/Pblico

Onde encontrar

uporte eaver

TechNotes, suporte e informaes para resoluo de problemas para os usurios do Dreamweaver.

www.macromedia.com/go/dreamweaver_support

dores er

Artigos e tutoriais para ajudar-lhe a aprimorar suas habilidades e a adquirir novas.

www.macromedia.com/go/dreamweaver_devcenter

o do er

Manuais do produto no formato PDF, erratas, tutoriais e notas de verso.

www.macromedia.com/go/dw_documentation

ne a

Discusses e informaes sobre resolues de problemas com a participao de usurios do Dreamweaver, representantes do suporte tcnico e a equipe de desenvolvimento do Dreamweaver.

www.macromedia.com/go/dreamweaver_newsgroup

o da a

Os cursos englobam tarefas prticas e cenrios reais.

www.macromedia.com/go/dreamweaver_training

40 Introd

Para aproveitar ao mximo os recursos do Dreamweaver, consulte Onde iniciar na pgina 24.

Convenes tipogrficasAs seguintes

Os itensOs itens> nome

Fonte dusado no

Fonte dmetassm

Texto ro

Para obter utreinamento

RecuHTMLA seguir, est

A especific

especifica

oficiais para

A especific

HTML do W

ndice DOT

atributos e v

Especifica

Extensible M

O site ORe

Extensible M

NO

TA

Para otreinamuo

convenes tipogrficas so utilizadas neste guia:

de menu so mostrados neste formato: nome do menu > nome do item de menu. nos submenus so mostrados neste formato: nome do menu > nome do submenu do item de menu.e cdigo indica os nomes de tags e atributos HTML, bem como o texto literal s exemplos.e cdigo em itlico indica os itens substituveis (s vezes denominados bolos) no cdigo. mano em negrito indica o texto a ser digitado exatamente conforme a indicao.

ma lista completa de recursos do Dreamweaver, consulte Guia para a mdia de do Dreamweaver na pgina 36.

rsos de tecnologias da Web e

o alguns recursos teis, disponveis na Web:

ao de nvel 1 para estilos CSS (CSS1) (www.w3.org/TR/REC-CSS1) e a o de nvel 2 (CSS2) (www.w3.org/TR/REC-CSS2/) so as especificaes folhas de estilo do World Wide Web Consortium.

ao HTML 4.01 (www.w3.org/TR/REC-html40/) a especificao oficial para orld Wide Web Consortium.

HTML (www.blooberry.com/indexdot/html/) uma lista completa de tags, alores HTML, bem como de sua compatibilidade com os diversos navegadores.

o XHTML 1.0 ((www.w3.org/TR/xhtml1/ ) a especificao oficial para a arkup HyperText Language.

illy XML.com (www.xml.com/) fornece informaes, tutoriais e dicas sobre a arkup Language (XML), bem como outras tecnologias da Web.

bter uma lista de recursos do Dreamweaver, consulte Guia para a mdia de ento do Dreamweaver na pgina 36.

O site xFront (www.xfront.com/rescuing-xslt.html) fornece uma introduo a transformaes XSL para novos usurios.

As pginas de descrio geral sobre ASP (http://msdn.microsoft.com/library/en-us/dnasp/html/ASPover.asp) fornecem informaes sobre Active Server Pages (ASP).

A pgina M

sobre ASP.N

A pgina Su

Pages (JSP).

O site PHP

O site MyS

A tabela de

entidades ut

A pgina do

fornece info

A pgina do

informaes

Web Servic

Web e como

A JavaScri

abrangente d

JavaScript:

fornece infomanipulado

O ndice de

questes relaprogramado

O site Com

introduo Recursos de tecnologias da Web e HTML 41

icrosoft ASP.NET (http://msdn.microsoft.com/asp.net/) fornece informaes ET.

n JSP (http://java.sun.com/products/jsp/) fornece informaes sobre JavaServer

na Web (www.php.net/) fornece informaes sobre PHP.

QL (www.mysql.com/) fornece informaes sobre MySQL.

entidades (www.bbsinc.com/iso8859.html) apresenta uma lista de nome de ilizadas pelo padro ISO 8859-1 (Latin-1).

produto Macromedia ColdFusion (www.macromedia.com/go/coldfusion/) rmaes sobre o ColdFusion.

produto Macromedia JRun Server (www.macromedia.com/go/jrun/) fornece sobre o servidor de aplicativos JRun Java.

es Demystified (www.sitepoint.com/article/692) explica o que so os servios da eles funcionam.

pt Bible, de autoria

livro flash 8.pdf

Documents