Você está na página 1de 22

CTG|Curso Técnico de Computação Gráfica e Web Design

WDE|Web Design Professor|Carlos José

DREAMWEAVERMX
2004

Development
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development

Assuntos:
01|Banco de Dados
02|DreamweaverMX 2004 e Configuração do IIS
03| Gerenciamento do projeto e
Configuração dos drives de banco de dados
04| Criando Recordset
05| Criando o menu apartir do Recordset
06| Criando Link’s Dinâmicos
07| Criando o Catálogo
08| Criando o Site Administrativo
.

Por
Carlos José
carlosjose@walla.com
Certificado no Macromedia Authorized Training Program.
Em Dreamweaver MX Fast Track e Developer
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development

01|Banco de Dados
NOÇÕES SOBRE BANCO DE DADOS relatórios, etiquetas, etc.

No dia a dia estamos acostumados a colecionar informações concernentes a diversas O Access, por exemplo, é considerado um SGBD e atua sobre bancos de dados padrão
coisas. Agenda de endereços, fichas de funcionários, catálogos de produtos, contas a MDB (MicroSoft DataBase).
pagar, contas a receber. Se contarmos quantas coleções de informações podemos
identificar, teremos um inventário de nossas vidas. Uma maneira eficiente guardar uma
coleção de informações, é usar uma tabela. Imagine uma tabela de clientes, conforme MICROSOFT ACCESS
mostrada abaixo:
Introdução
Chave primária Dado O Microsoft Access é um Sistema Gerenciador de Banco de Dados Relacional (SGBDR)
Campo
para Windows, voltado principalmente para usuários, onde sua metodologia de
Código Sobrenome Nome Endereço funcionamento baseia-se no conceito de orientação visual, ou seja, é possível construir
0001 Lucena Fred R. da Saudade, 383 qualquer aplicativo que trabalhe com banco de dados, através de telas interativas,
0002 Stephen David Av. Getúlio Varga s, 345 embora também apresente uma linguagem de programação própria (o Visual Basic for
0003 Burégio Ivan Av. Antônio Falcão Registro Applications), permitindo ser usada também por desenvolvedores.
0004 Antibes Magda Av. Copacabana,101
Funções do Access
Código Sobrenome Nome Endereço
Por se enquadrar como um sistema de gerenciamento de banco de dados relacionais, o
0001 Lucena Fred R. da Saudade, 383 Access tem de cumprir algumas funções básicas, embora distintas, descritas abaixo:
0002 Stephen David Av. Getúlio Varga s, 345
0003 Burégio Ivan Av. Antônio Falcão
0004 Antibes Magda Av. Copacabana,101 Função Descrição
Organização de dados Trata -se da criação e manipulação de tabelas que
contém dados em formato de linhas e colunas
Uma tabela é constituída de linhas e colunas. Note que cada coluna contém um tipo de Vinculação de tabelas e Permite vincular várias tabelas através de
dado específico e que cada linha é composta de um conjunto de tipo de dados extração de dados relacionamento de dados e exibir os dados oriundos
diferentes, ou seja um único item de informação. Um dado, consiste numa unidade uma ou de várias tabelas em consultas
mínima de informação, isolada, como por exemplo “Fred” . O dado “Fred” por si só não Entrada e edição de dados Exige o projeto e implementação de formulários para
agrega nenhum valor. Porém quando esse dado faz parte de um conjunto de dados, e visualização, entrada e edição de dados
quando esse conjunto de dados é capaz de modificar o estado de conhecimento sobre Apresentação dos dados Exige a criação de relatórios capazes de
algo, dizemos que nessee momento temos uma Registro. As colunas são chamadas opcionalmente, resumir as informações que se possa
campos e as linhas são chamadas de registros. Dependendo de como você estrutura visualizar e imprimir.
os dados, você pode necessitar de uma ou mais tabelas para armazenar as informações
de modo mais eficiente.
Um Banco de Dados do Access
Sistemas Gerenciadores de Bancos de Dados
Conforme visto acima, para o Access, o conceito de banco de dados vai um pouco além
Os programas que são capazes de armazenar e recuperar informações de um banco de de simples tabelas relacionadas. O Access vê um banco de dados como um “conjunto de
dados são comumente chamados de SGBD (Sistemas Gerenciadores de Bancos de objetos inter-relacionados que estão armazenados de maneira organizada.”
Dados).
Estes objetos citados são na verdade, as estruturas que Access precisa para executar as
Você pode trabalhar com um banco de dados a partir da própria interface do SGBD, suas funções básicas, ou seja, são formas de apresentação dos dados. Portando, além
onde o usuário através de comandos localizados em menus e em botões, pode interagir das tabelas o Access trabalha com os seguinte objetos:
com sua base de dados: incluindo, editando, e consultando informações, emitindo
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development

01|Banco de Dados
Objeto Descrição essa caixa esteja exibida, clique sobre Banco de Dados Vazio e, em seguida, clique sobre
Tabela É toda coleção de informações que se apresentam num OK.
formato de linhas e colunas. 2. Selecione a guia “Geral ”
Consulta Permite extrair informações, usando diversos critérios, 3. Dê um clique duplo no ícone “Banco de Dados Vazio”.
determinando de que maneira os dados devem ser 4. Especifique um nome e localização para o banco de dados.
apresentados
Formulários Edita os dados de uma tabela ou consulta. Entende-se por Após criar um banco de dados vazio, você deverá efetuar procedimentos adicionais para
editar a atividade de exibir e permitir a inserção de novos definir os objetos que constituirão o banco de dados.
dados ou a alteração dos dados já existentes na tabela.
Relatórios Lista os dados de uma tabela ou consulta em diversos TABELAS
formatos, permitindo a pre-visualização em tela daquilo que
será impresso Criando uma tabela
Macros Automatiza as mais diversas tarefas padrão do Access, através
de um conjunto de ações. Essas tarefas, podem ser definidas Após criar um banco de dados, a sua próxima tarefa será criar a(s) tabela(s) necessárias
de forma sequencial ou obedecendo condições, no sentido de ao armazenamento de dados. O Microsoft Access oferece várias maneiras de se criar
automatizar as tarefas do dia a dia. uma tabela:
Módulos Contém código em Visual Basic Applications, que você escreve
com o objetivo de executar operações não admitidas pelo Usando o modo Estrutura; Digitando dados em uma folha de dados; Importando dados;
conjunto padrão de macros no Access. Vinculando dados.

Criando uma tabela usando o modo Estrutura


Perceba que os dois últimos objetos não aparecem na tabela de funções básicas, uma
vez que os mesmos tem muito mais uma função de suporte do que propriamente às Para criar uma tabela no modo Estrutura:
definidas naquela tabela.
Para armazenar esses objetos, o Access utiliza um único arquivo que compõem um 1.Na janela Banco de Dados, clique sobre a guia Tabelas e, então, clique sobre Nova.
banco de dados (.mdb), contendo tudo o que é necessário para o funcionamento da
aplicação desenvolvida. 2.Clique duas vezes sobre Modo Estrutura. A janela de definição da tabela aparece,
pronta para ser estruturada.
Iniciando o Microsoft Access

