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!

Mostrando postagens com marcador WEB DESIGN. Mostrar todas as postagens
Mostrando postagens com marcador WEB DESIGN. Mostrar todas as postagens

segunda-feira, 21 de julho de 2014

Como Fazer um Blog Blogspot

Veja como é fácil e simples fazer seu blog no Blogspot. Em poucos passos você se tornara um blogueiro. Não se preocupe, não é nem pouco complicado fazer um blog. O artigo esta dividido em passos e ilustrado com imagens que ajudarão melhor na compressão.
Esse tutorial baseia na criação de um blog no site blogspot.com, um dos sites do Google.

Como fazer um Blog Blogspot

Primeiro passo

Entre com a sua Conta Google no site www.blogspot.com. Caso não possua uma Conta Google, clique em “Criar uma conta”, você terá que criar uma conta preenchendo os dados da pagina seguinte caso tenha dúvida no preenchimento veja esse artigo.
Feito isso, vá ao site do Blogspot e entre com seu login e senha.

Lembrando que muitos sites chamam o Blogspot de “Blogger”. Não se deve confundir os endereços, afinal o “Blogspot” é um site do Google e é gratuito.

Segundo passo

Depois de você já ter acessado o Blogspot, é hora de criar o seu blog.  O primeiro passo é clicar em “Novo Blog” aparecera logo de cara no painel principal.


Terceiro passo

 Uma tela aparecera onde você deve dar titulo ao blog e criar um endereço. No endereço você definira a URL do seu blog o resultado é parecido com este “http://nomedoseublog.blogspot.com”.
Caso tenha domínio próprio ou compre depois ha possibilidade de configurar para novo domínio.
Depois de ter preenchido todos estes dados corretamente, é hora de escolher um modelo de layout para o seu blog.
Na tela abaixo aparecerão alguns modelos não se preocupe neste primeiro momento você pode escolher qualquer um – existem muitos outros modelos para você deixar o seu blog com a sua cara.
Quando você já tiver escolhido qual será o primeiro layout, clique em “Criar Blog” e voilà! Seu blog está pronto!

Como fazer seu primeiro post

Para fazer seu primeiro posts em seu blog você pode clicar em “Iniciar postagem” ou no ícone de uma caneta laranjada. Você será redirecionado automaticamente para a página de novas postagens.

Digite um titulo e escreva um texto da sua postagem. Quando terminar a edição do seu texto, basta clicar em “Publicar” para que o conteúdo seja enviado para a página principal do seu blog.

Visualizando seu blog

Para visualizar seu blog clique em “Visualizar Blog” no topo.

Onde e como BAIXAR um TEMPLATE para seu BLOG.

Iaí povão!!! Agora eu vou mostrar de uma maneira bem fácil como e onde baixar um modelo de template para deixar seu BLOG fashion!!

Primeiro de tudo, vou deixar aqui uma pequena lista de sites para download e visualização de templates para seu BLOG, lembre de deixar o BLOG com a cara da sua EMPRESA, um bom BLOG ajuda a expandir sua EMPRESA com um custo baixo ou nulo e um grande retorno!

http://maistemplate.blogspot.com.br/

http://btemplates.com/

http://www.mundoblogger.com.br/templates-gratuitos

http://www.siteparaempresas.com.br/blog/?p=4343

http://www.btemplates4u.com/

http://www.dhetemplate.com/

http://www.temasblogspot.com/

http://www.template-para-blog.com/

No caso, para nossa aula, vamos utilizar o http://maistemplate.blogspot.com.br/, de simples uso e com a opção de demonstração do TEMPLATE, podemos visualizar como vai ficar o BLOG da sua EMPRESA antes mesmo de aplicá-lo.

Ao acessar o http://maistemplate.blogspot.com.br/, nos deparamos com a tela inicial, escolha qual modelo chama mais atenção ou combina mais com a sua EMPRESA, após isso, clique no modelo escolhido:



Após a escolha do modelo, na nova página temos a opção de DOWNLOAD e DEMONSTRAÇÃO, clique em DEMONSTRAÇÃO para visualizar o TEMPLATE. Gostou? Confira todos os detalhes.


Depois de visualizar e escolher o modelo, vamos baixá-lo no nosso micro, como faz? Volte para para a página do TEMPLATE e clique na opção DOWNLOAD.


O arquivo agora vai ser salvo, observem os próximos passos:


Continue seguindo a ordem:


Escolha o local para extrair o TEMPLATE da sua EMPRESA:



Confira se o arquivo foi extraído com sucesso:


Galera ROCHEDA, para aplicar esse template escolhido, siga o passo a passo da aula
COMO ALTERAR O TEMPLATE DO SEU BLOG!

Como alterar o TEMPLATE do seu Blog!

Hoje vou mostrar como trocar o template de seu Blog na Nova Interface do Blogger.


1- Entre em sua Conta Blogger






2- Clique no menu lateral na opção Modelo




3 - Neste mesma página no canto  direito da sua tela clique na opção fazer backup/restaurar


4 - Clique na janela que irá se abrir na aba escolher arquivo


5 - Procure dentro  do seu computador o arquivo do novo template ( xml)


6- Clique sobre o arquivo e mande abrir carregar - fazer upload do arquivo


