- MÓDULO III - Nem só de texto vivem os documentos. Conceber o site da Escola.

Transcrição

1 - MÓDULO III - Nem só de texto vivem os documentos. Conceber o site da Escola. Santarém, Março de 2002 Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco

2 A. PROCESSAR IMAGENS O PHOTO EDITOR Neste ponto do seu Curso vai aprender a trabalhar com um programa que lhe permitirá preparar fotografias e outras imagens para utilizar nos seus documentos. Vamos usar o Microsoft Photo Editor. Salientamos no entanto, que vamos abordar unicamente o essencial e partindo do princípio que já possui alguma autonomia no que se refere à utilização de Menus, Barras de Ferramentas, etc. Este programa permite a gravação de ficheiros em diversos formatos. Porém, aconselhamos que utilize sempre os formatos jpg, jpeg (para fotografias) ou gif (para clipart), uma vez que os ficheiros neste formato são mais pequenos. Se as imagens que tratar se destinarem a ser colocadas na Internet (no Site da Escola), então grave-as obrigatoriamente num destes formatos. 1 CORTAR, COLAR, REDIMENSIONAR E RETOCAR IMAGENS Com as actividades seguintes vai aprender a tratar uma imagem para poder ser utilizada num documento (do word, do site da escola, etc.). Vamos utilizar, como exemplo, uma imagem que se encontra na sua pasta do Curso. Porém, se possui uma fotografia digitalizada da sua escola, utilize-a em vez da que sugerimos e grave-a na sua pasta pessoal. Poderá incluí-la mais tarde no Site da Escola.! ACTIVIDADES: Veja como se faz: 1 Consulte o Tutorial demonstrativo Cortar, colar, redimensionar e retocar imagens Agora que já viu como se faz... 2 Inicie o Microsoft Photo Editor através do Menu Iniciar 3 Abra o ficheiro de imagem que vai trabalhar: Ficheiro/Abrir... Na Caixa de Diálogo Abrir seleccione o ficheiro C:\tic\manual\mod3\ficheiros\Mvc-001f.jpg (se quiser utilizar outra imagem, por exemplo uma fotografia da sua escola, abra esse ficheiro e não o que aqui vamos utilizar como exemplo) 4 Escolha a unidade de medida a utilizar neste trabalho (pixels): Ver/Unidades de medida/pixels Para aumentar a luminosidade da imagem: 5 Accione os seguintes comandos: Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

3 Imagem/Equilíbrio... 6 Na Caixa de Diálogo Equilíbrio: Utilize o selector para aumentar um pouco a luminosidade Saia da Caixa de Diálogo Equilíbrio com OK Pretende-se aproveitar apenas parte da imagem: o rio e um pouco da paisagem circundante. Para isso, vamos seleccionar a área da imagem que nos interessa e criar uma nova imagem. Para seleccionar uma parte da imagem: 7 Clique no botão Seleccionar da Barra de Ferramentas (o quadrado a tracejado) 8 - Coloque o ponteiro no canto superior esquerdo da área que pretende seleccionar e que vai constituir a nova imagem 9 Pressione o botão esquerdo do rato e, simultaneamente, arraste-o até ao canto inferior direito da área a seleccionar 10 Solte o botão do rato 11 Se pretender alterar a selecção (reduzí-la ou aumentá-la), utilize os quadrados que rodeiam a selecção (por arrastamento) Para criar uma nova imagem com a área seleccionada: 12 Clique no botão Copiar da Barra de Ferramentas 13 Accione os comandos: Editar/Colar como nova imagem Foi criada uma nova imagem que é mostrada numa segunda janela. Note que a barra do título da janela activa aparece a azul, enquanto que a da outra janela aparece a cinzento. A imagem ainda está um pouco grande. Vamos reduzir um pouco a largura. Para redimensionar a imagem: 14 Accione os comandos: Imagem/Redimensionar Na Caixa de Diálogo Redimensionar: Altere a Largura para 300 pixels Saia com OK Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

4 A imagem está pronta a ser utilizada. Vai agora gravá-la: 16 Accione os comandos: Ficheiro/Guardar como Na Caixa de Diálogo Guardar como: Seleccione a sua pasta pessoal Atribua um nome ao ficheiro (não utilize caracteres portugueses, espaços ou outros caracteres especiais!) Em tipo de ficheiro escolha o formato jpeg Saia da Caixa de Diálogo Guardar Como com OK 2 CRIAÇÃO DE IMAGENS COM CÓPIAS DE ECRÃS DE PÁGINAS DA INTERNET Quando chegar o momento de realizar o Site da sua Escola, vamos propor-lhe que inclua uma secção com ligações para sites com interesse educativo. Muitas vezes estas páginas com ligações limitam-se a conter o nome do site com a respectiva hiperligação. Porém, como vai fazer uma página que certamente será vista por muitas crianças, pensamos que ficará mais agradável se contiver imagens reduzidas da página inicial do site para que aponta a hiperligação. Nas actividades seguintes vai aprender a criar este tipo de imagens.! ACTIVIDADES: Veja como se faz: 1 Consulte o Tutorial demonstrativo Criação de imagens a partir de ecrãs de páginas da Internet Agora que já viu como se faz... 2 Inicie o Microsoft Photo Editor através do Menu Iniciar 3 Minimize esta aplicação: Clique no botão Minimizar da Janela do Microsoft Photo Editor 4 Inicie o Internet Explorer 5 Aceda ao site do Aquário Vasco da Gama que tem o seguinte endereço: Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

