UNIVERSIDADE FEDERAL DO PARANÁ CENTRO DE COMPUTAÇÃO ELETRÔNICA DIVISÃO DE SUPORTE TÉCNICO FrontPage 98 - Web Design Página 3

FrontPage 98 - Web Design Página 3 Sumário PARTE I - INTERNET FUNDAMENTOS BÁSICOS... 5 COMPREENDENDO OS FUNDAMENTOS DA INTERNET... 6 O QUE É A INTERNET?... 6 AS APLICAÇÕES BÁSICAS NA INTERNET... 6 FTP... 7 SMTP - Simple Mail Transfer Protocol... 7 Listservs... 7 Usenet... 7 Gopher... 7 Telnet... 7 World Wide Web - WWW... 8 ENDEREÇANDO REDES E COMPUTADORES... 8 O BÁSICO DO TCP/IP... 8 O ENDEREÇAMENTO NA INTERNET... 9... 9 COMPREENDENDO OS CONCEITOS WEB... 9 UMA VISÃO HISTÓRICA DE HIPERTEXTO... 10 FUNDAMENTOS DE HIPERTEXTO... 11 NODOS E LINKS... 11 COMPREENDENDO O HYPERTEXT TRANSFER PROTOCOL (HTTP)... 12 UNIVERSAL RESOURCE IDENTIFIER (URI)... 12 UNIFORM RESOURCE LOCATOR (URL)... 12 FTP - FILE TRANSFER PROTOCOL... 13 GOPHER... 13 MAILTO... 13 TELNET... 13 PARTE II - WEB DESIGN COM FRONTPAGE 98... 14 CONHECENDO O FRONTPAGE 98... 15 CARACTERÍSTICAS IMPORTANTES DO FRONTPAGE 98... 16 Criando web sites atraentes com o Assistente de Criação Inteligente... 16 Gerenciando a estrutura e o conteúdo do web site... 16 Integrando o conteúdo existente com outros aplicativos familiares... 17 INSTALANDO O FRONTPAGE 98... 18 CRIANDO UM NOVO WEB SITE... 19

FrontPage 98 - Web Design Página 4 COMPREENDENDO O FRONTPAGE EXPLORER... 20 TRABALHANDO COM PÁGINAS... 21 ADICIONANDO UMA NOVA PÁGINA EM SEU FRONTPAGE WEB... 21 ATRIBUINDO TÍTULOS ÀS PÁGINAS... 22 APLICANDO UM TEMA DO FRONTPAGE... 23 ABRINDO PÁGINAS NO FRONTPAGE EDITOR... 23 EDITANDO A HOME PAGE... 24 ADICIONANDO TEXTO À HOME PAGE... 24 SALVANDO A PÁGINA... 25 EDITANDO PÁGINAS... 25 ABRINDO A PÁGINA... 25 INSERINDO TEXTO... 26 INSERINDO UMA LISTA NÃO NUMERADA... 26 TRABALHANDO COM HIPERLINKS NO FRONTPAGE 98... 27 CRIANDO HIPERLINKS COM FRONTPAGE 98... 27 TRABALHANDO COM TABELAS NO FRONTPAGE 98... 29 DEFININDO TABELAS NO FRONTPAGE 98... 30 CRIANDO TABELAS NO FRONTPAGE 98... 30 FORMATANDO TEXTO DE TABELA... 31 Definindo as Propriedades de Tabela... 31 INCLUINDO LEGENDAS... 33 ASSINALANDO O TAMANHO DE LINHAS E COLUNAS... 33 FORMATANDO AS CÉLULAS DA TABELA... 33 INSERINDO LINHAS OU COLUNAS... 34 TRABALHANDO COM FRAMES NO FRONTPAGE 98... 35 CRIANDO PÁGINAS COM FRAMES NO FRONTPAGE 98... 35 Escolhendo o Tipo de Frame... 36 TRABALHANDO COM IMAGENS NO FRONTPAGE 98... 37 INCLUINDO IMAGENS COMO FRONTPAGE 98... 37 INCLUINDO CLIP ART COM O FRONTPAGE 98... 37 INCLUINDO OUTRAS IMAGENS DA WEB... 38 REFERÊNCIAS BIBLIOGRÁFICAS... 39 OUTRAS BIBLIOGRAFIAS PESQUISADAS... 39

FrontPage 98 - Web Design Página 5 PARTE I Internet Fundamentos Básicos

FrontPage 98 - Web Design Página 6 Compreendendo os Fundamentos da Internet Você provavelmente já deve ter escutado muita coisa sobre Internet, WWW, Web, ciberespaço, hipertexto, hipermídia, multimídia, CD-ROM, DVD, etc. Estes novos termos estão ganhando uma força cada vez maior em nosso vocabulário e já fazem parte, direta ou indiretamente, de nosso cotidiano. Logicamente, não é necessário que você domine todas estas terminologias e tecnologias para poder utilizar os benefícios que elas proporcionam. Nosso dia a dia comprova isto. Nós não dominamos as tecnologias do vídeo-cassete ou da televisão, embora façamos bom uso delas. No âmbito da informática não é diferente, ou seja, a tendência também é a de produzir produtos de software com qualidade e de fácil utilização. Algumas estatísticas americanas prevêem que até o ano 2002 em torno de 400 milhões de pessoas em todo o mundo terão acesso à Internet e o número de compradores virtuais aumentará para 130 milhões de pessoas. Basta uma rápida análise em algumas estatísticas deste tipo para constatar a importância de acompanharmos de alguma maneira esta (r)evolução da tecnologia da informação que aliada ao processo de globalização tem mostrado porque a sociedade moderna vivencia uma verdadeira transformação em seus costumes. A idéia nesta primeira parte do curso é tentar abordar alguns conceitos importantes da maneira mais simples possível para que você consiga compreender como você poderá explorar estas tecnologias em seu benefício. O que é a Internet? A Internet é uma rede mundial de redes de computadores. Podemos dizer que a Internet é a união dos computadores com as telecomunicações. Podemos dizer, também, que esta união tem causado grandes mudanças de comportamento econômico, social, e político em todo o mundo. A grande característica da Internet é proporcionar às pessoas a oportunidade de obter informações de qualquer natureza e localizadas em qualquer lugar. Sua arquitetura aberta é simples e baseada principalmente no compartilhamento de informações. Qualquer pessoa utilizando qualquer modelo de computador pode conectar-se à Internet. Atualmente a Internet atinge cerca de 60 milhões de usuários em todo o mundo. O crescimento da Internet no Brasil também é significativo. Em 1995 existiam 100 mil usuários brasileiros, hoje, alguns números indicam algo perto de 6 milhões de usuários. Em número de hosts, dados de julho de 1998 indicavam que o Brasil ocupava o 18º lugar com cerca de 180.000 computadores, num ranking onde o EUA lidera com 25 milhões de hosts, seguido do Japão com pouco mais de 1 milhão. Assim, esta popularidade da Internet e seu potencial de crescimento e de novas oportunidades de negócios, tem exigido a necessidade de compreendermos como ela funciona e como poderemos utilizá-la. Na seqüência vamos ver rapidamente quais os principais serviços que estão disponíveis na Internet. Depois, veremos como desenvolver páginas com a linguagem HTML para que possamos dar nossa contribuição para esta rede mundial de informações. Para isto iremos utilizar uma das melhores ferramentas de software para este fim que é o Microsoft FrontPage 98. As aplicações básicas na Internet Basicamente as aplicações na Internet são utilizadas para : Copiar arquivos Enviar e receber mensagens eletrônicas Compartilhar informações Pesquisar documentos e informações em geral As seguintes aplicações darão uma idéia de como as pessoas estão utilizando a Internet. Estas são algumas das principais aplicações Internet que têm popularizado a utilização da rede. Se você compreender o que estas aplicações fazem, você compreenderá como a Internet funciona.

FrontPage 98 - Web Design Página 7 FTP O File Transfer Protocol ou Protocolo de Transferência de Arquivo, foi desenvolvido para permitir cópia de arquivos de um sistema para outro. É um aplicativo Internet tradicional para receber ou carregar arquivos disponíveis na rede para o seu computador. Você pode também enviar ou transmitir arquivos de seu computador para outros computadores da rede. Portanto, sua característica principal é a capacidade de enviar e receber arquivos entre dois computadores da rede. No desenvolvimento de um web site, por exemplo, é comum utilizar um programa FTP para transferir os arquivos HTML desenvolvidos em um computador pessoal para o equipamento servidor que irá disponibilizar as páginas para acesso via Internet. SMTP - Simple Mail Transfer Protocol Este talvez seja o principal serviço da Internet. Uma vez que computadores em todo o mundo estão interligados via rede Internet, os usuários destes sistemas podem se comunicar utilizando SMTP. Com um sistema de mensagens eletrônicas deste tipo, você pode enviar mensagens para qualquer parte do mundo pelo custo de sua conexão local com a Internet. Assim como o FTP, o SMTP foi projetado para ser fácil de utilizar e fácil de programar. Apresenta um conjunto pequeno de comandos, mas de grande utilidade para seus usuários. Vários outros serviços Internet têm sido baseados neste protocolo SMTP. Listservs Listservs são listas de mensagens automáticas. Um list server é um sistema baseado em SMTP que permite aos usuários inscrever-se em listas sobre determinados tópicos, para as quais todos os usuários inscritos podem enviar mensagens eletrônicas. Quando um usuário envia uma mensagem sobre um determinado assunto, o list server remete a mensagem para todos os usuários que estejam subscritos naquele assunto. Usenet A Usenet (User s Network) é um tipo de organização de grupos de discussão na qual artigos individuais são distribuídos pelo mundo todo. A Usenet tem milhares de grupos de discussões sobre os mais variados assuntos. Em cada instalação Internet, o administrador do sistema pode decidir se deve ou não organizar um determinado grupo de discussão. Assim, a Usenet é um outro tipo de conversação baseada em mensagens. Gopher O Gopher teve um papel importante para o avanço da popularidade da Internet. Este protocolo foi estabelecido pela Universidade de Minnesota como uma maneira fácil de pesquisar informações on-line. Os sistemas do tipo Gopher oferecem uma interface com o usuário baseada em menus, a partir dos quais você pode acessar qualquer tipo de informação na forma de texto. Assim, este protocolo permite a um cliente acessar um equipamento servidor que contenha informações estruturadas de maneira hierárquica, similar a uma árvore de diretório com seus subdiretórios. Telnet Como um serviço público, muitos sistemas Internet estão ainda organizados de maneira a permitir qualquer pessoa na rede logar usando uma conta do tipo convidado ( guest ). Uma das características fascinantes da Internet é justamente poder utilizar um computador do outro lado do mundo como se este estivesse localizado num outro canto de nossa sala. O programa Telnet é utilizado para que você possa fazer uma conexão remota. Assim, basta digitar telnet e o nome do endereço remoto, como por exemplo: telnet books.com. Quando o Telnet estabelecer a conexão, você poderá interagir com o computador remoto.