Para iniciar o Microsoft Access, dê um clique no botão Iniciar e a partir do Menu


Programas, selecione o item Microsoft Access. O Microsoft Access é iniciado e a janela
inicial é exibida. A partir deste ponto, é possível selecionar entre criar um banco de
dados novo, ou abrir um banco de dados já existente.

Criando um banco de dados no Microsoft Access

Com o Microsoft Access você pode criar um banco de dados de duas maneiras básicas.
Você pode criar um banco de dados vazio e, mais tarde, adicionar as tabelas,
formulários, relatórios e outros objetos. Esse é o método mais flexível, mas você precisa
definir cada elemento do banco de dados separadamente.

Criar um banco de dados vazio

1. Quando o Microsoft Access é inicializado, é exibida automaticamente uma caixa com 3.Defina cada um dos campos em sua tabela.
opções para a criação de um novo banco de dados ou abertura de um existente. Caso
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development

01|Banco de Dados
Tipo de Dados Descrição Tamanho
Texto Aceita texto ou combinações de texto e números, Até 255 caracteres ou
como endereços. Também para números que não definido pela propriedade
requerem cálculos, tais como números de telefone, Tamanho de Campo, o
número de peças ou códigos de endereçamento que for menor.
postal.
Memorando Diferencia-se do tipo texto pela possibilidade de Até 65.535 caracteres.
suportar textos mais extensos. Indicado para
campos de observações, memorandos, ofícios, e
toda e qualquer mensagem. A vantagem deste tipo
de dado é a elasticidade, ou seja, ele não apresenta
um tamanho fixo. Em caso de linhas que contenham
este tipo de dado vazio (sem texto), o espaço
ocupado é mínimo, e vai crescendo de acordo com
os caracteres que são digitados
Número É capaz de armazenar dados numéricos: valores, 1, 2, 4 ou 8 bytes
Quantidades, etc. Podem ser envolvidos em
cálculos aritméticos e expressões numéricas
Moeda Valores monetários e dados numéricos utilizados em 8 bytes.
cálculos matemáticos envolvendo dados contendo de
uma a quatro casas decimais. Precisão de 15 dígitos
Comentários: à esquerda do separador decimal e de 4 dígitos à
!Para adicionar o campo ao final da tabela, clique sobre a primeira linha em branco. direita.
!Clique sobre a coluna Nome de Campo e digite o nome para o campo, contendo até Data/Hora Valores cronológicos de data e hora para os anos de 8 bytes.
64 caracteres, incluindo combinações de letras, exceto pontos (.), exclamações (!), 100 a 9999.
apóstrofos (') e colchetes [ ]. Também não podem haver espaços de separação, nem Auto Este campo é controlado pelo Access, n ão 4 bytes
caracteres ASCII especiais (de 0 a 32). Numeração permitindo que o usuário o altere. Sempre que um
!Ou, clique sobre a coluna Nome de Campo, clique sobre o botão Construir na barra registro for adicionado a tabela ele será
de ferramentas e, então, selecione um campo a partir do Construtor de Campo. O incrementado automaticamente pelo Access.
Construtor de Campo define automaticamente o nome de campo, o tipo de dados e Indicado para campos chave primária de numeração
outras propriedades, mas você pode alterá-las se quiser. automática pelo computador.
!Na coluna Tipo de Dados, mantenha o padrão (Texto), ou clique sobre a coluna Tipo Sim/Não São campos binários, ou seja, só podem apresentar 1 bit
de Dados, clique sobre a seta e selecione o tipo de dados desejado. um entre dois valores: “sim” ou “não”. Indicado para
!Na coluna Descrição, digite uma descrição da informação que esse campo irá conter. situações do tipo: casado ?, sexo masculino ?, entre
Essa descrição é exibida na barra de status quando você estiver adicionando dados ao outros.
campo e está incluída na Definição do Objeto da tabela. A descrição é opcional. Objeto OLE São campos que armazenam informações sobre Até 1 gigabyte (limitado
!Se quiser, defina as propriedades de campo para o campo na parte inferior da janela. objetos gerados por outros aplicativos, tais como: pelo espaço em disco)
!Repita as etapas acima para cada campo uma planilha Excel, um texto do Word, um gráfico do
PowerPoint, um desenho do CorelDraw, uma
fotografia digitalizada, etc
Hyperlink Texto ou combinação de texto e números Até 6.144 bytes.
Tipos de Dados armazenados como texto e utilizados com o um
endereço de hyperlink (caminho para um objeto,
O Microsoft Access aceita 10 tipos de dados, conforme mostrado na tabela abaixo, que documento ou Página Web da Internet)
podem ser escolhidos a partir de uma lista suspensa: Assistente de Cria um campo que permite a você escolher um valor O mesmo tamanho que o
Pesquisa de uma outra tabela ou de uma lista de valores campo chave primária (4
usando uma caixa de combinaç ão. A escolha dessa bytes).
opção na lista Tipo de Dados inicia o Assistente de
Pesquisa para definir o tipo de dados.
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development

01|Banco de Dados
Observação: Quando o usuário exclui registros, o campo AutoNumeração não Texto De Validação A mensagem de erro que aparece quando um valor é incorretamente
reaproveita os números que foram excluídos. Se o usuário incluiu 8 registros numa digitado neste campo (em função da violação da regra de validação).
tabela, o AutoNumeração inclui automaticamente números de 1 a 8, logo a seguir o Requerido Aplica-se a todos os campos das tabelas com exceção dos campos
usuário resolveu excluir três registros, ou seja excluir os registros 6, 7 e 8, Ao incluir mais Autonumeração. Especifica se um valor é ou não requerido em um
um registros o contador passa a incrementar a partir do número 8, ele guarda o último campo. Se esta propriedade é definida como "Sim", quando você
número que foi incluído na tabela inserir dados em um registro precisará inserir um valor no campo ou
em qualquer controle vinculado ao campo.
Coluna Descrição Permitir Comprimento Zero Indica se uma seqüência vazia ("") é uma entrada válida para este
campo, ou não. Válido para campo Texto e Memorando.
Texto a ser colocado para efeitos de documentação da própria tabela. Pode ser um texto Indexado É utilizada para localizar e classificar os registros utilizando um único
com um comprimento máximo de 255 caracteres. Você deve utilizar esta coluna para campo em uma tabela. O campo poderá armazenar valores
fornecer informações sobre a tabela e seus campos. exclusivos ou não exclusivos. Por exemplo, pode -se criar um índice
O texto colocado na coluna Descrição deverá aparecer na barra de status inferior da em um campo para a carteira de identidade em uma tabela de
janela do Microsoft Access funcionários no qual o número da carteira é exclusivo, ou pode-se criar
um índice em um campo de nome no qual alguns nomes poderão ser
duplicatas. Pode-se criar tantos índices quantos forem desejados. Os
Propriedades dos Campos
índices são criados quando você salva a estrutura d a tabela e são
automaticamente atualizados quando você adiciona ou altera os
Cada campo que você define, possui um conjunto de características chamado registros. Você pode adicionar ou excluir índices a qualquer momento
propriedades onde você pode ter um controle adicional sobre o o armazenamento, no modo Estrutura de uma tabela. Se a chave primária de uma tabela
manipulação e a exibição do dados. Essas propriedades podem ser definidas no painel for um campo único, o Microsoft Access au tomaticamente definirá a
de Propriedades do Campo, na parte inferior da janela Estrutura da Tabela, ao se propriedade Indexado para aquele campo como "Sim" (Duplicação
escolher a guia “Geral” . Não Autorizada)

Dica: Para alternar entre os painéis Estrutura da Tabela e Propriedades do Campo, sem o Definindo uma Chave Primária
uso do mouse, digite a tecla de função F6.
A chave primária é um campo ou combinação de campos que identifica cada linha de
As propriedades disponíveis para cada campo serão determinadas pelo tipo de dados uma tabela, exclusivamente.
que você selecionar para o campo. Veja na tabela abaixo, as principais propriedades de Ela é associada ao índice principal da tabela e é utilizada para localizar dados
um campo: rapidamente entre as tabelas. A chave primária é altamente recomendada. Ela aumenta
a velocidade de recuperação dos dados e possibilita a definição dos relacionamentos
Propriedade Descrição entre as tabelas. Se a tabela não apresenta um campo chave primária pode-se deixar
Tamanho do Campo É o comprimento máximo do campo tipo Texto ou Número. Os demais que o Access defina um campo que atribui um número exclusivo a cada registro.
tipos já têm seus tamanhos pre -definidos. Para um campo Texto,
digite o número máximo de caracteres permitidos no campo (até 255). Para atribuir uma chave primária:
Para um campo Número, clique sobre a seta e selecione o tamanho
desejado do campo. 1. Selecione o(s) campo(s) que deverá(ão) ser a chave primária da tabela. Lembra-se
Formato Especifica como os dados serão exibidos; utilize os formatos de como selecionar um campo ? (vide Movendo Campos de uma Tabela).
predefinidos ou crie o seu próprio
Máscara de Entrada Determinam como os dados serão exibidos durante a entrada de 2. Na barra de ferramentas, clique sobre o botão Chave Primária , ou no Menu Editar,
dados e a adição. escolha a opção “Chave Primária”. O Access posicionará o ícone de chave primária na
Legenda Exibe um nome diferente do nome do campo no cabeçalho do campo coluna do seletor de linha.
no Modo Folha de Dados
Valor Padrão Valor inserido no campo quando um novo registro for criado.
Regra Validação Uma expressão que define os limites e critérios para os valores a
serem editados neste campo
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development

01|Banco de Dados
Deixando que o Access defina a chave primária

Ainda na janela de estruturação, salve a tabela sem especificar uma chave primária.
Uma mensagem será exibida perguntando se você quer criar a chave primária agora.
Escolha "Sim".

No Microsoft Access podem ser definidos três tipos de chaves primárias: Inserindo e Editando Dados em Tabelas
AutoNumeração, formada por um único campo ou vários campos.
Após criar uma ou mais tabelas, a sua próxima tarefa será inserir e editar os dados das
Chaves primárias AutoNumeração mesmas. Para ter acesso à tela de edição de uma tabela, posicione-se na janela Banco
de Dados, com a guia Tabela selecionada. Com uma tabela selecionada, basta acionar o
É a maneira mais fácil de se criar uma chave primária. Se você não definir uma chave botão Abrir, ou simplesmente dar um clique-duplo por sobre a tabela desejada.
primária antes de salvar uma tabela recém-criada, o Microsoft Access perguntará se
você quer que ele crie uma chave primária. Se a resposta for Sim, o Microsoft Access Assim que abrimos uma tabela, ela nos é apresentada sobre a forma de uma folha de
criará uma chave primária AutoNumeração. dados, ou seja, semelhante a uma planilha (matriz de linhas e colunas).

Chaves primárias formadas por um único campo

Se você tiver um campo que contém valores únicos como números de identificação ou
números de peças, você pode designar esse campo como chave primária. Se o campo
que você selecionar como chave primária tiver valores duplicados ou nulos, o Microsoft
Access não definirá a chave primária. Se você não puder eliminar as entradas duplicadas
imediatamente ao editar seus dados, pode-se adicionar um campo AutoNumeração e
defini-lo como chave primária ou definir uma chave primária de vários campos.

Chaves primárias formadas por vários campos


A partir daí podemos realizar a manutençao de tabelas. Entende-se por manutenção de
Em situações onde não se pode garantir a singularidade de um campo, é possível tabelas o conjunto de atividades capaz de atualizá-la, ou seja: Adicionar e excluir linhas
designar dois ou mais campos como chave primária. A situação mais comum onde isso (ou registros), editar campos de dados, classificar, etc.
ocorre é em uma tabela em um relacionamento muitos-para-muitos.
Deste modo, você poderá efetuar as atualizações nos seus dados, como quem opera
uma planilha eletrônica (ou quase).
Salvando uma tabela

Ao terminar de definir os campos, escolha Salvar a partir do menu Arquivo para salvar a Inserindo registros
tabela criada. Como estamos trabalhando em cima de uma nova tabela, o Access
emitirá uma mensagem avisando-lhe para dar um nome à tabela. Você pode adicionar um registro a qualquer tabela a partir de um formulário ou folha de
dados. O Microsoft Access automaticamente salva um novo registro toda vez que você
Digite um nome para a tabela utilizando as convenções de nomes do Microsoft Access e, move o ponto de inserção (ou clica com o mouse) para uma outra linha, ou quando você
em seguida, escolha "OK". fecha a folha de dados.
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development

01|Banco de Dados
Quando você está editando um registro, o Access coloca um símbolo (um pequeno lápis) Nome da tabela: Categoria
ao lado do campo, indicando que você está no modo de inserção de dados. Este lápis
indica que você ainda não salvou os dados digitados até agora. Chave Primária Nome do Campo Tipo de Dado Tamanho do Campo

X CodigoCategoria AutoNumeração

TituloCategoria Texto 25

Digite os dados em um registro e, em seguida, pressione a tecla TAB para mover-se para Nome da tabela: Usuarios
o próximo registro.
Chave Primária Nome do Campo Tipo de Dado Tamanho do Campo
A partir do momento em que você passa para o próximo registro, as informações
digitadas serão salvas e o símbolo do lápis transformar-se-á num triângulo negro X CodigoUsuario AutoNumeração
apontando para a direita. Este ícone representa o indicador de registro da tabela. NomeUsuario Texto 8

SenhaUsuario Texto 8

Estrutura do banco de dados a ser usado pelo sistema da editora:


Nome do banco: editora.mdb

Nome da tabela: Livros


Chave Primária Nome do Campo Tipo de Dado Tamanho do Campo

X CodigoLivro Texto 4

CodigoCategoria Numérico

Titulo Texto 80

NomeAutor Texto 30

NumPaginas Texto 4

Formato Texto 15

Preço Moeda

ResumoObra Memorando

Lançamento Sim/Não
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development

02|DreamweaverMX 2004 e Configuração do IIS


Introdução 2- Clicar no sinal [+] até a opção Site da Web Padrão aparcer
3- Clicar nesta opção, depois no menu > ação > novo > diretório virtual...
O Macromedia Dreamweaver MX 2004, programa usado para criação de web sites 4- Na primeira tela do assistente de criação de diretório virtual, avançar
movidos a banco de dados. 5- Na tela de Alias, vamos escrever um apelido para o nosso diretório virtual, é com esse
Nesta versão foi feita a fusão de outros produtos da macromedia voltados para internet, apelido que vamos usar para visualizar o que for publicado nesta pasta virtual, para o
deixando assim cada vez mais poderosa esta ferramenta. Alias digite “editorar2n.com.br”, sem as aspas e depois avançar.
6- Na tela de Diretório de Conteúdo, clicar no botão Procurar...
Exigências de sistema 7- Clicar em Unidade C: > inetpub > wwwroot > Criar nova pasta, neste caso vamos criar
a pasta que será o diretório virtual, “editorar2n.com.br” sem as aspas, OK.
Windows 95, 98, NT, ME, 2000 e XP 8- Com a pasta criada e diretório indicado, avançar.
64 MB de RAM disponível 9- Na tela de Permissões de acesso, avançar.
170 MB de espaço disponível no HD 10- Concluir
Processador de mais de 166 MHz
Para usuários de Windows NT 4 Service Pack 5 ou posterior instalado Agora podemos observar o nosso diretório virtual criado. Com ele ainda selecionado,
Microsoft Data Access Components (MDAC) 2.1 ou posterior, o MDAC 2.1 já está vamos configurar este diretório.
instalado se você tiver instalado o Office 2000
Internet Explorer 4.0 ou posterior (é preferível a versão 5.0 em diante para melhor usar Configurando um diretório virtual
os comportamentos de JavaScript)
1- Clicar no diretório virtual caso não esteja selecionado, menu > ações > propriedades.
Exigências de servidor para o Dreamweaver MX 2004 2- Na guia > Diretório virtual > opção > Proteção do aplicativo, mude para
Baixa(processo do IIS).
Suporta os seguintes servidores para ASP: 3- Na guia > Documentos > adicionar..., para criar um novo documento de índice para o
nosso diretório virtual.
Microsoft IIS 3.0 ou posterior e Microsoft Personal Web Server 4- Na janela Adicionar documento padrão, digite: index.asp e OK.
5- Com o novo documento padrão criado e selecionado, clicar no botão seta para cima
Configurando o Servidor de Aplicativos para colocar este como sendo a primeira opção do diretório virtual, OK e OK.
6- Pronto diretório criado e configurado.
O Dreamweaver MX pode executar diretamente de um servidor remoto que pode ser
contatado via FTP, mas para o nosso curso, você deverá usar um servidor local na sua
máquina o Microsoft Internet Information Server (IIS) ou o Personal Web Server (PWS)
isso para um servidor ASP.

Instalando o IIS no Windows XP

Este componente não vem na instalação normal para usuários simples, é um serviço
adicional que tem que ser instalado. Para instalar proceda assim:

1- Inserir o CD do Windows XP, aguardar abrir a janela.


2- Clicar em, instalar componentes opcionais do Windows
3- Marque a opção do Internet Information Services(IIS), avançar
4- Aguardar a instalação
5- Concluir.

Criando um diretório virtual

1- Painel de controle > ferramentas administrativas > Internet Information Services


DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development

03| Gerenciamento do projeto e Configuração dos drives de banco de dados


Definição do Site do Projeto Definição do caminho do Banco de Dados do Projeto

1. Crier uma pasta em Meus Documentos\editora asp. Abrir o documento index.asp, para criarmos a conexão com o banco de dados.
2. Inicie o Dreamweaver MX, escolha Menu > Site > Manange Site...,na janela de Para todas as aplicações de Banco de Dados, vamos trabalhar com o painel lateral >
diálogo > New > Site e preencha a caixa de diálogo como segue abaixo: Application, proceda assim:

Category: Local Info 1. Clique na guia > Database > botão (+) > Custom Connection String.
 Site Name (Nome do site): Editora R2n ASP 1.2. Connection Name: connEditora.
 Local Root Folder (Pasta raiz local): Meus Documentos\editora asp 1.3.Connection String: DRIVER={Microsoft Access Driver
 Default Images Folder (Pasta padrão das imagens): Meus Documentos\editora (*.mdb)};DBQ=C:\Inetpub\wwwroot\editorar2n.com.br\bd\editora.mdb e OK.
asp\imagens. 1.4. No item acima informamos o driver de banco de dados a ser usado e o caminho
físico onde esta o banco de dados no servidor local da nossa máquina.
3. Clique em Remote Info (Informações remotas) e preencha a caixa de diálogo da 1.5. Em um Servidor Web em um provedor, não podemos informar onde esta o Banco de
seguinte maneira: Dados da forma como fizemos acima, neste caso temos que alterar o arquivo de
conexão. No seu gerenciamento, foi criado uma pasta chamada Connections e dentro
Category: Remote Info dela um arquivo chamado connEditora.asp, abra este arquivo e mude o modo de
 Server Access (Acesso ao Servidor): Local/Network vizualização do documento para code, observe o conteúdo deste arquivo abaixo:
 Remote Folder (Pasta Remota): c:\Inetpub\wwwroot\editorar2n.com.br
Apasta indicada acima é a virtual que criamos anteriormente. <%
' FileName="Connection_ado_conn_string.htm"
3. Clique em Testing Server (teste de Servidor) e preencha a caixa de diálogo da seguinte ' Type="ADO" ' DesigntimeType="ADO"
maneira: ' HTTP="false"
' Catalog=""
Category: Testing Server ' Schema=""
 Server Model (Modelo de servidor): ASP VBScript Dim MM_connEditora_STRING
 Access (Acesso): Local/Network MM_connEditora_STRING = "DRIVER={Microsoft Access Driver
 Testing Server Folder (Pasta Remota): c:\Inetpub\wwwroot\editorar2n.com.br (*.mdb)};DBQ=C:\Inetpub\wwwroot\editorar2n.com.br\bd\editora.mdb"
 Prefixo de URL: http://localhost/editorar2n.com.br %>
