Что я буду требовать на зачете?
Для того, чтобы получить зачет по предмету, необходимо будет предъявить сайт, созданный с использованием изучаемых в процессе курса технологий. Кроме этого необходимо будет представить ряд вспомогательных файлов, которые мы также создавали в процессе курса лекций. А именно, будет проверяться наличие и корректность следующих файлов:
- Паспорт сайта
- Структура сайта
- Пример созданного XML-документа
- Пример странички сверстанной по правилам XHTML 1.0
- Пример XHTML-странички с подключенными стилями (доработанная предыдущая страничка)
- Пример странички со стилевой версткой в две колонки
- Готовый сайт созданный с использованием web-стандартов и собранный при помощи технологии SSI
Лекции закончены! Зачет будет приниматься 12 мая в пятницу с 10.45 до 13.00 (2-ая и 3-я пара). Кто не успеет сдать зачет в пятницу, сможет это сделать 16 мая во вторник с 9.00 до 10.35 (первая пара). Работа должан быть представлена в виде ZIP-архива, содержащего все перечисленные выше файлы (используйте свою фамилию в качестве названия архива).
Сайт, а также те странички, которые созданы по правилам XHTML должны проходить проверку валидатором W3C и грамотно отображаться в стандартном браузере. В качестве основного браузера принимается FireFox, как наиболее строго соблюдающий web-стандарты. Плюс, я могу задавать вопросы, чтобы выяснить насколько усвоен курс.
Примеры, созданные на лекциях
Все созданные мною, в процессе лекций, примеры, я разместил в этом разделе и Вы можете использовать их при подготовке к зачету. Для сохранения файлов, особенно XML и HTML, нажмите правую клавишу на ссылке и выберите пункт "Сохранить ссылку как...".
- Паспорт сайта
- Структура сайта
- Пример XML-документа
- Архив первого дизайна учебного сайта (XHTML+CSS)
- Графический эскиз дизайна учебного сайта (версия 1)
- Графический эскиз дизайна учебного сайта (версия 2)
- Пример стилевой верстки макета странички в две колонки
- Пример сайта, созданного с использованием SSI
Полезные ссылки
Ниже приводится подборка ссылок, связанных с созданием сайтов. Некоторые из этих сайтов могут служить примерами грамотного и красивого дизайна. Другие содержать справочную информацию и полезные инструменты для тех, кто создает свой сайт.
Красивые сайты
Не секрет, что лучше один раз увидеть, чем сто раз услышать. Ниже я привожу ссылки на сайты, которые демонстрируют профессиональный уровень стилевого дизайна. Используйте их как вдохновение для Ваших собственных сайтов. Изучайте исходный код, чтобы разобраться в том как все работает.
- css Zen Garden: The Beauty in CSS Design - css Zen Garden: The Beauty in CSS Design - сайт-пример, показывающий что можно сделать с дизайном сайта при помощи изменения только стилей CSS2, не затрагивая собственно разметку сайта.
- CSS Vault - каталог профессиональных зарубежных сайтов, созданных по стандартам и использующих только стилевую верстку.
- cssBeauty - еще одна галерея с подборкой профессиональных сайтов, сделанных по web-стандартам
- W3C Compliant Sites - каталог сайтов, сделанных с соблюдением web-стандартов. По сути это еще одна подборка красивых CSS-сайтов.
Стандарты и инструменты web-дизайнера
В случае возникновения вопросов, связанных со стандартами, нет ничего лучше, чем сами стандарты. Ниже я привожу ссылку на русские версии стандартов HTML 4.0, XHTML м CSS2. А также дополнительные ссылки на полезные для web-разработчика инструменты.
- Стандарты W3C - русские переводы документов World Wide Web Consortium (W3C)
- W3C Validator - он-лайн валидатор документов на соответствие сайта стандартам
- Web Developer - расширение для браузера FireFox, сильно облегчающее разработку web-страничек (есть русская версия)
- Денвер - "Джентльменский набор Web-разработчика" - набор дистрибутивов (Apache+PHP+MySQL), используемый для написания и локальной отладки динамических сайтов.
Образовательные ресурсы
На сайтах, адреса которых приведены ниже размещена различная информация, посвященная созданию сайтов с использованием стандартов и стилевой разметки, а также общие соображения о дизайне сайтов. Если Вы хотите добиться того, чтобы Ваши сайты профессионально выглядели и хорошо работали в разных браузерах, то обязательно изучите эти сайты. На них публикуются приемы CSS-разметки, которые позволяют добиться тех или иных эффектов, а также приведены примеры того, как бороться с несовместимостью различных браузеров.
- http://www.htmlbook.ru/ - Удобный он-лайн справочник по HTML и CSS
- http://web-anatomy.ru/ - Веб-анатомия с Артемием Ломовым
- http://www.webmascon.com/ - Webmascon - журнал для веб-мастеров
- http://www.nbsp.ru/ - NBSP - журнал для вебмастеров
Очень много информации, особенно о современных способах верстки, приведено на зарубежных сайтах. Гораздо больше, чем на российских ресурсах. Ниже я привожу ссылки на такие сайты.
- http://www.alistapart.com/ - A List Apart
- http://css.maxdesign.com.au/floatutorial/ - Float Tutorial
- http://www.positioniseverything.net/ - Position Is Everything
- http://www.meyerweb.com/eric/css/ - Eric Meyer: CSS
Книги по web-дизайну
Если Вы пожелаете более углубленно изучить современные приемы создания грамотных и красивых сайтов, то Вам смогут пригодится следующие книги. Щелкните на обложке книги, чтобы увидеть подробную информацию.
Джеффри Зельдман. Web-дизайн по стандартам

Эрик Мейер. CSS - каскадные таблицы стилей.

Артемий Ломов. HTML, CSS, скрипты. Практика создания сайтов.

Ши, Хольцшлаг. Философия CSS-дизайна.

Флэнаган. JavaScript. Подробное руководство, 4-е издание

Программы, используемые в процессе курса
Ниже я привожу ссылки на сайты производителей программ. Большинство этих программ уже предустановлены в компьютерных классах, но если Вы захотите установить их у себя дома, то будет знать где их взять или что спрашивать в магазинах.
- Total Commander - файловый менеджер
- Mozilla FireFox - второй по популярности и наиболее близкий к стандартам браузер
- Opera - третий по популярности браузер, также работающий по стандартам
- HomeSite - HTML-редактор