5 Vai tirar uma fotografia do ecrã: 6 Pressione a tecla <PRINT SCREEN> A imagem que tem no ecrã foi colocada em memória e pode agora ser utilizada no Microsoft Photo Editor. 7 Minimize o Internet Explorer Clique no botão Minimizar da barra do Título da Janela do Internet Explorer 8 Maximize o Microsoft Photo Editor: Clique no botão da aplicação Para criar uma nova imagem com a fotografia do ecrã: 9 Accione os comandos: Editar/Colar como nova imagem Repare que esta imagem também mostra o Browser. Como queremos uma imagem que mostre unicamente a página inicial do Aquário Vasco da Gama, vamos ter que seleccionar essa área e criar uma nova imagem com essa selecção. Para seleccionar uma parte da imagem: 10 Clique no botão Seleccionar da Barra de Ferramentas (o quadrado a tracejado) 11 - Coloque o ponteiro no canto superior esquerdo da área que pretende seleccionar e que vai constituir a nova imagem 12 Pressione o botão esquerdo do rato e, simultaneamente, arraste-o até ao canto inferior direito da área a seleccionar 13 Solte o botão do rato 14 Se pretender alterar a selecção (reduzí-la ou aumentá-la), utilize os quadrados que rodeiam a selecção (por arrastamento) Para criar uma nova imagem com a área seleccionada: 15 Clique no botão Copiar da Barra de Ferramentas 16 Accione os comandos: Editar/Colar como nova imagem A imagem ainda está um pouco grande. Vamos reduzir um pouco a largura. Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

6 Para redimensionar a imagem: 17 Accione os comandos: Imagem/Redimensionar Na Caixa de Diálogo Redimensionar: Altere a Largura para 250 pixels Saia com OK A imagem está pronta a ser utilizada. Vai agora gravá-la: 19 Accione os comandos: Ficheiro/Guardar como Na Caixa de Diálogo Guardar como: Seleccione a sua pasta pessoal Atribua um nome ao ficheiro (não utilize caracteres portugueses, espaços ou outros caracteres especiais!) Em tipo de ficheiro escolha o formato jpeg Saia da Caixa de Diálogo Guardar Como com OK Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

7 B. PRODUZIR DOCUMENTOS ESCRITOS COM IMAGENS PARA A INTERNET O WORD Neste ponto do seu Curso vai aprender a copiar imagens e texto de páginas da Internet para um documento Word. Vai ainda aprender a gravar um documento feito no Word em formato HTML, para poder ser incluído no Site da Escola. 1 CÓPIA DE IMAGENS E DE TEXTOS DE PÁGINAS DA INTERNET As actividades seguintes destinam-se a criar uma página a incluir na secção LOCALIDADE do Site da Escola. Escolhemos um ponto de interesse turístico/cultural: as Portas do Sol em Santarém. Porém, deverá adaptar estas actividades à sua realidade, escolhendo um ponto de interesse da localidade em que se insere a sua Escola. 1.1 Inserção do Título e da Tabela Vai colocar a imagem e o texto numa tabela com duas colunas e uma linha: a imagem será colocada na coluna da esquerda e o texto será colocado na coluna da direita. No final das actividades seguintes, o seu trabalho deverá ter o seguinte aspecto: Figura 1 - Aspecto do trabalho depois da inserção da tabela! ACTIVIDADES: 1 Inicie um documento novo no Word 2 Digite o título: Deverá digitar um título relativo ao ponto de interesse da localidade que escolheu para tema deste trabalho 3 Formate o título: Seleccione o texto (Portas do Sol) Na Barra de Formatação, em Tamanho do tipo de letra, escolha o tamanho que desejar Centre o título, clicando no botão Ao Centro da Barra de Formatação 4 Coloque o cursor no final do texto do título 5 Faça um parágrafo, clicando na tecla <ENTER> Para inserir a Tabela: 6 Accione os comandos: Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

8 Tabela/Inserir Tabela Na Caixa de Diálogo Inserir Tabela opte por: Número de colunas: 2 Número de linhas: 1 Saia da Caixa de Diálogo Inserir Tabela com OK O seu documento está pronto para receber a imagem e o texto que irá copiar de uma página na Internet. 1.2 Cópia da imagem e do texto Nas actividades seguintes vamos pesquisar no SAPO com o objectivo de encontrarmos o Site da Câmara Municipal de Santarém que inclui a informação que nos interessa. Já sabe que deverá adaptar os procedimentos à sua realidade: procure a Câmara Municipal do seu Concelho. Se o Site dessa Câmara não possuir a informação que deseja, tente outro tipo de pesquisa, por exemplo digitando o nome da localidade na linha de pesquisa.! ACTIVIDADES: Veja como se faz: 1 Consulte o Tutorial demonstrativo Cópia de imagens e de textos de uma página na Internet para um documento Word Agora que já viu como se faz... Conforme já verificou, a tabela que inseriu tem um contorno. Para melhorar o aspecto final do documento vamos formatá-la, retirando esse contorno. Para formatar a Tabela: 2 Coloque o cursor numa das células da tabela 3 Accione os comandos: Formatar/Limites e sombreado... 4 Na Caixa de Diálogo Limites e sombreado, no separador Limites, opte por: Definição: Nenhuma Aplicar a: Tabela Saia com OK da Caixa de Diálogo Limites e Sombreado Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

9 Para encontrar na Internet a informação a copiar para o documento: 5 Minimize o Word 6 Inicie o Internet Explorer 7 - Aceda ao SAPO: 8 Na página inicial do SAPO clique na hiperligação: Comunidades, Regional e Turismo 9 Siga as hiperligações para chegar ao Site da Câmara Municipal da localidade da sua Escola 10 No Site da Câmara Municipal da localidade da sua Escola localize a informação que lhe interessa Para copiar uma imagem de uma página na Internet: 11 Coloque o ponteiro sobre a imagem que pretende copiar 12 Clique no botão direito do rato 13 No Menu Rolante que, entretanto, lhe foi mostrado, opte por Copiar 14 Minimize o Internet Explorer 15 Maximize o Word 16 Coloque o cursor na célula da esquerda da tabela 17 Clique no botão Colar da Barra de Ferramentas Padrão Para copiar um texto de uma página na Internet: 18 Minimize o Word 19 Maximize o Internet Explorer 20 Coloque o ponteiro no início do texto da página da Internet que pretende copiar 21 Pressione o botão esquerdo do rato e arraste-o até ao final do texto a copiar 22 Mantendo o texto seleccionado, clique no botão direito do rato 23 No menu rolante que, entretanto, lhe é mostrado, opte por Copiar 24 Minimize o Internet Explorer Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

