Ambiente de Trabalho Criar um novo site 1. Na barra Nova página ou Web (à direita) escolher a opção Novo/Web vazia. Indicar a localização da nova web. Por exemplo: C:\..\..\sess3g01 para o computador 1... até sess3g15 para o computador 15.
2. Na barra de vistas (à esquerda) clicar no botão Navegação. Construir a estrutura do site 3. Na barra de ferramentas, clicar em Nova página. Centro de Competência Nónio Proformar 2
4. Para adicionar páginas à Web, clicar com o botão direito do rato em cima da Home page, escolher Novo Página. 5. Ao criar cada nova página mudar o nome clicando no botão direito do rato e escolhendo a opção Mudar o nome. O nome dos ficheiros não deverá conter: maiúsculas, espaços, acentos, cedilhas, etc Centro de Competência Nónio Proformar 3
6. Criar a estrutura do Site de acordo com o exemplo que segue. Editar uma página Editar a Home page fazendo duplo clique sobre a mesma. Neste caso passa-se a visualizar apenas a página que está a ser editada. Em qualquer momento pode visualizar-se a estrutura do site clicando sobre Navegação na barra Vistas (à esquerda). 7. Inserir uma linha horizontal. 8. Escrever a seguinte frase Benvindo à página pessoal de.... Seleccionar o texto e formatar: letra Verdana, 14 pontos, Negrito, Azul, Ao centro. Centro de Competência Nónio Proformar 4
9. Inserir uma nova linha horizontal. Formatar a linha, clicando com o botão direito do rato sobre a mesma. Formatar a linha a gosto. 10.Inserir um Enter. Inserir uma tabela com duas colunas e duas linhas. Centro de Competência Nónio Proformar 5
11.Posicionar o ponteiro do rato dentro da tabela e mudar os Limites para 0 pontos e mudar a cor de Fundo para cinzento claro. 12.Posicionar o cursor na célula superior direita e escrever uma pequena introdução, por exemplo, Esta página destina-se a... 13.Posicionar o cursor na célula inferior direita e escrever o endereço de correio electrónico, por exemplo, info@cf-profromar.rcts.pt. Para activar a respectiva hiperligação (link) inserir um Enter no final. Inserir imagens e editar elementos gráficos 14.Posicionar o cursor na célula superior esquerda e inserir o ficheiro maria.jpg ou ze.jpg. Centro de Competência Nónio Proformar 6
15.Redimensionar a imagem e na barra de ferramenta de Imagens escolher a ferramenta Reamostragem e guardar com o nome ze_s.jpg. Ao guardar imagens deverá indicar-se sempre a pasta Imagens como destino. 16.Ajustar a coluna ao tamanho da imagem colocando o cursor sobre o limite e arrastando-o. Centro de Competência Nónio Proformar 7
Inserir hiperligações 17.Na célula inferior direita inserir a Imagem mail.gif. Redimensionar esta imagem. 18.Inserir uma hiperligação na imagem, usando o botão direito do rato. 19.Escolher Endereço de correio electrónico e escrevê-lo na respectiva caixa. 20.Adicionar uma etiqueta à imagem. Clicar com o botão direito do rato sobre a imagem e escolher Propriedades da imagem, no Separador Geral. Na caixa Texto escrever Escreva-me. Centro de Competência Nónio Proformar 8
21.Na barra Vistas activar o botão de Navegação. 22.Editar a página O meu trabalho fazendo duplo clique. Aplicar os elementos de acordo com a imagem que se segue. Centro de Competência Nónio Proformar 9
23.Inserir hiperligações, para outros sites, nas imagens e no texto. Clicar sobre a imagem com o botão direito do rato e escolher Hiperligação. Escolher o botão Ficheiro ou Página web existente, escrever o endereço do site pretendido na caixa Endereço. Para inserir a hiperligação no texto proceder da mesma forma, seleccionando previamente o texto. Programa Nónio Eschola Proformar http://www.dapp.min-edu.pt/nonio http://www.dapp.min-edu.pt/nonio/eschola2003 http://www.proformar.org Limites partilhados e barras de navegação Limites partilhados são áreas comuns a todas as páginas do site. Nos limites partilhados inserem-se, normalmente, Barras de Navegação que nos permitem navegar pelas várias páginas do site. 24.Criar um limite partilhado a partir do menu Formatar. Deverá estar no modo de edição de página. Centro de Competência Nónio Proformar 10
25.Aplicar a Todas as páginas e Inferior. 26.Seleccionar Comentário: limite inferior partilhado no final da página. Inserir barras de navegação menu Inserir / Navegação. Centro de Competência Nónio Proformar 11
27.Seguir os passos do assistente: Centro de Competência Nónio Proformar 12
28.Seleccionar a barra de navegação e centrá-la. 29.Guardar e fechar todas as páginas. Abrir o ficheiro index.htm. 30.Para proceder à previsualização do trabalho no Internet Explorer escolher a ferramenta Pré-visualizar no browser. Centro de Competência Nónio Proformar 13
Publicar o site Centro de Competência Nónio Proformar 14