Tutoriais

Uma área de Tutoriais dos mais diversos assuntos para você estar sempre atualizado!

HTML

A principal aplicação do HTML é a criação de páginas na Web. De fato, o HTML é antes uma espécie de linguagem de formatação, um ficheiro de texto que é formatado através de uma série de comandos – ‘tags’.

Hardware - Montagem e Manutenção de Micros

Dicas para você aprender como resolver inúmeros problemas que ocorrem em computadores, pois passa a dominar a parte técnica das máquinas.

CorelDRAW® Graphics Suite X6

Quer você seja um artista amador ou um designer experiente, o CorelDRAW® Graphics Suite X6 é a sua solução confiável de software de design gráfico.

Microsoft Office 2010

Exercícios sobre o pacote Office, um poderoso conjunto de softwares para o auxílio diário do usuário nas mais diversas funções e categorias!

sexta-feira, 21 de dezembro de 2012

sexta-feira, 14 de dezembro de 2012

Tutorial Flash - Surfista HAHAHAHAHAHA

Hahahahahahahaha sigam as instruções do seu amado professor para a execução perfeita deste exercício, vale lembrar que após baixar o arquivo para as imagens extraia e salve em sua pasta, todas as imagens estão em formato PNG, no final do exercício o resultado será aproximadamente esse:



Lembre-se de utilizar sua criatividade ao máximo!

Após o término do exercício ZIP e envie para o meu ONEDRIVE.




CORELDRAW: TEXTO COM PERSPECTIVA E 3D


Vamos criar perspectiva em um texto e adicionar o recurso 3D. Não necessariamente nessa mesma ordem.

Entre no Menu Arquivo / Novo. Faça uma página no formato A4.

Aperte F8 para selecionar a Ferramenta de Texto.

Clique na área de trabalho "página" e coloque as configurações conforme imagem abaixo.

- 1 - Arial.
- 2 - 100 pt.
- 3 - Negrito.


Agora selecione a Ferramenta Extrusão.


Assim que selecionar perceba na Barra de Propriedades a seguinte opção. Predefinições. Selecione "Extrusão inferior direita".


Ainda na Barra de Propriedades, coloque 3 de Profundidade, como na imagem abaixo.


Temos o texto com efeito 3D.

Agora entre no Menu Efeitos / Adicionar Perspectiva.


Clique em cima do texto.

Ele ficará assim.

Na letra "W" existem dois pontos, clique e arraste um desses pontos e comece a trabalhar com a perspectiva.

Mexi nos dois pontos e o meu resultado foi esse.



Fonte: http://treinamentodecorel.blogspot.com.br

terça-feira, 11 de dezembro de 2012

CorelDRAW X6 Portátil PT-BR

Um dos programas mais conceituados para criação de elementos gráficos acaba de ganhar uma nova versão.

Se você é um aspirante a artista ou um designer experiente, Corel DRAW ® Graphics Suite X6 é o seu confiável solução de software de design gráfico. Com seu ambiente rico em conteúdo e profissionais de design gráfico, edição de fotos e software de design do site, você tem tudo que você precisa para expressar o seu estilo e criatividade com possibilidades infinitas.

Rapidamente se sentir em casa com ajuda embutida, vídeos de treinamento e modelos projetados profissionalmente. Em seguida, crie com confiança tudo, desde logotipos e anúncios de sites personalizados, gráficos de web, outdoors, embalagens de automóveis, panfletos e muito mais! Mostre seu estilo de design é verdade!
Junte os arquivos com o HJ-SPLITnão sabe como fazer, leia o TUTORIAL.

:: Requerimentos Básicos ::

Para que os portables funcionem corretamente no seu computador, você deve possuir instalados, estes requerimentos básicos:


CorelDRAW X5 Portátil PT-BR

CorelDRAW X5 é um conjunto de ferramentas desenvolvido tanto para os especialistas em design gráfico quanto para aqueles que estão apenas iniciando na área. A ferramenta traz dezenas de tutoriais e dicas, ambos fornecidos através da Internet. "A versão X5 não traz avanços no já tradicional visual de suas aplicações, tendo seu foco principal na melhoria de desempenho - através do suporte processadores de mais de um núcleo e na total compatibilidade com o Win7, que levou a ele a tecnologia touchscreen". Junte os arquivos com o HJ-SPLITnão sabe como fazer, leia o TUTORIAL.

