220 likes | 340 Views
Disciplina: Tópicos Avançados de TI Unidade IV: Desenvolvimento para a WWW Prof.: Mario Filho E-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. Estrutura de um Web Site.
E N D
Disciplina: Tópicos Avançados de TIUnidade IV: Desenvolvimento para a WWWProf.: 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
Estrutura de um Web Site • Página Principal ou Home Page • Sub-página 1 • Sub-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ão • Sub-página 1: Quem Somos • Sub-página 2: Produtos • Sub-página 3: Contato Prof. Mario Filho
Estrutura de um Site Padaria do João (index.html) Quem Somos (quem_somos.html) Contato (contato.html) Produtos (produtos.html) Prof. Mario Filho
Estrutura de um Site • Arquivos: • index.html • quem_somos.html • produtos.html • contato.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: Adobe • Obs.: 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
15.1.2 Frontpage • Desenvolvedor: Microsoft • Obs.: 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 • Desenvolvedor: Linspire • Obs.: 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
16.1. Baixando • Abra o navegador e visite o site do desenvolvedor abaixo: • http://www.net2.com 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 Prof. Mario Filho