15. OLHA QUEM ESTÁ NA WEB!

Transcrição

1 7 a e 8 a SÉRIES / ENSINO MÉDIO 15. OLHA QUEM ESTÁ NA WEB! Sua home page para publicar na Internet SOFTWARES NECESSÁRIOS: MICROSOFT WORD 2000 MICROSOFT PUBLISHER 2000 SOFTWARE OPCIONAL: INTERNET EXPLORER FRONTPAGE Guia do Professor RESUMO Nesta atividade, os alunos irão projetar páginas da Web completas, incluindo texto, elementos gráficos e links de hipertexto. Depois de acrescentar planos de fundo, botões de navegação e efeitos audiovisuais, eles deverão rever o trabalho em função dos comentários e sugestões do professor e da classe. O resultado assim obtido será divulgado através da Internet, para que o mundo inteiro possa vê-lo! OBJETIVOS Familiarizar-se com os conceitos utilizados na linguagem da rede Internet; Reconhecer critérios que diferenciam uma home page de outra. TEMPO PREVISTO Aproximadamente duas semanas COMO COMEÇAR Faça uma rápida apresentação sobre a Internet e explique aos alunos que eles estarão criando seu próprio site da Web. Introduza os termos que provavelmente encontrarão durante o processo de desenvolvimento das páginas, como ImageMap e Hyperlink. Em seguida, peça que os alunos conversem sobre páginas da Web que costumam visitar com freqüência ou mesmo que as copiem em seus arquivos. Por que essas são suas páginas favoritas? Eles gostam mais da forma ou do conteúdo dessas páginas? Por que algumas home pages funcionam e outras não? O que pode ser feito para melhorar o formato de uma página da Web? Qual a importância de elementos como: texto fácil de ler, links para outras páginas, figuras, animações, sons e música de multimídia, trechos de vídeo, elementos em 3 dimensões,

2 formulários de resposta a mensagens eletrônicas, interatividade? Esses elementos aumentam o apelo da página ou acabam sendo fonte de distração? Atividade do aluno DESCRIÇÃO Página da Web do Colégio de São Bento no Internet Explorer Nesta atividade, você criará a sua própria página da Web e publicará o seu site na Internet. ETAPA 1 Conteúdo da página SOFTWARE: Internet Explorer O QUE FAZER: Pense nos diferentes tipos de informação que você gostaria de publicar no seu site da Web como: a) relatório de um projeto de ciências ou estudos sociais recém concluído; b) uma lista da classe destacando as preferências culturais dos alunos; c) os pontos de interesse turístico da cidade, como os restaurantes mais conhecidos, as boas

3 lojas e outros; d) fotografias de uma viagem recente feita pela classe, com os comentários dos alunos. Use o Internet Explorer para visitar outros sites de escolas na Web (veja abaixo) e assim obter idéias para o projeto. Envie mensagens eletrônicas para comentar porque você gostou da página ou para perguntar a respeito de técnicas de design na Web. Sites da Web Recomendados Colégio Adventista Colégio de São Bento Jardim São Paulo ETAPA 2 Criação da página O QUE FAZER: Use o para criar um site da Web de uma ou várias páginas, usando o novo Sites da Web no Publicações por Assistente, ou converta documentos existentes, como folhetos ou boletins informativos, para um site da web. Abra o. Na tela de abertura, clique na guia Publicações por Assistente e selecione Sites da Web (veja Exemplo 1). Siga as etapas indicadas na tela para criar um site da Web de várias páginas. Não se esqueça de salvar o seu trabalho.

4 Exemplo1: Tela de abertura do mostrando o Site da Web em Publicações por Assistente ETAPA 3 Texto e elementos gráficos O QUE FAZER: Você pode digitar o texto da página da Web diretamente no layout da Web ou escolher Arquivo de Texto, no menu Inserir, e inserir texto de arquivos criados no Microsoft Word, ou em outro programa de processamento de texto. Continue substituindo o texto do espaço reservado no seu site da Web pelo seu próprio texto. Revise e verifique a ortografia do seu arquivo. Para substituir uma figura por outra de sua escolha, clique com o botão direito na figura a ser substituída e escolha Alterar figura, na opção figura selecione Clip-Art. A Microsoft Clip Gallery oferece várias opções divertidas para suas páginas Web. Para inserir um clip-art de um arquivo, clique na figura com o botão direito e escolha Alterar figura, a opção figura e selecione Do arquivo. Escolha então o arquivo que você quer inserir. Se você preferir desenvolver uma página da Web nova, no Assistente de site da Web, escolha Inserir página, clique no botão Inserir página o insere automaticamente sua página. ETAPA 4 Hyperlinks