FrontPage 98 - Web Design Página 8 World Wide Web - WWW Este é o serviço Internet mais importante para o propósito deste curso. Podemos dizer também que é o grande responsável pela explosão da Internet em todo o mundo. A tecnologia da World-Wide Web (também chamada de Web ou WWW), pode ser vista como o produto de contínuas pesquisas visando novas maneiras de compartilhar recursos através da rede Internet. A idéia foi inicialmente concebida em 1989 por Berners-Lee do então CERN (Conseil Europeen pour la Recherche Nucleaire, atualmente denominado European Laboratory for Particle Physics ), como um método para agilizar a transferência de informações entre a comunidade científica internacional. A WWW consiste de computadores (equipamentos servidores), espalhados pelo mundo, os quais armazenam informações tanto no modo texto quanto no formato multimídia. São milhares de servidores ativos (cada um contendo um endereço na rede Internet) permitindo aos usuários localizarem facilmente as informações desejadas. A grande característica deste serviço é que ele proporciona uma interface gráfica com o usuário, explorando a capacidade dos computadores atuais de forma simples e consistente o suficiente para também manter uma compatibilidade com os inúmeros recursos disponíveis hoje na Internet. A principal característica do WWW é o seu potencial para a criação de ligações entre texto e outros meios, não só dentro de um documento individual mas também entre documentos armazenados em qualquer computador que tenha acesso à rede Internet. Assim, a Web está baseada no princípio do leitor universal, ou seja, se a informação está disponível, então qualquer pessoa (autorizada, é claro) deve ser capaz de acessá-la de qualquer parte do mundo. A popularização do World Wide Web deve-se, em grande parte, à utilização inicial de um software de domínio público chamado Mosaic que era utilizado para acessar as informações através de uma interface gráfica. Este tipo de software é conhecido pelos internautas como browser ou navegador. O Mosaic é ainda mantido e distribuído pelo NCSA (National Center for Supercomputing Applications) da Universidade de Illinois, embora atualmente existam dois browsers que são amplamente utilizados, o Netscape Navigator e o Microsoft Internet Explorer. Enquanto o Gopher permite que uma linha de texto de informação sirva como um link para outro documento ou outro site, o WWW permite que uma página seja mostrada com múltiplos tipos de fontes, gráficos, e links para outras mídias. Estes links podem por sua vez dar acesso a outras páginas de informações com as mesmas características. Assim, o ambiente WWW utiliza a tecnologia de hipertexto para proporcionar, em uma única interface gráfica com o usuário, o acesso a diferentes classes de informações armazenadas como relatórios, notas, documentações, sistemas de ajuda on-line, e outras bases de informações. Endereçando Redes e Computadores Agora que já compreendemos alguns conceitos sobre a rede Internet, acho que não seria perda de tempo conhecermos um pouco sobre o seu sistema de endereçamento. As aplicações Internet comunicam-se sobre a rede utilizando o protocolo TCP/IP (Transmition Control Protocol / Internet Protocol). Este protocolo e seu mecanismo de endereçamento permitem que suas aplicações conectem e troquem informações com outros sistemas. O básico do TCP/IP O protocolo TCP/IP deixa os computadores compreenderem para onde as mensagens devem ser enviadas. Um protocolo de rede tal como o TCP/IP é freqüentemente comparado ao serviço dos correios. Por exemplo, quando você envia uma carta a um amigo. Depois de escrever a carta, você a coloca dentro de um envelope e escreve o nome e o endereço do destinatário. O endereço diz ao serviço postal onde entregar a sua carta. Então ela é colocada numa caixa de correio local e posteriormente transportada para seu amigo utilizando uma seqüência de ações padronizadas pelo serviço de correio local. No caso da Internet, a carta que podemos enviar a outra pessoa, pode conter mensagens ou páginas eletrônicas, arquivos e programas de computador. O grande diferencial é que a nossa carta não precisa mais conter somente texto escrito, poderá conter também imagens animadas, vídeos, etc. Outro diferencial é a

FrontPage 98 - Web Design Página 9 agilidade na entrega desta carta, que poderá ser feita para uma única pessoa ou para um grupo de centenas de pessoas ao mesmo tempo e quase que instantaneamente. A seguir veremos como funciona a questão de endereços postais na Internet através do protocolo TCP/IP. O endereçamento na Internet Com o protocolo TCP/IP, cada computador na Internet tem um determinado e específico endereço numérico, chamado endereço IP. Este endereço é composto de quatro (4) conjuntos de oito bits cada um. Estes conjuntos são expressos como quatro números separados por pontos. Por exemplo, 200.17.210.110 Para tornar este endereço IP numérico fácil de ser utilizado, uma convenção de nomes de domínios foi criada, denominada Domain Name Server ou DNS como é mais conhecida. Um domínio é um grupo de computadores que tem nomes de computadores associados a eles. Para acessar um equipamento servidor na rede Internet, pode-se fazê-lo através do seu endereço numérico TCP/IP ou pelo seu nome DNS. Obviamente é muito mais fácil lembrar do nome dos computadores do que dos endereços numéricos dos mesmos. Por exemplo, iguacu.cce.ufpr.br Observe que este endereçamento DNS termina com.br indicando o tipo de domínio. Outros tipos de domínios existem convencionados na Internet. Por exemplo,.com.edu.org.br.au para organizações comerciais para instituições educacionais para organizações governamentais para computadores no Brasil para computadores na Austrália Compreendendo os Conceitos Web A Internet pode ser vista como um grande repositório de informações. São milhares de computadores interligados proporcionando inúmeras fontes de conhecimento. Assim, a grande questão para todo iniciante na Internet é : Por onde devo começar minha pesquisa? Bem, atualmente o ponto inicial é o WWW ou somente Web como tem sido chamado. A Web funciona de acordo com o modelo cliente-servidor. Um servidor Web é um programa cujo objetivo é disponibilizar documentos para que os clientes possam acessá-los. Um cliente Web é um programa que faz a interface com o usuário, intermediando pedidos de documentos a um determinado servidor. Portanto, o processo pode ser resumido da seguinte maneira : 1. Através de um cliente Web - ou browser - o usuário seleciona um documento para visualização; 2. O cliente Web conecta-se a um computador especificado por um endereço Internet, e solicita a este servidor Web um determinado documento; 3. O servidor responde enviando o documento para o cliente, contendo textos, figuras, imagens animadas, sons, etc. A linguagem que estes clientes e servidores Web entendem para comunicar é denominada HTTP (HyperText Transfer Protocol) e será vista com detalhes adiante. Portanto, podemos dizer que todos os clientes Web precisam falar HTTP para que esta comunicação seja realizada.

