Необходимо сверстать кроссбраузерно три страницы (две те что будут до авторизации польльзователя на сайте, одна – после авторизации).
Сами исходники + шрифты:
Две первых страницы – прилагаю исходники в PSD+шрифты. По последней странице – прилагаю верстку, то как она должна выглядеть внешне. Нужно сделать верстку этой страницы с нуля, но правильно и кроссбраузерно.
Обязательные требования:
- Все тексты должны быть в конечной верстке также текстами.
- Максимальная, насколько это возможно, оптимизация и сжатие картинок (чтобы не отразилось при этом на качестве) при сохранении в Фотошопе.
- По возможности сохранение не в PNG а в JPG, а то объем картинок получается огромный.
- Кроссбраузерность: Opera, FireFox, IE, Chrome (одинаковое отображение!).
- Отсутствие ошибок валидации кода.
- Масштаб 1:1
- Никакой отсебятины (резиновая верстка, тянущийся фон или пр.), все должно быть статично и выглядеть также как и в PSD-макете.
- Кнопки сверстать с эффектом наведения мыши (использовать background-position)
- Все JPG-картинки сделать в виде одного файлика. Использовать background-position.
- Все PNG-картинки сделать в виде одного файлика. Использовать background-position.
В окне форм авторизации и регистрации, сверстать культурно и красиво всплывающие сообщения об ошибках (без кавычек):
В будущем будет проверка на ошибки ввода и эти слои будут всплывать в случае если были ошибки. Сделайте их сразу видимыми в верстке.
Форма РЕГИСТРАЦИЯ:
"Вы не ввели e-mail"
"Вы не ввели пароль"
"Вы не ввели пароль повторно"
"Вы не согласились с правилами"
Форма ЛОГИНА, то что будет после нажатия на кнопку "Войти":
"Вы не ввели e-mail"
"Вы не ввели пароль"
Важно:
1. Спецэффекты, отправка на почту, проверки форм на валидность не нужны, только верстка.
2. Не использовать яваскрипты.
3. Как все закончите, проверьте пожалуйста результат в IE, FF, Opera, Chrome. Важно чтобы выглядело одинаково.
4. Все тексты должны быть хорошо читаемы и не сливаться. Заменить плохо читаемые шрифты аналогичными но хорошо читаемыми.
5. Все стили должны быть в css-файле лежащем в ./styles/styles.css. Все шрифты должны лежать в папке ./fonts
Спасибо.