DOWNLOAD MEDIAFIRE PARTE 01

DOWNLOAD MEDIAFIRE PARTE 02

Animação 2 - Flash cs5

1. Faça o Download & Descompacte o arquivo tut_files.rar.

2. Escolha Arquivo> Abrir a partir do menu principal; a janela Abrir será exibida.

3. Escolha o arquivo start.fla da janela Abrir e escolha o botão Abrir, o arquivo a ser utilizado neste tutorial é aberto.

Por padrão, um motociclista é colocado na área do palco, como mostrado abaixo.
4. Em seguida, escolha Arquivo> Importar> Importar para o palco, a partir do menu principal; a janela Importar é exibida. Navegue até a pasta que você baixou e selecione o arquivo background.psd. Escolha Abrir a importação, a importação "background.psd" a janela de estágio (palco) é exibida, como mostrado na figura abaixo.

*. psd é a extensão do arquivo para um arquivo photoshop. No Flash CS5, você pode importar um arquivo photoshop diretamente ao palco.


5. Selecione o "left_tree" do canto superior esquerdo desta janela; seus parâmetros correspondentes são exibidas à direita.


6. Em seguida, selecione a opção Sem perdas na lista Compressão.


Dica! A opção Sem perdas mantém a qualidade durante a publicação da animação final.

7. Da mesma forma, defina os mesmos parâmetros para "front_tree" e do ícone "background". Agora, escolha o botão OK; as imagens são importadas para a área do palco, como mostrado na figura abaixo.

Sobre a importação das imagens no palco, o Movie Clip existente motociclista está escondido atrás.


8. Escolha Janela> Linha do tempo a partir do menu principal, o painel TIMELINE é exibido.


A camada 1 (motociclista) está no fundo de todas as camadas no painel Timeline.


9. Selecione a camada do (motoqueiro) e arraste-o para acima da camada chamada de fundo (background), o motociclista vai visível na área de estágio (palco), como mostrado na figura abaixo.


Adicionando Tween Motion para o motociclista



1. Selecione o motoqueiro na área de estágio (palco) e mova-o para a esquerda, para fora da área do palco, como mostrado na figura abaixo.


O motoqueiro é movido à esquerda, para fora da área do palco, de modo que ao publicar a animação final o ciclista aparecerá no palco depois de um intervalo de 2-3 segundos.


2. Selecione o quadro-chave na na camada motoqueiro no painel da Timeline. Certifique-se o quadro-chave é selecionado e clique com o botão direito sobre ela, um menu desdobrável é exibido. Escolha "Criar interpolação de Movimento", a interpolação de movimento é adicionado à Linha de tempo (timeline) na camada de motoqueiro, como mostra a figura abaixo.


Você pode identificar que uma determinada camada tem um movimento entre adicionado nele pelo símbolo em forma de caixa na frente do nome da camada e a cor de fundo azul dessa camada na linha do tempo (timeline).


Toda vez que você adicionar interpolação de movimento a uma camada, o número de quadros adicionados na linha do tempo (timeline) irá reproduzir a animação de 1 segundo. Por exemplo, se a taxa de quadros (frames) é definido para 24fps (frames por segundo), o número de quadros adicionados será de 24 em números. Você pode ver a taxa de quadros padrão ou alterá-lo do fundo da linha do tempo, como mostrado na figura abaixo.


3. Escolha a ferramenta de seleção a partir do painel Ferramentas e selecione o quadro mais à direita da camada motoqueiro. Obs.: Ou seja, vá com o mouse entre o frame 24 e 25, aparecerá uma seta que aponta para 2 lados, pressione e segure o botão esquerdo do mouse sobre ela e arraste-o para frame 160.


4. Em seguida, selecione o Movie Clip "biker" (motoqueiros) da área de estágio (palco). Pressione e segure a tecla SHIFT e arraste o Movie Clip para a direita, para fora da área do palco. Obs.: Ou seja, agora arraste o motoqueiro para o outro lado do palco (lado direito) como mostrado na figura abaixo.

A linha de cor verde criado representa o caminho de interpolação de movimento para o (motoqueiros). A cor do caminho da interpolação de movimento é semelhante à cor de contorno da camada no painel Timeline.


