quinta-feira, 30 de julho de 2015

Como se faz cores no HTML



O que é e como se faz cores no HTML
È importante usarmos as cores para destacar o site, por exemplo  mudar a cor do fundo do site ou a das letras, que mudando de cor chamam mais a atenção do publico.

1° Passo: Abra o seu bloco de notas.

Neste exemplo, usaremos o bloco de notas.
Clique no bloque de notas/já ponha os códigos básicos.


2° Passo: Ponha os Códigos.

Para usarmos as cores no caso botando especificamente a cor que você deseja utilizar tem que saber que todas as cores são determinadas com essas letras e numeros:0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. Por exemplo olhe os códigos simples de cores que ultilizamos mais:
Preto: #000000
Azul: #0000FF
Verde: #00FF00
Vermelha: #FF0000
Branco: #FFFFFF

3° Passo: Defina seus códigos e cores.

Iremos colocar a cor de fundo agora no seu site, para isso usaremos a seguinte <tag>, <body bgcolor=”#COR”> , olhe no exemplo.


Agora se você quiser mudar a cor por exemplo do titulo que vai na página, e centralizado no meio é muito simples: <head><title>Teste web sensacional HTML</title>,<body bgcolor=”COR do fundo”>, <font face=”fonte de tema da letra” COLOR=”COR”


É isso que tem que fazer para arrumar a cor do titulo, se caso quiser mudar a cor do textos que você ira escrever bastar mudar o <h1></h1>, para <h2></2>, como no exemplo:


Assim que se muda as cores do titulo e dos textos que, fará no seu site.

4° Passo: Salve os códigos.


Salve como tutorial web sensacional.htm.


caso você queira realizar o download deste passo a passo em PDF, clique aqui.



quarta-feira, 29 de julho de 2015

o que é e como criar caixa de curtir sua página no Facebook pelo Blogger(BlogSpot)



O que é e como criar caixa de curtir sua página no Facebook pelo blogger(BlogSpot)
A caixa de  like que vamos fazer é muito útil, que pode  conectar a página do face com a do seu blog . Para quem começa a fazer um blog,  é possível   possa  ganhar curtidas sem que entre no seu blog ou na sua página, (contanto que esteja em uma das páginas),  assim fazendo que  o Google comece a olhar seu blog repetidamente.

1° Passo: Abra o google.

Pesquise Facebook like box.
Clique no Facebook like box.




2° Passo: Pagin pugle.

Agora iremos olha o canto esquerdo da página e clicar em Pagin Pugle.


Onde está o facebook page URL: --colocará o link da sua página do face.
Width: coloque 320
Heigth: coloque 500


Clique em Get code, que concentrará em baixo da imagem da caixa de curtir.

Copiei os links que o facebook te dará e siga o próximo passo.

3° Passo: Abra o Blogger.

Olhe a parte esquerda do blogger que vai conter opções do que editar. Clique em layout/adicionar um Gadget/ HTML/JavaScript.












4° Passo: Termine a caixa de curtir.


Agora cole os códigos, e separa eles  com um ENTER salve  e acabo sua caixa de curtir está pronta.

caso você queira realizar o download deste passo a passo em PDF, clique aqui.

terça-feira, 28 de julho de 2015

Como criar links para HTML

O que é e como criar links no HTML
Links são pontos do HTML que serve para direcionar um documento da sua página ou dos sites da internet.

1° Passo: Abra o seu bloco de notas.

Neste exemplo, usaremos o bloco de notas.
Clique no bloque de notas.


2° Passo: Ponha os Códigos.

*      Digamos que você  queira colocar um arquivo HTML por exemplo conteúdo.html ou http://websensacional.blogspot.com.br: como pode ver ficou sublinhado é oque você pode clicar, para começarmos a fazer links no HTML precisaremos escrever a <tag> a seguir:

< href="http://--Escreva o nome do site  aqui-- ">clique aqui para visitar o endereço do link</a>
Obs: não se esqueça das simples tag que vem junto para funcionar o links veja no exemplo:

3° Passo: Defina seus códigos para links.

Para colocar um link que vai para uma página dentro do seu home page, só precisar colocar o nome do arquivo e ficar assim:


Agora se você  quiser criar um link para abrir em outra página sem que o visitante sai do seu site, basta olhar o código do exemplo a segui:


Se você quiser fazer um link que contém uma imagem é muito simples, basta seguir os códigos do exemplo:




4° Passo: Salve os códigos.

Salve como tutorial.htm


 caso você queira realizar o download deste passo a passo em PDF, clique aqui.






domingo, 26 de julho de 2015

Como criar uma tabela no HTML



O que é e como criar uma tabela no HTML
A tabela no HTML serve parar organizar seus conteúdos de sua website, para organizarmos seus conteúdos precisamos usar o bloco de notas ou qualquer outro programa que desenvolva páginas.

1° Passo: Abra o seu bloco de notas.

Neste exemplo, usaremos o bloco de notas.
Clique no bloque de notas.

