- еще одна галерея с подборкой профессиональных сайтов, сделанных по web-стандартам
- каталог профессиональных зарубежных сайтов, созданных по стандартам и использующих только стилевую верстку.
- css Zen Garden: The Beauty in CSS Design - сайт-пример, показывающий что можно сделать с дизайном сайта при помощи изменения только стилей CSS2, не затрагивая собственно разметку сайта.
Не секрет, что лучше один раз увидеть, чем сто раз услышать. Ниже я привожу ссылки на сайты, которые демонстрируют профессиональный уровень стилевого дизайна. Используйте их как вдохновение для Ваших собственных сайтов. Изучайте исходный код, чтобы разобраться в том как все работает.
Ниже приводится подборка ссылок, связанных с созданием сайтов. Некоторые из этих сайтов могут служить примерами грамотного и красивого дизайна. Другие содержать справочную информацию и полезные инструменты для тех, кто создает свой сайт.
Все созданные мною, в процессе лекций, примеры, я разместил в этом разделе и Вы можете использовать их при подготовке к зачету. Для сохранения файлов, особенно XML и HTML, нажмите правую клавишу на ссылке и выберите пункт "Сохранить ссылку как...".
Примеры, созданные на лекциях
Сайт, а также те странички, которые созданы по правилам XHTML должны проходить проверку валидатором W3C и грамотно отображаться в стандартном браузере. В качестве основного браузера принимается FireFox, как наиболее строго соблюдающий web-стандарты. Плюс, я могу задавать вопросы, чтобы выяснить насколько усвоен курс.
Лекции закончены! Зачет будет приниматься 12 мая в пятницу с 10.45 до 13.00 (2-ая и 3-я пара). Кто не успеет сдать зачет в пятницу, сможет это сделать 16 мая во вторник с 9.00 до 10.35 (первая пара). Работа должан быть представлена в виде ZIP-архива, содержащего все перечисленные выше файлы (используйте свою фамилию в качестве названия архива).
Готовый сайт созданный с использованием web-стандартов и собранный при помощи технологии SSI
Пример странички со стилевой версткой в две колонки
Пример XHTML-странички с подключенными стилями (доработанная предыдущая страничка)
Пример странички сверстанной по правилам XHTML 1.0
Пример созданного XML-документа
Для того, чтобы получить зачет по предмету, необходимо будет предъявить сайт, созданный с использованием изучаемых в процессе курса технологий. Кроме этого необходимо будет представить ряд вспомогательных файлов, которые мы также создавали в процессе курса лекций. А именно, будет проверяться наличие и корректность следующих файлов:
Что я буду требовать на зачете?
Вся приведенная ниже информация, опирается на тот факт, что мы создаем грамотный сайт, удовлетворяющий web-стандартам. Это значит, что сайты строятся на оcнове языка разметки XHTML 1.0 и каскадных таблиц стилей CSS2. Данная страничка также создана по стандартам и может служить в качестве примера.
Для группы ПИ-4 Экономического Факультета СПбГУ
Сайт в поддержку курсов по созданию сайтов
CSS-Design - сайт в поддержку курсов по созданию сайтов для группы ПИ-4 ЭФ СПбГУ
Комментариев нет:
Отправить комментарий