5. Pressione e segure a tecla CTRL e selecione os quadros em branco para o left_tree, front_tree, a background (camada de fundo) e no frame 160, como mostra a figura abaixo. Em seguida, pressione a tecla F5 do teclado para adicionar quadros em branco na linha do tempo (timeline) para as camadas selecionadas.

O indicador de reprodução no painel TIMELINE no frame 160 mostra apenas o (motoqueiros) na área do palco. É assim, como as outras camadas, exceto a camada "biker" (motociclista) não tinha frames até o número 160. Aperte F5 e acrescente keyframes em branco com o mesmo conteúdo da primeira camada.


6. Pressione ENTER para visualizar a "(interpolação de movimento)" na área do palco. Se a animação funciona pressione CTRL + ENTER para publicar a animação; uma nova janela será exibindo o movimento, como mostrado na figura abaixo.


sábado, 8 de dezembro de 2012

Banner - Natal - CRIAÇÃO E VETORIZAÇÃO FULECO

Crie um banner com o tema - NATAL - divulgando um produto, siga o exemplo:



LINK PARA PACOTES DE VETORES PARA AUXILIAR NA CRIAÇÃO :

PACOTE 1

PACOTE II



VETORIZE O FULECO HAHAHAHAHAHAHAHAHA 


sexta-feira, 7 de dezembro de 2012

PROVA - COREL - VETORIZAÇÃO

1:

2:

3:

4:


VALE LEMBRAR QUE A VETORIZAÇÃO DO FULECO "MASCOTE DA COPA DO MUNDO" SERÁ A MAIS PONTUADA, PRAZO DE ENTREGA - ATÉ A PRÓXIMA AULA.

segunda-feira, 3 de dezembro de 2012

Kit de Ferramentas 4.0 - 5.0 e 6.0 Para técnicos



O Kit de Ferramentas para técnicos é um iniciativa da RBTech que disponibiliza em versão portable alguns dos principais softwares usados por que faz manutenção de computadores. O objetivo é oferecer portabilidade a quem presta este serviço, podendo fazer uma manutenção preventiva em computadores somente levando consigo um pendrive que contenha este kit.
Esta é a 4ª versão do kit, baixe sua cópia agora mesmo. (o menu para acesso aos programas está incluso e configurado conforme mostra a figura abaixo).


DOWNLOAD 4ª VERSÃO - COMPLETO MEDIAFIRE
DOWNLOAD 5ª VERSÃO - LITE MEDIAFIRE
DOWNLOAD 6ª VERSÃO - LITE MEDIAFIRE


Confira alguns os aplicativos do KIT:
  • Auslogics Disk Defrag: desfragmentador e otimizador de disco
  • Auslogics Registry Cleaner: limpeza de registro
  • Auslogics Registry Defrag: desfragmentador de registro
  • AutoRuns: gerenciador e editor de inicialização
  • CCleaner: limpeza e otimização
  • CPUZ: identificação de hardware
  • DeviceDoctor: atualização de drivers
  • DoubleDriver: backup e restauração de drivers
  • HWMonitor: monitora temperaturas e voltagens do PC
  • PCWizard 2010: identificação de hardware
  • Process Explorer: gerenciador de processos
  • Revo Uninstaller: desinstalador de programas

terça-feira, 27 de novembro de 2012

Criando sua primeira página HTML.



Primeiramente crie uma pasta para salvar as páginas. De preferência na Área de trabalho (Desktop).

Sempre deixe os arquivos do site muito bem organizados, assim facilita e muito o desenvolvimento dele.

Depois de criado uma pasta no Desktop ou em qualquer outro lugar de sua preferência abra o Bloco de Notas.

XP: Menu Iniciar>Programas>Acessórios>Bloco de Notas

WINDOWS 7: Iniciar>Todos Os programas >Acessórios>Bloco de Notas:

Depois de aberto digite o seguinte código: (ATENÇÃO! NÃO COPIE, DIGITE, ASSIM VOCÊ JÁ COMESSA A PRATICAR!)

<html> <head>

<title> Minha Primeira Página em HTML!!!</title>

<body>

<p align="center"> Essa é a primeira página HTML!!! </p>

Agora vou explicar tudo o que você escreveu. A TAG <HTML> indica que você iniciou um arquivo HTML.

