DESENVOLVIMENTO WEB I Organização de arquivos, estrutura básica de uma página e TAGs de frases diversas ORGANIZAÇÃO DE ARQUIVOS EM UM SITE › Uso de bom senso para a definição das pastas e subpastas › Os diferentes arquivos podem ser agrupados em pastas de conteúdo específico › Esta organização não segue um padrão único ficando a cargo do desenvolvedor sua definição › Um site pode ter como arquivos: Páginas (arquivos HTML) Imagens (arquivos JPG, GIF, PNG) Animações (arquivos SWF) Arquivos para download (doc, pdf, zip, rar, etc) Vídeo e som PROJETANDO UM SITE › Organize as informações (o conteúdo) colocando assuntos que tenham a ver na mesma página › Procure pensar antes nos nomes dos arquivos páginas › Faça um “desenho” de sua página antes de começar a construí-la EDITORES DE HTML › Dreamweaver › Notepad ++ › Homesite › Bloco de notas CONSTRUINDO SUA PRIMEIRA PÁGINA <HTML> <HEAD> </HEAD> <BODY> </BODY> </HTML> TAGs DE TÍTULOS E DE PARÁGRAFOS <HTML> <HEAD> </HEAD> <BODY> <H1> </H1> Olá mundo! <HR> <P> </P> </BODY> </HTML> Meu nome é Fulano!!! TAG PARA TABULAÇÃO DE FRASES <BODY> . . . <P> </P> Meu nome é Fulano!!! <BLOCKQUOTE> Curso Técnico de Informática </BLOCKQUOTE> <BLOCKQUOTE> <BLOCKQUOTE> Desenvolvimento WEB I </BLOCKQUOTE> </BLOCKQUOTE> </BODY> EXERCÍCIO CONSTRUA A SEGUINTE PÁGINA VOCÊ MESMO ESCOLA TÉCNICA DE BRASÍLIA Cursos Básicos Curso de WEB _________________________________________________________ Web Desing I HTML Dreamweaver _________________________________________________________ Web Design II Photoshop Criação e tratamento de imagens _________________________________________________________ Web Design III Java Script Linguagem para interatividade com o navegador e os sites _________________________________________________________ Web Design IV Flash Criação de animações para Web