4. Clique em OK.
Para um Servidor Web em um provedor mude o arquivo como mostra abaixo:
Neste momento não existe nada na nossa pasta virtual, para publicar o conteúdo da
pasta Local Info em Remote Info, proceda assim: <%
' FileName="Connection_ado_conn_string.htm"
1. No painel lateral > Files, existe uma seta azul apontando para cima, clicar nesta ' Type="ADO" ' DesigntimeType="ADO"
opção. Esta opção é chamada de Put Files, com isso acabamos de enviar o conteúdo da ' HTTP="false"
Pasta Local Info para a pasta Remote Info. ' Catalog=""
' Schema=""
Configurando o Driver de Banco de Dados Dim MM_connEditora_STRING
MM_connEditora_STRING = "DRIVER={Microsoft Access Driver (*.mdb)};" &_
Ao projetar um aplicativo de Web movido a dados, o caminho para o banco de dados no "DBQ=" & Server.MapPath("bd\editora.mdb")
servidor do provedor pode ser completamente diferente do seu banco local, ele pode %>
estar em uma máquina diferente e o caminho pode estar fora do seu controle.
O comando Server.MapPath, serve para mapear o servidor em busca da pasta bd e o
Vamos aprender como configurar o Driver para trabalhar em sua máquina e no servidor banco que esta dentro dela. Fazer esta mudança apenas quando for publicar o site no
web em um provedor. provedor.
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development

