Skip to content

Commit 26efafc

Browse files
committed
added 5 homework
1 parent d2e1f26 commit 26efafc

File tree

3 files changed

+31
-0
lines changed

3 files changed

+31
-0
lines changed

lesson_05/homework5.psd

26.1 MB
Binary file not shown.

lesson_05/homework5_table.png

333 KB
Loading

lesson_05/readme.md

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
# Урок 5
2+
3+
Домашнее задание:
4+
5+
Сверстать [макет Cadastre](/lesson_05/homework5.psd):
6+
7+
1. Верстка должна выглядеть практически как на макете, но пиксельную точность пока не делаем
8+
2. Темный полупрозрачный фон формы сделать через rgba()
9+
3. Каждое поле формы должно подсвечиваться при фокусе, как показано на First Name
10+
4. В макете везде используется шрифт Tahoma, вместо него подключите Helvetica Neue
11+
5. Форма должна быть отцентрирована по горизонтали и вертикали
12+
13+
Сверстать [картину Пита Мондриана "Композиция с красным, синим и желтым" ](/lesson_05/homework5_table.png):
14+
15+
1. Для этого нужно использовать таблицы
16+
2. Визуально верстка должна быть похожа на картину, но сохранение пропорций прямоугольников не обязательно, нужно использовать colspan и rowspan
17+
18+
19+
Полезные ссылки:
20+
21+
1. [Fontsquirrel Webfont Generator](http://www.fontsquirrel.com/tools/webfont-generator)
22+
2. [Безопасные шрифты](http://www.xiper.net/collect/html-and-css-tricks/typographics/safe-fonts.html)
23+
3. [Соответствия шрифтов Windows, Mac и Unix/Linux](http://www.xiper.net/collect/html-and-css-tricks/typographics/safe-fonts-part2.html)
24+
4. [Нестандартный шрифт средствами CSS](http://www.xiper.net/collect/html-and-css-tricks/typographics/font-face-non-standart-fonts-on-css.html)
25+
5. [Свойства текста](http://htmlbook.ru/content/svoystva-teksta)
26+
6. [Базовые принципы веб типографики](http://www.wearymax.ru/webmasters/typographic/)
27+
7. [RGBA — CSS полупрозрачность](http://www.xiper.net/collect/html-and-css-tricks/css-tricks/rgba.html)
28+
8. [Форматы цветов](http://htmlbook.ru/css/value/color)
29+
9. [Семантичные HTML формы](http://www.xiper.net/learn/tegofenshuj/semantic-html-forms.html)
30+
10. [Подробно об input](http://www.xiper.net/manuals/html/tags/input.html)
31+
11. [О таблицах](http://htmlbook.ru/html/table)

0 commit comments

Comments
 (0)