Создание страницы регистрации, такой как твиттер / регистрация?

Question

Многие новые сайты имеют аккуратные формы регистрации.Я делаю c ++ / java dev и вхожу в web dev, css для меня пока загадка.

Если я хочу создать страницу вроде twitter.com/signup, я знаю, что могуиспользуйте firefox и попробуйте скопировать макет с помощью firebug.Это займет немного времени, чтобы пройти через это.

Есть ли какой-нибудь практический ресурс для нас, новичков, который поможет нам с созданием этих хороших страниц регистрации?В настоящее время все они выглядят примерно одинаково (центрированная страница, большие поля ввода текста и т. Д.).

Я понимаю, что это немного общее, просто ищу хорошее начальное место,

Спасибо

Answer 1

все это делается с помощью CSS, действительно очень просто.

вы действительно захотите взглянуть на некоторые ресурсы CSS, а также на исходный код некоторых страниц, которые вам нравятся.

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

Пример:

Твиттер использует class="text_field" на входах

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

И CSS

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