|
| 1 | +Задание 1 |
| 2 | + |
| 3 | +Осуществить верстку макета, представленного в графическом файле, в формат xhtml 1.0 |
| 4 | +Создать два варианта верстки: в таблицах (тег table), и в блочных контейнерах (тег div) |
| 5 | + |
| 6 | +Преподаватель закладывает в репозиторий исходные данные |
| 7 | +gxxxx/01/sources/maket.psd - файл с макетом |
| 8 | +gxxxx/01/sources/fonts.rar - использованные в макете шрифты |
| 9 | + |
| 10 | +Для сдачи задания использовать структуру в файловой системе: |
| 11 | +gxxxx/01/maket.png - Экспорт макета в формате png. |
| 12 | +gxxxx/01/table/index.html (+папка /images, /fonts и файл main.css) - для табличной верстки |
| 13 | +gxxxx/01/div/index.html (+папка /images, /fonts и файл main.css) - для блочной верстки |
| 14 | + |
| 15 | +Необходимые условия сдачи: |
| 16 | +- все стилевые преобразования осуществить с помощью css, вынесенного в стилевой файл. |
| 17 | +- в первой части задания запрещается использовать: тег div; атрибуты rowspan collspan; |
| 18 | +- во второй части задания запрещается использовать тег table; |
| 19 | +- использовать набор правил "по умолчанию" для верстки каждого типа; |
| 20 | +- не использовать стилевые аттрибуты тегов, например: <table width="100"> (вместо этого css: table{width:100px;}); |
| 21 | +- разделить макет на смысловые блоки, для содержимого блока использовать смысловые class и id, стараться уменьшить количество используемых определений в html коде. |
| 22 | +- каждый смысловой блок закомментировать, например <!-- главное меню --> в html и /*главное меню*/ в css; перед комментарием - пробельная строка |
| 23 | +- важно добиться, чтобы верстка не искажалась при добавлении большого количества текста в любой блок верстки; |
| 24 | +- верстка должна соответствовать стандарту xhtml 1.0, можно использовать http://validator.w3.org/ для проверки |
| 25 | +- использовать смещение на 1 табуляцию для вложенных блоков; |
| 26 | + |
| 27 | + |
0 commit comments