A TAG <HEAD> indica que você abriu um cabeçalho.

A TAG <TITLE> que deve ser usada dentro do cabeçalho <HEAD>, serve para colocar titulo na página, é aquela frase que aparece na barrinha azul do Windows XP quando a página está aberta.

Veja a foto abaixo:


A TAG <BODY> indica que se iniciou o corpo da pagina. É dentro desta TAG que vai boa parte das TAG utilizadas para fazer uma página.

A TAG <p> indica que abriu um novo parágrafo. O atributo ALIGN como o próprio nome diz serve para especificar o alinhamento. E CENTER significa que o alinhamento é no centro. Caso você queira colocar o texto na esquerda troque o CENTER por LEFT, ou por

RIGHT para a direita e ainda pode colocar JUSTIFY para deixar o texto justificado. O código deve ficar assim:


Vamos para o próximo passo!Depois de digitado o código acima, salve o arquivo como primeira.html. Lembre-se de digitar o .html no final do nome do arquivo. Pois se digitar apenas primeira e já clicar em salvar o Bloco de notas vai pensar que você está fazendo um arquivo de texto comum, e irá salvar em formato TXT. Deixe a codificação como ANSI.

Aula 03 - HTML

Nessa aula iremos adicionar imagens ao cabeçalho do site, siga o exemplo da imagem mostrada:

Continue o código na imagem seguinte:

Terminando essa primeira página, ela estará assim :


APÓS O TÉRMINO DA PÁGINA INICIAL,SALVE E  COPIE E COLE ELA MAIS DUAS VEZES PARA QUE POSSAMOS UTILIZAR O CORPO DA PÁGINA INDEX NAS PÁGINAS"IMAGEM" E "VIDEOS". SIGA O EXEMPLO PARA A PÁGINA IMAGEM:




PARA INSERIR O VÍDEO LEMBRE-SE DE INCORPORAR O VÍDEO DIRETO DO YOUTUBE, SIGA O TUTORIAL SEGUINTE:


PARTE 02:



PARTE 03:





NO FINAL COPIE O CÓDIGO GERADO PELO YOUTUBE E COLE NA SUA PÁGINA, SIGA O EXEMPLO NA IMAGEM ABAIXO:



TESTE AS REFERENCIAS NO FINAL DA SUA PÁGINA, VEJA SE NO MOMENTO EM QUE VOCÊ CLICAR NAS REFERÊNCIAS AS PÁGINAS SERÃO ALTERADAS.

EXERCÍCIO 04 - HTML - SITE BÁSICO

Exercício 03 HTML - Criando um Site do Zero! Inserindo Imagens, músicas e incorporando vídeos diretamente do youtube.


Para melhor organização crie uma pasta com o nome AULA HTML 03 e salve todos os seus arquivos e suas páginas na pasta.


PARTE 01
Página Inicial, falando um pouco sobre o HTML e suas funções. Vale lembrar que o assunto pode ser alterado no momento que você quiser, basta apenas substituir o texto existente pelo escolhido por você, deixe sua imaginação fluir e agir!


PARTE 02
Página destinada a Falar um pouco da empresa da qual o site fala, lembrando que no exercício nós falaremos como exemplo da nossa escola de cursos Educx.




PARTE 03
Página onde inserimos um áudio utilizando da TAG <embed SRC>, onde com a utilização correta nos proporciona resultados efetivos no site, qualquer dúvida contate por meio de comentários. Vale citar que como primeira postagem de áudio utilizaremos de um PLAYER simples, com o passar dos exercícios trabalharemos com recursos mais avançados referente á áudio e players.

PARTE 04
Nesta ultima página vamos incorporar um vídeo diretamente do site youtube.com, para incorporar basta seguir o tutorial a seguir:

1° Acesse a página youtube.com
2° Escolha o vídeo para incorporar ao site, após isso siga as imagens:





COLE O RESULTADO DE ACORDO COM O EXEMPLO:


No final salve e teste sua página no navegador, lembre-se das posições center, left e right. Escolha a melhor posição para o seu vídeo no site. Para melhor organização crie uma pasta com o nome AULA HTML 03 e salve todos os seus arquivos e suas páginas na pasta.

ARQUIVOS NECESSÁRIOS DO SITE MEDIAFIRE.