A Internet 7 Criação de Páginas Web

Tamanho: px

Começar a partir da página:

Download "A Internet 7 Criação de Páginas Web"

Luiz Guilherme Bastos Fernandes
8 Há anos
Visualizações:

1 7 - Criação de Páginas Web A Internet A Internet Empresas, instituições e pessoas individuais estão cada vez mais interessadas não só em aceder ao imenso manancial de informação disponibilizado pela Internet mas também em oferecer a sua própria informação a muitas outras pessoas. Criar páginas Web torna-se, pois, uma inevitabilidade. 1

informação disponibilizado pela Internet mas também em oferecer a sua própria

2 A Internet Criar uma página Web permite gerar um ambiente com muitas potencialidades, onde é possível: mostrar um estilo estético próprio, personalizado e oportuno; promover a pesquisa de informação; promover produtos e serviços; estimular com interfaces próprias a troca de textos, imagens, sons, etc.; fornecer informação filtrada, seleccionada e comentada; criar contextos propícios ao ensino à distância; estimular compras, trocas e vendas; criar «espaços virtuais» onde se pode conversar, ver e ouvir outras pessoas em tempo real; consultar «grupos de estudo»; criar ferramentas para trabalhar cooperativamente com outras pessoas; etc. 7 - Criação de Páginas Web Técnicas de implantação 2

; fornecer informação filtrada, seleccionada e comentada; criar contextos propícios ao ensino à distância; estimular compras, trocas e vendas; criar «espaços virtuais» onde

3 Editores de página Web Há duas formas de criar documentos para a Web: 1. Inserir o conteúdo (textos, imagens, sons, etc.) e formatá-lo através dos códigos de formatação e marcação HTML. 1. Utilizar um editor WYSIWYG (What You See Is What You Get o que se vê é o que obtém), o que permite inserir o conteúdo de forma gráfica, ficando a escrita dos códigos a cargo do editor. Ferramentas e utilitários Depois de criarmos uma página Web no nosso computador, ela só se torna acessível ao Mundo se a colocarmos num computador servidor, ao qual corresponderá um determinado endereço, ou URL (Uniform Resource Locator). 3

Utilizar um editor WYSIWYG (What You See Is What You Get o que se vê é o que obtém), o que permite inserir o conteúdo de forma gráfica, ficando a escrita

4 Criação de páginas Web A seguir indicam-se os princípios gerais a ter em conta quando se cria uma página para a Web: 1. A página de entrada: é frequente ser de apresentação institucional. No topo poderá aparecer o logotipo, nome, endereço, números de telefone, etc.; no rodapé, a data da última actualização, o contacto do responsável pela página e o número de utilizadores que acederam à página. 1. Fontes: devem escolher-se fontes como o Arial e o Verdana para visualizações no ecrã e o Times New Roman para impressões. Relativamente ao tamanho, os mais adequados são: 2 (10 pontos) para texto, 3 (12 pontos) para subtítulos e 4 (14 pontos) para títulos. 1. Cores: deve existir contraste entre o fundo e o texto. Além disso, devem usarse cores da paleta Web de 216 cores, de modo a garantir que a cor é sempre igual em qualquer computador e resolução. Não se deve usar um número excessivo de cores. Criação de páginas Web 4. Imagens: apresentá-las com o mínimo tamanho (em bytes) possível. Optimizar a imagem, de preferência, nos formatos JPG, GIF e PNG. Não se deve abusar de GIF animados. 4. Vídeo e áudio: deve incluir-se sempre o tamanho dos ficheiros e indicar o plugin necessário para ver / ouvir / manipular o ficheiro. 4. Molduras: usar no caso de haver conteúdos fixos e de controlo de navegação. 4. Tabelas: no Word, a largura disponível para o texto é fixa e depende da largura da página. No FrontPage a largura depende da resolução do ecrã de quem visualiza a página, pelo que o texto ajustar-se-á até ocupar toda a largura, originando desformatações frequentes. As tabelas com bordo 0 (zero) são excelentes para fixar larguras e/ou comprimentos, pelo que devem ser usadas para misturar imagens e texto. 4

; no rodapé, a data da última actualização, o contacto do responsável pela página e o número de utilizadores que acederam à página. 1.