FrontPage 98 - Web Design Página 10 Assim como o Gopher, o WWW é um protocolo que permite que as informações sejam enviadas de um servidor para um cliente. A grande diferença como vimos, é que a Web permite que páginas multimídia sejam enviadas ao cliente. Enquanto o protocolo Gopher utiliza o conceito de árvore para pesquisar a estrutura de informações, o WWW utiliza o conceito de uma rede de documentos interconectados. Ou seja, a WWW não tem um ponto inicial e final. As páginas Web, que são mostradas através dos browsers, são transferidas de um servidor Web para o sistema local, para então serem interpretadas e mostradas adequadamente na tela do computador do usuário. Portanto, qualquer pessoa com um servidor Web pode contribuir para as informações contidas no WWW. Empresas provedoras de serviços na Internet permitem que seus associados publiquem suas páginas Web através de seus servidores. Uma das principais tecnologias que proporciona o embasamento teórico ao funcionamento do ambiente WWW é o hipertexto. Por isso, a próxima sessão analisa esta tecnologia com maiores detalhes para que possamos compreender adiante outros dois conceitos envolvidos neste ambiente WWW que são os protocolos HTTP (HyperText Transfer Protocol) e, é claro, o nosso objetivo que é a linguagem HTML (HyperText Markup Language). Uma visão histórica de Hipertexto Em 1945, Vannevar Bush em seu artigo intitulado As We May Think [1], imaginou uma máquina para o armazenamento e a manipulação de informações que ele casualmente denominou Memex. Este artigo é freqüentemente citado como o precursor de grandes desenvolvimentos nas áreas de computação, recuperação de informação, e hipertexto. O sistema Memex foi idealizado como uma ferramenta de acesso à grandes quantidades de informações armazenadas em microfilmes. Este sistema propunha uma máquina que utilizasse microfilme e fotocélulas para armazenar dados, capacitando o usuário a formar trilhas de informações, ou sejam, ligações à textos e ilustrações correlacionados. Foi o primeiro sistema a descrever o uso de máquinas para armazenar conexões entre trechos de informações. Já nesta época Bush argumentava sobre a necessidade de um mecanismo para auxiliar as pessoas a tratar com a crescente quantidade de informações disponíveis no mundo. Ele visualizou o conceito embora jamais tenha criado o mecanismo para concretizá-lo. Posteriormente, nos anos 60, Douglas Engelbart influenciado pelo trabalho de Bush com relação aos conceitos de links e browsing, pesquisou a convergência destes conceitos, com o objetivo de utilizar os computadores para aumentar a capacidade intelectual da humanidade[2]. A partir das idéias originais, como parte de seu projeto Augment, Engelbart desenvolveu o NLS ( on-line System ), que inicialmente serviu para o armazenamento de memorandos, notas de pesquisas, e documentações que podiam ser interrelacionados. Posteriormente, ele classificou o NLS como um sistema de cooperação e colaboração entre pessoas dispersas geograficamente. Considerando estes trabalhos anteriores, Teodhor Nelson foi o responsável por criar o termo hipertexto referindo-se aos conceitos e técnicas utilizadas para suportar um modo de escrita não seqüencial auxiliada por computador[3]. Nelson falava sobre o impacto que a tecnologia do hipertexto produziria na sociedade futura através de uma rede on-line capaz de armazenar todo o conhecimento literário do mundo. Por volta de 1967, ele traduziu estas suas idéias em um projeto denominado Xanadu, que tornou-se, talvez, o mais conhecido sistema hipertexto. Este sistema seria um ambiente de publicações em constante expansão, o qual milhões de pessoas poderiam utilizar, interagindo e interconectando documentos eletronicamente. O projeto de um servidor de rede universal para o Xanadu foi descrito em várias edições de seu livro Literary Machines"[4]. Portanto, nota-se que há muitos anos os pesquisadores sonham com um banco de dados universal no qual grande quantidade de informações estariam disponíveis para que as pessoas pudessem acessar de qualquer parte do mundo. Recentemente, os avanços tecnológicos têm tornado possível a realização deste sonho pois, à medida que a popularidade da Internet aumenta, as pessoas tornam-se mais cientes de seu enorme potencial, vislumbrando um subconjunto das funcionalidades da hipermídia na estruturação e acesso às informações através do recente surgimento da atividade do World-Wide Web (WWW).

FrontPage 98 - Web Design Página 11 Fundamentos de Hipertexto O livro tem sido tradicionalmente o principal meio de armazenamento do conhecimento. As informações são geralmente organizadas em páginas seqüenciais para serem lidas de modo linear. Ao contrário dos livros, os sistemas hipertexto podem representar uma coleção de arquivos interconectados em uma rede de informações. Os usuários são livres para progredir, ou navegar, através desta base de informações utilizando vários caminhos distintos e não seqüenciais, cujas ligações foram de alguma maneira estabelecidas pelo projetista do sistema. Por não seqüencial, subentende-se o movimento ou salto de um ponto do programa para outro, baseado tanto nas necessidades dos usuários quanto nos padrões de relações explicitamente definidos pelo autor. Assim, os sistemas hipertexto estão baseados principalmente na suposição de que a interpretação do usuário é mais importante do que aquela do autor, e têm sido definido como uma abordagem para o gerenciamento de informação no qual os dados são armazenados em uma rede de nodos conectados por links. Os nodos podem conter texto, gráficos, som, vídeo, ou outras formas de informações. [5] Nodos e Links Um sistema hipertexto é constituído de nodos (ou unidades de informação) e links (ou relações). Os dados são organizados como segmentos separados, embora interrelacionados, de informações. Uma parte do sistema hipertexto é um conjunto de links associativos que conectam os nodos individuais em uma rede principal. Portanto, um documento hipertexto é uma rede destes nodos conectados pelos links. A figura 1 ilustra a estrutura de um documento hipertexto no qual cada palavra sublinhada em negrito é um link para um outro nodo de informação. As setas indicam o nodo alvo de cada link. Figura 1 - Trecho de uma rede hipertexto interrelacionando conceitos. Um nodo geralmente representa um único conceito ou idéia contido em uma ou mais telas de informação. Nesta figura, embora a rede hipertexto mostre somente informações textuais, é certo que poderia conter outros meios de comunicação suportados pelo sistema utilizado. No ambiente World Wide Web por exemplo, cada nodo poderia representar arquivos de som, imagem, vídeo, ou outro documento situado em qualquer ponto da rede Internet. Portanto, em uma rede hipertexto, os nodos estão conectados uns aos outros através dos links. O nodo origem é chamado de referência e o nodo destino é chamado de referente. São também freqüentemente chamados de âncoras. O conteúdo de cada nodo é exibido pela ativação dos links, os quais podem ser bidirecionais facilitando o processo da busca de informação. Esta estrutura nodo-link na base de conhecimento hipertexto, permite ao usuário percorrer o espaço da informação utilizando as chamadas ferramentas de navegação ou browsers. A seqüência de

FrontPage 98 - Web Design Página 12 links a ser seguida fica sempre à critério do usuário, constituindo-se em uma característica predominante na estruturação de materiais baseados em hipertexto. Apesar da essência deste modelo ser os links eletrônicos, os nodos contribuem significativamente para a definição das operações que um sistema hipermídia pode desempenhar. Os dois problemas clássicos freqüentemente citados na literatura de sistemas hipertexto ou hipermídia, com relação à sua utilização são: Desorientação Este é o problema de sentir-se perdido no hiperespaço, ou seja, o usuário não se sente seguro de onde ele está em relação à outras partes da rede, ou não é capaz de encontrar alguma informação que tinha certeza que estava em algum lugar no sistema. Esta tendência aumenta consideravelmente com o tamanho e a complexidade do hipertexto. Um importante ramo da pesquisa atual em hipertexto concentra-se na tentativa de desenvolver ferramentas cada vez mais poderosas para a visualização de estruturas. É preciso fornecer ao usuário um determinado nível de complexidade que seja compatível com os limites de sua cognição visual. Muitas estruturas conceituais podem ser eficazmente representadas pela exposição gráfica, e o problema da desorientação pode ser corrigido através de algum tipo de mapa. Sobrecarga cognitiva A necessidade de acompanhar as ligações acarreta uma carga cognitiva adicional podendo significar que alguma capacidade de processamento da informação é desviada para a tarefa de tomada de decisão (que não deixa de ser a essência do trabalho com hipertexto). De outro modo, esta capacidade poderia ser concentrada no material sendo pesquisado ou estudado. Esta sobrecarga está presente até mesmo no processo de leitura de um documento hipertexto. Compreendendo o Hypertext Transfer Protocol (HTTP) O Hypertext Transfer Protocol - ou HTTP como é chamado - é o protocolo através do qual as informações são transferidas utilizando o ambiente Web. A grande expansão da Web tem promovido este protocolo a um papel muito importante na Internet. Sua principal característica é a flexibilidade e a simplicidade. Assim, este protocolo é utilizado para transferir informações dos servidores para os clientes. Além do protocolo HTTP é preciso compreender o sistema de endereçamento dos servidores utilizando o Universal Resource Identifier (URI), que permite aplicações clientes localizarem servidores dentro da rede. Universal Resource Identifier (URI) A medida que o número de protocolos cresce na rede, torna-se necessário uma padronização e simplificação no modo como um determinado serviço é identificado e endereçado na rede. Os URIs permitem a existência de uma série de mecanismos de endereçamento. O URI define um método para empacotar um nome de um objeto de dado com um endereço universal pelo qual ele possa ser localizado no campo de outros endereços universais. O sistema de endereçamento não necessariamente revela qualquer informação útil a respeito do objeto de dado básico, sua metodologia de acesso, ou o sistema no qual o dado reside. O URI permite que o dado seja encontrado. Por exemplo : //river.clarion.edu/trvilberg/conceptmap.html. Uniform Resource Locator (URL) O URI pode incluir informações que podem identificar qual o princípio de acesso. Este tipo de identificador é chamado Uniform Resource Locator ou URL como ficou conhecido na terminologia da Internet. Assim, o URL é um URI contendo informações adicionais sobre como o objeto que está sendo endereçado deve ser acessado. Por exemplo : http://river.clarion.edu/trvilberg/conceptmap.html. Assim, o protocolo HTTP é utilizado no ambiente WWW para transferir informações dos servidores para os clientes. O exemplo de URL acima, pode ser utilizado para demonstrar isto. A seguir vamos ver então como os outros principais serviços na Internet podem utilizar o sistema de endereçamento URL para acessar informações em servidores remotos.

FrontPage 98 - Web Design Página 13 FTP - File Transfer Protocol Como vimos o protocolo FTP permite que arquivos sejam copiados de um computador remoto para um computador local usando o conceito de URI. Uma vez que vários parâmetros podem ser atribuídos para o FTP, algumas considerações tiveram de ser avaliadas por questões de interoperabilidade do sistema de endereçamento. O protocolo FTP quando acessado através do URL realizará a cópia do arquivo correspondente. Os endereços devem especificar o nome do usuário e a senha dentro do endereço URL, ou o usuário deve assumir que o modo de transferência de arquivo é do tipo anonymous e utilizará o endereço e-mail como senha. Por exemplo : ftp://ftp.cce.ufpr.br. Gopher O URI para o protocolo Gopher permite que o endereço contenha o caminho completo para o diretório e também o número da porta TCP. Por exemplo : Gopher://host5:70/00/research-papers/baby.txt. Esta sintaxe do Gopher indica que a porta 70 deve ser utilizada para a conexão com este servidor e o objeto 00 indica que trata-se de um arquivo do tipo texto. Mailto Os endereços podem também referenciar o recurso de correio eletrônico, para permitir que os usuários consigam enviar um feedback sobre as informações contidas em determinados links, ou para se comunicar com pessoas que podem estar envolvidas com um conjunto de informações que está sendo recuperado. Por exemplo : mailto:hamilton@cce.ufpr.br. Telnet Alguns links de endereços apontam para algumas sessões em hosts que utilizam emulação de terminal para acessar informações. Estes endereços contém o nome do host e a porta para conexão. Por exemplo: telnet://infoserv.abc.com:6677.

