Онлайн-конкурс HTML+CSS
Рівень змагання:
2
Термін проведения:
від 2012-09-21 15:00
до  2012-09-21 19:00
Вікова категорія:
Від 5 до 21

Тема конкурсу: Створення статичного сайту до Міжнародного Дня Миру.

----------------------------------------------------------------------------------------------------------
Загальні правила проведення конкурсів:
1. Підтвердити участь у конкурсі можна до 24:00 дня, що передує конкурсу.
2. В момент початку конкурсу учасникам стають доступними задачі на сторінці Завдання.
3. Під час конкурсу усі запитання пишуться у стрічку коментарів, яка є спільною для усіх учасників. Адміністрація та судді дають відповідь на поставлені запитання.
4. Відповіді необхідно завантажити на сторінку свого проекту до закінчення часу конкурсу. Після закінчення конкурсу, можливість завантаження робіт закривається.
5. Алгоритм викладення робіт: 
1. Перейти в режим редагування, натиснувши на олівець в правому верхньому кутку.
2. Перейти до задачі та натисунти на олівецьз правого боку - з`явиться діалог для завантаження файлів. 
3. Обрати файл на диску, ввести його назву, натиснути кнопку Завантажити. Якщо щось не працює - пишіть у коментарі. 
4. Якщо завантажити відповідь так і не вдалося - відправляйте файл на пошту info@it-arena.org до закінчення конкурсу. Усі відповіді, які прийдуть до закінчення часу конкурсу на цю електронну скриньку будуть перенесені у проект.

6. З детальними правилами проведення конкурсів можна ознайомитися на сторінці Правила (меню IT-Арена)

роботи
Робота 1 етап Статус Технологія IT-бали
Номінація HTML+CSS, від 5 до 80 років включно
1 Міжнародний день миру
Гілко Микола ( Бобры Центра Информационных Технологий хорошо владеющие костылями, имеющие за плечами огромный опыт )
26.00 26 1 місце HTML + CSS  20
2 Interpeace
Григоренко Олександр ( )
21.00 21 2 місце HTML + CSS  10
3 Мир усІм
Шинлов Ростислав ( ЦПР "Web-дизайн" )
21.00 21 2 місце HTML + CSS  10
4 Проект Артема
Кльоц Артем ( )
19.00 19 3 місце HTML + CSS  5
5 Міжнародний день миру
Андріанова Вероніка ( ЦПР "Web-дизайн" )
17.00 17 Учасник HTML + CSS  1
6 НАЗВА ПРОЕКТУ
Kachan Mirka ( )
 
7 НАЗВА ПРОЕКТУ
Бреус Олександр ( )
 
8 НАЗВА ПРОЕКТУ
Казначей Андрей ( )
 
9 НАЗВА ПРОЕКТУ
Урсул Владислав ( CIT )
 
10 НАЗВА ПРОЕКТУ
Хоменко Ксю ( )
 
11 НАЗВА ПРОЕКТУ
Цах Евгений ( )
 
Номінація HTML+CSS, поза віковими категоріями
12 НАЗВА ПРОЕКТУ
-- -- ( )
 
13 НАЗВА ПРОЕКТУ
Kuhtin Vadim ( )
 
14 НАЗВА ПРОЕКТУ
Shikun Kostya ( )
 
15 НАЗВА ПРОЕКТУ
Бобко Богдан ( )
 
16 НАЗВА ПРОЕКТУ
Василашко Тарас ( )
 
17 НАЗВА ПРОЕКТУ
Кирилович Веталь ( )
 
18 НАЗВА ПРОЕКТУ
Козленко Аллександр ( )
 
19 НАЗВА ПРОЕКТУ
Марківський Сергій ( )
 
20 НАЗВА ПРОЕКТУ
Окладов Артем ( )
 
21 НАЗВА ПРОЕКТУ
Романыв Максим ( )
 
22 НАЗВА ПРОЕКТУ
Яхно Антон ( )
 

Відгук
2012-09-21 Автор: 17

 

Поздравляю с успешным завершением конкурса.

Жаль что работ было всего 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. Заголовки не выделены цветом.

ОБГОВОРЕННЯ:
2012-09-21 14:49 Адміністратор:
Вітаю усіх на онлайн-змаганні "HTML+CSS"! Цей чат є спільним для усіх учасників. Якщо у когось є запитання, або щось не працює - пишіть сюди. Ми постараємося вам оперативно допомогти. Успіхів!!!
2012-09-21 17:29 Адміністратор:
В іншому розділі сайту було запитання, чи можна використовувати HTML5 + CSS3. Відповідь - так, можна.
2012-09-21 18:23 Адміністратор:
Перший учасник вже додав проект! Олександре, приємно бачити тебе в строю!
2012-09-21 18:32 Іван Коломієць:
HTML5 + CSS3 можна, тільки вкажіть відповідний doctype.
2012-09-21 18:59 Олександр Григоренко:
Спасибо:)
2012-09-21 19:00 Микола Гілко:
как опубликовать?
2012-09-21 19:00 Ростислав Шинлов:
как загрузить ?
2012-09-21 19:00 Адміністратор:
Відправляте проекти на почту
2012-09-21 19:01 Адміністратор:
Вас таких багато?
2012-09-21 19:01 Адміністратор:
Тоді я продовжую конкурс на 15 хв, щоб усі могли підвантажити проекти
2012-09-21 19:02 Адміністратор:
Щоб завантажити проект - читайте в описові конкурсу зверху сторінки пункт №5
2012-09-21 19:03 Адміністратор:
Також прошу назвати якось свій проект ( в режимі редагування). Дякую!
2012-09-21 19:04 Вероніка Андріанова:
Я отправила по почте
2012-09-21 19:06 Ростислав Шинлов:
я отпр на почту
2012-09-21 19:07 Адміністратор:
Вероніка, Ростислав та Мигола Гілко - Ваші архіви прикріплені до проектів. Ви ще маєте час назвати гарно свій проект:)
2012-09-21 19:11 Вероніка Андріанова:
я случайно удалила свое участие исправьте плиз.
2012-09-21 19:12 Ростислав Шинлов:
-1 )
2012-09-21 19:13 Адміністратор:
:)
2012-09-21 19:15 Адміністратор:
Все буде добре! Тільки це у нас займе деякий час. Відновимо :)
2012-09-21 19:20 Вероніка Андріанова:
спс)
2012-09-21 19:25 Микола Гілко:
Администрация, вопрос. Зачем возле файла (уже загруженого) кликабельное поле для изменения его названия? Название-то изменить нельзя
2012-09-21 19:27 Артем Кльоц:
Забыл добавить в каких браузерах тестировалось.Это обязательно? И можно ли добавить?
2012-09-21 19:31 Адміністратор:
Щодо тестування в браузерах - тут потрібен коментар Івана Коломійця - судді конкурсу. В самому прикрому випадку може бути знижена оцінка.
2012-09-21 19:32 Микола Гілко:
Оп! а таки пофиксили панель меню)
2012-09-21 19:34 Адміністратор:
Щодо імені файлу - дійсно в цьому мало змісту. Думаю, що ми просто будемо виводити фіксоване ім`я файла, який був завантажений. А щодо панелі меню - чекали пропозицій від тебе аж до 14:00 :) Так що треба було швидше!
2012-09-21 19:35 Іван Коломієць:
В каких браузерах тестировалось нужно только для того, чтобы я знал, если что-то мне кажется не так с сайтом, в каком браузере смотреть. То есть, если не указано, то ничего страшного.
2012-09-21 19:35 Микола Гілко:
Блин :( А я таки с кровати встал только в два :(
2012-09-21 19:38 Адміністратор:
Bios6662 - а де твій проект?
2012-09-21 19:44 Адміністратор:
Вероніка, відновили твій проект, перевіряй!
2012-09-21 19:54 Микола Гілко:
Администратор, а что необходимо чтобы создать комманду? P.S. Прошу простить за флуд в чат, написал-бы ЛС, но не знаю как
2012-09-21 19:58 Адміністратор:
Щоб створити команду, необхідно написати лист на info@it-arena.org з інформацією Назва, Навчальний заклад, Капітан. Щодо усіх особистих повідомлень - також на info@it-arena.org
2012-09-21 20:08 Артем Кльоц:
Так я вроде загрузил на сайте.Если нет,я могу на почту скинуть
2012-09-21 20:10 Артем Кльоц:
Естьнету? Кидать на почту??
2012-09-21 20:30 Адміністратор:
Артеме - твій проект прикріплений. В подальшому будь більш уважним.
2012-09-22 08:32 Микола Гілко:
Всего-лишь 5 проэктов :(
2012-09-24 16:22 Олександр Григоренко:
Спасибо за описание ошибок. Было очень полезно и интересно узнать. В следующий раз уже учту.
2012-09-25 07:41 Артем Кльоц:
У меня вот такой вопрос) Судья прокомментировал мой проект :"Неплохая задумка, смахивает на первый сайт студии Артемия Лебедева." Я не сильно понял смысл этой фразы.Это комплимент,мол хороший результат или же подкол,мол на плагиат похоже? Что такое студия Лебедева я уже прочитал в википедии,но этот первый сайт не нашел))) Можете объяснить как мне понимать?) P.S спасибо за обьяснение ошибок)
2012-09-25 10:28 Микола Гілко:
http://www.artlebedev.ru/everything/web/years/1995-1999/ вот тут, внизу
2012-09-25 11:18 Іван Коломієць:
Сравнение со студией Лебедева было по одной простой причине — чтобы вы узнали про существование студии Лебедева. Кроме того, не стоит воспринимать слова «я подобное уже видел» как что-то плохое, так случилось, что все что мы делаем сейчас уже кто-то когда-то в каком-то виде делал до нас. Про описание ошибок: пожалуйста, постарайтесь не делать их в следующий раз.