5 Planeamento de um web site Antes de iniciar a criação de um site para a Web, é necessário planeá-lo. Deve começar-se por determinar objectivos, respondendo à questão «O que pretende o site?». É importante caracterizar quem visitará o site: «Que computadores utilizará?; Que velocidade de ligação à Internet terá?» As respostas a perguntas como estas condicionarão a complexidade da estrutura de navegação, a possibilidade de utilizar recursos como vídeo e/ou som, o tamanho das páginas, a necessidade de plug-ins e o grafismo utilizado. Planeamento de um web site Determinar e organizar o site por secções de visualização, colocando na mesma pasta as páginas relacionadas. Sempre que for adequado, utilizar subpastas. Decidir previamente onde serão armazenados todos os itens, como imagens e ficheiros de som. É conveniente colocar todas as imagens de uma secção numa única pasta, para facilitar a localização. Desenhar em papel, esquematicamente, a aparência e a organização das páginas, de modo a manter uma certa coerência no aspecto e na navegação. Uma abordagem mais avançada seria criar um desenho digital do site, utilizando aplicações como o Macromedia FreeHand, por exemplo. Criar mecanismos e sinalética que indiquem em que parte do site o utilizador está (utilizar, por exemplo, índices e motores de busca internos). Reunir antecipadamente todos os recursos (imagens, sons, etc.) que vão integrar as páginas antes de as começar a construir, evitando a interrupção constante do desenvolvimento do site. 5

» As respostas a perguntas como estas condicionarão a complexidade da estrutura de navegação, a possibilidade de utilizar recursos como vídeo e/ou som, o tamanho das páginas, a necessidade de

6 7 - Criação de Páginas Web FrontPage Apresentação Apresentação A partir do menu INICIAR, procurar a opção correspondente ao programa de edição de páginas FrontPage. Em alternativa, seleccionar o comando INICIAR Executar, digitar «frontpg» e pressionar a tecla Enter. 6

programa de edição de páginas FrontPage.

7 Apresentação O FrontPage é um editor de páginas Web que permite construir as páginas no modo WYSIWYG («o que se vê é o que se obtêm»), ou seja, funciona como um tradutor entre a formatação/funcionalidades dos documentos Web e o código HTML necessário para o conseguir. Apresentação O ambiente de trabalho do FrontPage, divide-se em quatro áreas: Menus e barras de ferramentas e de formatação 2. Barra de vistas 3. Painel de tarefas 4. Lista de pastas/painel de navegação 2 7

necessário para o conseguir. Apresentação O ambiente de trabalho do FrontPage, divide-se em quatro áreas: 4 1 3 1.

8 7 - Criação de Páginas Web FrontPage Criação de um Web Site Criação de um Web Site Para criar um novo Web site, há dois caminhos possíveis: 1. Clicar no botão Novo, na barra de ferramentas padrão, e escolher Web site De seguida, escolher um modelo, atribuir-lhe um nome e guardá-lo numa unidade. 8

Clicar no botão Novo, na barra de ferramentas padrão, e escolher Web site

9 Criação de um Web Site 2. Seleccionar FICHEIRO Novo. Escolher Web site de uma página, site da equipa SharePoint, soluções de pacote web ou Mais modelos de Web site, do painel de tarefas e, por fim, seleccionar um dos modelos de Web site 7 - Criação de Páginas Web FrontPage Gestão de páginas 9

pacote web ou Mais modelos de Web site, do painel de tarefas e, por fim,

10 Criação Para criar uma nova página de um site, escolher uma das seguintes opções: 1. Clicar no botão Novo na barra de ferramentas padrão e premir Página. 1. FICHEIRO Novo Página ou Web e escolher, do Painel de tarefas, Novo Página em branco ou Novo a partir de um modelo de página. Abertura Para abrir uma página existente, clicar no botão Abrir na barra de ferramentas padrão ou seleccionar FICHEIRO Abrir. 10

FICHEIRO Novo Página ou Web e escolher, do Painel de tarefas, Novo Página em branco ou Novo a partir

Documentos relacionados

Objectivos. Conteúdos. Criar documentos em hipertexto. Desenvolver e alojar um site na Internet.

Objectivos. Conteúdos. Criar documentos em hipertexto. Desenvolver e alojar um site na Internet. CÓDIGO UFCD: 0768 Criação de Sites Web (50h) Objectivos Criar documentos em hipertexto. Desenvolver e alojar um site na Internet. Conteúdos Introdução à Hyper Text Markup Language Elaboração de documentos