Тема конкурсу: Створення статичного сайту до Міжнародного Дня Миру.
6. З детальними правилами проведення конкурсів можна ознайомитися на сторінці Правила (меню IT-Арена)
Поздравляю с успешным завершением конкурса.
Жаль что работ было всего 5. Тем не мене работы получились весьма достойные. Разберем их по порядку.
Артем Клёц
Неплохая задумка, смахивает на первый сайт студии Артемия Лебедева.
Основные ошибки:
1. Архив допускается только .zip. Забудьте про .rar! Вы же не получаете задание в формате .cbz или .tar.lzma.
2. Внимательно читайте задание. В этот раз требовалась всего одна колонка, а не две.
3. Проверяйте ссылки, с главной страницы ссылки меню не работают. А вот с остальных страниц работают. Допускаю, однако, что они могли у вас работать т. к. Windows не различает большие и маленькие буквы в именах файлов. Но большинство серверов работает на BSD, UNIX и Linux где What.html и what.html — это два разных файла.
4. Шрифт не меньше 12px должен быть.
5. Не забывайте про отступы.
6. Фон страницы должен быть сплошным цветом или из предоставленых изображений.
7. Цвет заголовков и текста должен различаться.
8. Меню в шапке справа, а не по середине. А текущий пункт должен быть выделен, и не должен перезагружать страницу (быть ссылкой).
9. Иконка должна быть из предоставленного набора.
10. В «title» меня смущает название всех страниц «Bios FM -Главная».
Шинлов Ростислав
Хороший дизайн, мне нравиться.
Основные ошибки:
1. Не .rar, а .zip!
2. Отступы.
3. Вместо большой фоновой картинки надо было использовать предоставленные изображения.
4. Цвет заголовков.
5. Текущий пункт меню должен быть выделен. При наведении на пункт должен менятся цвет фона. Не должно быть не работающих пунктов.
6. Проверяйте правильность пути к изображениям, в том числе и иконкам.
7. Не указан doctype.
8. Галерея отличается от остального сайта.
9. В тегах «title» «Без имени-2».
10. Много лишних файлов в папке.
Адрианова Вероника
Видно что есть художественный вкус, но слегка не хватает навыков.
Основные ошибки:
1. .rar нельзя, надо .zip!
2. Одна колонка!
3. Подвал отсутствует как таковой.
4. Цвет заголовков.
5. Немного не выдержано единство стиля.
6. Не совсем правильно указана иконка.
7. В требованиях есть пункт фиксированная ширина сайта.
8. В тегах «title» «Untitled Document».
Григоренко Александр
Сайт мог стать образцовым, если бы не несколько грубых ошибок.
Основные ошибки:
1. Не указана кодировка!
2. Указан не правильный doctype, должен быть один из следующих:
2.a) <!DOCTYPE html>
2.b) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2.c) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2.d) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
2.e) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2.f) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2.g) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
2.h) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
2.i) Подробности: http://www.w3schools.com/tags/tag_doctype.asp
3. Абзацы лучше делать тегом «p». Имейте ввиду тег «pre» еще и шрифт меняет на моноширинный.
4. И снова отступы.
5. Одинаковые тайтлы.
6. Горизонтальная прокрутка, которой не должно быть по идее. Возникает она из за того, что не ограничена ширина елемента «pre» в подвале.
Гилко Николай
Очень хороший акуратный дизайн.
Основные ошибки:
1. Не выделен текущий пункт меню.
2. Абзацы не тег «p».
3. Отступы (в подвале).
4. Заголовки не выделены цветом.