10 25 Maximize o Word 26 Coloque o cursor na célula da direita da tabela 27 Clique no botão Colar da Barra de Ferramentas Padrão Pode acontecer que a apresentação do seu documento ainda não esteja boa: tudo depende do tamanho da imagem que copiou. Se esta for muito pequena, então será melhor aumentar um pouco a largura da coluna da direita. Para aumentar a largura da coluna da direita: 28 Coloque o ponteiro sobre a linha divisória da coluna (o ponteiro deverá mudar de aspecto) 29 Pressione o botão esquerdo do rato e arraste a divisória da coluna para a esquerda. Não se esqueça de incluir no documento a indicação da proveniência do texto e da imagem. 2 GRAVAÇÃO DE UM DOCUMENTO WORD EM FORMATO HTML Como este documento se destina a ser publicado na Internet, vai gravá-lo num formato específico para poder ser lido pelo Internet Explorer ou outro tipo de Browser: o formato HTML. Antes de prosseguir, convém ter em atenção algumas regras importantes relativamente à atribuição de nomes a ficheiros que se destinam a ser publicados na Internet. Conforme já deve ter verificado, o Word aceita que os seus ficheiros incluam espaços e caracteres portugueses (acentos, cês cedilhados, etc.). Porém, alguns servidores WWW (computadores ligados à Internet onde estão alojadas as páginas dos sites) não reconhecem ficheiros com estes caracteres. Assim, para evitar erros, nunca utilize este tipo de caracteres no nome dos seus ficheiros. A tabela seguinte mostra alguns exemplos de nomes incorrectos e de nomes correctos: Nome de ficheiro incorrecto página 1.htm portas do sol.htm igreja da graça.htm localização.htm ligações.htm Nome de ficheiro correcto pagina1.htm portasdosol.htm igreja_da_graca.htm localizacao.htm ligacoes.htm! ACTIVIDADES: 1 Accione os comandos: Ficheiro/Guardar como... Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

11 2 Na Caixa de Diálogo Guardar como...: Em Nome do ficheiro: digite o nome que quer atribuir ao ficheiro Em Guardar c/o tipo: seleccione a opção Pagina web (*htm;*.html) Em Guardar em: abra a pasta pagina que se encontra na raiz do disco c:\ Saia da Caixa Guardar como... clicando em Guardar O ficheiro está pronto a ser incluído no Site da sua Escola. Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

12 C. CONCEBER E PRODUZIR A ESTRUTURA DO SITE DA ESCOLA Uma das grandes potencialidades da Internet consiste na possiblidade que nos dá para divulgarmos o trabalho que estamos a realizar na nossa escola com os nossos alunos e os projectos em que estamos envolvidos. Esta divulgação junto da comunidade, dos pais e de outros parceiros constitui um importante factor de abertura da escola à realidade em que se insere. Vamos pois propor-lhe que realize o Site (sítio na Internet) da sua Escola. 1 DEFINIÇÃO DA ESTRUTURA DO SITE Antes de colocar as mãos no teclado, covém definir genericamente, em conjunto com os seus colegas e com o apoio do seu formador, o conteúdo do Site da sua Escola. Propomos-lhe, no entanto, que inclua pelo menos três secções: LOCALIDADE - secção que incluirá informações sobre a localidade onde a escola se insere (gastronomia, monumentos, lendas, provérbios...); PROJECTO - secção que incluirá informações sobre este projecto, trabalhos dos alunos sobre este tema, etc. LIGAÇÕES secção que incluirá ligações para sites que considere com interesse educativo. Estas três secções do site serão realizadas em actividades descritas passo a passo neste Manual.! ACTIVIDADES: 1 Decida quais as secções em que se dividirá o Site da sua Escola 2 Para cada uma delas defina esquematicamente o seu conteúdo 2 CRIAÇÃO DO SITE UTILIZANDO O WORD Existem muitos programas que nos permitem realizar documentos para serem publicados na WEB. O Processador de texto WORD 2000 que já conhece é um deles. Nas próximas actividades vamos utilizar as funcionalidades que este programa nos oferece para este fim. Gostaríamos, no entanto, de frisar que existem outros programas mais poderosos, como por exemplo o FrontPage, que permitem a criação de sites verdadeiramente profissionais. Contudo, atendendo ao âmbito deste Curso, iremos sacrificar as potencialidades técnicas em favor da simplicidade e da familiaridade que o Word proporciona aos formandos. 2.1 A Estrutura do Site da Escola Nesta fase do trabalho já deverá ter decidido quais as secções que vai incluir no site da sua Escola. Nos pontos seguintes vai criar a sua estrutura. Para isso, propomos-lhe a utilização de um assistente que o Word disponibiliza para este fim. Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

13 No final das actividades seguintes, o seu trabalho deverá ficar com um aspecto semelhante as este: Figura 2 - Aspecto do trabalho, depois da utilização do Assistente do Word! ACTIVIDADES: Veja como se faz: 1 Consulte o Tutorial demonstrativo Criação da Estrutura do Site da Escola Agora que já viu como se faz... 2 Inicie o programa Word através do Menu Iniciar 3 Crie um novo documento, accionando os comandos: Ficheiro/Novo... 4 Na Caixa de Diálogo Novo, no separador Páginas Web opte por: Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

14 Figura 3 - Caixa de Diálogo Novo, separador Páginas Web Legenda: No separador Páginas Web desta Caixa de Diálogo podemos escolher modelos pré-existentes para utilizarmos na realização de Páginas para a Web. Porém, o Assistente que vamos utilizar, tem a grande vantagem de nos guiar na concepção da estrutura de todo o site, criando automaticamente todas as secções e respectivas páginas que definirmos. 5 Saia da Caixa de Diálogo Novo com OK No ecrã tem agora o Assistente de páginas Web do Word que lhe vai permitir conceber a estrutura do seu site: Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

15 Legenda: Na área da esquerda encontram-se os títulos das diversas fases da criação do site. Clicando nos títulos aí existentes, acedese à fase que ele enuncia. Os botões que se encontram em baixo, permitem Cancelar o processo, aceder ao ecrã Anterior, aceder ao ecrã Seguinte e Concluir o processo. Figura 4 - Assistente de páginas web - Início 6 Clique no botão Seguinte para aceder à fase seguinte do processo (Título e localização). Este ecrã do Assistente de páginas Web (Figura 5) permite-nos atribuir um título ao site e escolher a pasta onde o queremos gravar. Quanto ao título, escolha simplesmente o nome da sua Escola. Em relação à gravação do site, já criou a pasta pagina na raiz do disco C:\. É aí que o irá gravar. 7 No ecrã do Assistente de páginas Web Título e localização: Em título do Web site: digite o nome da sua Escola Em Localização do Web site: utilize o botão Procurar e abra a pasta pagina que se encontra na raiz do disco C:\ Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

