1 Crie uma pasta (dentro do seu diretório) com o seu nome. 2. Se tiver dúvida pergunte o seu professor

Transcrição

1 i.exe FrontPage Criação de Home Page s PPaaggi innaa 1 Sobre FrontPage Parte 1 Front Page é uma ferramenta para criação e gerenciamento de web s.o aluno não necessita de nenhum conhecimento de programação de computadores para usar o FrontPage, basta ter noções de windows e Word (editor de textos). Após este curso o aluno estará apto a criar suas próprias paginas para internet com qualidade e profissionalismo que o software proporciona. Tudo isso com seu esforço, dedicação e criatividade.os professores da Nasa Informática sempre estarão ao seu lado para ajuda-lo. Após cada aula, em casa ou no trabalho, faça sempre revisões das matérias que foram exercitadas, inclusive os exercícios que o seu professor passar, não precisa correr, lembre-se: tudo é fácil nesta disciplina e para melhor assimilação use e abuse da sua criatividade, basta seguir a apostila e tirar suas dúvidas com o professor. Não deixe suas dúvidas passarem em branco, pergunte ao seu professor sempre quando necessário, repita sempre os exercícios, valorize a sua carga horária e o tempo de duração do seu curso. Fazendo isso e outros que seu professor aconselhar você ira desfrutar das ferramentas e dos ricos conteúdos que o FrontPage oferece. Após ou durante o curso você poderá guardar exercício que poderão fazer parte da sua ferramenta ou bibliotecas para o seu projeto final neste curso, que é criar sua prória home page. HTML Uma página HTML contém marcas HTML, que são comandos embutidos que fornecem informações sobre a estrutura, aparência e conteúdo da página. Os navegadores da Web usam estas informações para determinar como exibir a página. Não é necessário conhecer HTML para usar o Microsoft FrontPage. Enquanto você edita as páginas como faria em um processador de textos digitando e formatando texto e adicionando gráficos, tabelas e outros elementos de página o FrontPage adiciona as marcas HTML no plano de fundo. Sua página é exibida exatamente como aparece em um navegador da Web. No entanto, é possível exibir as marcas HTML na página, e se estiver familiarizado com HTML, você mesmo poderá escrever e editar as marcas HTML. Iniciando 1 Crie uma pasta (dentro do seu diretório) com o seu nome. 2. Se tiver dúvida pergunte o seu professor Adicionar uma figura de um arquivo Você pode adicionar uma figura do seu sistema de arquivos local. As figuras podem ter os seguintes formatos de arquivo: GIF (padrão e animado), JPEG (padrão e progressivo), BMP (Windows e OS/2), TIFF, TGA, RAS, EPS, PCX, PNG, PCD (Kodak Photo CD) e WMF. Se a figura não estiver nesse formato (GIF ou JPEG,..) ou as figuras que usam 256 cores ou menos são automaticamente convertidas em GIF / JPEG Posicione o ponto de inserção onde deseja inserir uma figura.

