1

2

3

W O R K S H O P 4

5

6

W O R K S H O P 7

W O R K S H O P 8

9

10

Instruções gerais para a realização das Propostas de Actividades Para conhecer em pormenor o INTERFACE DO FRONTPAGE clique aqui 11

CONSTRUÇÃO DE PÁGINA PESSOAL Pode achar cansativo ter que escrever frases tão longas. Não se preocupe, o FrontPage, permite, quando desenvolver o seu próprio Web Site, importar directamente documentos para as suas páginas, sem ter que os reescrever. Inserir texto o modo de inserir texto no FrontPage não difere muito do modo usado pelo Word: 1.º Seleccione a posição onde deseja inserir um texto (use o mouse ou o teclado); 2.º Comece a digitar o texto; Formatar o texto o modo de formatar texto no FrontPage não difere muito do modo usado pelo Word: 1.º Seleccione a palavra, ou frase, que deseja formatar (use o mouse ou as teclas [SHIFT] + [setas]); 2.º Seleccione a formatação desejada usando os botões da Barra de ferramentas. O texto admite a seguinte formatação: Aspecto da página após a inserção e formatação de texto Antes Depois 12

O uso de imagens gráficas numa página HTML é a grande diferença que a WEB trouxe ao lançar a linguagem HTML. Você pode colocar figuras, inclusivé animadas, em qualquer lugar da página, fazendo-a muito mais leve e auto-explicativa (você já escutou esta expressão: uma imagem vale por mais que 1.000 palavras). Para inserir uma imagem (que só pode ser de dois tipos permitidos: GIF e/ou JPG): 1.º Seleccione, com o cursor ou com as setas do teclado, a posição desejada no texto ou numa parte da sua página; 2.ºPressionar o botão "Inserir Imagem", ou então seleccionar a opção: Inserir => Imagem do Menu Principal (existe ainda o atalho de teclado [ALT] + [I] + [I]); 3.º Depois de seleccionada a imagem, clique em Inserir 4.º A imagem será inserida na sua página, obtendo esta, o seguinte aspecto (dependendo da formatação escolhida) 13

A utilização de tabelas é o grande segredo de uma boa página Web, pois permite a formatação rigorosa de todos os elementos inseridos. Para inserir uma tabela 1.º Seleccione a posição onde deseja inserir a sua tabela (use o mouse ou o teclado) 2.º Clique no botão (na Barra de Ferramentas) Tabela Agora pode personalizar o tamanho das linhas e colunas, quantas colunas necessita para a sua tabela: o Alinhamento esquerda, direita, centro ou a predefinição o Tamanho do limite da tabela o Área e o espaçamento das células Exemplo de uma tabela inserida numa página Web e sua definição a partir da janela Propriedades da tabela : O modo de formatar tabelas no FrontPage2002 permite realizar todos os ajustes, tanto nos itens já mostrados na sua criação, quanto na aparência geral de algumas de suas células, e também na formatação do texto interno da tabela. 14

Ajustando largura e altura da tabela: 1.º Seleccione o menu Tabela =>Propriedades da Tabela 2.º Seleccione as opções desejadas (em largura e altura) e altera-as de acordo com as suas novas necessidades 3.º Pressione o botão [OK] quando terminar Ajustando largura e altura da tabela: 1.º Seleccione o menu Tabela =>Propriedades da Célula 2.º Seleccione as opções desejadas (em largura e altura) e altera-as de acordo com as suas novas necessidades 3.º Pressione o botão [OK] quando terminar Ajustando as cores da tabela: 1.º Seleccione o menu Tabela =>Propriedades da Tabela 2.º No campo Fundo clique sobre a seta para baixo (ao lado de DEFAULT) 3.º Seleccione uma das 16 cores pré-definidas, ou seleccione Mais Cores Nota: No caso de seleccionar a opção Personalizar, você poderá seleccionar uma das 48 cores básicas (na paleta básica à esquerda da janela), ou seleccione uma das 16.777.216 cores possíveis na matriz gráfica à direita da janela, clicando directamente num determinado ponto da matriz, ou digitando o trio de cores definido por números entre 0 e 255 para cada cor primária (VERMELHO, VERDE e AZUL) 4.º Pressione o botão [OK] quando terminar 15

