Baixe FrontPage 2000 - Apostilas - Informática Part3 e outras Notas de estudo em PDF para Informática, somente na Docsity!
Front Page 2000
http://www.barreto.com.br ( asp ) http://www.aspalliance.com http://www.asphole.com/asphole/default.asp http://www.genusa.com/asp http://unlockingasp.siteam.com http://www.riopreto.com.br/asp http://www.takempis.com http://everest.igc.ups.br http://www.vallin.com/pub/1/asp1.asp http://www.asptoday.com http://www.aspbrasil.com.br http://www.aspzone.com http://www.tcp-ip.com
COLD FUSION
Cold Fusion é uma ferramenta de desenvolvimento de aplicações Internet e que você pode criar uma larga variedade de aplicações de páginas dinâmicas para comércio, comunicação, sites interativos e intranets.
Cold Fusion possui uma linguagem de marcação que roda no servidor e retorna código dinâmico html, dependendo da ação definida. Essas páginas executadas no servidor com extensão cfm ou cfml , têm os comandos normais html acrescentados de tags do cold fusion que serão processados pelo servidor, mas que não são enviados para o cliente.
A versão beta do Cold Fusion está disponível em http://www.allaire.com
SITES SOBRE COLD FUSION
http://milliways.stoneage.com/cf http://rtb.home.texas.net/cf http://www.houseoffusion.com http://www.teamfusion.com http://www.mapamundi.com.br:81/guest/RemoteListSummary/coldfusion_br ( Lista Brasileira de Cold Fusion )
COMO CRIAR UM BANCO DE DADOS NO ACCESS
- Abra o programa do MS Access
- Abrirá uma caixa de diálogo : Microsoft Access
- Clique em Banco de dados vazio
- Digite o nome do arquivo como alunos.mdb dentro da pasta Meus Documentos > Dados ou C:/Meus Documentos/Dados/alunos.mdb sempre salvar o arquivo.mdb fora do FrontPage
- Clique em Criar
- Abrirá uma caixa de diálogo com tipos de Banco de Dados que você pode criar : Tabelas , Consultas , Formulários , Relatórios , Macros e Módulos
Front Page 2000
- Selecione : Tabelas e clique em Novo
- Selecione item : Modo Folha de Dados
- Clique sobre Campo1 com o botão direito do mouse pressionado e selecione a opção Renomear Coluna
- Digite : Nome
- Clique sobre Campo 2 , repita o mesmo processo e digite : Endereco ( sem "ç ")
- Clique sobre Campo 3 , repita o mesmo processo e digite : Bairro
- Clique sobre Campo 4 , repita o mesmo processo e digite : Cidade
- Clique sobre Campo 5 , repita o mesmo processo e digite : UF
- Insira dados na tabela conforma mencionamos abaixo
- Salve como alunos.mdb
- Aparecerá uma caixa de diálogo para dar nome a tabela ;
- Digite : Alunos
- Clique OK
- Aparecerá uma mensagem sobre criação de chave primária
- Clique em Não
Nome Endereco Bairro Cidade UF Antonio Rua X Copacabana Rio de Janeiro RJ Carlos Rua A Itaim São Paulo SP Maria SQS 310 Asa Sul Brasília DF Lorena Rua 123 Setor Sul Goiânia GO
COMO CONFIGURAR O ODBC
ODBC - Open Database Connectivity - Conectividade Aberta de Banco de Dados é um aplicado que cria recursos para conectar o banco de dados com outro programa que rode banco de dados
alunos.mdb <> ODBC <> asp
- Clique no botão Iniciar do Windows
- Clique em Configurações > Painel de Controle
- Clique em ODBC 32 bits
- Clique em NFD do sistema ou System DSN
- Clique em Adicionar 6. Selecione *Microsoft Access Driver ( mdb )
- Clique em Concluir
- No item Data Source Names ( Nome da Fonte de Dados ) digite : Alunos
- Clique em Select ( Selecionar )
- Procure C:\Meus documentos\Dados
- Clique em alunos.mdb
- Clique Ok e feche o Painel de controle
Front Page 2000
- Clique OK
- Observe que voltamos a Etapa 1 selecionado (x ) use an existing database connection ( x ) Usar uma conexão de banco de dados existente 3. Alunos
- Clique Next > Step 2 Próximo > Etapa 2
- Record Source Fonte de Registro > será exibido Alunos
- Clique Next > Step 3 Próximo > Etapa 3
- Edit List Editar Lista será exibido os campos do Banco de Dados Clique em More Options Mais Opções No item Message to display if no records are returned Mensagem a ser exibida se nenhum registro for retornado digite : não foi encontrado nenhum registro
- Clique em Criteria ( Critério) Clique em Add Adicionar e selecione Nome que será o item a ser pesquisado no Cadastro de Alunos Clique Ok
- Clique Next > Step 4 Próximo > Etapa 4
- ( x ) Table - one record per row Tabela - um registro por linha No caso de usar tabela : Use table border – Usar borda da tabela Expand table to width of the page – Expandir tabela para largura da página Include header row with column labels – Incluir linha de cabeçalho com nomes de coluna
- Clique Next > Step 5 Próximo > Etapa 5
- ( x ) Split records into groups ( x ) Dividir registros em grupos – caso tenha escolhido na etapa 4 Drop-Down Menu ( Menu Suspenso ) , este item não estará ativado
- Finish ( Concluir)
- Observe que foi criado um formulário para nova consulta
Front Page 2000
- Clique com botão direito no botão Submi t ( Submeter ) e digite em Label ( Rótulo ) : Pesquisar Novamente
- Clique com botão direito no botão Reset ( Redefinir ) e digite em Label ( Rótulo ) : Limpar
- Salve sua página : consulta.asp
FORMULÁRIO DE CONSULTA A DADOS
- Crie uma nova página e salve como exer11.htm
- Digite centralizado e em negrito : Formulário de Consulta ao Banco de Dados
- Dê
- Cadastro de Alunos
- Dê
- Clique Insert > Form > One Line Text Box Inserir > Form > Caixa de Texto de uma linha
- Pressione a tecla Home e digite : Nome :
- Clique com o botão direito do mouse pressionado : Form Field Properties Propriedades do Campo de Formulário ao lado de Nome no item Name Nome digite Nome Clique OK
- Clique no botão Submit Submeter com o botão direito do mouse pressionado Form Field Properties Propriedades do Campo de Formulário No item Name Nome digite Pesquisar Value/Label Valor/Rótulo digite Pesquisar Clique Ok
- Clique no botão Reset Redefinir com o botão direito do mouse pressionado Form Field Properties Propriedades do Campo de Formulário No item Name Nome digite Limpar Value/Label Valor/Rótulo digite Limpar
- Clique OK
- Clique no Formulário com o botão direito do mouse pressionado : Form Properties Propriedades do Formulário
- Marque ( x ) Send to other ( x ) Enviar para outra
Front Page 2000 'Lendo o registro recém-inserido Comando = "SELECT Nome FROM Alunos " & _ "WHERE Nome LIKE '" & trim(Nome) & "'" Set RecSet = DB.Execute(Comando) %>
<%= RecSet("Nome")%>
Seus Dados foram adicionados com sucesso !!! Obrigado !!!
- Salve sua página como exer12.htm
- Teste seu formulário
NOÇÕES SOBRE O ARQUIVO INSERIR.ASP
- Abre o script com o comando <%
- Crie uma variável chamada Dim e especifique todos os itens da tabela criada no Access : Dim Nome,Endereco,Bairro,Cidade,UF
- Especique cada item a ser preenchido pelo usuário : Nome = request.form("Nome") Endereco = request.form("Endereco") Bairro = request.form("Bairro") Cidade = request.form("Cidade") UF = request.form("UF")
- Declare a Conexão com Banco de Dados : No item DataSource digite o nome que você deu na Tabela do Access Set DB = Server.CreateObject("ADODB.Connection") DataSource = "Alunos" DB.Open DataSource,"Alunos",""
- Criar comando para inserir dados : No comando INSERT INTO digite o nome da Tabela do Access e depois todos os itens No comando VALUES digite todos itens com as aspas ' " & Item & " ' Comando = "INSERT INTO Alunos (Nome,Endereco,Bairro,Cidade,UF) " & "VALUES ('" & Nome & "','" & Endereco & "','" & Bairro & "','" & Cidade & "','" & UF & "')"
Front Page 2000 DB.Execute(Comando)
- Para ler o cadastro recém-inserido: No comando SELECT digite o primeiro item da Tabela , nesta caso : Nome No comando FROM digite o nome da Tabela do Access No comando Where digite Nome e dentro dos parênteses : Nome Comando = "SELECT Nome FROM Alunos " & _ "WHERE Nome LIKE '" & trim(Nome) & "'" Set RecSet = DB.Execute(Comando)
- Feche seu script com o comando %>
- Digite : <%= RecSet("Nome")%> Para que seja exibido o Nome do Usuário Recém Registrado no arquivo asp.
FORMULÁRIO INSERIR DADOS
- Crie uma nova página e salve como exer12.htm
- Digite centralizado e em negrito : Formulário para Inserir Novo Cadastro :
- Insira um linha horizontal
- Clique Insert > Form > One Line Text Box Inserir > Formulário > Caixa de Texto de uma linha
- Pressione a tecla Home e digite : Nome :
- Clique com o botão direito do mouse pressionado : Form Field Properties Propriedades do Campo do Formulário
- no item Name Nome digite Nome No item Width in characters Largura em Caracteres mude para 40 No item tab order : 1 Clique OK
- Clique Insert > Form Field > One Line Text Box Inserir > Formulário > Caixa de Texto de uma linha 9. Pressione a tecla Home e digite : Endereco : Clique com o botão direito do mouse pressionado : Propriedades do Campo do Formulário no item Nome Nome digite Endereco No item Largura em Caracteres mude para 40 No item tab order : 2 Clique OK
10.Clique em Inserir > Formulário > Caixa de Texto de uma linha
- Pressione a tecla Home e digite : Bairro : 12.Clique com o botão direito do mouse pressionado : Propriedades do Campo do Formulário
Front Page 2000
Existem três opções para inserir JavaScript na página HTML :
1ª opção : O comando Título da Página
............
2ª opção :O comando ............
3ª opção :O comando Título da Página
............
Front Page 2000
Observação : Quando for inserir um JavaScript na sua página, observe como ele foi criado conforme uma das opções acima.
EDITOR DE JAVASCRIPT
No FrontPage 2000 vem um Editor de JavaScript chamado Microsoft Script Editor e para instalá-lo, siga os seguintes passos :
- Abra o FrontPage 2000
- Tools > Macro > Microsoft Script Editor Ferramentas > Macro > Microsoft Script Editor
- Aparecerá uma mensagem que o editor não está instalado Será solicitado que você insira o CD do FrontPage 2000 para instalá-lo
- Uma vez instalado, todas as vezes que quiser abrir o editor : Tools > Macro > Microsoft Script Editor Ferramentas > Macro > Microsoft Script Editor
Observação : Este editor para ser usado requer conhecimentos de JavaScript
Veja os Exemplos anexos :
JavaScript 1 - Caixa de Opções de Links JavaScript 2 - Data e Hora JavaScript 3 – Página Rolante JavaScript 4 – Texto Rolante JavaScript 5 – Menu Móvel JavaScript 6 – Menu
DICAS DE SITES SOBRE JAVASCRIPT
http://javascript.internet.com http://www.zdnet.com/devhead/resources/scriptlibrary http://javascriptsource.com http://www.docjavascript.com http://www.javagoodies.com
JAVA
NOÇÕES DE JAVA
Comandos para Java :
Applets são pequenos progamas compilados codificados em Java e são inseridos em páginas HTML através do comando ** ... **
Front Page 2000
- Abrirá a caixa de diálogo Propriedades do Gerenciador de Anúncios em Faixa Largura: 300 ; Altura: 40 Efeito de Transição: Box In Exibir cada figura por: 5 segundos Link para: java.htm Adicionar: para adicionar as imagens do banner : observe que devem ficar imagens/banner1.gif , imagens/banner2.gif e imagens/banner3.gif
- Clique Ok
- Caso queira modificar o banner , clique com o botão direito do mouse Propriedades do Gerenciador de Anúncios em Faixa
- Salve sua página , quando salvá-la o FrontPage 2000 criará automaticamente uma cópia dos arquivos fprotate.class e fprotatx.class do banner ; para enviar esta página para o servidor é necessário enviar a página e também os arquivos fprotate.class e fprotatx.class
- Clique em Visualizar no Navegador e teste o applet
HOVER BUTTON – BOTÃO EM FOCO
- Mantendo a página do exemplo acima aberta
- Dê após o banner
- Inserir > Componnetes > Botão em Foco
- Abrirá uma caixa de diálogo: Propriedades do Botão em Foco Texto do Botão: Apresentação Link para: apre.htm (que fizemos no capítulo dos frames ) Button Color: escolha uma cor para o botão Efeito: Glow Largura: 100; Altura: 20 Plano de Fundo: deixar como está Efeito de Cor : escolha uma cor
- Clique OK e coloque o cursor ao lado do botão
- Inserir > Componnetes > Botão em Foco
- Abrirá uma caixa de diálogo : Propriedades do Botão em Foco Texto do Botão ) : Pesquisa Link para: pesq.htm ( que fizemos no capítulo dos frames ) Button Color: escolha uma cor para o botão Efeito: Glow Largura: 100; Altura: 20 Plano de Fundo: deixar como está Efeito de Cor: escolha uma cor. Clique OK
- Salve sua página , quando salvá-la o FrontPage 2000 criará automaticamente uma cópia dos arquivos fphover.class e fphoverx.class do banner ; para enviar esta página para o servidor é necessário enviar a página e também os arquivos fphover.class e fphoverx.class
- Clique em Preview in Browser Visualizar no Navegador e teste o applet Observação : Para inserir novos outros applets , siga os seguintes passos
Front Page 2000
- Arquivo > Importar e importe para a mesma pasta que estão os arquivos htm , o arquivo class
- Tenha em mão os parâmetros desta classe
- Inserir > Avançado > Miniaplicativo Java
- Applet Source ( Origem do Miniaplicativo): digite o arquivo.class Largura ; Altura Adicionar Nome - insira o parâmetro da classe Valor - insira o valor do parâmetro
Veja Exemplos de Java anexo :
Applet 2 – Texto Animado Applet 3 – Banner Animado Applet 4 – Texto em Movimento
DICAS DE SITES SOBRE JAVA
http://www.andyart.com/tips/java/tips_java.htm http://www.intel.com/cpc/webapplets http://www.gamelan.com http://javadomain.com http://javaboutique.internet.com http://www.javasite.br.st TEMAS DO FRONTPAGE 2000
NOÇÕES SOBRE TEMAS
Temas são 60 modelos de páginas com papel de parede , linha horizontal, ícones e botões que podem ser aplicados nas suas páginas ou até mesmo modificá-los para se adaptar ao seu gosto
COMO INSERIR UM TEMA NO FRONTPAGE 2000
- Formatar > Tema Aplicar Tema Para Todos Arquivos Página Selecionada
- Selecione o tema que queira usar
- Clique OK
COMO PERSONALIZAR UM TEMA NO FRONTAGE 2000
Front Page 2000
- Há quatro efeitos : Clique ) - inicia o efeito quando o usuário clicar uma vez sobre o elemento da página que estiver com o efeito Clique Duplo) - inicia o efeito quando o usuário clicar duas vezes sobre o elemento da página que estiver com o efeito Ao passar o Mouse Sobre ) - inicia o efeito quando o usuário passar o mouse sobre o elemento da página que estiver com o efeito Carregamento da Página ) - inicia o efeito quando a página for carregada no elemento da página que estiver com o efeito
- Aplicar
- Configurações
- Remover Efeito Realçar efeitos DHTML
Observações : Os efeitos de DHTML que vêm no FrontPage 2000 para textos são exibidos com um retângulo azul claro quando aplicados ; para copiar um efeito já aplicado na página > clique na ferramenta Format Painter ( Pincel ) e depois clique sobre onde queira utilizar o mesmo efeito
TRANSIÇÕES DE PÁGINA
As transições de páginas são efeitos que são visualizados quando o usuário entra ou sai da página ; para aplicar estes efeitos siga os seguintes passos :
- Formatar > Transição de Página
- Evento
- Entrada da Página Saída da Página Entrada do Site Saída do Site
- Efeito de Transição
- Duração
Exemplo :
- Crie uma página e salve como efeito2.htm
- Coloque uma cor de fundo da página
- Digite um texto
- Formatar > Página de Transição
- Entrada da Página Efeito de Transição Persianas Verticais Duração : 5 segundos
- Salve sua página
- Abra outra página e nela coloque um link para a página efeito2.htm e teste o efeito
Front Page 2000
Veja Exemplos de DHTML anexo
DHTML 1 – Mouse Over DHTML 2 – Efeito que altera texto DHTML 3 – Comando Layer DHTML 4 – Classe em CSS DHTML 5 – Link com descrição DHTML 6 – Tabela com DHTML
DICAS DE SITES SOBRE DHTML
http://www.dhmtlzone.com htttp://www.insideDHTML.com CSS – FOLHA DE ESTILOS
NOÇÕES DE CSS
CSS - Cascading Style Sheets ou Folhas de Estilo é uma extensão da linguagem em HTML que permite a criação de efeitos para textos e imagens ; geralmente a maioria dos efeitos só são aceitos no Internet Explorer 4.0 ou superior e Netscape 4.0 ou superior ; o código é incorporado numa única página, ou armazenado como um arquivo, ao qual todas as páginas do site farão referência. CSS 2.0 que vem no FrontPage 2000 possui efeitos como caixas de posicionamento e sobreposição de camadas, mas antes de usar é recomendável testar estes comandos nos dois browsers antes de enviar sua página para Internet.
Para inserir Folha de Estilo no FrontPage 2000 há duas formas :
FOLHA DE ESTILOS EXTERNA
1. Arquivo > Novo > Página > Folha de Estilo 2. Normal Folha de Estilo Normal
- Digita os comandos de CSS Salva com extensão css
- Crie uma página em html 5. Formatar > Vínculos de Folha de Estilos
- procure o arquivo com extensão css clique OK
- Clique no rodapé HTML 8. Observe que foi inserido entre ... o comando
Front Page 2000
MÚSICA
COMANDOS PARA INSERIR MÚSICA
Para inserir música em uma página , usa-se o comando **** que é reconhecido pelo Netscape e o Internet Explorer. Exemplo :
src="arquivo.mid" - nome do arquivo autostart="true" - ela começa a tocar automaticamente tão logo seja carregado volume="100" - altura do volume width="144" - largura do painel de controle do som height=15" - altura do painel de controle do som loop="1" - quantas vezes o som irá tocar
Observações :
se o valor de width ="0" e height="0" o painel de controle da música não será exibido autostart="false ou true" ; executa ( true ) ou não ( false ) automaticamente o som sem a necessidade de se acionar a tecla play loop"=true ou um valor inteiro" ; caso seja true , o som será executado continuamente até que o usuário mude de página. Se for um valor inteiro, o som será repetido este número de vez startime="minutos:segundos" ; este atributo especifica o ponto de início da execução do arquivo de aúdio endtime="minutos: segundos" ; detremina o tempo em que o som deve interromper a sua execução volume="n" ; este valor percentual ( entre 0 e 100 ) especifica o volume do som As extensões da música podem ser em mid , wav e avi Existem comandos mais sofisticados para tocar música numa página , mas é necessário fazer scripts em JavaScript ou VBScript
COMANDO BGSOUND
Outro comando inserir música em uma página é o que é reconhecido somente pelo Internet Explorer. Exemplo :
src="arquivo.mid" - nome do arquivo loop"="infinitive" - significa que a música tocará infinitamente enquanto o usuário estiver visitando aquela página
Front Page 2000
EXERCÍCIO 21 - MÚSICA 1 - COMANDO BGSOUND
- Clique sobre a página com o botão direito do mouse > Page Properties Propriedades da Página
- Background Sound Som de Plano de Fundo - procure o arquivo da música que queira inserir na página - neste exemplo candle_wind.mid que segue anexo
- Salve sua página como exer21.htm e teste no browser ; exemplo só funciona no Internet Explorer
EXERCÍCIO 22 - MÚSICA 2 - COMANDO EMBED
- Cria uma nova página
- Inserir > Avançado > Plugin
- Origem do Arquivo > clique em selecionar e procure o arquivo da música que queira inserir na página - neste exemplo candle_wind.mid que segue anexo ( x ) Esconder plugin
- Salve sua página como exer22.htm e teste no browser ; este exemplo funciona nos dois browsers
EXERCÍCIO 2 3 - MÚSICA 3 - LINK PARA MÚSICA
- Cria uma nova página
- Digite : Clique aqui para ouvir a música
- Selecione o texto > ferramenta Mundo de óculos para fazer link
- Procure o arquivo da música que queira inserir na página - neste exemplo candle_wind.mid que segue anexo
- Salve sua página como exer23.htm e teste no browser ; este exemplo funciona nos dois browsers
DICAS DE SITES SOBRE MÚSICA
http://www.dkitchen.com http://www.ctv.es/vsoft ( músicas latinas e e brasileiras )http://www.halcyon.com/gmi http://www.cris.com/~samira/music.htm http://www.microsoft.com/musicproducer http://www.studioland.com http://www.cybersound.com PUBLICAR SITE NA INTERNET
PUBLICAR USANDO FRONTPAGE 2000
Como selecionar arquivos para publicação