2 PPaaggi innaa 2 2. Clique em Inserir figura ou ícone. 3. Clique em Arquivo. 4. Procure a figura desejada no seu sistema de arquivos local e, em seguida, selecione o arquivo. Na caixa Arquivos do tipo, você pode especificar o tipo de arquivo que deseja exibir. Dica Para exibir a barra de ferramentas Figuras, aponte para Barras de ferramentas no menu Exibir e, em seguida, clique em Figuras. Observação: Para testar seus exercícios, visualize-o em seu navegador da Web clicando em Visualizar no navegador. Adicionar uma figura de uma Web 1. Posicione o ponto de inserção onde deseja inserir uma figura. 2. Clique em Inserir figura. 3. Procure a figura e, em seguida, selecione o arquivo. Adicionar uma figura de um site da World Wide Web Você pode adicionar uma figura de um site da World Wide Web. A figura poderá ser adicionada à Web se você escolher salvá-la na Web. Você pode escolher não salvar a figura em sua Web e, nesse caso, é criada uma referência à figura do outro site da Web na sua página. No entanto, se a figura for removida do outro site da Web, você não verá mais a figura na sua própria página. 1. Posicione o ponto de inserção onde deseja inserir uma figura. 2. Clique em Inserir figura. 3. Na caixa URL, digite o local exato e o nome da figura que deseja inserir. Por exemplo, digite 4. Ou então, clique em World Wide Web para abrir o seu navegador da Web e procurar a figura desejada. Pressione ALT+TAB para voltar ao Microsoft FrontPage. O local visitado será exibido na caixa URL. 5. Observação O local na caixa URL deve se referir à figura e não à sua página HTML, caso contrário, sua página não exibirá a figura. 6. Se a página da World Wide Web não fornecer um hyperlink para a figura, proceda de uma das seguintes formas: 7. Se estiver usando o Netscape Navigator 4.x ou posterior, clique com o botão direito do mouse na figura, clique em Copiar local da imagem no menu de atalho, volte para o FrontPage e, em seguida, cole o texto na caixa URL. 8. Se estiver usando o Microsoft Internet Explorer 4.x ou posterior, clique com o botão direito do mouse em Copiar no menu de atalho, volte para o FrontPage, clique em Cancelar e, em seguida, cole a figura diretamente na sua página. Isso insere na sua página uma referência à figura do site da Web. Adicionar um vídeo

3 PPaaggi innaa 3 Você pode adicionar um vídeo à sua página. Pode ser qualquer tipo de vídeo que possa ser executado pelo Mídia player do Windows 5. Posicione o ponto de inserção onde deseja inserir um vídeo. 6. No menu Inserir, aponte para Figura e, em seguida, clique em Vídeo. 7. Se o arquivo do videoclipe não estiver em uma Web, clique no botão Arquivo. 8. Procure o arquivo de vídeo e selecione-o. Dica Se o Microsoft Internet Explorer estiver instalado em seu computador, você poderá clicar na guia Visualizar para visualizar o vídeo. Observação Alguns navegadores da Web não oferecem suporte para vídeo. Adicionar clip-art O Microsoft FrontPage inclui o Microsoft Clip Gallery. Você pode visualizar clip-art, figuras e vídeos e, em seguida, selecionar os itens a serem usados na sua página. 1. Posicione o ponto de inserção onde deseja inserir a clip-art. 2. No menu Inserir, aponte para Figura e, em seguida, clique em Clip-art. 3. Procure no Microsoft Clip Gallery a clip-art que deseja usar, clique com o botão direito do mouse em um gráfico e, em seguida, clique em Inserir, no menu de atalho. 4. Feche o Microsoft Clip Gallery. Alterar o brilho de uma figura Você pode aumentar ou diminuir o brilho de uma figura. Brilho aumentado Brilho diminuído 1. Clique na figura. Se desejar alterar o brilho da figura de plano de fundo, não é necessário fazer uma seleção. 2. Na barra de ferramentas Figuras, clique em Mais brilho para aumentar o brilho da figura e em Menos brilho para diminuir o brilho. Alterar o contraste de cor de uma figura Você pode aumentar ou diminuir o contraste de cor de uma figura, por exemplo, para deixá-la mais nítida.

4 PPaaggi innaa 4 Mais contraste Menos contraste 1. Clique na figura. Se desejar alterar o contraste da figura de plano de fundo, não é necessário fazer uma seleção. 2. Na barra de ferramentas Figuras, clique em Mais contraste para aumentar o contraste da figura. Clique em Menos contraste para diminuir o contraste. 3. Dica Para exibir a barra de ferramentas Figuras, aponte para Barras de ferramentas no menu Exibir e, em seguida, clique em Figuras. Converter uma figura em preto e branco Você pode converter uma figura em preto e branco (escala de cinza). Figura em cores Figura em preto e branco 1. Clique na figura. Se desejar converter a figura de plano de fundo em preto e branco, não é necessário fazer uma seleção. 2. Na barra de ferramentas Figuras, clique em Preto e branco. Cortar uma figura Cortando uma figura, você pode remover áreas que não deseja usar. O corte também permite alterar as proporções da figura. Por exemplo, você pode cortar uma figura para que fique mais estreita. Antes Depois 1. Clique na figura. 2. Clique em Cortar, na barra de ferramentas Figuras. 3. Uma caixa de corte aparece sobre a figura. 4. Clicando e arrastando as alças da caixa, redimensione-a para incluir a parte da figura que você deseja manter. Para você mesmo desenhar a caixa de corte, clique fora da mesma, porém dentro da figura e, em seguida, desenhe a caixa.

