4ª aula - Parte 1 - Como Linkar Menu

Como linkar menu

-Veja o video:

-Espero que tenham percebido

Até à proxima aula.
Prof, MissPipa13

3ª aula - Parte 4- Como colocar contorno nas imagens

Como colocar contorno nas imagens.

-Abre o Pixlr.com
-Clica em "Abrir imagem do computador"
-Abre uma imagem que queira por contorno

-De seguida clica em Camada>Estilos de Camada...

-De seguida, clica em Brilho Exterior, coloca o certo no quadrado, e acerta as coisas como estão no print:

-Eu usei a cor roxa, mas pode usar a cor que quiser.

-Para colocar contorno tipo sombra, siga o print:

-E é assim que colocamos contorno nas imagens, até à próxima aula que é sexta-feira, dia 9 à mesma hora, hoje tive de postar mais cedo a aula, porque não podia estar cá mais tarde.

Não faltem, porque a próxima aula já vai ser mais avançada!

Prof, MissPipa13

3ª aula - Parte 3 - Como fazer Marca d'agua

Como fazer marca d'agua

Antes eu já tinha explicado como fazer marca d'agua, mas desta forma que vou ensinar hoje, a marca d'agua fica muito melhor.
Para não haver muitas complicações eu fiz um video:



Só tem de abrir o pixlr.com e o resto explica no video.
Já a seguir vou postar a quarta parte da terceira aula.
Prof, MissPipa13

3ª aula - Parte 2 - Básicos de HTML

Básicos de HTML

Hoje na 2ª parte da aula, eu vou falar sobre HTML, na primeira parte eu já passei alguns códigos de HTML, para os botões de topo.

-Primeiro que tudo, vou passar o código para colocar o banner no blog:

<div align="center"><img src="LINK DO BANNER" border="0" /><br><textarea onFocus="this.select()" onMouseOver="this.focus()" rows="3" cols="15" name="textarea"><a href="LINK DO BLOG/SITE" target="_blank"><img src="LINK DO BANNER" border="0" /></a></textarea></div>

-Tem de hospedar ao banner no tinypic.com , e substituir LINK DO BANNER pelo diret link, substitui LINK DO BLOG/SITE , pelo link do seu blog ou site.
-Depois cria um gadget, e procura por HTML/JavaScript, e cola lá o código do banner já modificado por você.

-Agora vou falar sobre algumas coisas básicas do HTML.

-Para colocar alguma coisa no centro (por exemplo, chat, banner, etc.), usamos estes trechos:

<center> 
AQUI COLOCAMOS O CÓDIGO DO CHAT, BANNER, ETC
</center>

-Para colocar alguma coisa à esquerda, usamos estes trechos:

<left>
AQUI COLOCAMOS O CÓDIGO
</left>

-Para colocar alguma coisa à direita, usamos estes treschos:

<right>
AQUI COLOCAMOS O CÓDIGO
</right>

E esses são os Básicos de HTML.

Espere pela terceira parte da aula.

Prof, MissPipa13

3ª aula -Parte 1- Fazer botões de SUBIR e DESCER

Como fazer botões de subida e descida

-Abra o Paint.net ou o pixlr.com
-Faça um botão de subir e outro botão de descer (eu fiz os meus no pixlr.com)

Veja os meus botões:

 -Agora para aplicar os botões no seu blog, vai ter de hospedar as imagens no tinypic.com

Botão de descer:

<div style="position:fixed; bottom:0px; right:0px;"><a href="#footer"><img src="LINK DA IMAGEM" border="0" /></a></div>

Botão de subir:

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="LINK DA IMAGEM" border="0" /></a></div>

-Onde diz, LINK DA IMAGEM , você substitui pelo link direto ou diret link de quando faz hospedagem no tinypic.com.
-Depois cria um gadget, procura por: HTML/JavaScript , e cola lá um dos codigos, depois faz a mesma coisa e cola lá o outro codigo.

E terminamos, se o código não ficou bem, diga, que eu digo uma forma de ajustar o botão.

Esperem pela segunda parte da aula de hoje.

Prof, MissPipa13

2ª aula -Parte 4- Como deixar imagens com boa qualidade

Como deixar imagens com boa qualidade

Quando por exemplo, nós fazemos um print, e colamos no paint, a imagem não fica com muito boa qualidade, então eu hoje vou ensinar a deixar as imagens com qualidade.

-Faça a imagem e guarde.
-Na altura de guardar, mude o tipo de imagem, para PNG:

-Clique em guardar e já está.

É assim que as imagens ficam com melhor qualidade.

A 2ª aula acabou, e na quarta-feira as 2h da tarde de br / 6h da tarde de pt, estaremos de novo aqui, para aprender a fazer coisas novas.

Prof, MissPipa13

2ª aula -Parte 3- Como fazer um MARCA D'AGUA

Como fazer Marca d'agua

-Abra o Paint.net ou o Pixlr.com
-Crie uma imagem com 400x400 de dimensão
-Coloque o fundo transparente usando a varinha mágica

-Guarde a imagem
-Abra a imagem no PhotoScape
-E comece a escrever Club e Penguin:

-Escreva Club com a cor branca e contorno preto

-E Penguin com a cor laranja claro e contorno preto (por baixo de club)

-Escreva o nome do seu blog por cima ou por baixo.
-Exemplo: Praia do Club Penguin:

-Guarde a imagem.

Veja a maca d'agua (apenas pus Club Penguin):

Mas ainda não terminamos.
-Vá ao pixlr.com e abra a imagem da marca d'agua.
-De seguida vá a Camada>Estilos de camada>Brilho Exterior

-Acerte as coisas, como estão na imagem:

-No final é só guardar a imagem.

Olhe a minha marca d'agua:

E já está terminada a nossa marca d'agua, esta marca d'agua não é a melhor, mas fica bonita para aplicar nos templates.

E terminamos a 3ª parte da aula de hoje, já a seguir vou postar a 4ª e ultima parte da 2ª aula.
A ultima parte vai ser mais fácil, e não vou precisar que me enviem o que fizerem para dar nota.

Prof, MissPipa13