FrontPage 98 - Web Design Página 14 PARTE II Web Design com FrontPage 98

FrontPage 98 - Web Design Página 15 Conhecendo o FrontPage 98 Agora que você já conhece um pouco da história da Internet e da World Wide Web, chegou a hora de examinar mais detalhadamente o Microsoft FrontPage 98. O FrontPage 98 é uma ferramenta de software voltada para a criação e gerenciamento de web sites. Um web site é uma coleção de páginas HTML (ou home-pages ), imagens, documentos, e outros arquivos e pastas armazenados em um equipamento servidor na web. Assim, um web site é um lugar virtual na Internet pronto para ser visitado por qualquer pessoa localizada em qualquer parte do mundo. Obviamente esta pessoa tem que ter acesso a Internet e dispor de um software navegador (ou browser ). Esta nova versão do FrontPage deu um grande salto em relação à versão anterior, tornando-se agora uma ferramenta capaz de servir as necessidades tanto de um principiante quanto de um "webmaster" profissional, sobretudo porque permite editar o código HTML "à mão" forçando o FrontPage a reconhecer as alterações que são feitas no código html manualmente, coisa que não acontecia com o FrontPage 97. O FrontPage 98 inclui o FrontPage Explorer, com o qual você pode criar, projetar, e gerenciar todo o web site, o Personal Web Server para usar como web server de testes, o FrontPage Editor para você criar e editar as páginas web sem a necessidade de conhecer a linguagem HTML, o Image Composer para você editar imagens e o Gif Animator para você criar imagens gif animadas. Autores no FrontPage, podem criar páginas Web e Web sites inteiros usando o software em um computador cliente (um PC ou Macintosh). Estes programas ditos clientes são o FrontPage Explorer e o FrontPage Editor. O FrontPage Explorer é o principal componente do FrontPage. Você pode usar o Explorer para construir, manter, administrar e publicar sites. Com o FrontPage Explorer é possível ver a estrutura completa do web site que você está criando, verificar e atualizar os links, e utilizar temas - uma novidade nesta nova versão. Ao aplicar um tema (selecionado dentre mais de 50 temas já incluídos com o software), num conjunto de páginas, todas elas ficam com o mesmo cabeçalho, bordas, botões de navegação, etc. Você pode também utilizar o FrontPage Explorer para publicar um FrontPage web completo em seu computador, na Intranet de sua organização, ou na World Wide Web. FrontPage web é uma coleção de páginas HTML, imagens, documentos, e outros arquivos e pastas que normalmente compõe um web site. Desta maneira, autores podem criar, deletar, abrir, editar e fechar FrontPage webs, utilizando o FrontPage Explorer e o FrontPage Editor em um computador cliente. Os FrontPage webs podem ser armazenados em um Web server remoto, em um Web server rodando no mesmo computador como um programa cliente, ou no sistema de arquivos de um computador cliente. Outra característica é que quando mais de uma pessoa está trabalhando no mesmo web site, o FrontPage Explorer, utilizado em conjunto com o Personal Web Server, permite verificar quando e por quem foram criadas ou editadas as páginas, gerenciando o trabalho de equipe de forma eficiente. A lista de tarefas é também de grande auxílio para o trabalho em equipe. O FrontPage Editor é o "coração" do FrontPage, já que é este componente de software que permite criar e editar as páginas web. Você não precisa aprender HTML para usar o FrontPage Editor porque ele cria todo o código HTML para você. Especialmente nesta versão, a Microsoft melhorou bastante a interface gráfica. É possível utilizar três modos de visualização, o modo normal de edição de páginas visual, o modo HTML, ou o modo "preview" no qual pode-se ver como ficará a página no browser. A criação de tabelas foi melhorada, assim como o suporte a "cascading style sheets" e à norma HTML 4.0. Com o FrontPage Editor é ainda possível criar animações baseadas no DHTML (Dynamic HTML) e canais (active channels) ambos para o Internet Explorer 4. O Microsoft FrontPage 98 inclui também, tal como acontecia na versão anterior, elementos "ativos" chamados FrontPage Bots com os quais torna-se possível criar fóruns de discussão, formulários, contadores, mini motores de busca, entre outras coisas. No entanto, para que as páginas web com FrontPage bots funcionem, é preciso que estejam alojadas num servidor que tenha as FrontPage Server Extensions. Estas "extensões" permitem a utilização das opções mais avançadas do FrontPage. Assim, muito da funcionalidade do FrontPage Explorer e do FrontPage Editor deve-se ao FrontPage Server Extensions. O Image Composer permite editar imagens, embora não seja comparável a programas como Adobe Photosop ou Corel PhotoPaint, e o Microsoft Gif Animator continua uma boa ferramenta para criar gif animados, desde que, é claro, utilize-se um bom editor de imagens separadamente.

FrontPage 98 - Web Design Página 16 Características Importantes do FrontPage 98 Criando web sites atraentes com o Assistente de Criação Inteligente Criação de sites da Web com qualidade profissional utilizando Assistentes, desenhando tabelas e frames WYSIWYG. Os Modelos e Assistentes tornam amigável a criação do conteúdo das páginas, bem como completos web sites. Além disso, novas ferramentas de desenho de tabelas fornecem aos usuários o controle do desenho a nível de pixel, permitindo a criação de tabelas na forma WYSIWYG (What You See Is What You Get), ou seja, basta arrastar-e-soltar para reposicionar as linhas e colunas das tabelas. Você também pode criar e editar páginas de frames utilizando esta mesma forma. Use um dos modelos de frames fornecidos ou crie uma grade de frames personalizada com alguns cliques do mouse e, em seguida, edite o conjunto de frames e quaisquer páginas incluídas dentro do conjunto de frames diretamente na tela no Editor do FrontPage. Gráficos de Web sites automáticos, manchetes de páginas e barras de navegação utilizando Themes e o novo recurso Shared Borders Agora você pode criar web sites consistentes e atraentes com mais de 50 modelos gráficos criados profissionalmente, denominados Themes do FrontPage. Estes temas podem ser rapidamente aplicados ao site inteiro ou a páginas individuais. Backgrounds de qualidade profissional, marcadores, manchetes de páginas, hyperlinks e barras de navegação são geradas automaticamente -- sem precisar de um criador de gráficos! Além disso, o novo recurso Shared Borders permite que os usuários especifiquem cabeçalhos ou rodapés comuns ou compartilhados (horizontais ou verticais) por todas as páginas nas suas Webs. O recurso Shared Borders fornece bastante flexibilidade de criação ao criar Web sites atraentes e consistentes. Novo suporte a Dynamic HTML (DHTML) e Cascading Style Sheets (CSS) e Assistente Channel Definition Format O FrontPage 98 possui um conjunto de novos recursos que permite que os usuários desfrutem os benefícios de Dynamic HTML e Cascading Style Sheets para adicionar uma nova funcionalidade às páginas da Web sem programação. Os usuários do FrontPage podem também se beneficiar do novo mundo extraordinário da tecnologia "Push" com o novo Assistente de CDF, que transforma web sites em canais nos quais os visitantes podem inscrever-se para fornecimento automático de conteúdos da Web para qualquer área de trabalho do visitante que estiver executando Internet Explorer 4.0. Gerenciando a estrutura e o conteúdo do web site Novos Modos de Exibição e Barra de modos do FrontPage Explorer; Atualizações de Hyperlink Automáticas e Fácil Manutenção de Hyperlink O FrontPage 98 Explorer possui uma nova barra de modos no lado esquerdo que oferece aos usuários acesso via um clique a todos os modos de exibição do FrontPage, incluindo os novos modos de exibição Navigation, All Files e Themes além dos modos Folders, Hyperlinks, Hyperlink Status (anteriormente denominado Verify Hyperlinks) e Tasks. Esses 7 modos de exibição permitem que autores no FrontPage gerenciem de forma eficiente seus websites do modo que quiserem, permitindo também que gerem e atualizem seus conteúdos da Web automaticamente. Por exemplo, o modo de exibição Navigation constitui um recurso de criação e gerenciamento de site inovador que permite que os usuários criem e gerenciem a estrutura navegacional dos seus Web sites em segundos e o modo de exibição Folders permite que os usuários organizem seus conteúdos da Web da mesma forma como eles organizariam arquivos na área de trabalho utilizando pastas e subpastas. Quando os usuários arrastam e soltam o conteúdo de uma pasta para outra, o FrontPage 98 renomeia automaticamente os arquivos e atualiza todos os hyperlinks associados.

FrontPage 98 - Web Design Página 17 Integrando o conteúdo existente com outros aplicativos familiares Aparência consistente e ferramentas compartilhadas O FrontPage assemelha-se e atua como a família de produtos do Office já conhecidos. Desta maneira, novos autores na Web conseguem integrar-se rapidamente nesse ambiente. Além disso, arquivos comuns tais como clip-art, verificador ortográfico, localizar e substituir, e o dicionário de sinônimos, economizam espaço em disco, enquanto texto compartilhado e conversores gráficos tornam mais fácil o procedimento de adicionar conteúdo a seus Web sites. Em resumo, a Microsoft introduziu várias modificações nesta nova versão do FrontPage, tornando-a mais fácil de usar e ao mesmo tempo mais robusta, satisfazendo a necessidade de profissionais. A integração com outros programas da família Microsoft Office foi melhorada, e foi também incluído suporte às novidades do Internet Explorer 4. Para mais informações visite o endereço: http://www.microsoft.com/frontpage/.