5 PPaaggi innaa 5 5. Clique em Cortar novamente para remover a área que está fora da caixa de corte. Girar uma figura Você pode girar uma figura 90 graus em sentido horário ou anti-horário. Original Girar para a esquerda Girar para a direita 1. Clique na figura. Se desejar girar a figura de plano de fundo, não é necessário fazer uma seleção. 2. Na barra de ferramentas Figuras, clique em Girar para a esquerda para girar a figura 90 graus no sentido anti-horário. Clique em Girar para a direita para girar a figura 90 graus no sentido horário. Inverter uma figura Você pode inverter figuras horizontalmente (o que vira a figura de cabeça para baixo) ou verticalmente (o que cria uma imagem espelhada). Original Inverter horizontalmente Inverter verticalmente 1. Clique na figura. Se desejar inverter a figura de plano de fundo, não é necessário fazer uma seleção. 2. Na barra de ferramentas Figuras, clique em Inverter verticalmente para virar a figura de cabeça para baixo. Clique em Inverter horizontalmente para criar uma imagem espelhada. Desbotar a cor de uma figura Você pode desbotar a cor de uma figura, o que reduz o seu contraste e aumenta o brilho. Este recurso é útil quando você deseja criar uma marca d'água ou usar uma figura como plano de fundo.

6 PPaaggi innaa 6 Original Desbotada 1. Clique na figura. Se desejar desbotar a figura de plano de fundo, não é necessário fazer uma seleção. 2. Na barra de ferramentas Figuras, clique em Desbotar. Tornar transparente uma cor de uma figura Você pode desejar que uma das cores de uma figura seja transparente, assim, sempre que essa cor aparecer, o plano de fundo ficará visível através dela. As figuras só podem ter uma cor transparente. Se você selecionar uma cor transparente para uma figura que já tenha uma especificada, a cor transparente original não será mais transparente. Quando você salva a página, o FrontPage solicita que você salve a figura no formato GIF, mesmo que a figura original esteja no formato JPEG (o formato JPEG não oferece suporte para transparência). Se o FrontPage converter a figura de outro formato de arquivo para o GIF, o número de cores da figura poderá ser reduzido e é possível que o arquivo da figura fique maior. Original 1. Clique na figura. Cor transparente 2. Na barra de ferramentas Figuras, clique em Definir cor transparente. 3. Clique na cor da figura que você deseja tornar transparente. Colocar texto em uma figura Você pode colocar texto em uma figura, por exemplo, para rotulá-la. O texto adicionado não afeta o arquivo da figura na sua Web. 1. Clique na figura. 2. Na barra de ferramentas Figuras, clique em Texto. 3. Se a figura estiver no formato JPEG, o Microsoft FrontPage solicitará que você a salve no formato GIF, porque não há suporte para texto em figuras JPEG. Se o FrontPage converter a figura no formato GIF, é possível que o número de cores da figura seja reduzido e o arquivo fique maior. Clique em OK. 4. Se a figura estiver em um formato diferente, tal como BMP, o FrontPage solicitará que você a salve como um GIF, quando você salvar a página. 5. Digite o texto na caixa exibida na figura.