04| Criando Recordset 05| Criando o menu apartir do Recordset


Abrir o documento index.asp, caso não esteja aberto. 1. Inserir uma nova tabela na célula indicada com as seguintes configuracoes:
Rows:1 - Columns: 1- Table width: 100% - Border: 0 - Cell padding:0 - Cell spacing:0,
1. Painel Lateral > Application > clicar na guia > Bindings (Ligações de dados) > botão OK.
(+) > Recordset (Query) (Conjunto de registro ( consulta)), no menu pop-up.

Aparecerá a caixa de diálogo Simple Recordset (simples Conjunto de registros).

2. Defina os seguintes critérios para o seu Recordset:

 Name (Nome): rsMenu


 Connection (Conexão): connEditora 2.Vamos colocar dentro da célula da tabela que acabamos de criar, o item do Recordset
 Table(Tabela): categoria rsMenu tituloCategoria.
 Columns (Colunas): All 3. Clicar na célula da tabela, no painel lateral Application > guia > Recordset > rsMenu >
 Filter (Filtro): None TituloCategoria > botão (insert).
 Sort (Ordenar): TituloCategoria (Asceding)
 Clique em Test, todos os dados da tabela aparecera na janela pop-up Test SQL
Statement
 Clique OK, OK novamente para confirmar o Recordset
