Documente Academic
Documente Profesional
Documente Cultură
Mdulo 3:
Criao de Pginas Web
- Electrotecnia
- Comrcio
A vida de um site possui duas facetas principais, e cada uma pode dividir-se em
fases especficas:
Linguagens de Programao
O HTML a linguagem mais utilizada para criar pginas Web com hipertexto.
Linguagens de Programao
Java e Java Script
Visual Basic Script
JSP Java Server Pages
ASP Active Server Pages
PHP Personal Home Page
Ferramentas e utilitrios
FTP (File Transfer Protocol) Protocolo utilizado para transferir ficheiros entre
dois computadores.
Programas que implementam este protocolo:
Cute FTP
WS FTP
19
Contedo
Factores de design
Navegao
Layout
Apoio tcnico e processo de actualizao
20
Design - Navegao:
Design - Navegao:
Design - Layout:
Design - Layout:
Pgina principal:
Topo: poder aparecer o logtipo, nome, endereo, nmero de
telefone, etc.
Rodap: data da ltima actualizao, contacto do responsvel pela
pgina.
Fontes:
Devem escolher-se fontes como Arial e Verdana para visualizaes, e
Times New Roman para impresses.
28
Tamanho da letra:
Texto: 2 (10 pontos);
Subttulos: 3 (12 pontos);
Ttulos: 4 (14 pontos).
Cores:
Deve existir contraste entre o fundo e o texto.
No se deve usar um nmero excessivo de cores.
29
Imagens:
Apresentar as imagens com o mnimo tamanho possvel
resoluo de 72 dpi.
Optimizar a imagem de preferncia, nos formatos JPG, GIF
ou PNG.
No se deve abusar de GIF animados.
Vdeo e udio:
Molduras:
Utilizar no caso de haver contedos fixos.
Tabelas:
So excelentes para misturar imagens e texto.
32
Para qu?
Para quem?
O qu?
Como?
33
Para qu?
Qual o propsito ou finalidade do Web site?
Trata-se de identificar os objectivos do Web site.
Para quem?
Trata-se de identificar quais a pessoas que vo visitar o Web site, bem como os recursos que
utilizam (computador, velocidade ligao Internet, etc) .
35
O qu?
Que contedos que pretendo incluir ou publicar no Web site?
Como?
Quais os recursos necessrios para a construo do Web site (software de
criao de pginas, software de tratamento de imagens, etc).
36
Elaborar um esboo ou esquema das pginas que vo integrar o Web site, definir
o contedo de cada pgina, definir as ligaes entre as pginas, etc.
Criar as pginas do Web site, de acordo com o que foi estipulado nos pontos
anteriores.
Reunir e dar forma aos diversos contedos que se pretende incluir no site,
utilizando as ferramentas mais adequadas para conseguir uma boa
apresentao.
37
Tipos de Estruturas:
Linear
Hierrquica
Radial
Web
40
Estrutura Linear
Estrutura Radial
Estrutura Hierrquica
Existe uma pgina de entrada ou principal (homepage) que contem ligaes (links) para outras
pginas.
Por sua vez, estas pginas podem conter sub-tpicos que do acesso a outras pginas
hierarquicamente mais baixas.
No devem existir mais de quatro nveis hierrquicos.
Deve existir sempre a possibilidade de o utilizador saltar para a homepage.
Planeamento de um Web site
Estrutura do Web site
(1)
HOME
43
44
Estrutura Web
http://www.ikissyou.org/
46
Ttulo da pgina
Barra de menus
Separador
Pt.wix.com
Sites que permitem a criao de Web
sites de forma gratuita
http://www.webnode.pt/
Sites que permitem a criao de Web
sites de forma gratuita
http://www.123paginaweb.pt/
Sites que permitem a criao de Web
sites de forma gratuita
http://criecom.ucoz.com.br/
E mais...