7 PPaaggi innaa 7 6. Você pode redimensionar a caixa de texto clicando e arrastando as alças de redimensionamento. 7. Você pode mover a caixa de texto clicando dentro da mesma e arrastando-a. 8. Você pode formatar o texto, por exemplo, é possível alterar a fonte ou cor, como seria feito com qualquer outro texto. Clique na caixa de texto e, em seguida, selecione-o. Obter nova amostra de uma figura A obtenção de nova amostra de uma figura altera o tamanho de seu pixel para coincidir com o tamanho de sua exibição atual. Por exemplo, se você redimensionar uma figura para 50% do seu tamanho original, ela parecerá menor na página, mas o tamanho do arquivo permanecerá inalterado o redimensionamento de uma figura só altera as marcas HTML que instruem o navegador da Web sobre como exibir a figura. Porém, quando você obtém nova amostra da figura, o tamanho do arquivo é reduzido para coincidir com o tamanho menor. Observação: Antes de obter nova amostra de uma figura, é necessário redimensioná-la. 1. Clique na figura que você redimensionou. 2. Na barra de ferramentas Figuras, clique em Obter nova amostra. Adicionar uma borda chanfrada a uma figura Você pode adicionar uma borda chanfrada a uma figura, para que ela tenha uma aparência erguida, tridimensional. Este recurso será útil se você desejar usar a figura como um botão. Original Chanfrado 1. Clique na figura. Se desejar chanfrar a figura de plano de fundo, não será necessário fazer uma seleção. 2. Na barra de ferramentas Figuras, clique em Chanfrar. Restaurar uma figura Se não gostar dos resultados dos comandos de edição de figuras (tais como corte, redimensionamento, rotação, etc.), você poderá desfazer todas as alterações feitas na figura desde que a salvou pela última vez ou desde que a adicionou à página. 1. Clique na figura. Se desejar restaurar a figura do plano de fundo, não será necessário fazer uma seleção. 2. Na barra de ferramentas Figuras, clique em Restaurar.

8 PPaaggi innaa 8 Criar uma miniatura de uma figura Você pode usar o FrontPage para criar uma miniatura, que é uma versão pequena de uma figura, na qual o visitante de um site clica para seguir um hyperlink para a figura em tamanho normal. Uma miniatura é útil quando você tem uma figura grande cujo download pode ser demorado, dependendo do sistema do visitante do site. Em vez de forçar o visitante a fazer o download de uma figura grande, você pode fornecer uma miniatura, permitindo que ele decida se deseja exibir a versão em tamanho normal. Clique nesta miniatura e, em seguida, no botão Voltar para retornar a este tópico: 1. Clique na figura. 2. Na barra de ferramentas Figuras, clique em Autominiatura. 3. O FrontPage cria a miniatura da figura e um hyperlink para a figura em tamanho normal. Observação O botão Autominiatura estará indisponível se a figura selecionada já for menor que uma miniatura, se tiver um hyperlink ou áreas interativas definidas ou se for uma animação. Dica Você pode alterar as configurações para a criação das miniaturas, por exemplo, para alterar o seu tamanho ou suas bordas. Definir as propriedades da borda de um gráfico Você pode adicionar uma borda a uma figura, GIF animado, clip-art ou vídeo. Se você definir um hyperlink padrão para o gráfico, o Microsoft FrontPage colocará automaticamente uma borda no mesmo para indicar aos visitantes do site que eles podem clicar no gráfico. Você pode definir a largura da borda ou, se não desejar uma borda, poderá removê-la. Por padrão, a borda é preta. No entanto, se o gráfico tiver um hyperlink padrão, a borda terá as cores que você especificou para os hyperlinks (essas cores são definidas na caixa de diálogo Propriedades da página). 1. Clique com o botão direito do mouse no gráfico, clique em Propriedades da figura no menu de atalho e, em seguida, clique na guia Aparência. 2. Na caixa Espessura da borda, digite um valor para indicar a espessura da borda em pixels. Para removê-la, digite Você pode também escolher cor e estilos da borda na guia estilo, formatar e depois borda.