5 O QUE FAZER: No, você pode adicionar hyperlinks a um documento que já esteja na Internet, a uma outra página do seu site, a um endereço eletrônico da Internet ou a um arquivo do seu disco rígido. Para adicionar um hyperlink, siga estas etapas: Marque uma palavra da página 1 do seu site da Web; Escolha Hyperlink no menu Inserir; Na caixa de diálogo Hyperlynk (veja Exemplo 2), clique em Outra página no seu site da Web; Clique em Próxima página e, em seguida, no botão OK. Agora você deverá escrever uma história ou texto relacionado ao hyperlynk. ETAPA 5 O design Exemplo 2: Caixa de diálogo Hyperlink O QUE FAZER: Lembre-se destas considerações sobre design quando estiver usando o : Adicione novas páginas a um site da Web escolhendo Página no menu Inserir; A Galeria de Design do contém uma grande variedade de botões de navegação da Web, já prontos, para mensagens eletrônicas e outras operações (Página Inicial, Correio eletrônico, Link) e Divisores de páginas da Web. Depois de inserir um botão na sua página da Web, marque o texto do botão, clique com o botão direito no texto e selecione

6 Hyperlink no menu instantâneo. Vincule o botão a outra página do seu site ou a um URL (endereço da Web) específico. Para inserir uma imagem, clique no menu Inserir a opção Figura selecione Novo desenho, crie uma moldura do tamanho que você precisa. Coloque a moldura na posição em que você gostaria que sua imagem aparecesse e depois clique em Figura do Arquivo (menu Inserir) para trazer o arquivo gráfico. O Publisher irá inserir automaticamente a figura na moldura desenhada anteriormente. Considere a possibilidade de aperfeiçoar a Página inicial com um catálogo dos nomes de todos os alunos que têm páginas no site. Se você digitalizar suas fotografias, poderá formatar o catálogo para que tenha um ImageMap e o nome de aluno. Para isso, disponha as informações num Índice de duas colunas (produzido com o botão Tabela). Adicione então links de clicar para cada figura e nome. Agora, quem clicar no nome ou na fotografia do aluno chegará à página da Web correspondente. Adicione elementos gráficos a qualquer página da Web escolhendo imagens do Clip Art do Publisher. O também possui padrões de plano de fundo e combinações de cores de texto para aperfeiçoar a aparência de qualquer site da Web. Torne seu site tão atraente que todos os visitantes desejarão retornar. Ofereça links para páginas da Web como: Tire suas dúvidas ( e Verde net ( ETAPA 6 Edição da página O QUE FAZER: Antes de editar seu site da Web, verifique os erros usando o Verificador de design a partir do menu Ferramentas do. Então, para editar sua página da Web em uma pasta, siga estes passos: Escolha Salvar como página da Web no menu Arquivo Clique no botão Pastas da Web, na caixa de diálogo que irá se abrir Dê um nome para seu site e clique em OK. ETAPA 7 Importação para o FrontPage FrontPage

7 O QUE FAZER: Se você estiver usando o FrontPage para gerenciar o site da Web da sua classe ou escola, poderá importar a pasta do Publisher que acabou de criar (ou qualquer outra pasta com arquivos HTML) para um site da Web do FrontPage, novo ou já existente. As etapas abaixo mostram como importar para um site da Web do FrontPage já existente (veja Exemplo 3 para importar para um novo site). Abra o seu site da Web existente; Na visualização FrontPage Normal, escolha Novo no menu Arquivo, e selecione Web; Escolha Assistente para importação de Web e clique na caixa de seleção Adicionar à Web atual; Na caixa de diálogo verifique se a opção De um diretório de origem de arquivos em computador local ou da rede está ativado, clique em Procurar e localize o site da Web que você criou no Publisher Para saber mais sobre o Microsoft FrontPage, visite Exemplo3: Assistente de Importação do FrontPage