Fiquei sabendo na sexta que site com frames nem se usa mais, ou tá fora de moda...
Qué cosa...
Bom, a Michelle deu uma lição de casa. Sei que tem que fazer tres paginas, a home e mais duas, nem comecei ainda, e tô sem o enunciado. Pera aí, deixa eu ver se tem alguém online prá me passar... É, não tem, mas tá limpo, vou treinar uns topos aí e uns planos de fundo... inté!
Oii gente
Vim aqui compartilhar um site que eu achei e ameeeeei, nele tem varios tutoriais de photoshop e em video também
é isso ai, espero que gostem
Bjinhusss da Leticia ^^.
Bom, prá resumir, entrei em Pânico e me confundi toda. No final das contas, me socorreram: o Thúlio, o Diego, o Maykon, o Guti e a Vanessa... todos tentaram me ajudar e ajudaram bastante, principalmente o Maykon e o Thúlio (obrigada meus amorzinhos). Mesmo assim acho que alguma coisa deu errado na hora que eu salvei, e pelo que estou vendo aqui devo ter entregado o arquivo errado prá Michelle... Como diz a Vanessa - Me Leva!!! rsrsrs
Agora vou tentar lembrar de tudo e fazer aqui e agora, sozinha e bem concentrada... (se meus filhos deixarem).
Prá começar, ela passou um arquivo chamado "Atividade_Frame" e pediu que abríssemos:
São imagens para fazer botões, topo, fundo e página principal para montar as páginas, que montarão os frames que montaram "A PÁGINA" ou "O SITE" .
(Até aí tudo bem... caraca! Acho que esse plano de fundo não rolou, pelo menos não lembro de ter ouvido falar dele).
Bom, depois a gente tinha que salvar essas imagens em uma pasta, tipo: meu site, ou site para atividade, etc... Abri uma pasta chamada "site para nota 110408 - sol33" , copiei e salvei todas essas imagens dentro dela.
OBS: para rodar o site, todos os "pedaços" têm que estar dentro da mesma pasta.
Bom, agora... Hum... Fazer as páginas em html para depois transformar em frames (os pedaços): o topo, com a imagem topo - dã - e a parte de baixo, inserindo a imagem principal. Meu, prá complicar teve o lance da tabela que até agora não sei como entra na parada. Vou ver o que eu fiz, ou o que fizemos, pera aí...
Bom, isso é uma das páginas com código html, a primeira com essa imagem inserida. Depois faltava fazer a outra página inserindo a imagem chamada "principal" que seria a parte principal (ou parte de baixo) do site, e ainda inserir os botões que se transformariam no menu... ufa! Depois pegar tudo, juntar em outra página que montaria tudo em frames (a página que monta o Frankstein, também conhecida como index, aquela que mostra o site inteiro, pronto). Prá acabar de "piiiii" com tudo, ainda tinha que colocar links nos "piiiii" dos botões. Bom, ta aí o código dessa primeira parte:
<html>
<head>
<title>TOPO</title>
</head>
<body>
<img src="topo.jpg" align="center">
</body>
</html>
Consegui. Foi só o começo. Agora tem que fazer outra página html com a imagem chamada "principal" inserida, sendo que essa página depois vai ser inserida como arquivo em outra página, junto com a primeira, formando os dois frames que formarão " a página" ou "o site". Vamos lá então, xovê...
CÓDIGO:
<html>
<head>
<title>PRINCIPAL</title>
</head>
<body>
<img src="principal.jpg" align="center">
</body>
</html>
Vamos à terceira página que é o terceiro código html, aquele dos frames, o bonzão que vai fazer aparecer o site!
VAMOS PELO MÉTODO DO JACK: POR PARTES!
<html>
<head>
<title> O SITE </title>
</head>
<frameset rows = "50%,*" frameborder= "yes" border= "10" bordercolor = "#F2863B">
<frame src = "topo.html" scrolling = "no" noresize="noresize">
<frame src = "principal.html" scrolling = "no" noresize="noresize">
</frameset>
</html>
<html>
<head>
<title></title>
</head>
<body>
<table width="800" border= "0" align="center">
<tr>
<td><img src="topo.jpg"</td>
<tr>
</table>
<table align="center">
<tr>
<td> <a href = "http://scorpionsol.blogspot.com"> <img src="bot_home.jpg"></a></td>
<td> <a href = "http://saladaweb.blogspot.com"> <img src="bot_contato.jpg"></a></td>
<td> <a href = "http://edsolll.blogspot.com"> <img src="bot_empresa.jpg"></a></td>
<td> <a href = "http://www.palcomp3.com.br/edsol"><img src="bot_equipe.jpg"></a></td>
<td> <a href = "http://www.globo.com"> <img src="bot_vendas.jpg"></a></td>
</body>
</html>
Gozado, eu coloquei "align=center" no "principal" e não ficou alinhado com o topo... não adianta, vou perguntar prá Michelle depois eu conserto.
Bjs
Sol
Criar um site com plano de fundo feito no Photoshop.
- Medida: 1.300x50 pixels;
-Botões feitos no Photoshop (todos) - Medida: 5x1 cm
-Topo feito inteiramente no Photoshop - Medida: 790x200 pixels - Todo em frame sem borda, com a seguinte divisão:
Bom, vamos lá. Vamos ver como é que faz isso... Acho que primeiro eu tenho que ir lá no Photoshop criar o plano de fundo e os botões prá depois salvar em jpg numa pastinha exclusiva prá esse site. To indo... hum.. 1.300 por 50 pixels...
Pronto, imagens criadas e salvas em jpg na pastinha: 5 botões, 1 plano de fundo e um topo.
Agora vamos fazer as páginas: são 4 ou 5? Tá, vamos no método Jack...
- primeira página html: o topo;
- segunda página html: o principal (nesse vai o fundo, eu acho... deve ser)
- Agora acho que vem a página com os botões que vai ficar na esquerda, na vertical...
- Agora é com código frame prá montar tudo isso. Vamos ver se dá certo...
NA VERDADE, ELA PEDIU ISSO:
Mas eu não tô sabendo fazer... não sei nem se tem que fazer uma página só pro rodapé... vou pesquisar um pouco, se não encontrar, ela ou o Guti vão ter que pagar um sapinho comigo... fazer o quê. Depois que eu aprender eu edito aqui.
Bjs
Sol
CATEGORIAS
- AVISOS (1)
- CÓDIGOS (1)
- CONTEÚDO (26)
- DICAS (4)
- Divagações a respeito (1)
- EXERCÍCIOS E ATIVIDADES (11)