Baixe Manual de uso do FrontPage 2000: Criando e editando páginas web com imagens e outras Notas de estudo em PDF para Informática, somente na Docsity!
Front Page 2000
ÍNDICE
Introdução Menu do FrontPage 2000 Ferramentas do FrontPage 2000 Tutorial de HTML Como criar um Site Tabela de Cores Listas Links Imagens Tabelas Frames Componentes do FrontPage 2000 Como instalar as extensões do FrontPage 2000 Componente 1 - Contador de Acessos Componente 2 - Campo de Confirmação Componente 3 - Página de Inclusão Componente 4 - Formulário de Pesquisa Formulários JavaScript Java Banco de Dados DHTML CSS 2.0 - Cascading Style Sheets 2.0 - Folha de Estilo Música Temas do FrontPage 2000 Publicação de Site na Internet Divulgação em Sites de Busca Dicas Finais
Front Page 2000
MENU
File – Arquivo New – Novo Page - Página - criar nova página Web - Web - criar novo site Folder - Pasta - criar nova pasta Task – Tarefa - criar anotações sobre tarefas pendentes Open – Abrir - abrir página Close – Fechar - fechar página Open Web – Abrir Web - abrir site Close Web - Fechar Web - fechar site Save – Salvar - Salvar arquivo Save As - Salvar Como - salvar arquivo como Publish Web - Publicar Web - publicar site na Internet Import – Importar - importar site , páginas e imagens Preview in Browser - Visualizar no Navegador - visualizar página no navegador Page Setup - Configuração da Página - ajuste da página para impressão Print Preview - Visualizar Impressão - previsão da impressão da página Print – Imprimir - imprimir página Send – Enviar - enviar página via email Properties – Propriedades - propriedades da página Recent Files - Arquivos Recentes abrir lista dos arquivos mais recentes que esteja trabalhando Recents Web – Webs Recentes - exibir lista de sites recentes Exit – Sair
Edit - Editar Undo – Desfazer - desfazer última ação Redo – Refazer - refazer novamente para última ação Cut – Recortar - recortar página Copy – Copiar - copiar página Paste – Colar - colar página Paste Special - Colar Especial - colar especial Delete – Excluir Select All - Selecionar Tudo Find – Localizar - localizar determinada palavra na página Replace – Substituir - substituir palavra localizada por outra Check Out Check In
Front Page 2000
Reporting – Relatório - ferramenta para relatório Style - Estilo - ferramenta sobre CSS - Folha de Estilo Tables - Tabela - ferramentas para Tabelas Customize - Personalizar Refresh – Atualizar - atualizar dados da página
Insert - Inserir
Break - Quebra de Linha inserir quebra de linha ; atalho Shift + Enter Horizontal Line - Linha Horizontal inserir linha horizontal Date and Time - Data e Hora houve modificação na página, que será automaticamente atualizada à cada vez que for modificada e salva a página Symbol – Símbolo - inserir símbolo Comment – Comentários - inserir comentários Navigation Bar - Barra de Navegação - inserir barra de navegação Page Banner – Faixa de Página - inserir página com banner Component – Componentes - inserir os componentes do FrontPage 2000: Office SpreadSheet - inserir planilha do Excel Banner Add Manager – Letreiro Digital - inserir banner do frontpage 2000 Hit Counter – Contador de Acesso - inserir contador Hover Button – Botão em Foco - inserir botão hover do frontpage 2000 Marque – Letreiro Rolante - inserir texto rolante que só funciona no Internet Explorer Confirmation Field – Campo de Confirmação para Formulário Include Page – Incluir Página - inserir página dentro de outra página Scheduled Picture – Imagem Programada Scheduled Include Page – Incluir Página Programada Substitution - Substituição Categories - Categorias Search Form - Formulário de Pesquisa Tables of Contents – Índice Analítico Additional Components - Adicionar Componentes Database - Banco de Dados inserir Banco de Dados : Results - Resultados - inserir dados Columm Value - Valor da Coluna - inserir valor à coluna Form – Formulário - inserir formulário One-line Textbox – Caixa de Texto de uma Linha Scrolling Textbox – Caixa de Texto de Rolagem
Front Page 2000
Checkbox – Caixa de Seleção Radio Buttom – Botão de Seleção DropDown Menu – Menu Suspenso Push Button – Botão de Ação - inserir botão enviar / limpar Picture – Figura - inserir imagem Label – Rótulo - inserir rótulo Form Properties - Propriedades do Formulário Advanced – Avançado inserir recursos avançados HTML – HTML - inserir tag Design Time Control – Controle em Tempo de Criação Java Applet – Multiplicativo Java - inserir applet em java Plug-in - inserir som, usando o comando Active X Control – Controle Active X Show Design Time Control – Mostrar Controle em Tempo de Criação Picture – Figura - inserir imagem Clip Art - inserir imagem do clip art do FrontPage 2000 From File - Do Arquivo - inserir imagem de algum arquivo Vídeo - inserir vídeo File – Arquivo - inserir arquivo Bookmark – Indicador - inserir destino para o link no mesmo documento Hyperlink – Hyperlink - inserir link
Format – Formatar Font – Fonte -modificar fonte Paragraph – Parágrafo - modificar parágrafo Bullets and Numbering – Marcadores e Numeração - inserir lista com marcadores e numerada Borders and Shading – Bordas e Sombreamento Position – Posição - inserir posicionamento de elemento Dynamic HTML Effects - Efeitos de DHTML - inserir efeitos de DHTML Style – Estilo - Folha de Estilos - formatar em CSS Style Sheet Links - Links da Folha de Estilos - formatar links em CSS Theme – Tema - inserir tema do FrontPage 2000 Shared Borders – Bordas Compartilhadas - inserir bordas Page Transition - Página de Transição Remove Formatting - Remover Formatação Properties – Propriedades - exibir propriedades
Tools - Ferramentas Speeling – Ortografia - corrigir palavras que estejam com erros ortográficos
Front Page 2000
Open Page in New Window – Abrir Página em Nova Janela - visualizar quadro na tela toda Save Page – Salvar - salvar página Save Page As - Salvar Como - salvar página como Frame Properties - Propriedades do Quadro
Window - Janela determina quais são as páginas que estão abertas no FrontPage 2000 New Window - Nova Janela abrir nova janela
Help - Ajuda Microsoft FrontPage Help - Ajuda sobre FrontPage 2000 What's this? - O que é isto? Office on the Web - Sobre Office 2000 no site da Microsoft Detect and Repair - Detectar e Corrigir About Microsoft FrontPage - Sobre FrontPage 2000
Front Page 2000
FERRAMENTAS
New Page – Nova Página - criar nova página Page – Página - criar nova página Web - Web - criar novo site Folder - Pasta - criar nova pasta Task – Tarefa - criar nova anotação ( tarefas pendentes )
Open - Abrir - abrir página Page – Página - abrir página Web – Web - abrir site
Save - Salvar página
Publish Web - Publicar Web
Folder List - Exibir ou não Lista de Pastas
Print - Imprimir página
Preview in Browser – visualizar página no navegador
Spelling - Ortografia
Cut - Recortar
Copy - Copiar
Paste - Colar
Format Painter – Pincel
Undo – Desfazer - voltar para última ação
Redo - Refazer - refazer próxima ação
Insert Component - Inserir Componente
Insert Table - Inserir Tabela
Insert Picture From File - Inserir Figura do Arquivo
Front Page 2000
Decrease Indent - Diminuir Recuo
Increase Indent - Aumentar Recuo
Highlight Color – Realçar Texto - inserir cor de fundo atrás do texto
Font Color – Cor da Fonte - modificar cor da fonte
Add or Remove Buttons - Adicionar ou Remover Botões
VIEWS – MODOS
Page - Páginas - exibe as Páginas do Site Folders List - Lista de Pastas - exibir ou não Lista de Pastas do Site Folders - Pasta - exibe as Pastas do Site Reports - Relatórios - exibe relatórios sobre o Site Navigation - Navegação - exibe Organograma do Site ( opcional ) Hyperlinks - Hyperlinks - exibe lista de links da cada página selecionada Tasks - Tarefas - exibe as anotações de tarefas pendentes
COMO CRIAR UM SITE NO FRONTPAGE 2000
EXERCÍCIO 1 – CRIAR SITE
- Arquivo > Novo > Web Tipos de Site : Geral - vários tipos de sites Páginas de Quadros - vários tipos de sites com frames Folha de Estilos - vários tipos de sites com Folha de Estilos
- Selecione Página Normal
- Observe que no lado direito : Options ( Opções ) http://nome_da_máquina /site , vamos criar um site chamado curso http://nome_da_máquina/curso. OK
- No Windows 98 , o site será armazenado : C:\Inetpub\wwwroot\Curso ou Meus Documentos > Meus Sites
- Será criada automaticamente a página principal : default.htm ou index.htm
- Arquivo > Novo > Página
- Arquivo > Salvar Como
- Salvar como exer1.htm
- Clique dentro da página com o botão direito do mouse, Propriedades.
Front Page 2000
Geral> Título, digite: Exercício 1 Plano de Fundo> Cores> Plano de Fundo> e escolha uma cor para o fundo da página ; Margens - deixar como está
- Personalizar -para inserir comandos que especificam dados sobre a página ; clique em Adicionar na parte de baixo e digite : Nome: Author ; Value ( Valor ) : seu nome clique em Adicionar na parte de baixo e digite : Nome: Description ; Value ( Valor ) : mailto:[email protected] ; digite seu email clique em Adicionar na parte de baixo e digite: Nome: Description ; Valor: digite uma descrição sobre a página, neste exemplo , página sobre comandos básicos de html OK
- Idioma: Escolha o Português do Brasil
- Grupo de Trabalho Categorias Disponíveis - especificar tipo de categ. do site Atribuído à Status de Revisão
- Clique em Estilo > Heading 1 ( Título 1 )
- Centralize o texto
- Minha Primeira Página ( e pinte de uma cor )
- Inserir > Linha Horizontal)
- Selecione a linha horizontal e com o botão direito do mouse:Propriedades largura: 90% ; cor: este comando dá cor a linha horizontal, e ele só é aceito no Internet Explorer
- Digite o texto : Hipertexto possibilita ligar uma palavra ou um trecho de texto com outras partes desse ou de outros documentos; esta ligação é chamada link de hypertexto ou simplesmente link. ( dê um Shift + Enter para criar uma quebra de linha ) Ao dar um clique em um link, o programa HTML irá se encarregar de desviar sua leitura para um novo trecho do documento. ( dê Enter para criar novo parágrafo ) Hipermídia possui basicamente o mesmo conceito de hipertexto só que se refere a várias formas de mídia como : sons, imagens , slides, cinema, inclusive textos. Isso significa que uma imagem pode estar relacionada a um texto como a uma imagem maior ou a uma música.
- Inserir > Linha Horizontal
- Selecione o texto e clique em para alinhar à esquerda
- Clique no rodapé HTML
- Em
troque para
para justificar o texto
- Clique no rodapé Normal
- Selecione a texto novamente e clique em Aumentar Recuo para fazer um recuo ( blockquote )
Front Page 2000
EXERCÍCIO 2 – LISTAS
- Arquivo > Abrir Web e abra seu site
- Arquivo > Novo > Página
- Arquivo > Salvar Como
- Salvar como exer2.htm na pasta onde você salvou o exer1.htm
- Clique dentro da página com o botão direito do mouse > Page Properties Propriedades da Página
- Geral > Título e digite : Exercício 2 Plano de Fundo > Cores > Plano de Fundo e escolha uma cor para o fundo da página , caso queira outra cor , clique em Custom Colors e escolha uma cor Margens - deixar como está
- Personalizar - para inserir comandos metas que especificam dados sobre a página ; clique em Adicionar na parte de baixo e digite : Nome : Author ; Valor: seu nome clique em Adicionar na parte de baixo e digite : Nome : Description ; Value ( Valor ) : mailto:[email protected] ; digite seu email clique em Adicionar na parte de baixo e digite : Nome: Description ; Value ( Valor ) : digite uma descrição sobre a página, neste exemplo , página sobre listas. OK
- Idioma e escolha o Português do Brasil ( opcional )
- Grupo de Trabalho Categorias Disponíveis - especificar tipo de categoria do site Atribuído à - site feito por Status da Revisão
- Clique em Estilo> Título 1
- Centralize o texto
- Tipos de Listas ( e pinte de uma cor )
- Inserir > Linha Horizontal
- Selecione a linha horizontal e com o botão direito do mouse, Propriedades largura: 90% ; cor: este comando dá cor a linha horizontal, e ele só é aceito no Internet Explorer
- Digite : Os principais times de futebol do Rio são :
- Clique no ícone Lista Numerada e digite Flamengo Dê enter : Vasco , mesmo procedimento e digite Botafogo e Fluminense
- Dê duas vezes para desativar o comando de lista
- Digite : Os principais times de futebol de São Paulo são :
- Clique no ícone Lista com Marcadores e digite Corínthians Dê : São Paulo , mesmo procedimento e digite Santos e Ponte Preta
- Digite : Os principais times de futebol do Rio Grande do Sul são :
Front Page 2000
- Clique em Lista Numerada e digite Grêmio Dê enter : Internacional , mesmo procedimento e digite Juventude
- Selecione a lista dos times do RS > botão direito do Mouse, Propriedades Números: escolha a lista com números romanos Marcadores Simples Figuras como Marcadores , que falaremos sobre este tipo de marcador no capítulo sobre Imagens Conclusão : para inserir uma lista especial , primeiramente se cria uma lista numerada e depois muda o tipo de lista através das propriedades da lista
- Selecione os textos : Os principais times de futebol de Rio até Juventude Botão direito do mouse > Fonte > digite : verdana,arial,helvetica e 2 ( 10pt )
- Inserir > Linha Horizontal ( observe que ela manteve os 90% de largura )
- Digite centralizado : Seu Nome Inserir > Símbolo > e escolha © ; 1999 ; ficando assim Seu Nome © 1999 ; Selecione este texto e coloque as fontes : verdana,arial,helvetica , 1 ( 8pt ) e em negrito
- Clique no disquete para salvar sua página
- Clique em Visualizar no Navegador
LINKS
Os links são criados através da tag ** ...**
Links para uma página
Título da Página
Ir para o Exercício 1
Link para um Site
Título da Página
Front Page 2000
Observação : quando usamos o FrontPage e digitamos numa página um endereço de um site qualquer e damos espaço, ele criará automaticamente o link ; o mesmo acontece quando digitamos um email e damos espaço ele criará automaticamente o link mailto
EXERCÍCIO 3 - LINKS
- Abrir > Abrir Web e abra seu site
- Arquivo > Novo > Página
- Arquivo > Salvar Como
- Salvar como exer3.htm na pasta onde você salvou o exer1.htm
- Clique dentro da página com o botão direito do mouse > Page Properties Propriedades da Página
- General ( Geral ) > Title ( Título ) digite : Exercício 3 Background ( Plano de Fundo ) > Colors ( Cores ) > Background ( Plano de Fundo ) e escolha uma cor para o fundo da página , caso queira outra cor , clique em Custom Colors ( Personalizar ) e escolha uma cor Margens - deixar como está
- Personalizar - para inserir comandos metas que especificam dados sobre a página ; clique em Adicionar na parte de baixo e digite : Nome : Author ; Value ( Valor ) : seu nome clique em Adicionar na parte de baixo e digite : Nome : Description ; Valor: mailto:[email protected] ; digite seu email clique em Adicionar na parte de baixo e digite : Nome: Description ; Valor: digite uma descrição sobre a página, neste exemplo , página sobre listas. OK
- Idioma e escolha o Português do Brasil ( Opcional )
- Grupo de Trabalho ( Opcional ) Categorias Disponíveis - especificar tipo de categoria do site Atribuído à - site feito por Review Status
- Clique em Estilo > Título 1
- Centralize o texto
- Digite: Links ( e pinte de uma cor )
- Inserir > Linha Horizontal
- Selecione a linha horizontal e com o botão direito do mouse : Propriedades da Linha Horizontal largura ) : 90% ; color ( cor ) : este comando dá cor a linha horizontal, e ele só é aceito no Internet Explorer
Front Page 2000
- Digite : Link para uma seção nesta página : Sites de Busca Dê
- Digite : Link para um site : http://www.cade.com.br ( dê um espaço ) ou digite Cade Dê
- Digite : Link para email : [email protected] ( dê um espaço ) ou Contato.
- Digite : Link para uma página :Exercício 2 Dê
- Digite : Um mecanismo de busca encarregado de encontrar sites para quem trabalha com HTML, sites de animação, TV e cinema, enfim, tudo ligado a área gráfica, é justamente fazer uma filtragem para ajudar o profissional que faz uso da rede a acessar rapidamente as informações desejadas, apresentadas em categorias e subcategorias de uma determinada área.
- Selecione o texto e clique Clique com rodapé HTML em
mude para
para justificar o texto, que só visulizado no browser com versão 4.0 ou superior
- Digite : É difícil fazer com que corresponda às expectativas de um internauta cada vez mais exigente e ao mesmo tempo enfrentar a concorrência dos sites de busca que proliferam na rede em progressão geométrica.
- Repita o mesmo procedimento mencionado no item 20
- Digite : Os mecanismos de busca permitem a pesquisa por uma frase ou por uma combinação de palavras. Para achar o site que contenha uma frase, digite-a entre aspas.
- Repita o mesmo procedimento mencionado no item 20
- Digite : Sites de Busca e pinte de uma cor dê
- Digite : Cade dê Radaruol , Zeek e Surf respectivamente
- Selecione os textos : Link para uma seção ... até Surf Botão direito do mouse > Font ( Fonte ) > digite : verdana,arial,helvetica e 2 ( 10pt )
- Inserir > Linha Horizontal ( observe que ela manteve os 90% de largura )
- Digite centralizado : Seu Nome : Inserir > Símbolo > e escolha © ; 1999 ; ficando assim Seu Nome © 1999 ; Selecione este texto e coloque as fontes : verdana,arial,helvetica , 1 ( 8pt ) e em negrito
- Selecione a palavra Cade > ferramenta Hyperlink ( Mundo de óculos )
- URL digite : http://www.cade.com.br
Front Page 2000
**** o comando alt é um texto mostrado antes que a imagem comece a ser transferida, dando uma idéia do que irá aparecer naquele espaço e também serve, no caso do Netscape e no Internet Explorer versão 4.0 ou superior, quando o mouse passa sobre a imagem, aparece uma descrição da mesma, que foi mencionada no comando alt
Posicionamento das imagens
align="right" - a imagem fica alinhada a direita e o texto flui ao redor da imagem pela esquerda. align="left" - a imagem fica alinhada à esquerda e o texto flui ao redor da imagem pela direita. Aos usar os alinhamentos left e right, você poderá também adicionar a distância horizontal entre a figura e o texto ao redor ( hspace ) e a distância vertical entre a figura e as linhas anterior e posterior do texto ( vspace ) align="top" - alinha ao topo o texto. Se a altura da imagem for maior que a altura, aparece um espaço em branco abaixo da linha para compensar a diferença align="middle" - alinha a linha-base do texto ; a linha imaginária que passa por baixo da maioria dos caracteres. Se a imagem for mais alta que o texto, um espaço extra será distribuído acima e abaixo do texto para compensar align="bottom" - alinha a parte inferior da imagem com a linha-base do texto, colocando um espaço extra acima caso a imagem seja maior que o texto
Alinhamentos especiais
align="texttop" - o topo da imagem fica alinhado com o topo do texto mais alto da linha. align="absmiddle" - alinha o ponto médio da altura da imagem com o ponto médio da altura da linha, também colocando espaços acima e abaixo do texto caso a imagem seja mais alta align="baseline" - o mesmo que align="bottom" align="absbottom" - alinha a parte da imagem com a parte inferior da linha atual, colocando um espaço extra acima do texto a imagem seja mais alta que ele
Tamanho da imagem
height - especifica a altura da imagem width - especifica a largura da imagem
Front Page 2000
Título da Página
Bordas de imagem
border - especifica a borda , caso coloque o comando border="0" a imagem ficará sem borda
Título da Página
Inserir arquivo de vídeo
dynsrc="arquivo_video.gif" - indica o arquivo de vídeo a ser carregado img src ="imagem.gif" - deve ser colocado para que os browsers que não aceitam o comando dynsrc possam mostrar uma imagem controls - determina botões para controlar a execução do arquivo de vídeo loop =" n" ou "infinitive" - determina quantas vezes o arquivo de vídeo será executado n é o número de vezes que o arquivo será executado infinitive executa o arquivo indefinidamente start = "fileopen" ou start="mouseover" - determina quando o arquivo de vídeo começará a ser executado
Título da Página
