HTML 26

<H2> CASO III: Centralizado: Texto embaixo </H2> 
<IFRAME SRC=tabuleiro.html Width=350 Height=350 Scrolling=Yes Frameborder=1 
Align=Center> </IFRAME> 
<H2>O problema foi resolvido </h2> 
 
 
 
Se você quiser substituir o SRC por um nome de imagem (pasta\imagem.ext), você terá um efeito 
interessante na tela e poderá escrever textos longos ao lado da imagem, sem usar tabelas. Digite e prove. 
 
Exemplo: Substituindo em SRC o arquivo html ou site por um endereço de imagem no padrão 
pasta\imagem.extensão. 
<H1> IFRAME COM APENAS IMAGEM </H1> 
<IFRAME SRC=imagens\miyasaki200.jpg FrameBorder=0 Width=230 Align=Left> </IFRAME> 
<Font Face=Verdana> 
<H2>LOGOTIPO MIYASAKI </H2> 
<P> Criado a menos de um ano atrás para identificar os trabalhos realizados pelo 
professor Fábio Miyasaki, tanto na área educacional, 
como Webdesigner e consultorias, trata-se de um M estilizado e o círculo vermelho, 
marcando a descendência oriental do sobrenome. 
Este espaço e criado com várias tags <BR> e 
testes para saber a hora de parar. 
Eis nossa janela 
<IFRAME>. Desta vez 
com borda de contorno, 
mas sem barras de 
rolagens. 
Nossa tabela periódica 
foi muito prejudicada 
com esse formato. 
Eis nossa terceira janela 
<IFRAME>. 
Desta vez com borda de 
contorno, com barras de 
rolagens e centralizada. 
Os textos agora ficam 
abaixo da tabela. 
O tabueiro ficou 
distorcido pois ele foi 
originalmente criado 
para ficar com 50% do 
espaço. Como a janela é 
pequena...já sabe né... 
Programação HTML – Construção de Páginas para WEB 65 
 
Professor Fábio Miyasaki - contato@professorfabio.com.br – site: www.professorfabio.com.br 
INDÍCE 
APRESENTAÇÃO....................................................................................................................................... 2 
INTERNET: UMA BREVE INTRODUÇÃO .................................................................................................... 3 
PROVEDORES DE ACESSO....................................................................................................................... 3 
BACKBONES ............................................................................................................................................. 3 
EVOLUÇÃO DO BACKBONE RNP ............................................................................................................ 4 
A ASSINATURA DE INTERNET .................................................................................................................. 5 
NAVEGAR É PRECISO ............................................................................................................................... 5 
NAVEGADORES ..................................................................................................................................... 5 
PROTOCOLOS INTERNET...................................................................................................................... 5 
WWW (WORLD WIDE WEB) ....................................................................................................................... 6 
HOME PAGE OU SITE? .............................................................................................................................. 7 
ORGANIZANDO UM SITE........................................................................................................................... 7 
O QUE PRETENDE DIVULGAR ? ............................................................................................................. 7 
ESTABELEÇA SEUS OBJETIVOS! ........................................................................................................... 7 
DIVIDA SEU CONTEÚDO EM TÓPICOS ................................................................................................... 7 
ORGANIZAÇÃO E NAVEGAÇÃO.............................................................................................................. 7 
NAVEGAÇÃO POR HIERARQUIAS .......................................................................................................... 7 
NAVEGAÇÃO LINEAR............................................................................................................................. 8 
ESTRUTURA LINEAR COM ALTERNATIVAS............................................................................................ 8 
COMBINAÇÃO DAS ESTRUTURAS LINEAR E HIERÁQUICA .................................................................... 8 
O STORYBOARD .................................................................................................................................... 8 
DICAS PARA SEU STORYBOARD ....................................................................................................... 9 
STORYBOARDS NO CINEMA .............................................................................................................. 9 
ORGANOGRAMA DE UM SITE ................................................................................................................. 10 
PROJETANDO UM WEBSITE ................................................................................................................... 11 
DIAGRAMAÇÃO .................................................................................................................................... 11 
HIPERTEXTO ........................................................................................................................................ 11 
WEB DESIGN E VISÃO DO PROJETO .................................................................................................... 11 
CONTEÚDO E FORMA .......................................................................................................................... 11 
EQUIPE DE DESENVOLVIMENTO ......................................................................................................... 11 
FASES NA CONSTRUÇÃO DE UM WEBSITE........................................................................................... 12 
1ª FASE: ORGANIZAÇÃO DA INFORMAÇÃO .......................................................................................... 12 
2ª FASE: COMO SERÁ O SITE ............................................................................................................... 12 
3ª FASE: MONTAGEM DO SITE .............................................................................................................. 12 
4ª FASE: TESTES .................................................................................................................................. 12 
DICAS E CONSIDERAÇÕES IMPORTANTES ......................................................................................... 12 
ADMINISTRAÇÃO DE UM SITE ................................................................................................................ 13 
OS 10 PECADOS DO WEBDESIGNER: .................................................................................................. 13 
OS FORMATOS DE IMAGEM MAIS USADOS ........................................................................................... 14 
NAVEGADOR DE INTERNET .................................................................................................................... 15 
A BARRA DE ENDEREÇOS ................................................................................................................... 16 
URL – UNIFORM RESOURCE LOCATOR ............................................................................................... 16 
ERROS NA NAVEGAÇÃO ...................................................................................................................... 16 
HTML – HYPERTEXT MARKUP LANGUAGE............................................................................................ 17 
CARACTERÍSTICAS GERAIS DO HTML.................................................................................................