FrontPage 98 - Web Design Página 18 Instalando o FrontPage 98 Insira o CD-ROM do FrontPage 98 em seu drive de CD-ROM. O programa Setup deverá iniciar automaticamente. Aparecerá uma caixa de diálogo do Setup contendo opções para a instalação de todos os componentes do FrontPage 98, como na figura 1. Clique "Install FrontPage 98" para iniciar a instalação do FrontPage 98 e siga os passos abaixo. Figura 1: Programa Setup do Microsoft FrontPage 98 1. O programa Setup fará primeiramente uma pesquisa em seu computador para verificar os componentes de rede necessários e o software web server. Clique Next para continuar a instalação do FrontPage. No Windows 95, se o Setup não detectar os componentes de rede necessários em seu computador, você será avisado para instalá-los. Então clique "Yes" e siga as instruções do Setup na tela. Se o Setup não detectar um web server em seu computador, você será avisado posteriormente para instalar o Microsoft Personal Web Server (no Windows 95) ou Microsoft Peer Web Services (no Windows NT ). Então clique "Yes" e siga as instruções do Setup na tela. Nota : Você poderá ser avisado para reinicializar seu computador. Após reinicializá-lo, o Setup continuará, para que você possa instalar os outros componentes do Microsoft FrontPage 98. 2. Nas telas seguintes você será consultado sobre as informações de registro do software, número da chave de acesso (CD-KEY), e acordo de licença do software. Preencha as informações na tela e siga as próximas instruções do FrontPage 98. 3. Há duas opções no Setup, Typical and Custom. A opção Typical instala todos os componentes que você precisa para trabalhar com o FrontPage 98. A opção Custom deixa você selecionar quais componentes do FrontPage 98 você quer instalar. Esta opção também inclui componentes adicionais não disponíveis na opção Typical, como por exemplo clip art adicional. A menos que você queira instalar algum componente em particular, escolha Typical e clique Next. 4. Após fornecidas as informações de diretórios onde serão instalados os arquivos, o programa Setup mostrará a caixa de diálogo Select Language. Escolha a língua na qual você quer utilizar o FrontPage e clique "OK". 5. Após a instalação do FrontPage Server Extensions, o Setup poderá avisá-lo para reinicializar o seu computador. 6. Após reinicializá-lo, o Setup continuará. 7. Após a instalação do FrontPage 98, você será avisado para iniciar o FrontPage Explorer. Se você iniciar o FrontPage Explorer, você poderá continuar o Setup a qualquer momento.

FrontPage 98 - Web Design Página 19 Para instalar outros componentes do Microsoft FrontPage 98 : 1. Clique em Install Image Composer para instalar o Image Composer ou clique em Install Internet Explorer para instalar o Internet Explorer, que é o web browser recomendado para utilizar com o FrontPage 98. 2. Clique Exit para sair do programa Setup. Criando um Novo Web Site A World Wide Web é a melhor maneira para qualquer pessoa com acesso a Internet comunicar-se com o mundo. Assim como você pode ter conversações com outras pessoas através de e-mail e newsgroups, você também pode ter seu próprio "personal web site", ou seja, uma coleção de uma ou mais páginas onde você pode compartilhar todo tipo de informação. Seu web site pode ser sobre você ou sobre algum assunto de interesse em particular. Para websites profissionais e Intranets, é possível compartilhar informações sobre produtos e serviços da empresa e disponibilizar informações internas para serem acessadas pelos empregados, por exemplo. Com o componente FrontPage Explorer, o usuário poderá construir sites criativos na Internet, podendo incorporar texto, figuras, vídeo clips, sons, e animação em suas páginas web. A seguir, veja como é fácil criar com o FrontPage 98. 1. Na barra de tarefas, clique em Iniciar, Programas e em Microsoft FrontPage. O FrontPage Explorer abrirá uma caixa de diálogo denominada Getting Started, como na figura 2. Você poderá abrir um arquivo já existente de uma lista de trabalhos recentes ou criar um novo site, como faremos neste tutorial. Figura 2 : Caixa de diálogo Getting Started Figura 3: Caixa de diálogo New FrontPage Web 2. Na caixa de diálogo Getting Started, selecione a opção Create a New FrontPage Web e clique em OK. Surgirá a caixa de diálogo New FrontPage Web. Você deve informar o tipo de site que deseja criar e o título. As opções do tipo de site são: site de uma página, importar um site existente ou da Web e criar um site utilizando templates ou wizards.

FrontPage 98 - Web Design Página 20 3. Na caixa de diálogo New FrontPage Web como na figura 3 acima, selecione a opção One page Web, próxima ao número 1 no canto esquerdo superior. Esta opção criará um site consistindo de uma única página web. 4. Atribua um nome ao site, próximo ao número 2 no canto inferior esquerdo. Neste caso, o nome é "Curso FrontPage". Clique em OK. O FrontPage 98 criará um site chamado "Curso FrontPage". Compreendendo o FrontPage Explorer O FrontPage Explorer é o principal componente do Microsoft FrontPage 98. Você pode usar o Explorer para construir novos sites e posteriormente alterar, manter, administrar e publicar FrontPage webs. A figura 4 abaixo é a tela inicial do Explorer. O frame verticalizado à esquerda contém as chamadas Views que representam 7 diferentes maneiras de visualizar e trabalhar o conteúdo de seu site, acompanhando integralmente o desenvolvimento de seu projeto. Para as primeiras lições, usaremos exclusivamente a Navigation view e Themes view. Futuramente você aprenderá outras views do FrontPage Explorer que ajudam a organizar arquivos e pastas, checar e reparar hyperlinks (Hyperlinks e Hyperlinks Status) e também podem lembrá-lo das tarefas a completar antes de publicar seu site na Internet (Tasks). Figura 4 : Tela do FrontPage Explorer. Botão Navigation Selecione a Navigation view. Esta opção é utilizada para abrir uma tela com a estrutura de seus arquivos de forma hierárquica e organizada. Esta é a forma mais fácil de se construir um novo site porque retrata de forma eficiente toda a sua estrutura, sendo capaz de criar e atualizar automaticamente barras de navegação em todos os sites construídos. Esse recurso, em sites de grande porte, pode economizar horas preciosas de trabalho. A barra de navegação é uma região da página que proporciona acesso a outras páginas em seu FrontPage web, utilizando hiperlinks textuais ou gráficos. Se você criar a estrutura do seu site no Navigation view, o FrontPage Explorer fará a atualização automática de todas as páginas.

FrontPage 98 - Web Design Página 21 Botão Themes Selecione a Themes view. Esta opção será utilizada para aplicar um conjunto de gráficos profissionalmente desenhados para seu FrontPage website. Um tema consiste de elementos gráficos, como bullets, fontes, imagens, barras de navegação, botões, etc. A aplicação de um tema ao site faz com que todas as páginas tenham uma aparência mais agradável e consistente. O programa traz um conjunto de temas já instalados. Entretanto, através do Theme Designer é possível modificar, misturar, e criar novos temas com facilidade. Trabalhando com Páginas Nosso exemplo de site terá quatro páginas que serão interligadas. No momento da criação do site "Curso FrontPage", o FrontPage criou a primeira destas páginas, chamada de home page. A home page é a porta de entrada de seu web site, ou seja, a página que é mostrada inicialmente pelo browser quando alguém visitar o seu web site. Para concluir a criação da estrutura do "Curso FrontPage", você usará agora a Navigation view para adicionar três páginas abaixo de sua home page. Adicionando uma Nova Página em seu FrontPage Web 1. Clique em Navigation view e certifique-se de que sua home page está selecionada. As páginas selecionadas na Navigation view estarão normalmente marcadas em azul. 2. Na barra de ferramentas do FrontPage Explorer, clique no botão New Page. O FrontPage adicionará uma nova página com o título "New Page 1" abaixo da "Home Page" no painel Navigation. 3. Quando o programa apresentar a mensagem para criar barras de navegação que manterão suas páginas interligadas, responda Yes. 4. Agora clique mais duas vezes em New Page. O FrontPage adicionará duas páginas abaixo de sua home page, com os títulos "New Page 2" e "New Page 3". Figura 5: tela do Navigation view mostrando as quatro páginas criadas até agora.

FrontPage 98 - Web Design Página 22 Agora observe na figura 5 acima, a estrutura hierárquica entre as quatro páginas. Você visualiza as páginas interligadas por linhas, como em um organograma. Essa é a estrutura de hyperlinks que o FrontPage utilizará para gerar as barras de navegação em suas páginas. Antes de trabalhar com as páginas que foram criadas é recomendável renomear cada página, atribuindo-lhes um título significativo. Atribuindo Títulos às Páginas 1. Com a home page selecionada na Navigation view, pressione a tecla ENTER. O FrontPage automaticamente selecionará o nome da Home Page que poderá então ser editado. 2. Digite "Curso FrontPage 98" e pressione ENTER. O FrontPage trocará o título "Home Page" para " Curso FrontPage 98". 3. Pressione TAB. O FrontPage automaticamente selecionará a primeira página abaixo e à esquerda da home page. Agora, a página está pronta para edição. 4. Digite "Borboletas" e pressione ENTER. O FrontPage trocará o título "New Page 1" para "Borboletas". 5. Pressione TAB novamente. 6. Digite "Orquídeas" e pressione ENTER. 7. Pressione TAB mais uma vez. O FrontPage selecionará a página abaixo e à direita de sua home page. O título estará pronto para edição. 8. Digite "Peixes" e pressione ENTER. Sua área de trabalho do FrontPage Explorer deve estar como na figura 6. Figura 6 : Tela do Navigation view mostrando as quatro páginas com os novos títulos.