16 Legenda: Título do web site: nesta linha podemos atribuir um título ao site. Localização do web site: utilizando o botão Procurar podemos escolher a unidade de memória e a pasta em que gravar o site. Figura 5 - Assistente de páginas web - Título e localização 7 Clique no botão Seguinte para aceder à fase seguinte do processo Este ecrã do Assistente de páginas Web (Figura 6) permite-nos escolher o tipo de Navegação que pretendemos no nosso site. Para tornar mais fácil a inclusão de novas secções no site, propomos-lhe que opte pela opção Moldura vertical. 8 No ecrã do Assistente de páginas Web - Navegação, opte por: Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

17 Figura 6 - Assistente de páginas Web - Navegação Legenda: Moldura vertical - esta opção cria um site com duas áreas (molduras). A moldura da esquerda contém uma página com o nome das diversas secções do site com hiperligações para as respectivas páginas. Clicando nestas hiperligações, essas páginas são mostradas na moldura da direita. Moldura horizontal - esta opção cria um site com duas áreas (molduras). A moldura do topo contém uma página com o nome das diversas secções do site com hiperligações para as respectivas páginas. Clicando nestas hiperligações, essas páginas são mostradas na moldura inferior. Página separada esta opção cria um site sem molduras. Este tipo de site apresenta uma desvantagem: é necessário incluir em cada página a designação das diversas secções que o constituem com as respectivas hiperligações. 9 Clique no botão Seguinte para aceder à fase seguinte do processo O Assistente de páginas Web cria três páginas por defeito (Figura 7). A Página Web pessoal é baseada num modelo pré-existente e não tem qualquer interesse para o nosso trabalho. Teremos que a remover. No exemplo que estamos a criar, queremos que o site fique com quatro páginas em branco: a página inicial e uma para cada secção que definimos. Assim, teremos que acrescentar duas às que nos são propostas. Se o seu site contemplar mais secções, deverá criar mais páginas: adapte as instruções seguintes à sua realidade. Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

18 Figura 7- Assistente de páginas web - Adicionar páginas Legenda: Páginas actuais no web site mostra as páginas que serão incluídas no site. Por defeito, o Assistente cria uma página baseada num modelo (Página Web pessoal) e duas páginas em branco. Adicionar nova página em branco clicando neste botão é criada uma nova página em branco. Adicionar página de modelo - esta opção dá acesso a um conjunto de modelos de páginas Web pré-definidas: com colunas, páginas pessoais, etc. Adicionar ficheiro existente esta opção permite-nos incluir no site páginas já realizadas. Remover página permite remover a página seleccionada na área Páginas actuais no web site. Para remover uma página do Web site: 10 Seleccione Página Web Pessoal na área Páginas actuais no web site 11 Clique no botão Remover página Para adicionar páginas ao Web site: 12 Clique no botão Adicionar nova página em branco 13 Repita a actividade 12 para criar todas as páginas do seu site (uma por cada secção e ainda a página inicial) No final, este ecrã do Assistente de Páginas Web deverá mostrar todas as páginas criadas: Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

19 Figura 8 - Assistente de páginas web - Adicionar páginas (aspecto final) 13 Clique no botão Seguinte para aceder à fase seguinte do processo No ecrã Organizar páginas (Figura 9) podemos alterar a designação atribuída por defeito pelo programa às páginas do nosso site. Essa designação será também a utilizada para o ficheiro de cada página. Por isso, há que ter cuidado com o texto que escolhermos: não podemos usar caracteres portugueses, espaços ou outros caracteres especiais, já que estes, muitas vezes, não são reconhecidos pelos servidores WWW (computadores ligados à Internet onde estão alojadas as páginas dos sites). Sobre este assunto, consulte o ponto B.2 da página 10 deste Módulo. 14 Na área Página actuais do web site seleccione Página em branco 1 15 Clique no botão Mudar o nome 16 Na Caixa de Diálogo Mudar o nome da hiperligação: Digite: inicio Saia com OK 17 Repita os procedimentos 14, 15 e 16 para alterar a designação das restantes hiperligações, atribuindo-lhes os seguintes nomes: Página em branco 2 localidade Página em branco 3 projecto Página em branco 4 ligacoes Cristina 18 Novo/João Repita Galego/Maurício os procedimentos Dias/Nuno Pacheco/Teresa 14, 15 e 16 Pacheco para alterar a designação Escola das Superior restantes de Educação hiperligações de Santarém que criou, atribuindo-lhes nomes que respeitem as regras já descritas

20 2.1.1 Ficheiros criados pelo Assistente de páginas Web Convém agora ver os ficheiros que o Assistente do Word criou e compreender a relação que existe ente eles.! ACTIVIDADES: 1 No Ambiente de Trabalho: Faça duplo clique sobre O meu computador 2 Na Janela O meu computador: Faça duplo clique sobre o disco C: para visualizar o seu conteúdo Faça duplo clique sobre a pasta pagina 3 Observe atentamente o conteúdo da pasta pagina e leia as legendas da imagem seguinte: Figura 12 - Ficheiros criados pelo assistente de páginas Web Legenda: Ficheiro default.htm ficheiro que contém as instruções (código HTML) para a criação das molduras do Site. É este o ficheiro que deverá executar quando pretender visualizar o Site. Note que, mais tarde, vai ter que alterar o seu nome para index.html, uma vez que o servidor da FCCN (onde irá colocar o Site da Escola) exige que a página inicial tenha esta designação. Ficheiro TOCFrame.htm corresponde à página que contém as hiperligações para as secções do Site (Menu). Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