1
2
Resultado

3
4. Vamos fazer com que a nossa tabela repita deacordo com a quantidade de registro na
tabela categoria, para isso selecione a tabela que criamos no item 1.
5. Vamos colocar nesta tabela um comportamento de servidor para que ela possa se
repetir, ao lado da guia Recordset, clique na guia > Server Behaviors > botão (+) >
Repeat Region.
6. Configure como mostra abaixo:
 Recordset: rsMenu
 Show: All records
 OK

O Recordset rsMenu será usado para fazer o menu de categoria do documento Com isso estamos informando que todos os registros sejam vizualizados, e quando
index.asp. incluir uma nova categoria ela também apareça no menu.
Salve, dê um Put Files e F12 para visualizar no navegador.
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development

06| Criando Link’s Dinâmicos


Um link dinâmico consiste em uma passagem de parâmetro de um documento ASP para Aplicar o CSS> textolink no link que acabamos de criar, salve e Put Files, F12 para
outro documento ASP. Essa passagem de parâmetro é feita pela URL, o documento que visualizar no navegador.
recebe o parâmetro filtra no banco de dados e mostra o que foi solicitado.
Neste caso a index.asp ira passar um parâmetro para o documento catalogo.asp, este
por sua vez vai filtrar e mostrar o que foi solicitado.

1. Selecione o Recordset {rsMenu.tituloCategoria} que colocamos na tabela.


2. Clicar na pasta amarela que esta na barra de propriedades no item link.

Observe na barra de status do navegador que o link esta passando um parâmetro para o
3. Na janela de diálogo Select File, selecione o documento > catalogo.asp. documento catalogo.asp, o sinal (?) Esta fazendo a ligação com o parâmetro, neste caso
4. Na opção URL, clicar no botão Parameters. o documento catalogo.asp esta recebendo o código 3 da categoria e filtrar. Para cada
item que você passar o mouse ele muda o código da categoria.
Repita a criação de link dinâmico para todos os documentos ASP do gerenciamento.

5 6 7
5. Na janela de diálogo Parameters, em Name digite: CodigoCategoria.
6. No campo Value, clicar no raio amarelo para informar o valor dinâmico.

7. Na janela de diálogo Dinamic Data, selecione o item do Recordset(rsMenu) > 4


CodigoCategoria e Ok e Ok e Ok.

2
No próximo capítulo vamos preparar o documento catalogo.asp para receber o
parâmetro.

É isso!!!
Pronto, com isso estamos informando que o campo CodigoCategoria vai mandar o valor
que esta cadastrado neste campo.
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development

07| Criando o Catálogo


Vamos nesta etapa preparar o catalogo.asp para receber o parâmetro que foi criado Exemplo 1
anteriormente e mostrar as informações. Precisamos criar os Recordsets, já existe o
rsMenu vamos criar mais dois(2), então mãos a obra.

Criando o Recordset para o catálogo

1. No painel lateral Application > Bindings > botão (+) > Recordset
2. Defina os seguintes critérios para o seu Recordset:
 Name (Nome): rsCatalogo
 Connection (Conexão): connEditora
 Table(Tabela): livros Exemplo 2
 Columns (Colunas): All
 Filter (Filtro): CodigoCategoria
A opção Filter é responsável por fazer a ligação com o link dinâmico, observe na área
selecionada abaixo que o filtro é feito pelo parâmetro que vem pela URL que tem que ser
igual ao valor armazenado no campo CodigoCategoria da tabela livros.

Exemplo 3

Exemplo 4

 Sort (Ordenar): Titulo (Asceding) No exemplo 4 temos o resultado final, apliquar o CSS salvar e visualizar no navegador.
 Clique OK
Criando o Recordset para o título da categoria
Coloque os item do Recordset(rsCatalogo) que criamos na tabela do catalogo.asp, como
mostra o exemplo1. O título da categoria fica localizado acima das informações dos livros, para que os
Depois selecione esta tabela e aplicar o Server Behaviors (Repeat Region), como mostra usuários possam identificar de que categoria os livros fazem parte.
o exemplo 2. Da mesma forma como criamos o Recordset(rsCatalogo) que tem um filtro, vamos
Configure o Repeat Region como mostra o exemplo 3. Como temos cadastrado apenas proceder da mesma forma para a criação deste.
três(3) livros para cada categoria.
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development

