Criação e Edição de Páginas WEB - PDF
Download "Criação e Edição de Páginas WEB"
Aurélio Gesser Cerveira
1 Faculdade de Medicina Dentária da Universidade de Lisboa Cursos Profissional de Apoio à Clínica Dentária TIC Prof. Teresa Pereira Observação da area de trabalho No Wizard (Assistente), escreve: What s new in FrontPage ( O que há de novo no FrontPage) O FrontPage tem um novo interface integrado, que te permite criar, editar e administrar Web sites completos, tudo dentro da mesma aplicação. Todas as barras de tarefas e menus são consistentes com as aplicações do Microsoft Office e podem ser personalizadas. Podes também usar atalhos para acelerar as tarefas mais comuns, tais como, abrir Webs e páginas, imprimir, e muitos outros comandos. As barras Standard e Formatting são mostradas por defeito. Elas permitem um fácil acesso aos comandos que usas com mais frequência enquanto trabalhas no FrontPage. Barras de Tarefas Adicionais. Tu podes personalizar o teu ambiente de trabalho, mostrando barras adicionais, ou alterando os botões que elas contêm. No menu View, apontas para Toolbars, e seleccionas as que quiseres que sejam vistas. Para adicionar ou remover botões das Toolbars, clicas em Customize. O que observas na janela principal da aplicação depende do "view" que tiveres seleccionado
2 No assistente escreve: What is the Views bar Os icons na barra View permitem diferentes formas de veres a informação da tua página ou do teu web. Enquanto trabalhas com o FrontPage, irás alterar frequentemente entre os views, para analisares a tarefa que estás a desenvolver - desde os primeiros paços da criação de uma página até que o teu Web Site esteja pronto para publicação na World Wide Web. Quando começares o FrontPage, o view de página é mostrado por defeito, O Page view é um poderoso editor para criar e editar páginas Web. Enquanto digitas texto, inseres imagens, documentos, tabelas, formulários e desenhas a aparência das tuas páginas Web, o Page view mostra-as como elas aparecem no Browser da Web. Todo o código HTML é automaticamente criado, não sendo necessário editá-lo manualmente, a não ser que o pretendas fazer. Começaremos a trabalhar com o Page view, e aprenderemos mais sobre outros views mais a frente nesta lição. Desenhar e Publicar Uma Web Já viste como é fácil criar páginas Web com o Microsoft FrontPage e adicioná-las a uma nova Web. Podes continuar a trabalhar com o Millennium Celebration Web, que criaste adicionando barras de navegação ás suas páginas, aplicando e personalizando temas gráficos, previsualizar e testar a Web, e prepara-la para publicação na WWW. Antes de publicar a Web, quererás saber se as páginas e ficheiros estão bem organizados, todos os Hyperlinks a trabalhar correctamente, sem erros ortográficos, e com espaço suficiente no servidor Web para o teu trabalho. O FrontPage pode ajudar-te a completar estas importantes tarefas. Irás aprender como: Criar Hyperlinks para outras páginas dentro da Web Adicionar margens fixas e barras de navegação Aplicar e personalizar um tema gráfico Prévisualizar e testar a tua Web num Browser Organizar ficheiros e pastas Gerar um relatório do site Verificar a ortografia de todas as páginas na Web Alterar texto nas páginas Criar e executar tarefas Web Publicar a Web no WWW. Para abrir uma Web existente: 1. Na barra de tarefas do Windows, clica no botão Start, aponta para Programas e clica em Microsoft FrontPage. No assistente escreve: How do I open a web? 2. No menu File aponta para Recent Webs. e clica em C:\My Documents\My Webs\Millenium, para abrir a tua Web, criada na lição 1. Na barra de titulos da aplicação, pode ler-se - 2 -
3 "Microsoft Frontpage - c:\my Documents\My Webs\Millennium." Podes fechar a página em branco aberta no Page View. 3. No menu File, clica em Close, ou clica no botão Close, no canto superior direito da página. O FrontPage fecha a página corrente Enquanto criámos Hyperlinks das imagens e texto, verificaste que não há ligações para já entre as páginas da tua Web. Mesmo que alguém vá até á tua Home Page, não tem hipóteses de ir para as outras páginas. Na próxima secção verás como é fácil fazer Hyperlinks de navegação para outras páginas. Criar Hyperlinks para outras páginas 1. No toolbar, clica no botão Folder List, para aparecer o Folder List no Page View 2. Duplo-click no Index.htm do Folder List para abrir a Home Page. Deverás manter o Folder List aberto enquanto crias Hyperlinks para as outras páginas. 3. Tecla CTRL+END para colocar o cursor no fim da Home Page. 4. A seguir localiza a página Background.htm no Folder List. Os ficheiros e pastas no Folder List são mostrados por ordem alfabética. O icon de cada ficheiro dá-nos uma pista para saber que tipo de ficheiro é. 5. Agora deves "premir o botão direito do rato", "arrastar" e "largar" a página Background no rodapé da tua Home Page, e libertar o botão do rato. O Frontpage insere um Hyperlink (ligação) entre a Home Page e a página Background, com o nome de Background, que é o titulo da página "arrastada". O texto em azul e sublinhado indica a presença de um Hyperlink. 6. Repete os paços 4 e 5 com as outras 3 páginas, colocando-as debaixo umas das outras 7. Tecla a "seta para baixo" para anular a selecção do ultimo Hyperlink. A tua página deverá aparecer assim: Enquanto podes criar Hyperlinks manuais para outras páginas na tua Web, este sistema pode tornarse uma tarefa complicada sobretudo se a tua Web for grande. Pior do que isso é se decides adicionar páginas ou removê-las depois de criar os Hyperlinks, terás que manualmente adicionar ou remover os Hyperlinks para elas
4 O FrontPage tem uma forma melhor para criar, administrar e automaticamente actualizar os Hyperlinks de navegação que ligam o conjunto das tuas páginas. Antes de fazermos isto, vamos remover os Hyperlinks que acabámos de fazer. Para usar multiplos comandos Undo (reverter a situação anterior) Botão Undo com seta 1. No toolbar, clica na seta pequena exactamente á direita do botão Undo 2. O FrontPage mostra a história das ultimas acções que podes reverter. A 1ª dessas acções está seleccionada por defeito. Se clicares nela, somente essa acção pode ser revertida. Podes mover o rato sobre esta lista para as incluir tambem no comando Undo No assistente escreve: How can I correct a mistake? 3. Como queremos anular os 4 Hyperlinks, selecciona-os para a ocorrência Drop. Na barra de Status na janela da história Undo pode ler-se Undo 4 Actions 4. Clica o rato na ultima ocorrência Drop da lista. O FrontPage reverte as ultimas 4 acções, removendo os Hyperlinks que criaste na tua Home Page. 5. No menu File clica em Save para guardar as alterações da página corrente Desenhar e Publicar Uma Web Adicionar margens fixas e barras de Navegação Para o Millennium Celebration Web, deixarás que o FrontPage administre os Hyperlinks, onde os visitantes irão clicar para navegar pelas tuas páginas na Web. O FrontPage consegue isto com a combinação de 2 caracteristicas poderosas: margens fixas e barras de navegação automáticas. Margens fixas são regiões de página que tu queres que apareça constantemente em todas as páginas do teu Web. Estas margens podem conter páginas, banners e barras de navegação. A página de banners mostra o titulo da página que deste a cada página quando a criaste. As barras de navegação são uma linha ou coluna de Hyperlinks para outras páginas na tua Web. O FrontPage pode automaticamente actualizar as margens fixas e barras de navegação, por isso a estrutura de navegação da tua Web estará sempre correcta, mesmo quando adicionares, moveres ou apagares páginas da estrutura da tua Web. Para criar margens fixas na tua Web 1. Clica no icon Navigation na barra de Views para alterar para Navigation View 2. Clica no botão Folder List para esconder o Folder List No assistente escreve: How can I test a Hyperlink? 3. No menu Format, clica em Shared Borders. O FrontPage, mostra a caixa de diálogo de Shared Borders. Aqui podes especificar onde queres que o FrontPage insira as margens fixas. Porque a tua estrutura de Web tem dois niveis de páginas - a Home Page e as páginas abaixo - irás usar 2 tipos de margens fixas e 2 tipos de barras de navegação. 4. Na caixa de diálogo Shared Borders, verifica se a opção All Pages está seleccionada 5. Para a margem fixa horizontal selecciona a check box Top, e selecciona Include navigation buttons na check box mesmo por baixo
5 6. Para a margem fixa vertical, selecciona a check box left e seleccionas Include navigation buttons na check box mesmo por baixo. 7. Deixa as check box Right e Bottom não seleccionadas e clica em OK. De seguida irás personalizar a aparência das barras de navegação por defeito. Porque elas são partilhadas em todas as páginas da tua Web, podes alterar as suas propriedades numa página e as alterações refletir-se-ão em todas as páginas da tua Web. Para testar os Hyperlinks da barra de navegação 1. No view Navigation, faz duplo-click na Home Page 2. Esconde o Folder List, fazendo click sobre o respectivo botão. Verifica as alterações que o FrontPage fez na tua Home Page. A margem de cima contem uma página de banner com o nome da página corrente e a margem esquerda contem uma lista de Hyperlinks de navegação que se parecem exactamente com os que criaste manualmente no inicio desta lição. No Page View, podes facilmente testar os Hyperlinks que apontam para páginas e ficheiros da tua Web. 3. Pressiona a tecla CTRL, e faz click no 1º Hyperlink de navegação chamado Background, no lado esquerdo da página. O FrontPage abre a página que o Hyperlink aponta. Margens fixas e barras de navegação também foram aqui inseridas. Nesta página contudo, o link para as outras páginas aparece no topo da margem exactamente por baixo do banner da página. Isto acontece porque o FrontPage usa a estrutura Web que criaste no View Navigation para determinar o nível da página corrente. Por defeito, a margem fixa de topo, aponta para páginas do mesmo nível da página corrente, enquanto a margem esquerda, aponta para páginas abaixo da página corrente. Na próxima secção irás alterar esta situação para outro desenho. Para personalizar as barras de navegação 1. No menu Window, clica em Index.htm, para a tornar activa. 2. Na margem de topo da Home Page, faz duplo-click na frase Edit the properties for this Navigation Bar to display hyperlink here. O duplo click abre a caixa de diálogo Navigation Bar Properties. Aqui podes personalizar a aparência da barra de navegação e dos hyperlinks que estão criados. Correntemente a barra de navegação horizontal é destinada a links com páginas do mesmo nivel. Como a Home Page não tem páginas no mesmo nivel, o FrontPage não mostra barras de navegação nesta margem. Para o Millennium Celebration Web, queremos ter a barra de navegação horizontal na Home Page e a barra de navegação vertical nas outras páginas. Para isso irás alterar e setup de ambas as barras de navegação. Podes fazer as alterações na página corrente e elas refletir-se-ão em todo o teu Web. 3. Na caixa de diálogo Navigation Bar Properties, clica em Child level, desactiva a check box da Home Page e Parent Page e em seguida OK. O FrontPage cria uma barra de navegação com Hyperlinks para todas as páginas debaixo do nivel da Home Page. 4. Tecla em Home para desactivar a selecção da barra de navegação. A tua página deverá parecer-se com a que se segue: - 5 -
6 Nota que a barra esquerda de navegação ainda contem os mesmos Hyperlinks da barra de navegação do topo. No próximo paço irás remover esta redundância óbvia e alterar a barra de navegação esquerda para que seja mostrada somente nas páginas que a Home Page aponta. 1. Na margem esquerda da Home Page, faz duplo-click na barra de navegação vertical. 2. Na caixa de diálogo Navigation Bar Properties, clica em Same Level, selecciona a check box Home Page e em seguida OK. O FrontPage altera as barras de navegação e escreve o texto "Edit the properties for this Navigation Bar to display hyperlinks here". Este texto só é mostrado no Page View enquanto trabalhas, ele não aparece no Browser da Web. Isto tambem anula a redundância entre a barra de navagação vertical e horizontal. 3. Para guardar as alterações efectuadas nesta página, clica em Save do menu File, ou no botão Save da toolbar. A tua página deverá parecer-se com a seguinte : No menu Window, clica Background.htm, para a tornar activa no Page View. Verifica que as alterações produzidas na Home Page em ambas as barras de navegação horizontal e vertical estão automaticamente reflectidas aqui, assim como em todas as outras páginas
7 Para excluir páginas das barras de navagação. Por defeito, todas as páginas na estrutura de navegação da tua Web estão incluidas nas barras de navegação. Podemos seleccionar páginas para serem excluidas da barra de navegação, clicando a página com o botão direito do rato no View Navigation e anulando a selecção no menu de atalho Included in Navigation Bars. Aplicar um tema Embora a adição de imagens, listas, janelas, margens fixas e barras de navegação tenha dado ás páginas do Millennium Celebration Web um aspecto melhor, aerodinamico e organizado, podes desejar saber o que fazer com a aparência do texto em preto e azul e do fundo branco. Além disso esta Web é para celebrar a chegada do novo milénio e tu queres que as páginas apareçam mais sugestivas. Imagina o tempo que perderias se tivesses que criar esquemas de cor para texto e gráficos, páginas de banner, botões de navegação, lista de bullets, e textura de fundo para todas as páginas da tua Web. Ou se tivesses mais que um Web Site, e quisesses que fossem todos diferentes. O FrontPage inclui mais de 50 temas de desenhos profissionais com esquemas de cor, que podes aplicar a algumas ou a todas as páginas da tua Web. Um tema consiste em desenhar elementos para bullets, fontes, imagens, botões de navegação e outros gráficos. Quando aplicamos um tema ás páginas da nossa Web, banners, barras de navegação e outros elementos, estas tornam-se com uma aparência mais atractiva. Aplicar um tema ao Millennium Celebration Web 1. No menu Window, clica em Index.htm, para tornar activa a Home Page No assistente escreve: How do I apply a theme to my web? 2. No menu Format, clica em Theme. O FrontPage mostra a caixa de diálogo Theme. Aqui podes escolher uma série de temas que o FrontPage instala por defeito, ou escolher para instalar uma lista completa que se encontra no teu CD-ROM do FrontPage Podes modificar a aparência do tema, previsualizar elementos do tema e modificar o tema seleccionado. 3. Clica em alguns temas diferentes que aparecem na lista. Quando clicas no tema, a janela do Sample Of Theme mostra o elemento gráfico que está contido no tema seleccionado. Desta forma podes primeiramente previsualizar um tema antes de o aplicar a uma página seleccionada ou a todas as páginas da tua Web. Antes de aplicar um tema, podes seleccionar opções do tema que afectam a aparência dos componentes do tema. Por exemplo seleccionando Vivid Colors, aplicas cores brilhantes ao texto e gráficos, seleccionando Active Graphics, anima certos componentes do tema e seleccionando Background Picture, aplica um gráfico de fundo ás páginas da tua Web. Podes também escolher para aplicar um tema como uma folha de estilo em cascata (Apply using css). para o Millennium Celebration Web aplicarás estes padrões. 4. No Apply theme verifica se All pages está seleccionada 5. Na lista de temas instalado clica em Artsy - 7 -
8 6. Anula a selecção das check box Active Graphics, Background picture e em seguida clica em OK para aplicar o tema. Como é a 1ª vez que estás a aplicar um tema á tua Web, o FrontPage mostra-te uma mensagem de aviso que a aplicação do tema irá alterar algumas das formatações manuais que aplicaste nas tuas páginas. 7. Clica em Yes para aplicar o tema. O tema "Artsy" será aplicado a todas as páginas do teu Web. 8. No menu File, clica em Save ( ou no botão Save da toolbar), para guardar as alterações da tua Web. A tua Home Page deverá parecer-se com a que se segue: Como podes ver, aplicar um tema alterou radicalmente a aparência da tua Home Page. A página de banner e os botões de navegação já não são textos planos, agora têm aspecto gráfico. O pano de fundo alterou-se de branco para preto, e as fontes mudaram de cor e são um pouco maiores. Mostrar os botões de navegação gráfica em todas as páginas. 1. No menu Window, clica em Background.htm, para tornar a página actica. verifica que a página "herdou" os elementos e o tema da Home Page. Mas as barras de navegação vertical na margem esquerda ainda mostram os textos dos Hyperlinks planos. Por defeito as barras de navegação verticais são mostradas como texto plano, por isso elas permanecem assim apesar do tema ter sido aplicado. Podes facilmente alterar o cenário das barras de navegação mesmo depois do tema ter sido aplicado. 2. Na margem esquerda da página Background, faz duplo-click na barra de navegação vertical. 3. Sob Orientation and appearance na caixa de diálogo Navigation Bar Properties, clica em Buttons seguido de OK. 4. Clica algures na página para anular a selecção da barra de navegação. 5. No menu File, clica em Save ( ou no botão Save da toolbar), para guardar as alterações da tua Web. Alguns temas contêm animação. Quando aplicas um tema, podes seleccionar Active graphics para permitir animação com efeitos rotativos da página de banner e das barras de navegação, se o tema contiver tais elementos. Este tema seleccionado não te mostra estes efeitos. Para isso terás que - 8 -
9 seleccionar um tema que os contemple, clicando de seguida na TAB Preview, ou em Preview in Browser do menu File para os visualizares. Opções do Page View Icon de Page Quando criaste a tua Home page, trabalhaste exclusivamente no Page View normal, mas há 3 formas diferentes que podes escolher para ver a tua página corrente. Mostrar os "tags" de HTML da página corrente No Page view, clica em Reveal Tags no menu View. O FrontPage mostra a representação gráfica dos tags padrão de HTML, da página corrente. Isto é util para quem quiser saber onde são colocados os tags enquanto se desenham as páginas. Para esconder os tags, clicar novamente em Reveal tags. Podes saber mais sobre tags, com a opção Reveal Tags activada, colocando o cursor do rato sobre cada tag. Mostrar o código HTML da página corrente No Page View, clica no separador HTML, no rodapé da página. Este é o código HTML que o FrontPage criou enquanto desenhavas a tua Home Page. Os Browsers da Web descodificam-no para mostrar as páginas. Este separador destina-se a pessoas experientes que queiram personalizar o código HTML criado pelo FrontPage. Se quiseres personalizar as tuas páginas podes clicar no Page Options do menu Tools, no entanto se não fores uma pessoa experiente aconcelho-te a clicares em Cancel. Clica no separador Normal no rodapé de página para voltar ao normal Page View. No assistente escreve: How can I preview my page? Se não tiveres o Microsoft Internet Explorer, instalado no teu computador, o tab Preview, não será mostrado, assim não serás capaz de visualizar previamente a tua página. Clicando no tab Preview, no rodapé de página, podes ver a tua página tal como ela te vai aparecer no Browser da Web. Podes ver na tua página o efeito de animação provocada pela inserção da imagem "2000". Este efeito permanece enquanto a página for mostrada no Browser da Web. Clica no tab Normal para voltares ao Page View. Criação de uma Web com o Frontpage A Web é uma colecção de Home Pages com as respectivas páginas associadas, gráficos, documentos, multimédia, e outros ficheiros. As Webs são armazenadas num servidor Web ou no disco duro de um computador. O FrontPage base também contem ficheiros que suportam funcionalidades específicas que permitem abrir, copiar, editar, publicar e administrar páginas na Web
10 Nos procedimentos prévios aprendemos como é fácil criar páginas Web com o FrontPage. Assim que começares a aplicação podes escrever, editar e depois guardar o documento no teu disco duro, como se fosse um processador de texto. Quando escolheres juntar um Web site como este, deverás ter a máxima atenção em manter os hyperlinks e as páginas origem devidamente actualizadas. Quando guardares as tuas páginas numa Web, o FrontPage pode automaticamente administrar e reparar hyperlinks, organizar ficheiros e pastas, administrar barras de navegação dinâmica, verificar ortografia de todas as páginas da Web e gerar relatórios que apontam os problemas das tuas páginas e ficheiros. Para criar uma nova Web No assistente escreve: How do I make a new web? 1. No menu File, clica em Close para fechar a página corrente 2. No menu File, aponta para New e depois clica em Web. O Frontpage mostra uma nova caixa de dialogo (New), onde podes escolher vários modelos e assistentes, especificando onde queres guardar o teu trabalho e como lhe vais chamar. 3. Verifica se o modelo One Page Web (em principio estará seleccionada por defeito) está seleccionado e depois prime TAB. Premindo a tecla TAB, moves a selecção para o campo onde vais escrever o nome e localização da tua nova web. 4. Na caixa Specifiy the location of the new Web, altera o nome sugerido para c:\my Documents\My Webs\Milenio em seguida clica em OK. O FrontPage cria uma nova Web chamada "Milenio" e mostra o nome na barra de títulos no topo da janela de windows do FrontPage. Porque vais trabalhar com vários ficheiros na tua web, o Frontpage tambem mostra uma lista de pastas, onde podes ver os ficheiros e pastas da tua web. Parecido com os ficheiros e pastas do explorador do windows. Aprenderás na lição nº 2 como usar a lista de páginas Icon de Navigation 5. Clica no icon Navigation na barra de views. Quando tiveres uma web aberta, o icon da barra de views deixa-te ver a informação da tua web de formas diferentes. O view Navigation mostra a representação gráfica da estrutura do teu Web site. Porque criaste uma única página web, o FrontPage designa-a automaticamente por Home Page - indicado por um pequeno icon de uma casa. O FrontPage tambem mostra a barra de tarefas "Navigation" que tu podes arrastar para qualquer parte do teu monitor. Junto á barra de views do FrontPage a lista opcional de pastas "Folder List", como o fez no Page view. Depois irás alterar a nova Home Page vazia por aquela que previamente criaste nesta lição, mas primeiramente vamos criar a estrutura das outras 4 páginas que o "Millennium Celebration" terá. A criação de uma estrutura web na Navigation permite caracterizar páginas banner e barras de navegação que são automaticamente actualizadas quando alteras, adicionas ou removes páginas da tua web. Aprenderás mais acerca destas caracteristicas mais adiante. Criar uma estrutura de navegação
11 Botão New Page 1. Em Navigation view clica no botão New Page da barra de tarefas. O FrontPage cria uma nova página chamada "New Page 1" por baixo da Home Page. No modo Navigation as páginas actuais não são as páginas da web corrente, elas são colocadas por cima umas das outras. Desta forma podes facilmente observar a estrutura e organização da web antes de criar o seu conteudo. 2. Para criares rapidamente as outras 3 páginas, mantém premida a tecla CTRL e tecla 3 vezes na tecla N. CTRL+N é um atalho para o comando New Page. O FrontPage permite, como o Windows e o Microsoft Office, "chaves" aceleradoras para ajudar nas tarefas mais repetitivas. As páginas que criaste aparecem por baixo da Home Page, porque esta estava seleccionada quando executaste o comando. No view Navigation a página seleccionada é azul, enquanto as outras são amarelas. 3. Com a Home Page ainda seleccionada pressiona TAB. Com a tecla TAB moves a selecção para a próxima página da estrutura e activas o título da página para edição. 4. Quando a "New Page 1" estiver seleccionada, escreve Background e depois TAB. Background é o titulo da página que criaste para a "Millennium Celebration Web". Especifica agora o titulo das outras páginas. 5. New Page 2, seleccionada escreve Destinations. 6. New Page 3, seleccionada escreve Photo Album. 7. Finalmente com a New Page 4 seleccionada escreve Links e depois "Enter". Para remover a selecção de todas as páginas clica algures fora das páginas. O teu trabalho deverá parecerse com o seguinte: Uma forma alternativa de adicionar páginas. Podes clicar com o botão direito do rato numa página, e escolher New Page do menu. Este comando irá criar-te uma nova página debaixo da anterior. Podes rapidamente abrir páginas no Page view fazendo duplo-click na página no Navigation View ou no Folder List
12 Em seguida irás modificar a página em branco da Home Page, importando o modelo que criaste anteriormente e que guardaste na pasta "My Documents". Importar uma página para uma web No assistente escreve:how can I insert a file on my page? 1. No Navigation view faz duplo-click na Home Page para abrir o Page View. O Frontpage abre o Home Page em branco que previamente criaste. Botão de Folder List 2. Na barra de tarefas clica no botão Folder List, para esconderes a Folder List no Page View 3. No menu Insert, clica em File. O FrontPage abre a caixa de diálogo Select File. Aqui podes inserir páginas web, documentos de um processador de texto, ficheiros de texto e outros documentos, na página corrente. 4. Na caixa de Select File, navega até á pasta My Documents. 5. Quando My Documents for mostrada na lista Look In, na caixa de diálogo Select File, clica num ficheiro chamado homepage, e em seguida clica Open. O frontpage importa a página previamente guardada para a página corrente. Botão de Save 6. Para guardar a página corrente da tua web, clica Save no menu File, ou clica no botão Save da barra de tarefas. O FrontPage mostra a caixa de diálogo do Save Embedded Files. Aqui podes ver, alterar o nome, guardar e actualizar ficheiros guardados que a tua actual web irá usar. Quando guardaste previamente esta página na pasta My Documents, o Frontpage guardou também as duas imagens que inseriste na sua localização original da pasta do tutorial do Frontpage. A Home Page somente aponta para o ficheiro de imagens sem as copiar para a mesma pasta onde a página foi guardada. Para manter um Web Site perfeito devemos sempre manter associadas as páginas e os ficheiros que fazem parte da web que os usa. 7. Na caixa de diálogo Save Embedded Files, clica OK. O FrontPage guarda a Home Page como Index.htm, e guarda a cópia das imagens inseridas, 2000.gif e fp2000.gif, na web corrente. Home Pages têm nomes reservados. O FrontPage nomeia automaticamente as Home Pages num de dois nomes (reservados), que não deves alterar. Se estiveres a correr o Microsoft Personal Web ou o Internet Information Services (IIS), no teu computador, a Home Page será chamada "Default.htm". Se não tiveres um Web Server instalado, ou quando guardares no disco duro em vez de uma web ou uma web server, o nome da página será "Index.htm". Estes nomes são reservados para Home Pages porque os Browsers da web irão automaticamente procurá-los quando alguém escrever o URL do teu Web Site. Criação de um conteúdo Web Agora que a tua Home Page faz parte do Web corrente, irás criar o conteúdo das outras páginas da "Millennium Celebration Web"
13 Para editar a página "Background" 1. Clica no icon de Navigation na barra de views. Nota que a Folder List mostra os 2 ficheiros de imagem que guardaste na tua Web. O ficheiros Index.htm é agora a tua Home Page. No Folder List, o nome dos ficheiros está directamente relacionado com os títulos das páginas que escreveste no view Navigation. 2. Faz duplo-click na página Background, para abrir a página no view. Esta página irá mostrar aos visitantes algo sobre o novo milénio e o ano Quando for mostrada a página em branco no Page View, clica em File do menu Insert. 4. Na caixa de dialogo Select File navega até á pasta : c:\programas\microsoft Office\Office\Tutorial 5. Clica em File of Types (Tipos de ficheiros), e na lista clica em Text Files (*.txt). Só os ficheiros de texto são mostrados na janela. 6. Clica year2000 na lista, e depois Open. O texto que tu estás a guardar, não está guardado em formato HTML. A caixa de diálogo Convert Text aparece para te permitir controlar como vais importar este ficheiro. 7. Clica em Normal paragraphs with line breaks, e depois em OK. O FrontPage importa o ficheiro de texto e coloca-o no ponto de inserção da página Background. 8. Na toolbar, clica do botão Save, para guardar as alterações da página Background. Em seguida irás preparar a página Destination. Esta página irá mostrar aos teus visitantes acerca das populares viagens destino, e como as pessoas irão celebrar o ano Nesta página providenciaremos uma janela de opiniões para registar as ideias das pessoas que visitarem o nosso Web Site. Para editar a página Destinos 1. Na toolbar clica no botão Folder List, para mostrar a Folder List na página View. 2. Duplo-click em Destination.htm no Folder List para abrir a página no View. 3. Clica no botão Folder List para o esconder novamente. 4. Quando a página em branco for mostrada, clica em File do menu Insert. 5. Na caixa de diálogo, clica em Files of Type, e depois em Rich Text Format (*.rtf), para mostrar só os ficheiros deste formato. 6. Duplo click no ficheiro Events. 7. Na toolbar, clica em Save, para guardar as alterações da página Destination