FrontPage 98 - Web Design Página 23 Observe que à direita do frame views é possível visualizar duas áreas, dois painéis: O primeiro acima, refere-se à seleção feita em Views e o segundo, abaixo, refere-se a uma visão dos arquivos gerados em seu site. Uma alternativa para adicionar páginas em Navigation view é clicar com o botão direito do mouse sobre uma página e escolher New Page. Esse comando abre uma nova página abaixo da página selecionada. Aplicando um Tema do FrontPage Com o FrontPage 98 você pode facilmente criar um site com aparência consistente aplicando um dos vários temas instalados junto com o programa. Antes de aplicar um tema, você pode visualizar as opções existentes e escolher a que melhor se adapta ao seu trabalho e à sua necessidade clicando em Themes no FrontPage Explore. Nos próximos passos, usamos como exemplo o tema Global Marketing para o site Curso FrontPage. 1. Na barra de View do FrontPage Explorer, clique o botão Themes. 2. Clique os diferentes temas que aparecem na lista de temas disponíveis. 3. O painel Themes Preview permite que você veja e escolha dos elementos gráficos que irão compor seu website. Você pode selecionar opções que mudam a aparência final da página, como Vivid Colors (aplicação de cores mais brilhantes aos textos e gráficos), Active Graphics (animação de determinados componentes do tema), e Background Image (aplicação de imagem de fundo). 4. Para este nosso exemplo, selecione Vivid Colors e Background Image. 5. Da lista de temas, escolha Global Marketing e então clique o botão Apply. O tema selecionado é então aplicado a todas as páginas contidas no FrontPage web. Na seqüência, você terá a oportunidade de verificar como a aplicação deste tema deu uma aparência mais consistente e atrativa para as páginas do site. Abrindo Páginas no FrontPage Editor Agora que o layout do web site "Curso FrontPage" está preparado, vamos adicionar conteúdo às páginas. O FrontPage Editor é usado para criar, editar e visualizar páginas usando a interface familiar de um processador de texto, como o Microsoft Word. Esse recurso é chamado WYSIWYG ( What you see is what you get). Todo o texto, estilos, e formatação das páginas estão baseados nos padrões HTML. Para abrir uma página no FrontPage Editor, faça o seguinte : 1 No FrontPage Explorer, clique o botão Navigation na barra de Views. 2 Clique duas vezes na home page dentro do painel Navigation ou selecione a página e escolha Open no menu Edit do FrontPage Explorer. A página aparecerá no FrontPage Editor como na figura 7.

FrontPage 98 - Web Design Página 24 Figura 7 : Tela do FrontPage Editor mostrando a home page do web site "Curso FrontPage" Editando a Home Page Quando a home page é aberta no Microsoft FrontPage Editor, nota-se os elementos de página que foram automaticamente aplicados pelo tema Global Marketing previamente selecionado. A página tem uma imagem de fundo, um "banner" com o título da página, e uma barra de navegação com links apontando para outras páginas no web site "Curso FrontPage". Adicionando Texto à Home Page Para adicionar texto na página, simplesmente comece a digitar da mesma maneira que você faria em um novo documento em seu processador de texto. Geralmente a home page de um web site contém boas vindas aos seus visitantes : 1. Digite Bem Vindo ao site do Curso de FrontPage 98! na home page e tecle <ENTER>. Ao pressionar <ENTER>, cria-se um novo parágrafo na página. 2. Nesta nova linha, tecle Por Favor, visite as outras páginas deste site... e tecle <ENTER>. É claro que posteriormente este texto poderá ser trocado por algo mais apropriado às suas necessidades. Por enquanto servirá como exemplo. A home page deverá estar como na figura 8.

FrontPage 98 - Web Design Página 25 Figura 8 : Tela do FrontPage Editor mostrando a recente edição de texto. Salvando a Página Antes de continuar é bom salvar o trabalho feito até aqui. 1. No menu File do FrontPage Editor, escolha Save As. A caixa de diálogo Save As será mostrada. Você poderá escolher para salvar a página em seu FrontPage web, na World Wide Web, em seu sistema de arquivos, ou como um modelo de página. 2. Clique OK sem fazer qualquer alteração. O FrontPage salvará a página atual. Editando Páginas A segunda página de nosso FrontPage web mostrará um breve conteúdo sobre o tema "borboletas". Mais tarde você poderá enriquecer esta página com outros detalhes de seu interesse. Abrindo a página 1. No menu File do FrontPage Editor, escolha Open. A caixa de diálogo Open será mostrada. Esta caixa de diálogo mostrará as páginas e pastas contidas em seu FrontPage web. 2. Da lista de arquivos contidas no seu FrontPage web, selecione newpage1.htm e clique OK. A página será então mostrada no FrontPage Editor. Quando a página "borboletas" aparecer, observe os elementos que foram automaticamente aplicados pelo tema Global Marketing previamente selecionado.

FrontPage 98 - Web Design Página 26 Inserindo texto 1. Digite o seguinte : Nome comum de insetos alados da ordem Lepidóptera. A borboleta passa a maior parte da vida em estado de larva (lagarta) vegetariana, alimentando-se de folhas; sofre, então, uma ninfose e se transforma em crisálida. As borboletas são classificadas de acordo com : 2. Com o cursor no final do texto que você digitou, clique no botão Center para centrar o texto. 3. No menu Insert escolha Horizontal Line. A linha horizontal é inserida, abaixo do texto que foi digitado. Inserindo uma lista não numerada 4. Na barra de ferramentas do FrontPage Editor, clique no botão Bulleted List 5. Agora digite: a hora habitual do vôo (diurnas, crepusculares e noturnas) e pressione Enter. O primeiro item da lista termina e automaticamente foi criado o próximo item da lista. 6. No segundo item da lista digite : a forma das antenas e pressione Enter. 7. No terceiro item da lista digite : a dimensão e pressione Enter. 8. No quarto item da lista digite : a nervação das asas e pressione Enter. 9. Pressione Enter duas vezes para terminar a lista não numerada. Terminada a lista, você verá uma tela como mostrada na figura 9. Figura 9 : Tela do FrontPage Editor mostrando edições de texto com listas não numeradas.

FrontPage 98 - Web Design Página 27 Trabalhando com hiperlinks no FrontPage 98 Talvez a maior potencialidade da Web e do FrontPage seja a sua capacidade de interligar trechos de textos (ou imagens) a outros documentos da rede. Os hiperlinks permitem que a a partir de sua página web, você aponte para outra página ou documento localizado em qualquer ponto da Internet. Este é o princípio da tecnologia de hipertexto e estas ligações são realizadas através dos hiperlinks. No browser do usuário, os hiperlinks aparecem como palavras ou frases destacadas (com cores diferentes ou sublinhadas) indicando uma ligação hipertexto. Criando Hiperlinks com FrontPage 98 O tipo de hiperlink mais comum que você construirá no FrontPage fará a ligação de páginas ou documentos dentro do seu próprio web site. Os hiperlinks precisam ser criados dentro do FrontPage Editor, mas podem ser gerenciados e visualizados com o uso do FrontPage Explorer. Primeiro digite uma palavra ou frase na sua página web. Esta palavra ou frase servirá como texto de ligação dessa página com outra, portanto deverá ser sugestiva ou descritiva com relação à ligação que fará. Procure evitar textos como Clique aqui, pois isto não diz aos seus visitantes para onde eles estarão indo. Depois de ter digitado o texto do hiperlink, selecione-o com o mousee escolha Insert Hyperlink na barra de menus do FrontPage ou clique no ícone Create or Edit Hyperlink na barra de ícones do FrontPage. A figura 10 mostra a caixa de diálogo Create Hyperlink. Figura 10 : Tela para criação de hiperlink. Como vimos, o FrontPage permite selecionar o arquivo ou página web ao qual você deseja fazer uma ligação. Este arquivo pode conter um gráfico ou uma imagem, em vez de outra página web. Neste exemplo somente as páginas e imagens contidas no seu web site aparecem na tela. Além de criar hiperlink para ligar páginas ou documentos no mesmo web site, o FrontPage

