Некоторые рекомендации по оформлению новых уроков в проекте «Открытые уроки» для студентов

1. 
   Все материалы урока должны быть помещены в отдельную папку.
   
2. 
   Возможно выполнение уроков в формате Word, картинки в отдельной папке.
   
3. 
   Название файла урока любое, но лучше осмысленное, латинскими буквами, расширение файла - .htm
   
4. 
   Все рисунки урока должны находиться в отдельной папке, название папки – такое же, как и у файла. (Например, если файл урока называется Flowers.htm, то и папка с рисунками к этому уроку тоже должна называться Flowers).
   
5. 
   Файл урока – обыкновенная html-страница. Не нужно включать никакой «внешней» навигации, шапки, как на www.avalon.ru
   
6. 
   При верстке страницы желательно не оставлять много пустого пространства.
   

7. 
   Требования к рисункам – оптимизированы для web, размер по ширине не должен превышать 400 точек.
   
8. 
   При указании пути до рисунка обязательно использовать только относительную адресацию.
   

11. 
    Если Вы хотите, чтобы Ваш урок участвовал в книге, Вам необходимо дополнительно предоставить все картинки в хорошем разрешении 100-150 и в формате *. tiff
    

1. 
   Название урока:
   

Сказочные персонажи. Рисуем фею

2. 
   Автор:
   

Автор: Елена Ходук

3. 
   Для разметки текста урока допускаются:
   

• 
  параграфы
  

После открытия документа, первым делом нарисуем лицо.

• 
  списки
  

1. Открываем новый документ. Создадим фон за букетом.



2. Создадим еще один Прямоугольник, который у нас будет служить для букета как стол или некая подставка. Точно так же ему с помощью градиента придадим нужный цвет, и даже тени.

4. 
   Для выделения команд, пунктов меню, комбинаций клавиш, названий инструментов использовать следующие классы:
   

5. 
   Для того, чтобы параграф, следующий за рисунком начинался с новой строки (не участвовал в обтекании) ему нужно задать класс newline
   

Рассмотрим этапы создания подробнее:

6. 
   Для размещения рисунков слева (справа) использовать класс .left (.right) (а не таблицу!). Каждый рисунок должен иметь атрибут alt, со значением, описывающим рисунок.
   

7. 
   Для более сложного размещения рисунков и текста допускается использование таблицы, которая не должна иметь атрибутов html-форматирования (align, width и т.п.). Для форматирования можно использовать уже существующие классы .list, .smallcatalog или создать свой класс.
   
8. 
   Каждый шаг (раздел урока) можно начинать с подзаголовка:
   

Шаг 1. Лицо

9. 
   Для того, чтобы вид урока совпадал с тем, как это будет выглядеть в итоге рекомендуется скачать файл стилевых описаний http://www.avalon.ru/_downloads/OpenLessons/openlessons_for_students.zip и применить его к html-файлу разрабатываемого урока.
   
10. 
    При необходимости можно разработать собственные стилевые описания, поместить их во внутреннюю таблицу стилей документа (блок в head). Названия у классов должны быть осмысленные, чтобы было понятно, для чего они используются (не допускаются стили .style1 и т.п.)
    
11. 
    Для примера можно скачать уроки http://www.avalon.ru/_downloads/OpenLessons/elf.zip и http://www.avalon.ru/_downloads/OpenLessons/Vitrage.zip , примерно в том виде, в котором их надо предоставлять.