9 PPaaggi innaa 9 Abrir uma figura para editá-la Você pode abrir uma figura para editá-la. Em primeiro lugar é necessário especificar o programa de edição a ser usado para os tipos de arquivos de figuras que você está usando, tais como GIF, JPEG, BMP, etc. 1. Clique duas vezes na figura. Observação Se você clicar duas vezes em um GIF animado, o FrontPage abrirá o editor que você definiu para os arquivos GIF padrão, não é possível especificar uma aplicação diferente para GIFs animados. Também pode ocorrer erro se você não especificou nenhum editor de GIF no seu computador Redimensionar um gráfico Você pode redimensionar gráficos tais como figuras, GIFs animados e vídeos. É possível redimensionar um gráfico alterando suas propriedades de altura e largura ou então redimensioná-lo diretamente na página. O redimensionamento de um gráfico altera as marcas HTML que instruem um navegador da Web sobre como exibir o gráfico; o arquivo gráfico real não é alterado. Por exemplo, você deseja reduzir o tempo de download de uma página com uma figura grande. Se você apenas redimensionar a figura, ela será exibida em uma área menor da tela de um visitante do site, porém o tamanho do seu arquivo e o tempo de download permanecerão os mesmos. Para diminuir o tamanho do arquivo de uma figura e o seu tempo de download, obtenha nova amostra da figura após redimensioná-la. 2. Clique com o botão direito do mouse no gráfico, clique em Propriedades da figura no menu de atalho e, em seguida, clique na guia Aparência. 3. Marque a caixa de seleção Especificar tamanho. 4. Se desejar preservar as proporções entre altura e largura, marque a caixa de seleção Manter a taxa de definição. Se você marcar essa caixa de seleção e digitar um valor de pixel na caixa Largura ou Altura, o Microsoft FrontPage alterará automaticamente o valor da outra caixa para preservar as proporções do gráfico. 5. Especifique se deseja alterar o tamanho em pixels ou a porcentagem e, em seguida, digite os valores nas caixas Largura e Altura.

10 PPaaggi innaa 10 Dica Você também pode redimensionar o gráfico diretamente. Clique no gráfico e, em seguida, redimensione-o clicando e arrastando suas alças. Para redimensionar o gráfico e preservar suas proporções (taxa de definição), arraste uma alça de canto. Quando você arrasta uma alça lateral, o gráfico é distorcido. Definir o alinhamento e o espaçamento de um gráfico Você pode especificar como as figuras e os vídeos aparecem na página, definindo seu alinhamento e espaçamento horizontal e vertical. Por exemplo, é possível selecionar uma opção de alinhamento que posicione o gráfico do lado direito da página, com o texto fluindo à esquerda. Ou então, definir o espaçamento horizontal para 10, o que coloca uma margem de 10 pixels dos lados esquerdo e direito do gráfico. 1. Clique com o botão direito do mouse no gráfico, clique em Propriedades da figura no menu de atalho e, em seguida, clique na guia Aparência. 2. Na caixa Alinhamento, clique em uma opção para especificar como deseja que o gráfico seja alinhado na página. Por exemplo, para alinhar a figura do lado esquerdo da página e fazer com que o fluxo de texto fique à sua direita, clique em Esquerda. Você pode testar cada opção para ver seu efeito. 3. Na caixa Espaçamento horizontal, digite a quantidade de espaço, em pixels, que deseja exibir dos lados esquerdo e direito do gráfico. 4. Na caixa Espaçamento vertical, digite a quantidade de espaço, em pixels, que deseja exibir nos lados superior e inferior do gráfico. Especificar o texto a ser exibido no lugar de um gráfico Você pode especificar texto ALTERNATIVO, que é o texto exibido no lugar de um gráfico, se este não puder ser exibido em um navegador da Web. Alguns navegadores da Web também exibem texto ALTERNATIVO durante o download do gráfico ou quando um visitante do site move o ponteiro do mouse sobre o gráfico. O Texto ALTERNATIVO será exibido no Browser quando o ponteiro do mouse for movimentado sobre a figura: 1. Clique com o botão direito do mouse no gráfico, clique em Propriedades da figura no menu de atalho e, em seguida, na guia Geral.