FrontPage 98 - Web Design Página 28 disponibiliza também outras opções de criação de hiperlinks. Neste ponto devemos lembrar de alguns conceitos que vimos na primeira parte desta apostila, com relação a endereços URLs. Os hiperlinks exigem que você conheça o endereço URL completo da páginas ou documentos que você está vinculando, os quais podem estar fisicamente localizados em qualquer parte da web. Aparentemente o ForntPage não faz distinção se este arquivo está situado no seu computador ou em um computador no Japão ou na Austrália. Quem possibilita que isto possa acontecer são os URLs. Na figura 10, na caixa de diálogo Create Hyperlink, nota-se a presença de 4 botões ao lado da caixa de texto URL. Estes 4 ícones permitem que você crie 4 tipos diferentes de hiperlinks para ligação com outros pontos da web. A tabela abaixo mostra como deve ser utilizado estas 4 opções : Com este botão é possível navegar por qualquer lugar na web e, em seguida, o FrontPage captura o URL que você está visitando e salva-o como hiperlink. Com este botão é possível fazer uma busca no seu computador para encontrar algum documento, página HTML ou imagem. Uma vez selecionado o arquivo desejado, o FrontPage copiará este arquivo para a página web que estiver aberta no momento. Com este botão é possível atribuir um outro tipo de hiperlink que permite inserir a possibilidade de mensagens de correio eletrônico. Você deverá então entrar com um endereço de e-mail. Com este último botão, é possível criar uma nova página à qual possa fazer a ligação. Depois de selecionar um novo arquivo ou URL ao qual possa fazer a ligação, clique OK. O FrontPage reformata o texto selecionado, de modo que apareça sublinhado e em azul (aparência padrão da web). A partir daí você poderá alterar este link a qualquer momento, clicando com o botão direito do mouse sobre o texto destacado, e escolhendo a opção Hyperlink Properties na caixa de pop-up que aparece. Ao atualizar um hiperlink, você conta com as mesmas opções que estavam disponíveis quando você o criou. Figura 11: Tela do FrontPage Explorer mostrando como todas as páginas deste website estão relacionadas. Depois de criar os seus hiperlinks, volte para o FrontPage Explorer. Clique no ícone Hyperlinks e poderá ver os relacionamentos dinâmicos que o FrontPage criou para você. A figura 11 acima, mostra uma página vinculada a várias outras.uma destas ligações é para um site remoto da Microsoft (http://www.microsoft.com/frontpage/). Você poderá incluir quantos hiperlinks desejar em suas páginas. No entanto, junto com o aumento de poder de flexibilidade vem a possibilidade de tornar a sua página web muito mais confusa e difícil de ser entendida pelas pessoas que visitarem o seu web site.

FrontPage 98 - Web Design Página 29 Trabalhando com Tabelas no FrontPage 98 A utilização de tabelas tem dois propósitos no design para a Web. Primeiro, elas podem servir para exibir linhas e colunas de dados. Desta maneira, sua utilização não é muito diferente da forma utilizada nos editores de texto ou nas planilhas eletrônicas. Com o FrontPage 98 é muito fácil criar tabelas para exibir um conjunto de dados em linhas e coluna. Você pode organizar as informações para serem mostradas como em uma planilha eletrônica, como na figura 12. Figura 12: Você pode exibir dados em linhas e colunas usando tabelas. Obs.: Se você criar uma tabela em um programa de planilha eletrônica como Microsoft Excel, você pode importá-la diretamente para o FrontPage 98. O segundo uso de tabelas é como ferramenta de design gráfico e diagramação. Este tipo de utilização tornou-se um artifício essencial na diagramação das páginas web porque a linguagem HTML não permite a formatação de texto em colunas. Sem utilizar tabelas, o código da linguagem HTML tem muito pouco controle sobre o espaçamento horizontal e vertical, isto é, você não tem como ajustar adequadamente o espaçamento entre as linhas. Mas, usando tabelas você pode criar colunas verticais de texto ou imagens. As tabelas também ajudam a definir espaços em branco em uma página. Assim, para criar a ilusão de objetos "flutuando" em sua página, você precisa usar tabelas escondendo as linhas de grade. As células da tabela podem então conter imagens e blocos de texto. Por exemplo, se você quiser colocar uma imagem entre duas colunas de texto como na figura 13.

FrontPage 98 - Web Design Página 30 Figura 13: Utilização de tabela para diagramação em duas colunas. Definindo Tabelas no FrontPage 98 As tabelas podem ser editadas, por isso sinta-se livre para definir uma tabela e entrar com alguns dados, sem se preocupar com o seu tamanho final. Você pode mudar o número de linhas ou colunas ou mudar qualquer outro atributo da tabela, a qualquer hora. Quando você começa a definição de uma tabela, leve em consideração quantas linhas e colunas você quer e em que posição da tela você quer exibir a tabela. Clique com o mouse no local da página web que você quer incluir a tabela. Criando Tabelas no FrontPage 98 Você pode criar uma tabela usando o drop-down grid que aparece quando você clica o botão Insert Table na barra de ferramentas do Editor do FrontPage 98. A Figura 14 mostra a definição de uma tabela de três colunas e quatro linhas.

FrontPage 98 - Web Design Página 31 Figura 14: Utilizando o drop-down grid do botão Insert Table para criar uma tabela de 4 x 3. A tabela que você criou usando este botão tem células pequenas. Essas células se expandem a medida que você insere conteúdos na forma de textos e imagens. Simplesmente coloque seu cursor em uma célula e comece a digitar como na figura 15. Figura 15: Inserindo texto na primeira célula da tabela. Basta clicar na célula e começar a digitar. Formatando Texto de Tabela Você pode selecionar e formatar texto em uma tabela do mesmo modo que você formata qualquer texto no editor de textos. Simplesmente clique e arraste para selecionar o texto e depois assinale ou altere seus atributos. Definindo as Propriedades de Tabela Você pode definir propriedades de Tabela inclusive alinhamento, cor de fundo, bordas, e tamanho, na caixa de diálogo Table Properties. Abra esta caixa de diálogo clicando com o botão direito do mouse sobre a tabela e selecione Table Properties no menu como na figura 16. Na seção Layout, em Alignment, você alinha a tabela à esquerda, direita ou centralizada em relação à página Web. A opção Default assume o alinhamento do texto precedente.

FrontPage 98 - Web Design Página 32 Figura 16: Tela de propriedades de tabela. Em Float você escolhe se você quer que o seu texto normal flutue à esquerda da tabela ou à direita da tabela. Esta característica é válida quando a tabela é menor que a largura total da página. A opção Default impede que o texto flutue ao redor da tabela. Em Border Size você define a largura das bordas da tabela. Se o valor fixado for zero, a tabela não exibirá nenhuma borda ao redor de suas células. Este valor é dado em número de pixels da tela. Em Cell Padding você define o espaço entre o texto ou imagem em uma célula e a extremidade da célula. Este valor também é definido em pixels. Em Cell Spacing você define o espaço entre as células. Se você está definindo uma tabela sem bordas, você quer ter certeza de que este espaçamento seja suficiente para que o conteúdo das células não entrem em conflito. Até mesmo com bordas, você normalmente quer pelo menos dois pixels de espaçamento entre as células. Obs.: Os valores de Cell Padding e Cell Spacing são definidos para a tabela inteira e não podem ser alterados para células individuais. O Use Background Image permite assinalar qualquer imagem gráfica para uma tabela. Você também pode assinalar imagens de fundo para células específicas. Associar Background Color a uma tabela é um interessante artifício de design. As três outras opções em Custom Colors nesta caixa de diálogo de propriedades da tabela, permite

FrontPage 98 - Web Design Página 33 definir bordas e sombra de bordas. Em Light Border é possível assinalar uma cor para as bordas inferiores e as da direita de uma célula. Em Dark Border é possível assinalar uma cor para as bordas superiores e as da esquerda de uma célula. Em Border é possível assinalar uma cor a todas as bordas de célula. Se você assinalar Light Border e Dark Border, não há nenhuma necessidade de assinalar Border. A opção Specify Width permite entrar com a largura da tabela. Você poderá entrar com este valor em pixels ou em percentagem. A opção Specify Height permite definir a altura da tabela. Porém, a altura da tabela é determinada pelo número de linhas da tabela e o tamanho das fontes de texto e imagens e não está restrito a qualquer valor que você assinalar aqui. Incluindo Legendas As tabelas podem conter legendas. O texto da legenda é diferente do texto que você digita próximo à tabela. O texto da legenda movimenta-se quando você move uma tabela. Você pode incluir uma legenda em uma tabela, clicando na tabela e escolhendo Table Insert Caption na barra de menu. Então digite o texto da legenda. Assinalando o Tamanho de Linhas e Colunas Você pode selecionar qualquer grupo de células e assinalar uma largura mínima para aquelas células, tanto em pixels quanto em porcentagem. Entretanto, a largura de coluna para qualquer grupo de colunas selecionadas é dependente da largura de coluna assinalada para o restante de suas colunas; portanto, você realmente tem que definir as larguras das colunas para todas as suas colunas para poder controlar a largura de qualquer uma delas. O ForntPage 98 introduziu uma característica fácil de utilizar para fazer com que todas as colunas de sua tabela tenham tamanhos iguais. Você pode fazer isto, selecionando as colunas em sua tabela e escolher Table Distribute Columns Evenly na barra de menu. Se você tiver mais do que uma linha em uma tabela e as linhas forem desiguais, você pode selecionar as múltiplas linhas e ajustá-las selecionando Table Distribute Rows Evenly na barra de menu. Formatando as Células da Tabela Você pode definir propriedades para células selecionadas, incluindo tamanho das células, cor de fundo, e alinhamento, da mesma maneira que você fez para as propriedades de tabela, clicando com o botão direito do mouse sobre a célula (ou células selecionadas) e escolhendo a opção Cell Properties... Uma tela aparecerá como na figura 17. Horizontal Alignment permite que você defina o alinhamento dos conteúdos de uma célula para a esquerda, direita, ou centro da célula. A opção Default alinha o conteúdo da célula baseada na célula precedente. Embora o alinhamento horizontal é melhor trabalhado utilizando-se Format na barra de ferramentas, a caixa de seleção Vertical Alignment na caixa de diálogo Cell Properties são indispensáveis no alinhamento das colunas dentro de uma tabela. Outras opções de alinhamento verticais são : Top - Esta opção alinha os conteúdos da célula com o topo da célula. Baseline Esta opção alinha os conteúdos da célula ao longo da parte inferior de qualquer texto com a parte inferior do texto maior de uma célula. Isto é útil quando você tem mais de um tamanho de fonte em uma única célula. Bottom Esta opção alinha os conteúdos da célula com a parte inferior da célula. Através de outras propriedades, você poderá alterar a cor de fundo das diferentes células, combinado com as cores de fontes diferentes, alterar cor das bordas, especificar largura e altura das células, etc.

FrontPage 98 - Web Design Página 34 Figura 17: Tela de propriedades de células da tabela. Inserindo Linhas ou Colunas Você pode incluir uma nova linha em uma tabela colocando seu cursor na última célula (canto inferior direito) da tabela e pressionando a tecla TAB em seu teclado. Você também pode definir novas linhas e colunas usando a barra de menu. Para adicionar uma nova linha ou coluna em uma tabela, coloque seu cursor em uma célula adjacente para onde a linha nova ou coluna deve ir. Selecione Table Insert Rows or Columns na barra de menu, e escolha uma das opções Columns ou Rows. Assinale um número de linhas ou colunas na caixa apropriada e escolha uma das opções Right of Selection, Left of Selection, Above Selection, ou Below Selection para definir onde as novas colunas ou linhas serão inseridas Vimos como criar e controlar tabelas para mostrar linhas e colunas de dados e controlar a diagramação de páginas web. Imagens gráficas podem ser colocadas nas células das tabelas para integrá-las nas apresentações dos dados. O principal problema na utilização de tabelas é que nem todas as propriedades de tabela são interpretadas por todas as versões dos navegadores. Entretanto, as tabelas constituem um poderoso artifício no design de páginas web.

FrontPage 98 - Web Design Página 35 Trabalhando com Frames no FrontPage 98 Os frames foram originalmente desenvolvidos pela Netscape, e seu uso em web sites tem crescido bastante. A utilização de frames constitui um método para colocação de duas ou mais janelas na tela, dando ao visualizador o controle sobre estas janelas. Os frames podem eventualmente conter outros frames, e a página dentro de um frame pode referenciar outras páginas independentemente das outras janelas. Isto proporciona ao web designer uma grande flexibilidade na escolha de como organizar e apresentar as informações, seja na forma de texto, gráficos, ou conteúdo ativo. Uma grande vantagem de um ambiente contendo frames, é que ele consegue manter o visitante orientado em sua navegação pelo site. Veja o exemplo da página da UFPR mostrado na figura 18. Este site utiliza dois frames diferentes para compor uma só tela no navegardor da web. Há o frame de navegação no lado esquerdo e o frame principal no lado direito. O frame de navegação contém um menu com barra de rolagem e as páginas referenciadas pelos itens deste menu aparecem no frame principal. Figura 18: Página da Universidade Federal do Paraná contendo dois frames verticais. Criando Páginas com Frames no FrontPage 98 O FrontPage 98 é uma ótima ferramenta para criar e gerenciar sites com frames. Ele possui um assistente de criação que irá gerar dinamicamente cada página e conduzí-lo no processo de modificação dos frames. Você precisa criar frames através do FrontPage Editor. Depois de criar, você poderá usar o FrontPage Explorer para gerenciar.

FrontPage 98 - Web Design Página 36 Escolhendo o Tipo de Frame No FrontPage Editor, escolha File New na barra de menus. Clique na guia Frames e aparecerá uma tela como na figura 19. Figura 19: Tela com as opções de criação de Frames. O FrontPage oferece 10 modelos os quais você poderá criar os frames. Selecione o modelo de frame que você deseja utilizar no teu website e clique OK apara continuar com o assistente de criação. A partir daí o FrontPage construirá os frames correspondentes para você e acrescentará botões para cada janela de frame, solicitando que você crie ou edite cada frame individualmente. A tabela abaixo mostra as três opções para o preenchimento de cada frame. Set Initial Page New Page Help Esta opção permite que você escolha um arquivo já existente que deverá aparecer na respectiva janela de frame. Você pode selecionar um arquivo ou documento do seu próprio website ou um site qualquer da Internet. Esta opção permite que você crie uma nova página que deverá aparecer na respectiva janela de frame. Esta opção ativa as informações de ajuda (Help) do FrontPage para auxiliá-lo na criação. Ao construir um novo site desde o início, é possível que você precise criar todo um conjunto de novas páginas, uma para cada frame. Quando terminar a criação inicial, no menu do FrontPage Editor,

FrontPage 98 - Web Design Página 37 selecione File Save e o FrontPage irá apresentar uma caixa de diálogo Save As para cada frame e, depois, uma para a página principal, que descreve como todos os frames estão organizados. É este arquivo de definição de frames que indica aos browsers exatamente como exibir cada frame em suas janelas. Para poder visualizar o conjunto de frames, os seus visitantes terão que abrir este arquivo em seus navegadores. A utilização de frames é uma boa maneira para diversificar a aparência do seu website. Os frames permitem que você inclua diversas páginas na mesma tela. Por isso, você poderá utilizá-los para criar cabeçalhos e rodapés padronizados em suas páginas, servindo como um ótimo recurso de navegação. Trabalhando com Imagens no FrontPage 98 Certamente a popularidade da WWW deve-se em grande parte a sua capacidade de exibir imagens gráficas, não somente para proporcionar bonitas apresentações como também para serem utilizadas na navegação através das base de informações. As imagens produzem um grande impacto, enriquecendo o conteúdo visual de sua página. Entretanto, quando inserir imagens em páginas Web, você deve ter em mente duas preocupações principais: a diagramação e o tamanho da imagem que está sendo inserida: Diagramação - é preciso utilizar as imagens com discernimento. A prática do bom estilo de diagramação diz que as imagens não devem jamais distrair a atenção do leitor, para não desviá-lo do conteúdo principal da mensagem que se deseja transmitir. Portanto, devem ser usadas somente para complementar (ou explicar) aquilo que se está transmitindo. Tamanho da imagem - é preciso ter cuidado com o tamanho das imagens que você deseja exibir em sua página Web. Uma imagem GIF de tamanho 640 x 480 pixels com 256 cores, utiliza cerca de 300 Kb (kilobytes). Se o usuário estiver utilizando um modem de 14.400 bauds, esta imagem levaria cerca de 3 minutos para ser transferida. Portanto, na construção de uma página Web, devemos contornar este tipo de problema. Embora na Internet fale-se muito em altas velocidades, a maioria dos usuários (ligados por exemplo a um provedor de acesso Internet), consegue trabalhar a 14.400 ou 28.800 bauds no máximo. Em geral, todas as imagens existentes na web encontram ou no formato GIF (Graphical Interchange Format) ou no formato JPEG (Joint Photographs Experimental Group). O formato GIF foi originalmente desenvolvido para constituir um eficiente e flexível meio para veicular imagens gráficas de computador. Este formato foi criado pela empresa americana Compuserve e se transformaram no primeiro tipo de arquivo gráfico a encontrar suporte no ambiente WWW. Imagens do tipo GIF aceitam o uso de somente 256 cores. Esta limitação ajuda a manter o reduzido o tamanho dos arquivos, mas não funciona tão bem com imagens grandes e, em particular, com fotografias. e desenvolvido por uma associação de fotógrafos profissionais para a divulgação de fotografias digitais. Assim, você poderá utilizar um destes dois formatos em suas páginas. O formato JPEG foi projetado especificamente para fotografias e imagens com milhões de cores. Este formato apresenta maior eficiência quanto a compactação eletrônica de grandes fotografias e atualmente encontra suporte em praticamente todos os navegadores da web. Geralmente as imagens JPEG lidam melhor com cores e pequenos detalhes de imagens. Incluindo Imagens como FrontPage 98 O FrontPage permite que você inclua e manipule todo o tipo de gráficos durante o processo de criação de seu website. Basicamente você poderá usar imagens fornecidas pelo FrontPage ou importar as suas próprias imagens. Incluindo Clip Art com o FrontPage 98 Para inserir um clip art você precisa usar o FrontPage Editor. Selecione Insert Clipart na barra de menus do FrontPage. A caixa de diálogo Microsoft Clip Gallery aparecerá, como na figura 20. Para inserir uma imagem na sua página web, selecione o gráfico que deseja usar e clique no botão Insert. O FrontPage faz uma cópia automaticamente para o mesmo diretório em que se encontram os seus arquivos HTML e depois, inclui a imagem na sua página.

FrontPage 98 - Web Design Página 38 Figura 20: Tela da Galeria de clip arts do FrontPage 98. Observe ainda que nesta caixa de diálogo há guias para clip art (Clip Art), para figuras (Pictures), para sons (Sounds) e para vídeos (Videos). Há várias categorias de ícones, botões, fotografias e divisórias destinadas a serem utilizadas na web. Incluindo outras Imagens da Web Da mesma forma, acrescentar imagens que não pertençam ao FrontPage é muito fácil. Para incluir um gráfico em qualquer página, selecione Insert Image na barra de menus do FrontPage para ativar a caixa de diálogo Image como na figura 21. Além de usar o comando Insert Image, você também pode utilizar as facilidades do ambiente Windows e arrastar gráficos do Windows Explorer para dentro do FrontPage Editor. O FrontPage copia a imagem para o site da web que ele está gerenciando e depois inclui na página corrente. Você também pode incluir imagens ao navegar por sites da web. Para isto, clique no primeiro ícone localizado no canto inferior direito da caixa de diálogo Image. Este ícone ativa o seu navegador padrão da web e permite que você explore a web até encontrar a imagem que deseja utilizar. Depois, clique OK na caixa de diálogo Image e o FrontPage fará o download da imagem que você selecionou e incluirá o gráfico em sua página web. Durante a edição com o FrontPage Editor, você poderá arrastar as imagens que você incluiu para qualquer ponto de sua página web. Além disso, se você der duplo clique sobre qualquer imagem, o FrontPage ativará o Image Composer, permitindo que você faça modificações na respectiva imagem.

FrontPage 98 - Web Design Página 39 Figura 21: Tela principal para inclusão de imagens na sua página web. Referências Bibliográficas [1]BUSH, V., As We May Think, The Atlantic Monthly, Julho/1945. Versão eletrônica em http://www.isg.sfu.ca/~duchier/misc/vbush, preparada por Denys Duchier, abril/1994. [2]ENGELBART, D. C., A Conceptual Framework for the Augmentation of Man s Intellect, em HOWERTON, P. D. & WEEKS, D. C. (editores), Vistas in Information Handling - Vol. 1, Spartan Books, pp. 1-29, 1963. [3]NELSON, T., "A File Structure for the Complex, the Changing and the Indeterminate", proceedings of the ACM 20th national conference 1965. [4]NELSON, T., "Literary Machines", Mindful Press, Sausalito, Califórnia, versão em inglês com edição mais recente, 1993. [5] SMITH, J.B., WEISS, S.F., Hypertext, Communications of the ACM, Vol.31, N.7, pp.816-819,july/88. Outras Bibliografias Pesquisadas 1. Getting Started with Microsoft FrontPage 98, Microsoft Corporation. 2. Shafran, A., Microsoft FrontPage 98 Aprenda em 24 horas, Editora Campus, 1998. 3. Evans, T., HTML - Simples e Rápido, Makron Books, 1996. 4. Venetianer, T., HTML - Desmistificando a Linguagem da Internet, Makron Books, 1996. 5. Marchuk, M., Building Internet Applications of Visual Basic, QUE Corporation, 1995.