DESENVOLVIMENTO DE WEBSITES

SALADICA - rsrsrs, saladica é ótimo...  

Postado por SOL

PUTS, NEM SABIA...  

Postado por SOL

http://www.navegabem.pt/blog/



Na boa, acho o estilo da Bertha bem louco... É claro que a cara da Vanessa tá melhor. Eu misturaria as duas... rsrssrrs

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é!

Site muito bom sobre tutoriais do photoshop  

Postado por SOL

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 ^^.

PÂNICO! A MICHELLE MANDOU MONTAR UM SITE ATÉ O FINAL DA AULA!  

Postado por SOL

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>

TCHANRAN!!!


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>
TCHANRÃN!!!!
Tá, agora tem que juntar as duas partes, inserir as imagens que são os botões que juntos formarão o menu e... inserir os links entre eles dentro de uma tabela (precisa, prá fazer esse menu). Tá, agora o bicho pegou!
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>

TCHANRAN!!!
Agora tem que pegar o código da página que tem o topo: o "topo.html" e editar inserindo o código de tabela. Aquela figura (jpg) do topo fica inserida numa tabela específica, só para ela, o que na verdade é uma célula gigante e solitária. Depois de pular uma linha com a tag "tr" tem que fazer outra tabela com várias células colocando a imagem de cada botão e de cada link dentro de cada uma delas (das células).

<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>
ISSO!
Bom, agora vou rodar o index ( o código que inclui tudo) prá ver se ficou bom. Me deseja boa sorte:

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

ATIVIDADE - BOTÃO COM LINK  

Postado por SOL



CÓDIGO:

<html>
<head>
<title>jsahjkhsajfkh</title>

</head>
<body>

<a href="http://www.uol.com.br"><img src="home.jpg"></a>

</body>
</html>

ATIVIDADE - PLANO DE FUNDO  

Postado por SOL



CÓDIGO

<html>
<head>
<title>página com plano de fundo</title>
</head>
<body background="planodefundo.jpg">


</body>
</html>

DIMITRI  

Postado por SOL

Atributos do Frameset  

Postado por SOL



SUPERGIFS.NET, SEU SITE DE IMAGENS! ENTRE E CONFIRA!

ENTREVISTA PARA O SITE DO CLIENTE  

Postado por SOL


SUPERGIFS.NET, SEU SITE DE IMAGENS! ENTRE E CONFIRA!




OS CINCO MELHORES SITES SOBRE MOTOS  

Postado por SOL

PESQUISADO E RETRATADO POR DIEGO, PARA O TRABALHO DE CDWS DO GRUPO SALADA ROCK.


SUPERGIFS.NET, SEU SITE DE IMAGENS! ENTRE E CONFIRA!

ATIVIDADE DA MICHELLE PARA SEMANA QUE VEM:  

Postado por 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:


SUPERGIFS.NET, SEU SITE DE IMAGENS! ENTRE E CONFIRA!

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

TOPO DIMITRI  

Postado por SOL


SUPERGIFS.NET, SEU SITE DE IMAGENS! ENTRE E CONFIRA!

---> [blue][b]Super Gifs[/blue][/b][:P]!