Aula 1 dreamweavernova

Aula: Pág: Data:
Professor:
Turma:
1 1xxx 101.11.14
Elielso Dias
2506-C
A evolução da internet
As Gerações de sites
Profissões
Principais ferramentas
1
2
3
4

Objetivos do módulo
• Construção e desenvolvimento de sites.
• Aplicação de sites na WEB.
Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014
Instrutor: Elielso Dias de Oliveira

HTML – A linguagem da
WWW
Gerações de sites
• HTML”pág. Estáticas” X DHTML “pág. Dinâmica” com
interatividade.
• XHTMLPágina dinâmica com texto.
• PHP e ASP Banco de dados.
• HTML 5

Explicação sobre a NET
• A evolução da revolução.
• A WWW.
• Mas o que é um documento hipertexto?
• Internet versus World Wide Web

Diagrama
Web
Designer
Web
Developer
Ideia
WebMaster Responsável direto pelo site.
Responsável pelo designer.
Manter o script “pequenos programas”.

Ferramentas para criação de sites
Bloco de Notas Word
Site
Dreamweaver, FrontPage,
HotSitePro.
Flash
Kate
Fireworks
Joomla
Wordpress

• Planejamento
Um bom site deve ser bem projeto.
• Estrutura
Variedade de assuntos, nº de pág. para cada assunto.
• Design
Aparência, o mesmo Layout em todas as pág.
• Facilidade de Leitura
Use de imagens e animações.
• Objetividade
Links objetivos, um para cada pág.
• Regra dos três cliques
O assunto mais importante não pode ficar a mais de 3 cliques.
• Mapa
ordenação dos links.

• Homepage (HP)
• Site
• Portal

Layout – elementos de um página

Cores
Recursos básicos como fontes, tabelas, links, cor de Fundo,
usam uma tabela de 256 cores.

Imagens
GIF, JPG, JPEG
GIF
256 cores;
Várias imagens.
JPG
16 milhões de cores;
São + compactas.
Tabelas
Melhor organização
Formulários
Conhecer visitantes;
Colher dados;
Oferecer produtos;
serviços.

Animações

Tipos de Sites
• Institucionais são aqueles sites ligado a
empresas, onde existem contatos de lojas,
recrutamentos de funcionários e até mesmo
venda de produtos, exemplo site das casas
bahia.
• Sites Midiáticos que requer atualização de
conteúdo frequentemente, exemplos blogs,
jornais, revistas etc.

Tipos de Sites
• Portais que são aqueles tratam de vários
assuntos no mesmo local, vídeos, fotos,
notícias, exemplo o globo.com.
• E-comerce que são sites para compra e vendas
de produtos, estão em alta, exemplo o
mercado livre.

3
1
Pesquisar na
internet sobre
Cromoterapia
e fazer um
resumo no
Word.
2
Não se esqueça
de sempre salvar
as Atividades no
seu e-mail e em
Pen-driver.
Faça uma pesquisa
sobre as profissões
que envolvam a área
de Web designer.
Escreva no word e
elabore cinco
questões com
respostas!

@Se você fosse criar um site, quais páginas
você criaria?, digite no Power Point como
seria o seu site
@Agora faça também no Power Point o
modelo do seu site, desenvolva como no
exemplo.

Aula 1 dreamweavernova

Mais conteúdo relacionado

Mais procurados

Semelhante a Aula 1 dreamweavernova

Mais de Elielso Dias

Último

Aula 1 dreamweavernova