Criação de sites: evolução da internet, ferramentas e layouts
1. 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
2. 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
3. HTML – A linguagem da
WWW
Gerações de sites
• HTML”pág. Estáticas” X DHTML “pág. Dinâmica” com
interatividade.
• XHTMLPágina dinâmica com texto.
• PHP e ASP Banco de dados.
• HTML 5
Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014
Instrutor: Elielso Dias de Oliveira
4. Explicação sobre a NET
• A evolução da revolução.
• A WWW.
• Mas o que é um documento hipertexto?
• Internet versus World Wide Web
Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014
Instrutor: Elielso Dias de Oliveira
5. Diagrama
Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014
Instrutor: Elielso Dias de Oliveira
Web
Designer
Web
Developer
Ideia
WebMaster Responsável direto pelo site.
Responsável pelo designer.
Manter o script “pequenos programas”.
6. Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014
Instrutor: Elielso Dias de Oliveira
7. Ferramentas para criação de sites
Bloco de Notas Word
Site
Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014
Instrutor: Elielso Dias de Oliveira
Dreamweaver, FrontPage,
HotSitePro.
Flash
Kate
Fireworks
Joomla
Wordpress
8. • 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.
Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014
Instrutor: Elielso Dias de Oliveira
9. • Homepage (HP)
Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014
Instrutor: Elielso Dias de Oliveira
• Site
• Portal
10. Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014
Instrutor: Elielso Dias de Oliveira
11. Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014
Instrutor: Elielso Dias de Oliveira
12. Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014
Instrutor: Elielso Dias de Oliveira
13. Layout – elementos de um página
Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014
Instrutor: Elielso Dias de Oliveira
14. Cores
Recursos básicos como fontes, tabelas, links, cor de Fundo,
usam uma tabela de 256 cores.
Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014
Instrutor: Elielso Dias de Oliveira
15. Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014
Instrutor: Elielso Dias de Oliveira
16. Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014
Instrutor: Elielso Dias de Oliveira
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.
17. Animações
Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014
Instrutor: Elielso Dias de Oliveira
18. 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.
Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014
Instrutor: Elielso Dias de Oliveira
19. 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.
Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014
Instrutor: Elielso Dias de Oliveira
20. 3
Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014
Instrutor: Elielso Dias de Oliveira
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!
21. @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.
Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014
Instrutor: Elielso Dias de Oliveira