Все тексты, представленные в данном разделе, являются плодом нашего интеллектуального труда. Перевод уроков осуществлялся вручную, по возможности сохранялся стиль автора и особенности оригинального языка.

Исходя из вышесказанного – огромная просьба к вам, коллеги web-мастера: пожалуйста, уважайте наш труд, при использовании любых материалов нашего сайта и, в частности, данного раздела ставьте ссылку на сайт www.bcat.com.ua. Заранее спасибо!

Уроки CSS. Черный кот.

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

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

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

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

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

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

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

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



Valid HTML 4.01 Transitional
Рейтинг@Mail.ru