07| Criando o Catálogo


1. No painel lateral Application > Bindings > botão (+) > Recordset
2. Defina os seguintes critérios para o seu Recordset:
 Name (Nome): rsCategoria 2
 Connection (Conexão): connEditora
 Table(Tabela): categoria
3
 Columns (Colunas): All
 Filter (Filtro): CodigoCategoria
 Sort (Ordenar): None
 Clique OK

Você acha que acabou, nada começou agora, precisamos criar a paginação para poder
ver os demais livros.

3. Coloque o item do Recordset(rsCategoria) {rsCategoria.TituloCategoria} como Criando uma paginação


mostra o exemplo acima e aplique o CSS.
4. Salve e Put Files e visualizar no navegador. 1. Clique abaixo da tabela que esta as informações dos livros.
2. No painel Insert > Application > Recordset Paging : Recordset Navigation Bar
Eu sei que a capa do livro não esta aparecendo, vamos fazer isto agora mesmo.

Inserindo imagens dinâmicas

1. Clique na célula reservada para a capa do livro, assim como se fosse inserir uma 4. Na janela de diálogo, configure assim: Recordset: rsCatalogo, Display Using: Text e
imagem comum, clique no ícone imagem que esta no Painel Insert na guia Common. Ok.
2. Na janela de diálogo Select Image Source, escolha a opção Data Source. 5. Eu sei que esta em inglês, bom para resolver isto clique no link First e depois na Quick
3. Clique no (+) do Recordset(rsCatalogo) para selecionar o item CodigoLivro. Tag <a> como mostra abaixo, e com o link selecionado escreva por cima a palavra
4. Na opção URL configure assim como mostra o exemplo: Primeiro, não apague para escrever, simplismente com ele selecionado escreva.
capas/<%=(rsCatalogo.Fields.Item("CodigoLivro").Value)%>.gif

Vamos traduzir o que foi feito aqui, acabamos de informar que a imagem da capa vem da
pasta capas e que todo conteúdo que esta entre <% %> será substituido por uma
imagem .gif que tem o nome igual ao código do livro.

6. Altere cada link como segue abaixo deacordo com a orientação acima:
First: Primeiro, Previous: Anterior, Next: Próximo e Last: Último
7. Aplique o CSS, salve, Put Files e visualize no navegador.

Ufa, é isso!!!
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development

08| Criando o Site Administrativo


O site administrativo é responsável por alimentar as informações do site principal, por Configurando o Driver de Banco de Dados para o site admin
exemplo: incluir, alterar e excluir os dados diretamente no Banco de Dados.
Tudo isso será protegido por um login para ter acesso e poder realizar estas tarefas. É necessário criar uma nova conexão para o site admin, pois é melhor trabalhar assim .
Observe no gerenciamento a pasta (admin), dentro desta pasta é que vamos criar o site
administrativo. Definição do caminho do Banco de Dados

Abaixo segue o esquema do site administrativo: Abrir o documento index.asp da pasta admin, para criarmos a conexão com o banco de
dados. Painel lateral > Application, proceda assim:

1. Clique na guia > Database > botão (+) > Custom Connection String.
1.2. Connection Name: connAdmin.
1.3.Connection String: DRIVER={Microsoft Access Driver
(*.mdb)};DBQ=C:\Inetpub\wwwroot\editorar2n.com.br\bd\editora.mdb e OK.
1.4. Observe que não é diferente do que foi criado logo no começo.
1.5. No seu gerenciamento, na pasta Connections e dentro dela foi criado o arquivo
connAdmin.asp, observe o conteúdo deste arquivo abaixo:

<%
' FileName="Connection_ado_conn_string.htm"
' Type="ADO" ' DesigntimeType="ADO"
' HTTP="false"
' Catalog=""
' Schema=""
Dim MM_connAdmin_STRING
MM_connAdmin_STRING = "DRIVER={Microsoft Access Driver
(*.mdb)};DBQ=C:\Inetpub\wwwroot\editorar2n.com.br\bd\editora.mdb"
%>

Para um Servidor Web em um provedor mude o arquivo como mostra abaixo:

<%
' FileName="Connection_ado_conn_string.htm"
' Type="ADO" ' DesigntimeType="ADO"
' HTTP="false"
' Catalog=""
' Schema=""
Dim MM_connAdmin_STRING
MM_connAdmin_STRING = "DRIVER={Microsoft Access Driver (*.mdb)};" &_
"DBQ=" & Server.MapPath("..\bd\editora.mdb")
%>

Observe que a única mudança esta na parte final, “..\bd\editora.mdb”, com isso estamos
informando que estamos dentro de uma pasta e o banco esta um nível acima em outra
pasta. Na verdade só há mudanças quando vamos publicar no servidor, neste caso
mudamos o arquivo como mostra acima.
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development

08| Criando o Site Administrativo


Vamos explicar o esquema ao lado, quando o site administrativo for acessado pela URL,  If login fails, go to: index.asp
vou dar dois exemplos: - informações de restrição de acesso
1. Local em nossa maquina: http://localhost/editorar2n.com.br/admin/  Restrict access based on: Username and password
2. Em um provedor: http://www.editorar2n.com.br/admin/  Ok.
5. Salve Put Files
Nos casos acima, será exibido a index.asp da pasta admin, a index.asp tem um
formulário de login o usuário entra com seu nome e senha, esta solicitação vai para o
Banco de Dados a fim de verificar se o mesmo existe, se existe o usuário tem acesso ao
menu.asp que tem todas as opções para dar a manutenção no site.
Caso o usuário não exista, ele não sai da index.asp. Vamos supor que ele saiba o
endereço completo para chegar no menu.asp, e agora? Vamos bloquear todos os
documentos que estão dentro da pasta admin contra invasão pela URL.

Criando Login de Usuários

1. Abrir a index.asp da pasta admin.


2. Painel lateral > Application > Bindings > botão (+) > Recordeset, configure assim:
 Name (Nome): rsUsuarios
 Connection (Conexão): connAdmin
 Table(Tabela): usuarios
 Columns (Colunas): All
 Filter (Filtro): None
 Sort (Ordenar): None
 Clique OK
OBS: Como este formulário já veio pronto, vale salientar que os campos de formulário
tem os mesmos nomes dos campos da Tabela (usuarios), não esqueça: toda vez que
criar um formulário de login, tem que configurar os campos de formulário.
3. Selecione o form, Painel > Insert > Application > User Authentication : Log In User.

4. Na janela Log In User configure como segue: Criando funcionalidades ao documento menu.asp
- Informações do form
 Get input from form: form1 1. A primeira coisa a ser feita é restringir o acesso a este documento, abrir o menu.asp
 Username field: NomeUsuario 2. Painel > Insert > Application > User Authentication : Restrict Access to Page,
 Password field: SenhaUsuario configure como mostra abaixo:
