Créer une page d'inscription comme twitter/inscription?

Question

Beaucoup de nouveaux sites ont des formulaires d'inscription faciles. Je fais C++/java dev, et j'entre dans le web dev, css est encore un peu un mystère pour moi.

Si je voulais créer une page comme twitter.com/signup, je sais que je peux utiliser firefox et essayer de copier la mise en page en utilisant firebug. Cela va prendre un peu de temps pour passer à travers.

Existe-t-il des ressources pratiques pour les débutants qui nous aident à créer ces pages d'inscription? Ils ont tous l'air assez similaires de nos jours (page centrée, grands champs de saisie de texte, etc).

Je sais que cela est un peu général, cherchez juste un bon point de départ,

Merci

Answer 1

tout se fait via CSS, très simple en fait. Vous voudrez vraiment regarder quelques ressources CSS ainsi que le code source de certaines pages que vous aimez.

http://www.w3schools.com/css/default.asp
http://www.cssbasics.com/
http://csslearn.com/

Exemple:

Twitter utilise class="text_field" sur les entrées

<input autocomplete="off" class="text_field" id="user_name" maxlength="20" name="user[name]" size="20" tabindex="1" type="text" /> 

Le CSS est

input.text_field{ 
    border:1px solid #ddd; 
    font-size:14px; 
    padding:8px; 
    width:200px; 
    margin:0; 
    -moz-border-radius:5px; 
    -webkit-border-radius:5px; 
}