Aula: Pág: Data:

Turma:

1 1xxx 101.11.14

Elielso Dias

Professor:

2506-C

A evolução da internet

As Gerações de sites

Profissões

Principais ferramentas

1

2

3

4

Aula: Pág: Data:10 10 a 17 20/01/20122503-BTurma:

Instrutor: Ricardo Paladini Matos

• Construção e desenvolvimento de sites.

• Aplicação de sites na WEB.

Objetivos do módulo

Aula: Pág: Data:10 10 a 17 20/01/20122503-BTurma:

Instrutor: Ricardo Paladini Matos

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

Aula: Pág: Data:10 10 a 17 20/01/20122503-BTurma:

Instrutor: Ricardo Paladini Matos

Explicação sobre a NET

• A evolução da revolução.

• A WWW.

• Mas o que é um documento hipertexto?

• Internet versus World Wide Web

Aula: Pág: Data:10 10 a 17 20/01/20122503-BTurma:

Instrutor: Ricardo Paladini Matos

Diagrama

Web

Designer

Web

Developer

Ideia

WebMaster Responsável direto pelo site.

Responsável pelo designer.

Manter o script “pequenos programas”.

Aula: Pág: Data:10 10 a 17 20/01/20122503-BTurma:

Instrutor: Ricardo Paladini Matos

Aula: Pág: Data:10 10 a 17 20/01/20122503-BTurma:

Instrutor: Ricardo Paladini Matos

Ferramentas para criação de sites

Site

WordBloco de Notas

Dreamweaver, FrontPage,

HotSitePro.

Flash

Kate

Fireworks

Joomla

Wordpress

Aula: Pág: Data:10 10 a 17 20/01/20122503-BTurma:

Instrutor: Ricardo Paladini Matos

• 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 LeituraUse de imagens e animações.

• Objetividade Links objetivos, um para cada pág.

• Regra dos três cliquesO assunto mais importante não pode ficar a mais de 3 cliques.

• Mapa ordenação dos links.

Aula: Pág: Data:10 10 a 17 20/01/20122503-BTurma:

Instrutor: Ricardo Paladini Matos

• Homepage (HP)

• Site

• Portal

Aula: Pág: Data:10 10 a 17 20/01/20122503-BTurma:

Instrutor: Ricardo Paladini Matos

Aula: Pág: Data:10 10 a 17 20/01/20122503-BTurma:

Instrutor: Ricardo Paladini Matos

Aula: Pág: Data:10 10 a 17 20/01/20122503-BTurma:

Instrutor: Ricardo Paladini Matos

Aula: Pág: Data:10 10 a 17 20/01/20122503-BTurma:

Instrutor: Ricardo Paladini Matos

Layout – elementos de um página

Aula: Pág: Data:10 10 a 17 20/01/20122503-BTurma:

Instrutor: Ricardo Paladini Matos

Cores Recursos básicos como fontes, tabelas, links, cor de Fundo,

usam uma tabela de 256 cores.

Aula: Pág: Data:10 10 a 17 20/01/20122503-BTurma:

Instrutor: Ricardo Paladini Matos

Aula: Pág: Data:10 10 a 17 20/01/20122503-BTurma:

Instrutor: Ricardo Paladini Matos

ImagensGIF, JPG, JPEG

GIF 256 cores;Várias imagens.

JPG16 milhões de cores;São + compactas.

TabelasMelhor organização

FormuláriosConhecer visitantes;Colher dados; Oferecer produtos; serviços.

Aula: Pág: Data:10 10 a 17 20/01/20122503-BTurma:

Instrutor: Ricardo Paladini Matos

Animações

Aula: Pág: Data:10 10 a 17 20/01/20122503-BTurma:

Instrutor: Ricardo Paladini Matos

1

Pesquisar na

internet sobre

Cromoterapia

e fazer um

resumo no

Word.

2

Não se esqueça de sempre salvaras Atividades noseu e-mail e em

Pen-driver.

3

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!