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> Olá mundo! </H1> <HR> <P> Meu nome é Fulano!!! </P> </BODY> </HTML>
TAG PARA TABULAÇÃO DE FRASES <BODY> . <P> Meu nome é Fulano!!! </P> <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