- Informações do Banco de Dados
 Validate using connection: connAdmin
 Table: usuarios
 Username column: NomeUsuario
 Password column: SenhaUsuario
- Informações de validação
 If login succeeds, go to: menu.asp
 Go to previous URL (if it exists)
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development

08| Criando o Site Administrativo


3. Ok,
Pronto só isso. Mas estes passos devem ser aplicados em todos os documentos ASP que Figura 1
estão dentro da pasta admin.

Criando um identificador de usuários

O que é um identificador? Bom quando o usuário fizer o login, o nome do usuário


aparece ao lado da mensagem de boas vindas no menu.asp. Figura 2
1. Painel Lateral > Application > Bindings > botão (+) > Recordset, configure como
assim:
 Name (Nome): rsUsuarios
 Connection (Conexão): connAdmin
 Table(Tabela): usuarios Vamos dar continuidade as funcionalidades do menu.asp. Agora configurar a opção de
 Columns (Colunas): All fazer Log Out.
 Filter (Filtro): NomeUsuario
 Sort (Ordenar): None Criando a opção de Log Out de usuários
 Clique OK
OBS: Este tipo de filtro é um filtro especial, pois estamos tratando de uma seção de 1. Selecione a palavra (Sair).
usuário. 2. Painel Insert > Application > User Authentication : Log Out User.
3. Na janela Log Out User, configure como mostra abaixo:

A index.asp que estamos setando é a index.asp fora da pasta admin.


4. Ok.
5. Aplicar o CSS no link, salve e Put Files.

Pensa que acabou, não só estamos começando no caso do site administrativo ele da mas
trabalho de fazer do que o site principal, mas uma coisa é certa na hora de fazer a
manutenção no site principal vai ser moleza.

Criando o link com o documento livros_menu.asp

1. No menu.asp clique no link (livros) para selecioná-lo pela Quick Tag.


2. No Painel Lateral > Tag Inspector > Botão(+) > Open Browser Window
2. Vamos colocar o item do Recordset(rsUsuarios) NomeUsuario no local indicado como 3. Configure as opções como mostra o exemplo ao lado.
mostra a figura1.
3. Veja o resultado na figura 2 visualizado no navegador. A opção Open Browser Window para quem não esta lembrado, ela serve para abrir uma
4. Salve e Put Files nova janela do navegador de forma reduzida sem todas as opões que estamos
acostumados de ver no navegador.
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development

08| Criando o Site Administrativo


(2) Criando a Listagem

1. Painel lateral > Application > Bindings > botão(+) > Recordset, configure assim:
 Name (Nome): rsLivros
 Connection (Conexão): connAdmin
 Table(Tabela): livros
 Columns (Colunas): All
 Filter (Filtro): None
 Sort (Ordenar):Titulo
 Clique OK
2. Coloque os intens do Recordset(rsLivros) CodigoLivro e Titulo, no local indicado
abaixo:

4. Ok.

Repetir estes passos para as opções do Menu Principal > Categoria e Usuáros, vale
lembrar que o window name tem que ser diferente para cada um, o resto é igual.
Fazendo isso finalizamos com o menu.asp, vamos partir para livros_menu.asp.

Criando as funcionalidades do documento livros_menu.asp

1
2 3

3. Selecione a tabela cinza claro onde foi colocado os intens do Recordset.


A idéia para este documento é que ele tenha tudo que precisamos para dar manutenção 4. Painel Lateral > Application > Server Behaviors > Repeat Region, configure assim:
na Tabela (Livros), (1) Poder Incluir um novo Livro; (2) Listar todos os Livros da Tabela;  Recordset: rsLivros
(3) e poder Alterar e Excluir o livro que esta sendo listado. Isto se chama usabilidade,  Show:All Records
facilitar ao máximo a tarefa da pessoa que esta dando a manutenção no site. Vamos criar  Ok.
estas opções na ordem como explicamos. 5. Salve e Put Files

(1) Criando link com livros_incluir.asp (3) Criando a Alteração e Exclusão

1. Selecione todo o texto (- Adcionar novo Livro). No item anterior criamos a listagem de todos os livros, agora é preciso organizar a parte
2. Este link é um link simples como estamos acostumados a fazer, clique na pasta da alteração e exclusão. O texto Alterar e Excluir, se repetem a cada livro, bom o texto
amarela na opção Link na barra de propriedades. Alterar precisa passar um parâmetro para o documento livros_alterar.asp, isso lembra o
3. Aponte para livros_incluir.asp que esta na pasta admin. link dinamico que criamos no capítulo 6, é exatamenta igual.
4. Aplicar o CSS no link.
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development

08| Criando o Site Administrativo


1. Selecione o texto Alterar.
2. Clique na pasta amarela na opção de link na barra de propiedades.
3. Na janela Select File, escolha o documento livros_alterar.asp. Figura 1
4. Clique no botão Parameters
5. Na janela Parameters, no campo Label: CodigoLivro, em Value clique no raio para abrir
a janela Dynamic Data.
6. Selecione o item do Recordeset(rsLivros) CodigoLivro.
7. Ok, Ok e Ok, aplique o CSS no link.
8. Salve e Put Files.

Para finalizar repita os passos acima para exclusão. Detalhe, o documento


livros_excluir.asp ainda não foi criado, ele só será criado mais adiante, não tem problema
na janela Select File digite o nome do documento mesmo ele não existindo.

Agora que preparamos todo o documento livros_menu.asp, vamos partir na mesma


sequência para preparar os documentos que vão estar ligados a ele.

(1) Criando as funcionalidades do documento livros_incluir.asp

Na etapa anterior criamos um link para este documento, ele será responsável por incluir
no Banco de Dados novos livros.

1. Abrir o documento livros_incluir.asp


2. Painel Insert > Application > Insert Record : Record Insertion Form Wizard
Figura 2

3. Na janela do Assistente para criação de um formulário de Inclução(Record Insertion


Form Wizard), configure como assim:

 Connection: connAdmin
 Insertion into table: livros
 After inserting, go to: livros_menu.asp
 Form fields: clicar em cada campo para configurar, por exemplo, clicando em
CodigoLivro na opção Label mude para Código Label. Fazer este tipo de alteração para
todos. No campo ResumoObra, mudar o tipo dele em Display as de text field para text
area, já que se trata de um campo de várias linhas de texto.
 Após aplicar todas as laterações para os campos, clicar em Ok.

Com isso acabamos de criar um formulário de inclução para a tabela(livros), toda vez
que incluirmos um novo livro voltamos para o livros_menu.asp. Na próxima página na
figura 1 você pode observar a tela do Record Insertion Form Wizard, na figura 2
podemos observar o formulário pronto.
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development

08| Criando o Site Administrativo


Aplicar o CSS nos labels e nos campos de formulário como mostra o exemplo baixo:

Char width:10
Max char:4

Char width:50

