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
Download

organização de arquivos em um site