Сайт о правильных сайтах



О проекте

Идея создать проект для школьнимков "Сайт о правильных сайтах", как некоторое справочное руководство по современным способам верстки на основе блочной модели, появилась у нас давно, но, вероятно, для воплощения данного проекта не хватало и опыта и смелости, а самое главное хорошей справочной литературы.

Проекты, которые создавали учащиеся нашего МУК-21 вместе со своими преподавателями, много раз занимали призовые места на разных конкурсах, в том числе и на уровне города Москвы. Но это были проекты, выполненные на основе верстки в табличной модели или с помощью фреймов.

Но жизнь не стоит на месте, да и ребята сейчас совсем другие, чем лет пять назад. Среди наших учеников не мало способных, думающих, хорошо знающих информационные технологии, а главное, по-настоящему творческих личностей. Для таких ребят и создавался данный проект. Очень хотелось бы, чтобы тот материал, который можно найти на страницах нашего сайта, помог этим ребятам быстрее освоить современные способы верстки веб-сайтов и, возможно, найти в будущем в этом свою профессию.

Чтобы кого-то чему-то учить, надо иметь для этого основания. Мы не претендуем на широкую аудиторию, поскольку ещё и сами не всегда знаем правильные ответы на все вопросы. Но ставим перед собой задачу научить современных школьников создавать грамотные проекты — "правильные веб-сайты".

Обучение школьников с помощью сервиса «Народ», декларирующего построить веб-сайт на основе готовых шаблонов чуть ли не за 60 секунд, нас никогда не привлекал. Такая работа скорее может занять или развлечь ребят, чем научить и увлечь, поэтому был выбран путь изучения основ построения блочной модели веб-сайта с применением каскадных таблиц стилей с использованием возможностей более современного языка разметки гипертекста XHTML. Целью данного проекта является обобщение опыта использования при проектировании и разработке веб-сайтов блочной технологии, конечно, опираясь на возможности учащихся.

Для тех, кто только знакомится с языком разметки гипертекста, на нашем сайте есть возможность изучить основные теги и проверить свои знания о возможностях сети Интернет, а также по HTML и CSS. Для этой проверки разработаны три интерактивных теста, с выставлением оценок тестируемому и возможностью посмотреть правильные ответы. Поэтому наш веб-сайт можно считать и обучающим и тестирующим. В наш проект также включён раздел "Анимация", позволяющий учашимся самостоятельно познакомиться с возможностями двух графических редакторов: PhotoShop и редактором программы Macromedia Flash, научиться создавать простейшие анимации.

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

Веб-сайт построен на основе "резинового" шаблона с фиксированным по ширине вертикально ориентированным навигационным блоком. Наш сайт включает в себя три вида страниц. Это главная страница; страницы оглавлений "магистральных" разделов; и внутренние страницы разделов, т.е. страницы третьего и четвёртого уровней вложенности. Лист стилей данного сайта является аппаратно-зависимым. Кроме экранной версии для настольных компьютеров и ноутбуков, реализован вариант представления информации для КПК и для вывода на печать.


Выражаем огромную благодарность автору книги "HTML, CSS, скрипты: практика создания сайтов" Артемию Ломову за тот замечательный материал в его книге, на котором хочется самому учиться и учить других.


Над этим проектом работали ученицы 10 "А" школы 865 г. Москва Алцибеева Анна и Дубровина Екатерина.

Алцибеева Анна Дубровина Екатерина

По всем вопросам просьба обращаться по электронной почте к руководителю проекта Виноградской Ирине Алексеевне: vinogirina@yandex.ru.


Перечень литературы, использованный в работе над проектом:

  1. А. Ломов «HTML, CSS, скрипты: практика создания сайтов», С-Петербург, изд. «БХВ», 2006 г.
  2. Е.В. Мальчук «HTML и CSS», М.-С-Петербург-Киев, изд «Вильямс», 2006 г.
  3. М. Дмитриева «JavaScript», С-Петербург, изд. «БХВ», 2003 г.
  4. В.В. Дригалкин «HTML в примерах. Как создать свой Web-сайт», М.-С-Петербург-Киев, изд «Диалектика», 2003 г.
  5. Дэнни Гудман «JavaScript. Библия пользователя», М.-С-Петербург-Киев, изд «Диалектика», 2002 г.
  6. С.И. Переверзев «Анимация в Macromedia Flash MX» М., изд «Бином», 2005 г.
  7. Д.И. Тверезовский «Macromedia Flash 2004», М.-С-Петербург-Киев, изд «Диалектика», 2005 г.
  8. Н.Д. Угринович "Информатика и информационные технологии. Учебное пособие" М., изд. Лаб. Базовых Знаний., 2005г.