7 - Salve e mande visualizar, pronto seu novo template já está instalado em seu Blog.


8 - Observem como ficou meu BLOG, lógico que ainda existem edições a serem feitas! :D


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:


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.


sexta-feira, 23 de novembro de 2012

Corel Website Creator X6



Website Creator é um editor simples e eficaz para criação de sites. Com a ferramenta qualquer usuário consegue criar páginas de internet, sem necessidade de conhecer comandos avançados de programação em código.
Para criar a página, basta arrastar e soltar o conteúdo desejado para dentro de interface do programa. Automaticamente o Website Creator vai criar o código, com suporte a XHTML, CSS, JavaScript e XML. O Timeline Editor adiciona efeitos visuais na página, já o Site Wizard controla a codificação. As opções de segurança protegem o conteúdo com senha, em linguagens PHP, ASP, feeds RSS e scripts personalizados. Junte os arquivos com o HJ-SPLITnão sabe como fazer, leia o TUTORIAL. Quer REGISTRAR, CONFIGURAR E PERSONALIZAR, clique nesse POST.
Roda em Windows XP, Vista, 7.
DOWNLOAD MEDIAFIRE PARTE 01
DOWNLOAD MEDIAFIRE PARTE 02.

DOWNLOAD KEYGEN MEDIAFIRE

terça-feira, 20 de novembro de 2012

Adobe Flash Professional CS5 Portátil PT-BR



O Adobe Flash Professional é um ambiente de criação perfeito para produzir diversos tipos de conteúdos animados e interativos para sites, softwares e aplicativos portáteis.
Sabe os infográficos que você vê no Tecmundo? Então, eles são excelentes exemplos do que se pode produzir com este aplicativo, desenvolvido pela mesma esmpresa dos consagrados Photoshop, Illustrator e Premiere.  O Adobe Flash Professional é um aplicativo que vem preparado para fornecer ferramentas que possibilitem criar textos, desenhos, botões e muito mais. Para realizar tais tarefas, o aplicativo necessita de recursos eficientes e fáceis de usar – características que são perceptíveis no programa. Junte os arquivos com o HJ-SPLITnão sabe como fazer, leia o TUTORIAL.


sexta-feira, 7 de setembro de 2012

Instalando, Registrando e Personalizando o Corel Web Creator x6

Iaí Galera! Nesse post vou mostrar como instalar e registrar o Corel Web Creator X6, depois de vc ter baixado o aplicativo, e unido as partes com o HJ-SPLIT, vamos para a instalação, primeiro abra o instalador, depois de aberto aparecerá a seguinte tela:
Clique em OK para iniciar a Instalação, após isso aguarde um momento.
Clique em Próximo para prosseguir a instalação.
Clique em Concordo para continuar.
Escolha o tipo de Instalação, selecionei padrão por ser mais prático mas se você quiser personalizar, escolha a segunda opção e altere o que achar necessário.
Utilizaremos agora o Keygen, mas o que é Keygen? É um programinha que gera chaves de registro para vc usar um outro programa que está bloqueado por motivo de já ter expirado o prazo de uso ou demonstração. No nosso caso ele vai gerar a chave para registrar o Corel Web Creator X6, abra o Keygen do Corel e selecione a opção Corel Draw Graphics Suite X6.
Vale lembrar que alguns antivírus detectam Keygen como malwares, faz sentido pois os keygen são feitos para alterarem o registro de um programa, mas não se preocupem, pois o arquivo foi testado e não apresentou nenhum risco ao Sistema Operacional. 
Caso o Google Chrome não permita baixar o arquivo, siga essa imagem.
O Keygen irá gerar um serial, copie o serial gerado.
Cole o serial gerado na aba Número de Série, Marque a opção pessoa física e insira seu nome/sobrenome.
Aguarde o término da Instalação, na maioria das vezes é rápida, dependendo do micro ela não dura nem 5 minutos.
Terminando a instalação, Parabéns, o Aplicativo foi instalado em sua máquina, clique em concluir para encerrar o instalador.
Terminando a instalação vou mostrar algumas opções interessantes de personalização do programa.
Abra o atalho para o programa criado na sua área de trabalho.
Após o programa ter aberto, na parte superior da tela, clique na guia Ferramentas>Opções>Aplicativo e aguarde uma nova janela abrir.
Na guia Visualizar, escolha o Navegador padrão para visualizar suas páginas criadas, no meu caso escolhi o Google Chrome, caso seu navegador não esteja na lista, basta clicar em Incluir e selecionar o local do aplicativo.
Na guia Atualizações escolha a opção Manualmente, para que não seja exibida aquelas mensagens "Uma nova versão está disponível", e tratando-se de performance, melhora muito desativando as atualizações, fora que estamos utilizando de um programa crackeado hahahahaha então é melhor evitar um contato maior com a Corel \õ/!

Bem Galera esse foi meu Post de instalar, registrar e personalizar o Corel Web Creator x6, qualquer dúvida podem comentar assim como o nosso colega Luis Fernando fez hahaha.
PS: Eu tinha me esquecido realmente de colocar o ativador no Post de download do programa hahahahaha!
Olha aí a prova do crime:

Segue Links para:

DOWNLOADO DO KEYGEN MEDIAFIRE

POST PARA BAIXAR O COREL WEB CREATOR X6