Guia de como iniciar com HTML

Para você que ainda não sabe como iniciar com HTML vou explicar da maneira mais simples e prática para começar a criar sites.

Software necessário:
Bloco de notas do Windows

O que são TAGS?
De uma maneira bem simples tag é tudo aquilo que estiver entre o sinal de menor ( < ) e de maior ( > ). EX:

<html>

› Continuar lendo

sexta-feira, fevereiro 26th, 2010 Site Sem Comentário

Kuler, o que é? Ventoinha?

Tags: ,

Kuler

Kuler

Kuler não tem nada a ver com os pequenos vetiladores dos processadores ou dos gabinetes. O Kuler é uma ferramenta que permite visualizar a teoria de combinações harmônicas das cores. No site você encontra paletas prontas, as mais populares e até baseadas em imagens. Vamos supor que você gostou das cores de uma foto e deseja a paleta de cores dela. Você envia a foto através de um formulário e ele automaticamente cria a paleta de cores para você.

› Continuar lendo

sexta-feira, dezembro 11th, 2009 Cores, Site 1 Comentário

Sistema de login seguro sem BD.

Tags: , , ,

Por muito tempo fiz programas com autenticações “baratas” que não necessitavam de banco de dados, somente de uma tela de login para 1 responsável acessar.

Tela de login

Tela de login

Vou ensinar uma maneira bem prática e segura de implementação de login e senha para acesso de uma determinada página.

Login: amblog

Senha: testesha1

Clique aqui para ver o demo do login!

› Continuar lendo

sexta-feira, dezembro 11th, 2009 PHP Sem Comentário

Menu CSS com jQuery Round Corners

Tags: , , , , , , ,

Olá amigos, estou adicionando agora um menu que é super legal e bem simples de fazer. O que terá de novidade é que o menu terá bordas arredondadas através do jQuery e usará a propriedade text-shadow, que é uma propriedade do CSS para fazer a sobreposição. O menu será baseado no menu do site  jQuery.com, aquele azul. Vamos fazer ele no modo horizontal e no modo vertical para atender a demanda para qualquer tipo de aplicação.

Veja os menus em funcionamento.

Menu com jQuery

Menu com jQuery

O menu é bem simples de fazer. Siga os passos seguintes para criação.

› Continuar lendo

quarta-feira, dezembro 9th, 2009 Tutorial, jQuery, menu Sem Comentário

Você conhece o “Mestre” do CSS?

Tags: , , , , , , , ,

Não? Como assim não conhece?

Site do Majour

Site do Majour

O nome dele é Maurício Samy, autor do site do maujor. Posso dizer que muitas coisas que aprendi sobre CSS foi buscando informações no site dele. Tutoriais, guias, explicações, traduções, exemplos, e muitos outros recursos. Começar a trabalhar com CSS não foi fácil. Não tinha ninguém para me explicar e tive que correr para o site mais poderoso de todos, o Google.

› Continuar lendo

terça-feira, dezembro 8th, 2009 Site 1 Comentário

Separando o código com PHP

Tags: , , , , , ,

Trabalhar com HTML puro é estressante? Fica pior quando o site é muito grande? Eis a solução para seus problemas.

O seu Dreamweaver também fica assim?

O seu Dreamweaver também fica assim?

No post anterior eu ensinei como iniciar o trabalho com PHP, a partir daí, vamos dar continuidade ao nosso processo de aprendizado. Quando comecei a trabalhar com PHP, esse foi o meu maior motivo para continuar. Por causa de um link, ter que mudar página por página, para trocar somente “um maldito link” que estava errado é um saco. Agora imagina alterar 500 páginas? Melhor então, seu chefe manda você trocar o banner do site que consta em umas 300 páginas do site? Super Hiper Mega estressante não?

Veja o exemplo em funcionamento!

› Continuar lendo

terça-feira, dezembro 8th, 2009 PHP, Site, Tutorial 2 Comentários

jQuery FadeTo – Efeito Google.com

Tags: , , , , , ,

Olá amigos, hoje vou explicar como funciona o efeito da página inicial do Google utilizando jQuery. Como todos já sabem, o jQuery é uma biblioteca Javascript que permite alterar características da página do lado cliente. Alguns exemplos são, formulários com validação sem ter que acessar outra página e páginas que dão uma resposta a um evento sem ir para uma segunda página de processamento.

Você já deve ter visto a página do Google.com com o efeito hover correto? Ainda não viu, acesse aqui -> jQuery.am-fadeto ou aqui -> google.com.

› Continuar lendo

terça-feira, dezembro 8th, 2009 Tutorial, jQuery 1 Comentário

Quiz CSS, eu acertei 90%

Tags: , , , ,

Boa tarde, faz muito tempo que não participava de quiz ou outras brincadeiras legais com programação web. A última que ví foi no Blog do Maujor, onde ele faz alguns desafios de css. Eu respondi a uma série de questões sobre CSS no site http://www.w3schools.com/

Comprovação da participação

Comprovação da participação

No site w3 Schools você encontra certificações para css, html, php, entre outras linguagens de marcação ou programação, quiz, tutoriais, guias e etc.

› Continuar lendo

segunda-feira, dezembro 7th, 2009 Quiz Sem Comentário

Como organizar seu projeto Web

Por muito tempo venho aprimorando os conhecimentos para organização e encontrei um meio muito bom para organizar os meus projetos Web. Costumo fazer uma análise dos Sistemas com gerenciamento de conteúdo e vejo a organização deles, que é muito bem projetada. E para quem não tem conhecimento ou está entrando na área agora, o que fazer?

› Continuar lendo

segunda-feira, dezembro 7th, 2009 Estrutura 1 Comentário

Notepad++, uma ajuda no desenvolvimento

Tags: , , , , , ,

O Notepad++ é um editor de código livre, que suporta várias linguagens de programação.

Notepad++ com autocomplete

Notepad++ com autocomplete

Além de ser muito fácil de usar, ainda tenho algumas dúvidas quando a utilização pela quantidade de funcionalidades que o software possui. Ainda não achei tudo o que eu queria no Notepad++, mas em breve eu descobrirei. Eu utilizo a versão Portable, e me ajudou bastante no desenvolvimento.

› Continuar lendo

segunda-feira, dezembro 7th, 2009 Editor de códigos, Software Sem Comentário