21 Esta página é mostrada na moldura da esquerda quando se executa o ficheiro default.htm Ficheiro inicio.htm corresponde à Página Inicial do Site. Esta página é mostrada na moldura da direita quando se executa o ficheiro default.htm Ficheiro ligacoes.htm corresponde à Página da secção Ligações. Ficheiro localizacao.htm corresponde à Página da secção Localização. Ficheiro projecto.htm corresponde à Página da secção Projecto. Ficheiro loc_sol.htm ficheiro gravado por nós nesta pasta e que irá ser incluído na secção Localização. Pasta loc_sol_ficheiros Pasta criada pelo Word, quando gravámos o ficheiro loc_sol.htm. Contém a imagem que incluímos nesse documento e ainda um ficheiro de código gerado pelo programa. Note que sempre que sempre que incluir imagens numa página, o Word cria uma pasta com este conteúdo. Pasta projecto pasta criada por nós. Note que o conteúdo da sua pasta pagina poderá ser diferente daquele que a Figura 12 mostra: se tiver criado outras secções, então encontrará mais ficheiros, com as designações que lhes deu. 4 Quando terminar, feche a Janela 2.2 Aspecto gráfico do Site A estrutura do Site está criada. Nas actividades seguintes vai cuidar do seu aspecto gráfico. No exemplo que vamos utilizar, escolhemos cores e gráficos de acordo com o nosso gosto pessoal. Como é evidente, deverá fazer as suas próprias escolhas, de acordo com o seu gosto pessoal e o dos seus alunos. No final, o seu trabalho deverá ficar com um aspecto semelhante a este: Figura 13 - Aspecto gráfico do site Legenda: 1 Divisor das molduras do site. 2 Moldura da esquerda. A cor do fundo pode ser alterada. Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

22 3 Logotipo ou fotografia da Escola 4 Hiperligações para as páginas das diversas secções do site 5 Imagem que irá conter uma hiperligação para o envio de 6 Nome da Escola. Este título será incluído em todas as páginas do Site. 7 Separador a colocar em todas as páginas por baixo do nome da Escola Escolha dos gráficos a utilizar no site Propomos-lhe que decida agora o seguinte: 1. Cor de fundo a utilizar na moldura da esquerda (assinalado na Figura 13 com o nº2) 2. Logotipo ou fotografia da Escola (assinalado na Figura 13 com o nº3). Note que a imagem que utilizar não deverá ter mais do que 120 pixels de largura. 3. Marcas a utilizar antes das hiperligações colocadas na moldura da esquerda (assinalado na Figura 13 com o nº4) 4. Imagem a utilizar para a hiperligação do (assinalado na Figura 13 com o nº5) 5. Separador a colocar em todas as páginas do Site, por baixo do nome da Escola (assinalado na Figura 13 com o nº7). Para lhe facilitar este trabalho, incluímos nos materiais do Curso que estão instalados no seu disco rígido, uma secção de Recursos. Nela encontra um conjunto de gráficos que pode utilizar no seu Site. No nosso exemplo, usaremos alguns desses gráficos. Pode também utilizar imagens que se encontram na biblioteca do ClipArt do Word Arranjo gráfico do Site! ACTIVIDADES: Veja como se faz: 1 Consulte o Tutorial demonstrativo Arranjo gráfico do Site Agora que já viu como se faz... Redução da largura da moldura da esquerda: 2 Coloque o cursor sobre o divisor da moldura 3 - Pressione o botão esquerdo do rato e arraste-o para a esquerda Escolha da cor de fundo da página da moldura da esquerda: 4 Coloque o cursor na página da moldura da esquerda 5 Accione os comandos: Formatar/Fundo/Efeitos de preenchimento 6 Na Caixa de Diálogo Efeitos de preenchimento, no separador Gradação de cor, escolha Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

23 as cores de fundo, o estilo de sombreado e a variante. No nosso exemplo escolhemos a seguinte combinação (Cor 1 branco; Cor 2 Dourado): Legenda: Os diversos separadores desta Caixa de Diálogo permitem-nos escolher o tipo de fundo de uma página: uma ou várias cores com diversos tipos de sombreado, texturas pré-definidas ou realizadas por nós, padrões e imagens. Figura 14 - Caixa de Diálogo Efeitos de preenchimento, separador Gradação de cor 7 Saia da Caixa de Diálogo Efeitos de preenchimento com OK Colocação do logotipo ou fotografia da escola no topo da página da moldura da esquerda: 8 Elimine o nome da Escola que se encontra no topo da página da moldura da esquerda: Seleccione o texto Clique no botão Cortar da Barra de Ferramentas Padrão 9 Coloque o cursor no local onde pretende inserir a imagem (não se esqueça que esta imagem deve ter uma largura máxima de 120 pixels) 10 Accione os comandos: Inserir/Imagem/Do ficheiro Na Caixa de Diálogo Inserir imagem: Seleccione a imagem que quer inserir no documento Saia da Caixa de Diálogo Inserir imagem clicando em Inserir Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

24 Para melhorarmos o aspecto gráfico desta página, vamos colocar marcas à esquerda das hiperligações aí existentes. Ao realizar as actividades seguintes, poderá acontecer que a hiperligação seja destruída. Não se preocupe: mais tarde aprenderá a resolver o problema. Colocação das marcas à esquerda das hiperligações para as páginas das secções do Site: 12 Coloque o cursor à direita do texto da primeira hiperligação (inicio) 13 Utilize as setas do teclado para deslocar o cursor para a esquerda do texto 14 Accione os comandos Inserir/Imagem/Do ficheiro Na Caixa de Diálogo Inserir imagem: Seleccione a imagem que quer inserir no documento Saia da Caixa de Diálogo Inserir imagem clicando em Inserir 16 Repita os procedimentos 12, 13, 14 e 15 para inserir as restantes marcas Queremos colocar uma hiperligação para o nosso endereço de . Esta hiperligação vai ficar na página que se encontra na moldura da esquerda, associada a uma imagem. Por agora, vamos apenas inserir a imagem no respectivo local. Inserção da imagem que irá possuir uma hiperligação para um endereço de 17 Coloque o cursor à direita do texto da última hiperligação para as páginas das secções do Site 18 Faça um parágrafo 19 Accione os comandos: Inserir/Imagem/Do ficheiro Na Caixa de Diálogo Inserir imagem: Seleccione a imagem que quer inserir no documento Saia da Caixa de Diálogo Inserir imagem clicando em Inserir As páginas das secções do site ficarão mais agradáveis se colocar no seu topo o nome da escola e um separador. Vai realizar esta tarefa na pagina inicial do Site. Digitação e formatação do título da página inicial: 21 Apague o texto que se encontra na página da moldura da direita (página inicial do site) 22 Coloque o cursor no início da página 23 Digite o nome da sua Escola Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