Char width:10

Vamos fazer uma coisa bem legal agora, no campo Código Categoria ao invés de digitar
esta informação como é o que esta proposto, vamos trazer a informação da
Tabela(categoria) para este formulário através de um List/Menu.

1. A primeira coisa a ser feita é criar um Recordset, Painel Lateral > Application >
Bindings > botão(+) > Recordset, configure assim:
 Name (Nome): rsCategoria
 Connection (Conexão): connAdmin
 Table(Tabela): categoria
 Columns (Colunas): All
 Filter (Filtro): None  Salve e Put Files
 Sort (Ordenar):TituloCategoria
 Clique OK Finalizado o documento livros_incluir.asp.
2. Beleza, clique no campo de formulário CodigoCategoria e delete.
3. Painel Insert > Form, coloque um List/Menu no lugar do campo que apagamos. (2) Criando as funcionalidades do documento livros_alterar.asp
4. Mude na barra de propriedade o Type para List, Aplique o CSS.
5. Ainda na barra de propriedades, clicar no botão Dinamic... Para informar que o valor Assim como foi com o documento livros_incluir.asp, vamos criar o documento
deste list/menu vem de uma tabela. livros_alterar.asp usando um wizard. Mas antes de usar este wizard, se você não lembra
6. Na janela Dynamic List/Menu configure assim: este documento precisa receber um parâmetro que é passado pelo documento
 Options from Recordset: rsCatalogo livros_menu.asp na tarefa (alterar), para poder filtrar e mostrar no formulário as
 Values: CodigoCategoria informações certas.
 Labels: tituloCategoria
Com isso, no list/menu vamos ver o título da categoria, mas o que será gravado no banco 1. Abrir o documento livros_alterar.asp.
será o código. 2. Painel Lateral > Application > Bindings > botão(+) > Recordset, configure assim:
 Ok.  Name (Nome): rsLivros
7. Na barra de propriedades com o list/menu selecionado, mude o texto Select para  Connection (Conexão): connAdmin
CodigoCategoria.  Table(Tabela): livros
Veja o resultado na próxima página do que acabamos de fazer.  Columns (Colunas): All
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development

08| Criando o Site Administrativo


 Filter (Filtro): CodigoLivro  Clique OK
 Ok. 7. Beleza, clique no campo de formulário CodigoCategoria e delete.
3. Agora sim vamos para o wizard, clque dentro da tabela no espaço em branco, Painel 8. Painel Insert > Form, coloque um List/Menu no lugar do campo que apagamos.
Insert > Application > Update Record : Record Update Form Wizard. 9. Mude na barra de propriedade o Type para List, Aplique o CSS.
10. Ainda na barra de propriedades, clicar no botão Dinamic... Para informar que o valor
deste list/menu vem de uma tabela.
11. Na janela Dynamic List/Menu configure assim:
 Options from Recordset: rsCatalogo
 Values: CodigoCategoria
Na janela Record Update Form Wizard, configure assim:  Labels: tituloCategoria
 Select value equal to: clicar no raio para abrir outra janela Dynamic Data, em field,
escolha o item do Recordset(rsLivros) CodigoCategoria.
Com isso, no list/menu vamos ver o título da categoria, mas o que será alterado no banco
será o código.
 Ok, Ok.
12. Na barra de propriedades com o list/menu selecionado, mude o texto Select para
CodigoCategoria.

Figura 1 Figura 2

 Form fields: selecione o CodigoLivro > botão (-), para subtrair esta opção, ela é a
única informação da tabela que não pode ser alterada. Acima podemos ver a mudança que acabamos de fazer, tudo isso é porque este
4. Aplique o CSS e configure o tamanho dos campos, como mostra as figuras 1 e 2. documento precisa mostrar as informações que já estão gravadas no banco.
5. Vamos alterar o campo CodigoCategoria, para um List/Menu da mesma forma como
foi feito em livros_incluir.asp. Temos um pequeno problema para resolver, é a questão do preço, na hora de fazer a
6. A primeira coisa a ser feita é criar um Recordset, Painel Lateral > Application > alteração do preço a pessoa pode colocar uma vírgula no lugar do ponto. Ex: 50.00 para
Bindings > botão(+) > Recordset, configure assim: 50.75, no exemplo dado se for colocado uma vírgula, vai dar errado e não vai fazer a
 Name (Nome): rsCategoria alteração.
 Connection (Conexão): connAdmin
 Table(Tabela): categoria Para fazer esta correção precisamos ir para o código HTML/ASP, para fazer esta
 Columns (Colunas): All alteração, mas não tem bicho de sete cabeças para fazer isto, basta seguir a explicação
 Filter (Filtro): None que esta na próxima página.
 Sort (Ordenar):TituloCategoria
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development

08| Criando o Site Administrativo


1. Na barra de documento, clicar no botão (code), para alternar no modo de
visualização.
2. A linha de código que precisamos, sempre fica entre as linhas 50 e 60, como mostra
abaixo:

‘ set the form values


For MM_i = LBound(MM_fields) To UBound(MM_fields) Step 2 7. Ok.
MM_fields(MM_i+1) = Replace(CStr(Request.Form(MM_fields(MM_i))),",",".")
Next Fazendo assim já estamos com o documento livros_excluir.asp finalizado, salve e Put
Files.
Mude para ficar como mostra acima. Com isso resolvemos o problema do ponto ou
vírgula na hora de alterar o preço. Finalizamos o Site Administrativo, claro que é preciso fazer tudo isso para as opções
CATEGORIA e USUÁRIOS, do menu principal do site administrativo, mas isso fica como
Volte para o modo de visualização Design, pronto finalizamos o documento forma para você exercitar e reforçar o que aprendeu. É isso!
livros_alterar.asp, salve e Put Files.

(3) Criando as funcionalidades do documento livros_excluir.asp

Você deve esta pensando quando é que tudo isso vai acabar, calma chegamos na reta
final, depois deste documento, fica faltando o lancamento.asp. Bom vamos deixar de
conversa e vamos lá.

O documento livros_excluir.asp, tem as mesmas funcionalidades que o documento


livros_alterar.asp tem. Para facilitar a nossa vida proceda como segue o passo a passo
abaixo para produzir este documento.

1. Com o documento livros_alterar.asp aberto, File > Save As...


2. Na janela Save As, na opção > Nome do arquivo: Livros_alterar.asp, mude para
livros_excluir.asp e salvar.
3. Mude o título: Livros - Alteração para Livros - Exclusão, mude o label do botão de
Alterar para Excluir.
4. Para o toque final... Painel lateral > Application > Server Behaviors > clicar no item:
Update Record(rsLivros, form”form1”) > botão (-), para subtrair a opção de atualização
para que possamos inserir a opção de exclusão.
5. Com o form ainda selecionado, clicar no botão(+) > Delete Record
6. Na janela Delete Record, configure como mostra a figura ao :

Você também pode gostar