*      Para começarmos a fazer a tabela vamos colocar o código necessário=<html> </html> <head> </head> <tittle> </tittle>  <body> </body>. Coloque que nem no exemplo a seguir:

*     
*      Obs: entre o <body> e o </body> é  onde colocaremos o códigos para fazermos as tabelas.

2° Passo: Ponha os Códigos.

Agora copie  os códigos da imagem.

Isso é o basico existe muitos outros códigos que vamos usar para começar a fazer sua tabela, como códigos que ajudam na personalização de tabelas, como mudar a cor do fundo, onde é usado a tag bgcolor=’COR’, veja no próximo passo.

3° Passo: Defina seus códigos

Como pode ver usamos bgcolor=’COR’ para definir a cor da coluna, podemos usar para linhas, fundos também. Veja no exemplo como ficou:
Se quiser adicionar cor, apenas ajuste, como no exemplo. Basta alterar os <TD> no exemplo mudamos só alguns não todos.
É assim que se cria sua tabela no HTML, apenas use os códigos que foi dito nas imagens de exemplo.

4° Passo: Salve os códigos.

Salve como WebSensacional.HTM.



caso você queira realizar o download deste passo a passo em PDF, clique aqui.



sexta-feira, 24 de julho de 2015

Como criar um vídeo com o progama Apowrsoft

Como criar um vídeo com o programa Apowersoft.

  Para criar um vídeo de qualidade é necessário, um aplicativo fácil de usar e de baixar chamado Apowersoft que já contém as ferramentas certas para usarmos em vídeo, que é possível gravar só a tela do computador  e som(áudio) da nossa voz.

1° Passo: Abra o Apowersoft.

 Clique em Apowersoft.





2° Passo: Configuração.

Como poder ver na primeira imagem, o menu da varias opções começando com gravar e entrada de áudio, quando clicarmos  na entrada de áudio ele vai oferecer três opções sons do sistema, microfone e sons do sistema e microfone. Para colocar o som da sua voz e o som do sistema, basta escolher as opções: Entrada de áudio/Sons do sistema e microfone.


 Deixando claro que o microfone também serve para gravar o vídeo e a voz do usuário esse é um modo muito bom para aqueles que procuram realizar um tutorial com sua voz, apresentando alguns comentários ou uma explicações melhores. Só entrar em entrada de áudio/microfone. Igual ao exemplo anterior, apenas mudando a ultima opção.

3° Passo: Finalize o aprendizado.

 Agora que já obteve essas opções de sons do sistema microfone e sons do sistema e microfone, você já pode começar a gravar sem problema algum, se caso quiser ajustar escolha essas opções: Ferramenta/opções.
 Basta gravar seus vídeos agora.




caso você queira realizar o download deste passo a passo em PDF,clique aqui.


quinta-feira, 23 de julho de 2015

Como copiar um DVD com CDBurnerXP


O que é e como copiar  DVD com CDBurnerXP.

  Vou ensinar como copiar o DVD ou CD para o computador e passar ele para um DVD ou CD virgem , deixando claro que recomendo que baixe CDBurnerXP, um programa grátis e fácil de usar.
Obs: Ah casos que o CD ou DVD não tem como ser copiar.

1° Passo: Abra o seu programa de Copia.

Neste exemplo, abra o CDBurnerXP
Clique no CDBurnerXP




2° Passo: Copiando disco.

Insira no seu computador o disco que você quer copiar e escolhas as opções: copiar disco/ e depois só confirme. Vai ficar assim: 

Em algum momento da copia, o programa vai parar e pedir o DVD ou CD virgem, para que ele passe o conteúdo que você colocou no seu computador para o DVD ou CD virgem que não contém nenhum conteúdo.

3° Passo: Defina a copia.

Agora só botar ejetar o DVD ou CD, e colocar seu DVD ou CD virgem  para terminar a copia, é assim que se copia um DVD ou CD.


4° Passo: Finalize a copia.


 Agora só ejete o DVD ou CD e feche o programa.

caso você queria  realizar o download deste passo a passo em PDF,clique aqui.

quarta-feira, 22 de julho de 2015

Como aprender a usar o Eclipse Java


O que é e como Eclipse Java
Eclipse é uma plataforma de desenvolvimento, que não só atende varias linguagens de programação, como também permite que você configure e customize sozinho. Nesse caso usaremos o Eclipse Java.

1° Passo: Abra o seu programa de edição.

Neste exemplo, iremos utilizar o Eclipse Java.
Clique no Eclipse Java

Vamos aprender a criar uma pasta para começarmos com o projeto Eclipse Java, escolha as opções: File/New/JPA Project.

Logo em seguida clique em JPA Project escolha as opções: Escolha o nome/finish. Lembrando que no titulo não pode ter espaço então aconselho usar (_) para separar como no exemplo a seguir:


Você vera que seu projeto vai ficar salvo desse jeito:

2° Passo: Criar new Java Package.                                                        

Basta clicar na pasta que você criou no caso Tutorial_Java. Escolhas as opções: Tutorial_java/botão direito/new/package/name. Como no exemplo.







Agora vamos criar um class. Escolha as opções: Org.Tutorial_java ou o nome que você escolhou/new/class/escolha o nome.




Logo depois de botar o nome e concluir, no final dessa etapa tem que ficar assim:



3° Passo: Defina seus dados.

Tudo que fizer parte da nossa classe, nos adicionaremos isso a parte que onde está escrito pubic class pessoa entre o abre  { e o fecha }. OBS: no public class sempre o nome depois tem que começar com letra maiúscula  e no private tring e a palavra sempre com letra minúscula que ocorre no exemplo:




Agora so reparar  nos nomes:



Agora vamos utilizar o consultor é uma um bloco especial de códigos que serve para inicializar nossos objetos.
Obs: o java sempre vai fechar o seu { } quando se apertar  Enter como no exemplo:




4° Passo: Como funciona.

     Agora observe, esses são os parâmetros básicos para entender como se funciona o Eclipse java.



Como poder ver fizemos um projeto de alugamento de bolas, onde a pessoa tinha que dar seu nome, e que no máximo só podia pegar 3 bolas, não foi tão complexo, mas com o tempo seus projetos vão ficando melhores e mais complexos de fazer.

5° Passo: Finalize, salvando seu projeto.

 Para salvar vá em file/ salve/salve o arquivo como “Tutorial_Java”.



caso você queira realizar o download deste passo a passo em PDF, clique aqui.


terça-feira, 21 de julho de 2015

Como aprender e criar um FastHTML


O que é e como utilizar  FastHTML

O FastHTML é um programa do HTML mais fácil e eficaz, por causa de conter os menus mais usados do HTML,  como opção de uso com o código pronto e colocado no seu devido lugar.

1° Passo: Abra o seu programa de edição.

Neste exemplo, iremos utilizar o programa FastHTML
Abra o fastHTML

Como pode ver há muitas opções de menu, cada menu significa um codigo que o FastHTML vai colocar no seu trabalho. Por exemplo:

Neste caso usaremos no inicio do FastHTML coloque:
Minha página nova

Quando escrever “minha nova página”,salve ela em qualquer lugar de suas pastas.

2° Passo: Veja seu trabalho na internet.

Escolha as opções: arquivo/pasta onde deixou o arquivo salvo/clique com o botão direito do mouse/abrir com/seu navegador, no caso Google Chrome.

Agora clique no Google Chrome como no exemplo e veja onde você será direcionado.




3° Passo: Crie seu conjunto de caractere.

Para isso usaremos os menus que contém no FastHTML

Agora iremos escrever as seguintes palavras. Sempre comece com esses códigos.
<!doctype html >
Digite sempre duas vezes : uma para abrir <Fasthtml> e outra para fechar a <tag> que seria</Fasthtml>.

Agora adicione as <tag> que faltam para se tornar a estrutura básica do HTML
Abrir: <head> fechar: </head>
Abrir: <body> fechar: </body>
No final  mais prático é que fique assim

Significado das palavras “head” e “body”.
Head: Tudo que você colocar  head vai ser oque não aparece na pagina, mas que é importante pro navegador por exemplo o título  de pesquisa.

Body: È tudo que você na página, então tudo que é visível na página é graças a o colocamos no  body.
Obs: Para colocar oque você quer na página basta colocar entre a <tag> e a </tag>. Por exemplo <body>minha primeira pagina FastHTML</body>.
ja no head para funcionar basta utilizar o <title>teste Fasthtml</title> agora salve e faça novamente o passo 2 para ver como ficou o site, repare que o titulo mudou.
Como tem que ficar:

Como vai ficar no site na hora da pesquisa:

 

 

4° Passo: Aprenda a usar <meta charset>

   Essa tag “meta” que você utilizará serve  para caracterizar    sua página na HTMl, por exemplo letra com acento ou Ç, para fazer isso tem quer ser feito dentro da parte <head> </head>. A tag meta charset tem muito uso por trazer muito conteúdo diferente ao seu HTML.
Para utilizar a tag meta, escreve examente assim <meta charset=”utf-8” />

desse jeito você já esta abrindo e fechando a tag meta charset.
Se ouver atributo na seu HTML adicione a seguinte tag, <tag atributo=”valor”>conteúdo da tag</tag>. Obs: caso você não tenha conteúdo basta eliminar a parte do conteúdo da tag</>, sobrando apenas a <tag atributo=”valor” />



5° Passo: Realize o HTML.

Salve o arquivo como “teste FastHtml”.
Obs: deixando claro que no FastHTML tem vários códigos prontos para se usar bastar ver no menu, cor ,grade, letra, titulo. Aqui deixarei o  conteúdo básico para se fazer um HTML.

 











Caso você queira realizar o download deste passo a passo em PDF, clique aqui