25 24 Formate o texto: Centre-o na página Coloque-o a negrito Aumente o tamanho do tipo de letra Inserção do separador: 25 Coloque o cursor no final do nome da sua Escola 26 Faça um parágrafo 27 Insira a imagem do separador que escolheu (se não se recorda dos procedimentos a efectuar, consulte as actividades 19 e 20) Hiperligações para as páginas das secções Conforme verifica, o texto das hiperligações da página da moldura da esquerda contém erros ortográficos, resultantes da necessidade de criar as secções sem caracteres portugueses ou espaços. Para além disto, é possível que algumas destas hiperligações tenham sido destruídas quando inseriu as marcas que se encontram à esquerda do texto. Nas actividades seguintes vai corrigir estas situações.! ACTIVIDADES: Veja como se faz: 1 Consulte o Tutorial demonstrativo Hiperligações para as páginas das secções do Site Agora que já viu como se faz... 2 Na página da moldura da esquerda, corrija o texto das hiperligações Para restabelecer as hiperligações que foram eliminadas acidentalmente: 3 Seleccione o texto que vai conter a hiperligação 4 Na Barra de Ferramentas Padrão, clique no botão Inserir hiperligação 5 Na Caixa de Diálogo Inserir hiperligação: Clique no botão Ficheiro Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

26 Figura 15 - Caixa de Diálogo Inserir hiperligação Legenda: Texto a mostrar Texto da hiperligação. Descrição Dá acesso a uma Caixa de Diálogo onde de pode digitar o texto que será mostrado quando o utilizador desloca o rato sobre a hiperligação. Escreva o nome... Local onde se digita o endereço da hiperligação (nome de ficheiro ou página Web). A utilização dos botões Ficheiro, Página Web ou Marcador, evita a digitação do endereço nesta linha. Ou seleccione da lista Listagem de Ficheiros e Páginas recentemente consultadas e ainda de Ligações recentemente inseridas. A selecção de um destes endereços evita a sua digitação no local próprio. 6 Na Caixa de Diálogo Ligar ao Ficheiro faça duplo clique sobre o nome do ficheiro para o qual a hiperligação deverá remeter 7 Saia da Caixa de Diálogo Inserir hiperligação com OK Hiperligação para o da Escola Vai agora estabelecer uma hiperligação para o endereço de da sua Escola, utilizando para o efeito a imagem que colocou no fundo da página da moldura do lado esquerdo. Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

27 ! ACTIVIDADES: Veja como se faz: 1 Consulte o Tutorial demonstrativo Hiperligação para um endereço de Agora que já viu como se faz... Para criar a hiperligação para o da Escola: 2 Na página da moldura da esquerda, seleccione com um clique a imagem que vai conter a hiperligação 3 Na Barra de Ferramentas Padrão, clique no botão Inserir hiperligação 4 Na Caixa de Diálogo Inserir hiperligação: Em escreva o nome do ficheiro ou da página Web- mailto:(endereço da escola) (imaginando que se pretendia estabelecer uma hiperligação para o endereço teresahorta@megamail.pt, então digitar-se-ia o seguinte: mailto:teresahorta@megamail.pt) Como esta hiperligação está a ser feita numa imagem, convém escrevermos um texto que informe o utilizador sobre o que acontecerá quando clicar a imagem. Este texto será mostrado sempre que se colocar o ponteiro sobre a imagem. Para definir o texto para a hiperligação: 5 Clique no botão Descrição 6 Na Caixa de Diálogo Definir o texto para a hiperligação digite: Escreva-nos! Saia com OK 7 Saia da Caixa de Diálogo Inserir hiperligação com OK Arranjo gráfico das páginas das secções Pretende-se que todas as páginas das secções do Site incluam no seu início o nome da Escola e um separador por baixo deste. Já realizou esta tarefa na Pagina Inicial. Assim, pode copiar estes dois elementos para as restantes páginas. Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

28 ! ACTIVIDADES: Veja como se faz: 1 Consulte o Tutorial demonstrativo Arranjo gráfico das páginas das secções do Site Agora que já viu como se faz... Cópia do Título e do Separador existentes na Página Inicial: 2 Copie o Título e o separador da Página Incial do Site: Seleccione estes dois elementos Clique no botão Copiar da Barra de Ferramentas Padrão Colocação do Título e do Separador na página da secção Localidade: 3 Aceda à página da secção Localidade: Clique no link respectivo na página da moldura do lado esquerdo 4 Seleccione, na página da secção Localidade, o texto que aí foi colocado por defeito pelo Assistente de páginas Web 5 Clique no botão Colar da Barra de Ferramentas Padrão 6 Grave as alterações que realizou: Clique no botão Gravar na Barra de Ferramentas Padrão Colocação do Título e do Separador nas restantes páginas das secções do site: 7 Repita os procedimentos 3, 4, 5 e 6, para cada uma das páginas das secções do seu site 3 REUNIÃO DE MATERIAIS Chegou o momento de fazer o ponto da situação relativamente aos materiais que já foram produzidos por si e pelos seus alunos e que se destinam a ser publicados no Site da Escola. Vamos ajudá-lo(a) na realização desta tarefa. 3.1 Materiais existentes e a criar Secção Localidade Já possui seguramente alguma diversidade de materiais para incluir nesta secção. Sugerimos-lhe que orientasse os seus alunos na recolha de receitas tradicionais, de lendas, de provérbios, de descrição de locais de interesse público, etc. Provavelmente, pensou noutros temas óptimo! Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

