Disciplina: Tópicos Avançados de TIUnidade IV: Desenvolvimento para a WWW

Prof.: Mario FilhoE-mail: pro@mariofilho.com.br Período: 7º. SIG - ADM

Encontro 12

14. Estrutura de um Web Site; 15. Editores HTML. 16. Nvu

14. Estrutura de um Web Site

Prof. Mario Filho

Estrutura de um Web Site

Página Principal ou Home PageSub-página 1Sub-página 2

Sub-página 2.1 Sub-página n

Sub-página 3 Sub-página 3.1 Sub-página 3.2

Sub-página 3.2.1

Sub-página n

Prof. Mario Filho

Estrutura de um Site

Padaria do João

Página Principal: Padaria do JoãoSub-página 1: Quem SomosSub-página 2: ProdutosSub-página 3: Contato

Prof. Mario Filho

Estrutura de um Site

Padaria do João(index.html)

Contato(contato.html)Produtos

(produtos.html)

Quem Somos(quem_somos.html)

Prof. Mario Filho

Estrutura de um Site

Arquivos: index.htmlquem_somos.htmlprodutos.htmlcontato.html

15. Editores HTML.

Prof. Mario Filho

15. Ediores HTML

Um Editor HTML ou editor Web é um software para a criação de páginas web utilizando a linguagem de marcação HTML.

Possuem vários recursos que facilitam a criação de páginas para a Web.

Prof. Mario Filho

15.1. Exemplo de Editores

Adobe Dreamweaver Microsoft Frontpage Mozilla Composer

Prof. Mario Filho

15.1.1 Dreamweaver

Desenvolvedor Atual: AdobeObs.: Pertencia a Macromedia, empresa

comprada pela Adobe Systems. Versão: CS5 (lançamento de maio de 2010)

Web Site: http://www.adobe.com/br/products/dreamweaver/

Tela da versão CS4 (próximo slide...)

Prof. Mario Filho

Prof. Mario Filho

15.1.2 Frontpage

Desenvolvedor: MicrosoftObs.: Será substituido em breve pelo

Microsoft Expression Web Designer Versão Estável: 2007 (outubro de 2007)

Web Site:http://www.microsoft.com/frontpage/

Tela da versão 2007 (próximo slide...)

Prof. Mario Filho

16. Nvu

Prof. Mario Filho

16. Nvu

Desenvolvedor: LinspireObs.: Software Livre (Gratuito)

Versão Estável: 1.0 (julho de 2005)

Web Site:http://www.net2.com/

Tela da versão 1.0 (próximo slide...)

Prof. Mario Filho

Prof. Mario Filho

16.1. Baixando

Abra o navegador e visite o site do desenvolvedor abaixo:http://www.net2.com

Prof. Mario Filho

Prof. Mario Filho

Prof. Mario Filho

15.2. Instalando

Após baixar o arquivo, basta executá-lo para iniciar a instalação.

Após instalá-lo, execute-o e descubra o que o software pode fazer para você criar boas páginas em HTML!

Prof. Mario Filho

Próxima Aula...

Construindo um site com o Nuv Trabalho para a 2ª. Avaliação Bimestral

FIM