Ajustando as cores da célula: 1.º Seleccione o menu Tabela =>Propriedades da Célula. 2.º No campo Fundo clique sobre a seta para baixo (ao lado de DEFAULT); 3.º Seleccione uma das 16 cores pré-definidas, ou seleccione Mais Cores Nota: No caso de seleccionar a opção Personalizar, você poderá seleccionar uma das 48 cores básicas (na paleta básica à esquerda da janela), ou seleccione uma das 16.777.216 cores possíveis na matriz gráfica à direita da janela, clicando directamente num determinado ponto da matriz, ou digitando o trio de cores definido por números entre 0 e 255 para cada cor primária (VERMELHO, VERDE e AZUL); 4.º Pressione o botão [OK] quando terminar O uso de hiperligações ou links (ligações para outras páginas na WEB) é o recurso que se definiu como o modo padrão de uso da Internet. Com um link você pode continuar um texto que esteja a ler numa página, que o irá ligar a outra com o mesmo tema que estava a ler na anterior. Lá cada sentença sublinhada representa um link que serve para dirigir o leitor cibernauta para outra página com assunto relacionado, ou complementar. Para ir de uma página à outra, o utilizador deve apenas dar um ÚNICO clique sobre os links desejados. O browser do utilizador de imediato irá para a nova página. Isso torna a leitura verdadeiramente interactiva, mais até que um livro, pois o usuário poderá "fazer seu caminho" de uma maneira completamente diferente a cada visita ou realizar o caminho que outro utilizador fez. Para inserir uma hiperligação (Link) 1.º Digite um texto que explique em poucas palavras o novo tópico; por exemplo: Voltar ao Menu Inicial ; ou seleccione um texto já digitado; 2.º Clique no botão Inserir Hiperligação" (o botão com um globo e uma corrente) na Barra de Ferramentas; 16

3.º Seleccione o tipo de link desejado os mais comuns são: O link http: (para ir para uma outra página), e O link mailto: (para colocar um endereço auto preenchido de e-mail) Nota: Ao seleccionar um link http poderá fazer uma ligação para uma página aberta no FrontPage2002, que estão no Menu que se abre ao carregar nesse botão ou ainda fazer uma ligação com uma página qualquer da Internet, digitando o endereço dessa página no campo "URL"; 4.º Pressione o botão [OK] O Over_buttom (é um botão que apresenta um efeito de mudança de cor quando o cursor do mouse passa por cima dele) permitindo desta forma, a interacção pretendida pelo Webdesigner numa página Web. Para inserir um, no FrontPage 2002, seleccione a opção: 1.º Inserir => Componentes Web => Botão de Apontar. 2.º Em Texto do Botão, digite o texto que irá aparecer no botão, e em Ligar a, seleccione a página que será mostrada quando o botão for pressionado. Um dos pontos fortes da linguagem HTML, que tornou a Internet tão popular foi, sem sombra de dúvida, a possibilidade de se inserir uma imagem de fundo nas páginas, um tipo de "papel de parede". Isso possibilita que as páginas fiquem muito mais bonitas, e elegantes, do que apenas o uso de um fundo branco, cinza, ou mesmo de qualquer outra cor. Nas páginas, por exemplo, sob o texto você pode inserir uma imagem, que permite melhorar o visual da mesma, tornando-a mais leve e interessante, e portanto ajudando a atrair e a manter seus visitantes. 17

Para inserir uma imagem de fundo numa página Web: 1.º Seleccione o menu Ficheiro * Propriedades da Página; 2.º Na janela que se abre clique no menu Fundo => Imagem do Fundo - no campo logo abaixo digite o nome da imagem desejada, ou clique no botão procurar para encontrar o arquivo da imagem desejada; 3.º Pressione o botão [OK] quando terminar PUBLICAÇÃO DE PÁGINA PESSOAL ONLINE ATRAVÉS DO CUTE FTP Estas são as instruções para preparar o CuteFTP para enviar e receber ficheiros de um servidor FTP na Internet. Este tipo de aplicação é necessário, por exemplo, para colocar os documentos que constituem a sua homepage no servidor, permitindo assim que as suas páginas sejam vistas pelo público. Quando accionamos o CuteFTP surge uma janela inicial que permite a escolha do servidor de FTP a utilizar: Um meio de facilitar a manutenção da Página Inicial, será criar um meio permanente de ter acesso ao servidor de FTP. 18

1.º Clique no botão New 2.º Surge então uma janela com as configurações específicas do site a acrescentar: O Label for site é um título à sua escolha que serve apenas para identificar o site na lista da janela inicial; O FTP host address será 'ftp.planetaclix.pt'; O FTP Site User Name consiste no seu Nome de Utilizador (ex: x1234567), que deve ser introduzido acompanhado da respectiva FTP site Password. Os restantes dados devem ser deixados conforme o programa os apresenta inicialmente. 3.º Ao clicar sobre o botão Connect' a ligação ao servidor FTP é efectuada e teremos uma janela dividida em duas secções: Do lado esquerdo, os ficheiros existentes no computador local e Do lado direito os ficheiros existentes no servidor. 4.º Para transferir um determinado ficheiro de um computador para o outro basta fazer duploclique sobre o respectivo nome. 19