Урок 2. Задания

И на этой неделе мы прошли много материала! Не волнуйтесь и не торопитесь, этот сайт никуда не денется! Любые вопросы можно задать здесь.

Задания этой недели

• Создайте простую страничку - резюме наподобие этой, если вы этого еще не сделали. Если у вас не хватает на это времени – просто используйте мою.
• Прочтите первые четыре страницы Приложений - Список тегов HTML, Правила CSS. Управление шрифтами и текстом (часть 1 и 2), Правила CSS: Фон и цвет. Не обязательно запоминать все, что там написано, к этим разделам вы можете обращаться в процессе работы.
• Примените какие-нибудь правила стиля к вашей странице. Начните с определения шрифтов, затем перейдите к цветам, фону, маржам, границам и отступам. (Если Вы уже применяли стили к своему сайту, пробуйте изменять их). Отпустите свое воображение!
• Создайте еще одну страницу: очень простую табличную раскладку в 2 столбца, с несколькими навигационными ссылками и поясняющим текстом слева, и с текстом в основной части. В текст основной страницы добавьте несколько ссылок и маркированный список. Не используйте "bgcolor" или "text-align" в таблице, и не делите вашу страницу по горизонтали дополнительными строками таблицы. Убедитесь, что создали правильно построенный, валидный HTML и пропустите его через HTML валидатор. В результате вы получите нечто подобное диаграмме ниже.

Мы используем эту новую раскладку для следующего урока. (Она уже больше похожа на нормальную web-страницу, правда?)

И если у вас осталось еще немного времени – вот дополнительные, «хитрые» задания:

• Добавьте к своей странице горизонтальные разделители, не используя тег <hr>.
• Как бы вы избавились от отступов, по умолчанию используемых различными браузерами, при помощи CSS?
• Вам кажется, что под вашими заголовками <H2> слишком много пустого места. Как исправить это при помощи CSS?

Ответы на эти вопросы – здесь (урок 3 в разработке [Черный Кот]).