11 PPaaggi innaa Em Representações alternativas na caixa Texto, digite o texto ALTERNATIVO para o gráfico. Definir propriedades para criação de miniaturas Você pode especificar como deseja que o Microsoft FrontPage crie miniaturas de figuras. É possível definir propriedades para o tamanho e as bordas da miniatura. Observação Quaisquer alterações que você faça nas propriedades da miniatura não afetam as miniaturas já criadas. 1. No menu Ferramentas, clique em Opções de página e, em seguida, clique na guia Autominiatura. 2. Na caixa Definir, clique na opção que deseja usar para especificar um tamanho e, em seguida, na caixa Pixels, digite o valor em pixels. Por exemplo, se você desejar miniaturas de figuras com 75 pixels de largura, clique em Largura e, em seguida, digite 75. A altura da miniatura será dimensionada para manter as proporções (taxa de definição) da figura original. Ou então, se você selecionar Lado mais curto e, em seguida, digitar 75, o lado mais curto de qualquer miniatura de figura, seja ele a altura ou a largura, será de 75 pixels. Para especificar uma borda, selecione Espessura da borda e, em seguida, na caixa Pixels, digite um valor para a espessura da borda, em pixels. Se desejar que o gráfico seja chanfrado, selecione Borda chanfrada. Caso você também tenha especificado uma espessura da borda, a miniatura terá uma borda chanfrada dentro de uma borda. Converter uma figura em formato GIF, JPEG ou PNG Você pode converter uma figura em formato GIF, JPEG ou PNG. Por exemplo, se desejar definir uma cor transparente para uma figura JPEG, você deverá primeiro converter a figura em formato GIF. No modo de exibição Página, clique com o botão direito do mouse na figura e, em seguida, clique em Propriedades da figura no menu de atalho. Na guia Geral, proceda de uma das seguintes formas: 1. Para converter a figura em formato GIF, clique em GIF. Se desejar exibir a figura com detalhes crescentes à medida que for feito o download, selecione Entrelaçado. Observação Você não pode definir a cor transparente nessa caixa de diálogo, mas pode desmarcar a caixa de seleção Transparente, se não desejar uma cor transparente para a figura. 2. Para converter a figura em formato JPEG, clique em JPEG. Você também pode especificar a qualidade da figura JPEG digitando um valor de 1 a 100 na caixa Qualidade. 3. Quanto maior o valor, menor será a compactação e maior o tamanho do arquivo. Na caixa Etapas progressivas, você pode especificar o número de etapas de um navegador da Web para resolver uma figura à medida que é feito o download.

12 PPaaggi innaa 12 Observação Alguns navegadores da Web não oferecem suporte para etapas progressivas. Para converter a figura em formato PNG, clique em PNG. Definir propriedades para uma figura GIF ou JPEG Você pode definir propriedades para figuras no formato GIF e JPEG. Para um GIF, você pode especificar se deve ser permitida uma cor transparente e se a figura é entrelaçada (isto é, se é exibida com detalhes crescentes à medida que é feito o download). Para um JPEG, você pode especificar a qualidade e o número de etapas progressivas. Quanto mais baixa for a qualidade definida, mais a figura será compactada e menor será o tamanho do seu arquivo. O número de etapas progressivos se refere ao número de etapas de um navegador da Web para resolver uma figura à medida que é feito o download. Proceda de uma das seguintes formas: 1. Para definir propriedades para uma figura, clique com o botão direito do mouse na figura e, em seguida, clique em Propriedades da figura no menu de atalho. 2. Para definir propriedades para uma figura de plano de fundo, clique com o botão direito do mouse na página, clique em Propriedades da página no menu de atalho, clique na guia Plano de fundo e, em seguida, em Propriedades. Para definir propriedades para uma figura de plano de fundo em uma tabela ou célula, clique com o botão direito do mouse na tabela ou célula, clique em Propriedades da tabela ou Propriedades da célula no menu de atalho e, em seguida, clique em Propriedades. Na guia Geral, proceda de uma das seguintes formas: 1. Se a figura estiver no formato GIF, você poderá especificar se ela deve ser entrelaçada, selecionando Entrelaçado. Se for definida uma cor transparente, a caixa Transparente estará selecionada. Você pode remover a transparência desmarcando essa caixa. 2. Se a figura estiver no formato JPEG, você poderá especificar a qualidade do JPEG digitando um valor de 1 a 100 na caixa Qualidade. Na caixa Etapas progressivas, digite o número de etapas progressivas que você deseja que os navegadores da Web executem. Observação Alguns navegadores da Web não oferecem suporte para etapas progressivas. Nasa Informática