29 Em função do que já existe e do que pretende ainda criar, escolha as designação para cada tema desta secção e faça uma lista deste tipo: Secção Localidade TEMA 1 ESTÁ FEITO FALTA FAZER Visita alguns dos locais mais bonitos da nossa região! Na pasta da Joana: ficheiro republica.doc (sobre o Jardim da República). Na pasta do Francisco: ficheiro alporao.doc (sobre o Museu do Alporão). Na pasta pagina: ficheiro loc_sol.htm (sobre as portas do sol). Que bolinhos saborosos! Na minha pasta pessoal: ficheiro receita.doc (receita dos Arrepiados). Queres conhecer alguns dos provérbios que as nossas avós nos ensinaram? Então clica aqui. Na pasta do Manuel: ficheiro gato.doc. Na pasta da Maria: ficheiro chuva.doc (coloque nesta coluna uma indicação sobre o que pretende ainda recolher sobre o tema) (coloque nesta coluna uma indicação sobre o que pretende ainda recolher sobre o tema) (coloque nesta coluna uma indicação sobre o que pretende ainda recolher sobre o tema) Secção Projecto Para esta secção sugerimos-lhe que os seus alunos realizassem um desenho no Paint e escrevessem um texto no Word sobre as actividades desenvolvidas no âmbito do Projecto. Se por acaso iniciou alguma forma de intercâmbio, como por exemplo troca de correspondência ou participação noutras iniciativas da Uarte, inclua nesta secção um pequeno resumo e, se for o caso, hiperligações para os Sites respectivos. Faça uma lista deste tipo: Secção Projecto TEMA ESTÁ FEITO FALTA FAZER Vê os nossos desenhos! Na pasta de cada aluno, um (coloque nesta coluna uma ficheiro com um desenho feito indicação sobre o que pretende no Paint. ainda recolher sobre o tema) Queres saber o que temos feitos com os computadores? Então clica aqui! Também participámos noutros Projectos. Na minha pasta de cada aluno, um texto sobre as actividades desenvolvidas utilizando o computador. Incluir uma página com ligações para os projectos da Uarte em que a escola está a participar (coloque nesta coluna uma indicação sobre o que pretende ainda recolher sobre o tema) Estes temas, a colocar na página inicial da secção, vão conter hiperligações para páginas específicas. Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

30 Secção Ligações Nesta secção vai incluir uma lista com hiperligações para Sites com interesse educativo. Sugerimos-lhe que algumas dessas hiperligações sejam feitas a partir de imagens reduzidas dos ecrãs das páginas iniciais desses Sites. Secção ligações TEXTO DESCRITIVO HIPERLIGAÇÃO IMAGEM SITES A PROCURAR Clica aqui para visitares o Na minha pasta pessoal:... Aquário Vasco da Gama imagem aquario.jpg. Outras secções É provável que a sua escola vá incluir outras secções no seu Site. Faça listagens semelhantes aos exemplos que apresentámos para cada uma delas. À medidas que os materiais necessários forem sendo criados, actualize as listas. Desta forma, o seu trabalho final de arranjo do Site ficará facilitado. 3.2 Publicação das imagens criadas pelos alunos Para publicar os desenhos feitos pelos seus alunos no Site da Escola, criámos uma ferramenta de fácil utilização e de grande impacto audiovisual. É um programa que se encontra em: C:\tic\recursos\programas\album Para o instalar deverá executar o ficheiro setup.exe que se encontra na subpasta Disk1. O processo de instalação deste programa é muito simples, pelo que não vamos explicar pormenorizadamente as diversas fases (se tiver dificuldades o seu formador poderá ajudar). Por defeito, o programa será instalado na subpasta projecto da pasta pagina. Deverá aceitar essa localização Exploração da ferramenta Álbum Nas actividades seguintes vamos sugerir-lhe que veja um exemplo que realizámos e que está publicado no Centro Virtual do Curso, na secção Outros Recursos. Em seguida, propomos-lhe que aprenda a utilizar esta ferramenta. Para isso, irá completar o exemplo apresentado. Os ficheiros necessários encontram-se em: c:\tic\recursos\album\ Na subpasta album existem duas subpastas (fotos1 e fotos2) que constituem a duas colecções de imagens utilizadas como exemplo. Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

31 ! ACTIVIDADES: Veja o nosso exemplo: 1 Consulte o exemplo em: Vai agora aprender a utilizar esta ferramenta. Veja como se faz: 2 Consulte o tutorial demonstrativo Exploração da ferramenta Álbum Agora que já viu como se faz Inicie a aplicação album.exe que se encontra no seu disco c:\ c:\tic\recursos\album\album.exe No lado esquerdo da aplicação é mostrada uma imagem com o conjunto das imagens reduzidas existentes na pasta fotos1. 4 Clique na primeira imagem reduzida. A imagem é mostrada no seu tamanho natural, no lado direito da aplicação. Tem agora acesso a um conjunto de botões que lhe permitem definir o aspecto final do trabalho. 5 Observe atentamente a imagem e leia a sua legenda, para conhecer as potencialidades desta ferramenta: Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

32 Legenda: Figura 16 - Ferramenta Álbum 1 Local onde se pode atribuir um título ao álbum de imagens. Depois de se digitar esse título é necessário gravar as alterações, clicando no botão Gravar (18). 2 Local onde se determina o número de imagens reduzidas que são mostradas em cada linha da área da esquerda. 3 Imagem que está seleccionada e que é mostrada na área da direita, em tamanho natural. 4 O quadrado que é mostrado sobre a imagem reduzida, indica que esta tem um som associado e que será ouvido quando a imagem for seleccionada. 5 Barra de rolamento para visualizar as outras imagens reduzidas da colecção activa. 6 Botão que permite aumentar ou reduzir a imagem seleccionada e que está a ser mostrada na área da direita. 7 Conjunto de botões que permitem deslocar a imagem activa no ecrã. O botão central (a lupa) esconde ou mostra os botões e os outros elementos da interface. Deve ser usado com imagens grandes porque permite a sua visualização total. 8 Botões de navegação pelas imagens da colecção. Podem ser utilizados em alternativa ao clique sobre a imagem reduzida. 9 Os botões permitem o acesso às diversas colecções de imagens, colocadas nas pastas fotos1, fotos2... Na zona central podemos atribuir um título à colecção activa. Depois de se digitar esse título é necessário gravar as alterações, clicando no botão Gravar (18). 10 Opções de impressão das imagens. 11 Permite imprimir as imagens, com as características definidas na zona de opções de impressão (10). 12 Esta Caixa de selecção deve ser activada quando se pretende gravar um som de apresentação da colecção de imagens activa. Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

