Manual de html

Disponível somente no TrabalhosFeitos
  • Páginas : 21 (5168 palavras )
  • Download(s) : 0
  • Publicado : 16 de maio de 2011
Ler documento completo
Amostra do texto
0792 – Criação de páginas
EFA Secundário: Instalação e Manutenção de Redes Informáticas

para a Web com Hipertexto

Manual de WebDesign e HTML

0792 – Criação de páginas para a Web com Hipertexto EFA Secundário: Instalação e Manutenção de Redes Informáticas

Gisela Firmino

Página 2

0792 – Criação de páginas para a Web com Hipertexto EFA Secundário: Instalação e Manutenção deRedes Informáticas

Introdução

Este manual-guião tem como objectivo ajudá-lo a criar um site (conjunto de várias páginas) através de HTML. Este manual apresenta alguns conselhos de webdesign para o ajudar a não cometer os erros mais comuns que alguns webdesigners novatos cometem, tornando o seu site mais agradável e profissional. Abordaremos alguns conteúdos tais como: inserir textos, imagens etabelas, animações nas páginas e formulários, entre outros. Bom trabalho.

Gisela Firmino

Página 3

0792 – Criação de páginas para a Web com Hipertexto EFA Secundário: Instalação e Manutenção de Redes Informáticas

CONCEITOS INTRODUTÓRIOS DE WEB DESIGN

PÁGINA VS. SITE

O QUE É UMA PÁGINA PARA A INTERNET?
Uma página para a Internet é uma página alojada num servidor web onde sãocolocadas informações sobre uma determinada empresa, pessoa, produto, etc.

O QUE É UM SITE?
É um conjunto de páginas interligadas através de links.

WEBDESIGN

“O web design pode ser visto como uma extensão da prática do design, onde o foco do

projecto é a criação de web sites e documentos disponíveis no ambiente da web. O web design tende à multidisciplinaridade, uma vez que a construção depáginas web requer subsídios de diversas áreas técnicas, além do design propriamente dito. Áreas como a arquitectura da informação, programação, usabilidade, acessibilidade entre outros. A preocupação fundamental do web designer é agregar os conceitos de usabilidade com o planeamento da interface, garantindo que o usuário final atinja seus objetivos de forma agradável e intuitiva.” 1
Existeminúmeros detalhes na criação de um site que, se não forem correctamente analisados e tratados, podem transformar um site que até tinha tudo para ser bem
1

Retirado do site http://pt.wikipedia.org/wiki/Webdesign, , visitada no dia 24 de Fevereiro de 2010 e foi modificada pela última vez às 15h28min de 22 de janeiro de 2010 Página 4

Gisela Firmino

0792 – Criação de páginas para a Web comHipertexto EFA Secundário: Instalação e Manutenção de Redes Informáticas
sucedido, num enorme fracasso. Um deles é o design do site. Para que isto não lhe aconteça, apresento de seguida 10 dicas para salvar um site, segui-las é um passo para o sucesso:

10 “DICAS “ PARA SALVAR UM SITE
Estas dicas podem aplicar-se aos vários tipos de sites que pode vir a desenvolver, quer sejam comerciais ou não.1. MENOS É MAIS! FAÇA O SITE LEVE E RÁPIDO
Para vender produtos ou serviços na internet, não se deixe levar pelos “artistas” da rede. Mantenha a atenção do visitante centrada na sua mensagem e não nas animações e gravuras que “demoram horas” a aparecer no ecrã. Tenha sempre em mente que, se não ajuda a vender... Não presta. Não faça nada só porque os outros também o estão a fazer. Construa umsite para agradar ao cliente, não a si (ou ao seu chefe!). Lembre-se que “A imagem seduz mas, o texto é que vende”. Se quer fazer passar a sua mensagem não a deve esconder. Use um layout limpo e elegante. Mas, atenção: simples, não é o mesmo que simplório! Tem apenas alguns segundos (10 a 12) para conquistar a atenção do visitante. Mantenha as páginas leves, use poucas imagens, bem colocadas e numformato comprimido (jpg, gif,...). O texto (principalmente o da página principal) deve ser directo e objectivo.

2. PADRÃO
Todos necessitamos de possuir uma “zona de conforto” onde nos sentimos acomodados e seguros, imagine que cada vez que chegava a casa encontrava as paredes pintadas com uma cor diferente. De início podia ser engraçado, mas ao fim de alguns dias iria começar a sentir-se...
tracking img