33 13 Botões que permitem gravar sons. Quando a caixa de selecção Som Directório está desactivada, o som fica associado à imagem activa; no caso inverso, o som fica associado à colecção de imagens activa. 14 Este campo deve ser utilizado quando se pretende associar a uma imagem um som que contém uma pergunta, com diversas opções de resposta. A opção correcta é então digitada neste campo. Pode utilizar até 5 opções de respostas. 15 Estes botões permitem responder à pergunta efectuada. No modo utilizador só estão visíveis quando há uma pergunta associada a uma imagem. 16 Esta informação só é visualizada pelo utilizador quando há uma pergunta associada a uma imagem. 17 Local onde é possível digitar uma legenda da imagem. Por defeito, o programa mostra o nome do ficheiro da imagem activa. Depois de se digitar a legenda da imagem é necessário gravar as alterações, clicando no botão Gravar (18). 18 Botão gravar. Deve ser utilizado sempre que se realizarem alterações: título do álbum, legenda de uma imagem, título de uma colecção ou opção de resposta a uma pergunta associada a uma imagem. 19 Permite a publicação do Álbum. Para atribuir um título ao Álbum: 6 Coloque o cursor no local destinado a este efeito e que está indicado com o nº1 na Figura 16 7 Apague o texto que aí se encontra e digite: Trabalhos dos alunos 8 Grave as alterações efectuadas: Clique no botão Gravar (indicado com o nº 18 na Figura 16) Para incluir um som de apresentação da colecção: 9 Verifique se tem o microfone ligado 10 Active a caixa de selecção Som Directório (indicada com o nº 12 na Figura 16) 11 Clique no botão Gravar (um dos botões indicados com o nº 13 na Figura 16) 12 Leia para o microfone o seguinte texto: Feira da Golegã 13 Clique no botão Parar (um dos botões indicados com o nº 13 na Figura 16) Para definir o número de imagens reduzidas por linha a mostrar na área da esquerda: 14 Coloque o cursor no campo de texto N. de fotos por linha (indicado com o nº 2 na Figura 16) 15 Apague o número que aí se encontra e digite: 3 16 Grave as alterações efectuadas: Clique no botão Gravar (indicado com o nº 18 na Figura 16) (estas alterações só se tornam visíveis quando voltar a abrir a aplicação) Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém

34 Para aceder à colecção de imagens seguinte (imagens guardadas na pasta fotos2): 17 Clique no botão de navegação entre colecções (o botão com a seta para a direita, pertencente ao conjunto de elementos indicado com o nº 9 na Figura 16) Para atribuir um título a uma colecção de imagens: 18 Coloque o cursor no local destinado a esse efeito (campo de texto pertencente ao conjunto de elementos indicado com o nº 9 na Figura 16) 19 Apague o texto que aí se encontra e digite: Postais da nossa terra 20 Grave as alterações efectuadas: Clique no botão Gravar (indicado com o nº 18 na Figura 16) Para aceder às últimas imagens da colecção: 21 Clique no botão da barra de rolamento vertical (o botão com a seta para baixo, pertencente ao conjunto indicado com o nº 5 na na Figura 16) Para legendar uma imagem da colecção: 22 Seleccione a penúltima imagem da colecção com um clique 23 Coloque o cursor no campo destinado a esse efeito (indicado com o nº 17 na na Figura 16) 24 Apague o texto que aí se encontra e digite: Moçarria Largo da Igreja. Nuno Marques Grave as alterações efectuadas: Clique no botão Gravar (um dos botões indicados com o nº 18 na Figura 16) Para associar uma pergunta a uma imagem: 26 Seleccione a última imagem da colecção com um clique 27 Desactive a caixa de selecção Som Directório 28 Verifique se tem o microfone ligado 29 Clique no botão Gravar (um dos botões indicados com o nº 13 na Figura 16) 30 Leia para o microfone o seguinte texto: A Torre das Cabaças fica situada: 1 em Santarém 2 em Almoster Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém 3 na Moçarria 31 Clique no botão Parar (um dos botões indicados com o nº 13 na Figura 16)

35 3.2.2 Utilização da ferramenta Álbum Só deverá realizar as actividades que sugerimos neste ponto quando tiver reunido todas as imagens criadas pelos seus alunos nas subpastas fotos1, fotos2..., que estão dentro da subpasta projecto da pasta pagina. Dentro dessas pastas deverão constar apenas os trabalhos a publicar: ficheiros de imagem (com a extensão jpg ou gif) e ficheiros de filmes (com a extensão mov ou mpeg). Portanto, antes de iniciar o seu trabalho, verifique o conteúdo das pastas e apague os ficheiros que aí estiverem a mais.! ACTIVIDADES: 1 Inicie o programa Album através do Menu Iniciar - Programas 2 Faça a apresentação final dos trabalhos dos seus alunos. Sugerimos-lhe que: Atribua um título genérico ao conjunto dos trabalhos (ao Álbum das imagens). Atribua um título a cada uma das colecções de imagens. Faça a legenda das imagens ou, melhor ainda, peça a cada aluno que faça a legenda do seu desenho e que grave um som descrevendo o que desenhou. 3 No final, feche a aplicação e volte a iniciá-la, verificando se está tudo como deseja Envio dos ficheiros Agora vai publicar o seu trabalho na Internet. Para tal, vai transferir os ficheiros que o constituem para um computador pertencente à FCCN e que pode ser acedido 24 horas por dia. Esta publicação pode ser feita a partir da ferramenta Álbum ou utilizando programas específicos, como por exemplo o WS-FTP. Utilizará este último programa para publicar as restantes secções do Site da Escola, o que será feito durante o Módulo IV do Curso. Para já, vai enviar todos os ficheiros que constituem a secção Projecto, utilizando a ferramenta Álbum. A pasta projecto contém dois tipos de ficheiros: 1. Ficheiros que são necessários para a visualização do trabalho e que, portanto, deverão ser publicados; 2. Ficheiros que constituem a aplicação em si e que, portanto, não devem ser publicados. Como o número e designação dos ficheiros a publicar depende da forma como organizou o trabalho (número de colecções de fotografias, etc.) vamos dar-lhe a lista dos ficheiros que não deve publicar: Album.exe Foxuser.dbf Foxuser.fpt ftp.exe sim.txt tempo_fic.dbf tempo_fic1.dbf wwipstuff.dll Cristina Novo/João Galego/Maurício Dias/Nuno Pacheco/Teresa Pacheco Escola Superior de Educação de Santarém