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

Конкурс з веб-технологій відбудеться 22 червня 2012 року з 16:00 до 20:00. 

Вітаємо, шановні учасники конкурсу!

Під час конкурсу вам необхідно буде створити сайт (щонайменше 3 сторінки) використовуючи HTML та CSS, та оформити його згідно вимог.
Для кращої підготовки пропонуємо вам ознайомитися із наступним посиланням:  htmlbook.ru

 
Критерії оцінювання:
  • Дизайн
  • Техніка виконання
  • Відповідність вимогам
На завершення конкурсу з HTML/CSS
2012-05-25 Автор: 17

Дякую всім учасникам конкурсу за ваші старання. Всі роботи у вас вийшли досить не погані, мені сподобалися. Я відчуваю лише, що не всім вистачило часу  для того, щоб завершити свій сайт на сто вітсотків.

 

 

 

 

Незважаючи на це, хотілося б відмітити деякі поширені помилки:

  • Відсутність вказання кодування сторінок (можна було підгледіти у файлі завдання), досить поширена помилка. Також я би порекомендував використовувати кодування utf-8 для сторінок та текстових файлів. Стаття для ознайомлення  останній підпункт «Кодировка».
  • Формат архіву потрібен обов’язково .zip (winrar вміє зберігати у цьому форматі), тож будьте уважними.
  • Відсутність вказання favicon'у (можна було підгледіти у файлі завдання). Favicon — це така іконка, яка показується у вкладці браузера, та поряд із закладкою. Як зробити favicon у png.
  • Відступи. Начебто проста річ, але відсутніть відступів текста від границі блоку, в якому він знаходиться, погана дизайнерська звичка. Ви як дизайнери повинні в першу чергу дивитися наскільки зручно читати цей текст, а не наскільки гарний фон чи border у цього блоку текста, чи шапки з підвалом.

Крім того, хотілося б розібрати меню, яке ніхто на 100% не зробив, хоча був і майже повністю правильний варіант. Отже, меню повинно було бути розмічене (в HTML) у вигляді списку посилань, приблизно так:

<ul id="menu">
   <li><a href="#">Головна</a></li>
   <li><a href="#">Не головна</a></li>
   <li><a href="#">Про проект</a></li>
</ul>

А от оформлене бути (за допомогою CSS) як меню, або набору кнопок тощо. Тобто можна було прибрати маркери поряд з пунктами меню, а також підкреслення посиланнь (як виняток, всі інші посилання на сторінці повинні були бути підкресленими). Також, при наведенні на пункт меню, повинен був змінюватися колір фону посилання (той що background-color).

Щодо поточного (або як кажуть активного) пункту меню, потрібно було зробити так (для головної сторінки):

<ul id="menu">
   <li>Головна</li>
   <li><a href="#">Не головна</a></li>
   <li><a href="#">Про проект</a></li>
</ul>

Тобто прибрати посилання і залишити текст, таким чином пункт у меню залишиться, щоб всі інші залишалися на своїх місцях, а перейти на цю саму сторінку стає неможливим. Звичайно можна було додати і теги або

до поточного пункту, якщо це необхідно у цілях оформлення, або навіть до всіх пунктів.

Або хоча б виділити поточний пункт додавши клас для нього і, відповідно, інші стили, щоб пункт відрізнявся.

 

ОБГОВОРЕННЯ:
2012-06-22 09:26 Адміністратор:
Доброго дня! Вітаю усіх учасників на змаганні по HTML+CSS! У цьому спільному чаті Ви можете задавати будь-які запитання по конкурсу.
2012-06-22 09:56 Владислав Урсул:
Вы меня обогнали
2012-06-22 09:57 Владислав Урсул:
:-(
2012-06-22 09:58 Адміністратор:
У тебе буде іще шанс в наступних трьох конкурсах! :)
2012-06-22 10:10 Микита Меленчуков:
а де таймер часу?
2012-06-22 10:22 Адміністратор:
Додано таймер часу в шапку проекту за запитом Микити. Користуйтесь!
2012-06-22 10:27 Микита Меленчуков:
дякую
2012-06-22 11:39 Адміністратор:
Я відійду на деякий час. Якщо будуть запитання або проблеми телефонуйте на +38066-2106336. Якщо будуть проблеми із завантаженням результатів - відсилайте архіви на info@it-arena.org. До зв`язку!
2012-06-22 11:50 Владислав Урсул:
А что значит логотип?
2012-06-22 11:52 Іван Коломієць:
У сайта должно быть название и логотип, обычно вверху слева.
2012-06-22 12:12 Владислав Урсул:
сверху иконка
2012-06-22 12:12 Владислав Урсул:
а логотип что такое?
2012-06-22 12:18 Владислав Урсул:
не работает a:active {} что делать?
2012-06-22 12:23 Іван Коломієць:
Иконка — она маленькая, отображаеться во вкладке и в закладках браузера. Логотип (фирменный знак) большой (или не очень, но больше иконки точно), обычно стоит перед названием сайта или состоит из названия. Например http://www.youtube.com/ сверху, слева — логотип, или http://www.kyivstar.ua/ru/ там же.
2012-06-22 12:25 Іван Коломієць:
a:active {} — это при нажатии, обычно увидеть невозможно т. к. сразу открываеться другая страница.
2012-06-22 12:26 Іван Коломієць:
И active тут и не нужен.
2012-06-22 12:37 Владислав Урсул:
а чем тогда сделать?
2012-06-22 12:40 Іван Коломієць:
Нужно задать цвет для трех состояний: обычного, при наведении мышью и посещенного. active же — состояние при нажатии клавиши мыши.
2012-06-22 12:45 Владислав Урсул:
я имею ввиду для меню
2012-06-22 12:48 Іван Коломієць:
И для меню тоже действую те же состояния, поскольку меню — это список ссылок, просто оформление другое сделай. Ну или я не понимаю проблемы.
2012-06-22 12:50 Владислав Урсул:
скроее 2. Вы написали что: Когда я нахожусь на странице то ссылка на нее в меню должна быть неактивной
2012-06-22 12:52 Іван Коломієць:
Ааа... Просто не делать этот пункт ссылкой например, оставить только текст. Можно добавлять класс к ссылке и другие стили.
2012-06-22 12:52 Владислав Урсул:
то есть это в html изменять
2012-06-22 12:53 Владислав Урсул:
убрать ссыль
2012-06-22 12:54 Іван Коломієць:
Да.
2012-06-22 12:56 Валерій Паливода:
Влад, учись гуглить. Незаменимая штука
2012-06-22 13:06 Ростислав Шинлов:
фон обязательно свой ?
2012-06-22 13:08 Ростислав Шинлов:
ой ) можно ли фон брать свой или обязательно из предложенных?
2012-06-22 13:09 Іван Коломієць:
Для фона надо взять изображение из папки for-back, там приведены узоры как раз для фона.
2012-06-22 13:21 Владислав Урсул:
Мой гугл в мозгах
2012-06-22 13:22 Владислав Урсул:
(у меня свой поисковик)
2012-06-22 13:31 Валерій Паливода:
Ага, и вопросов куча:)
2012-06-22 13:31 Владислав Урсул:
он еще не все просканировал
2012-06-22 13:33 Валерій Паливода:
скажи ему что 26 минут осталось
2012-06-22 13:37 Іван Коломієць:
Напоминаю что в архиве должна быть папка с проэктом, а не россыпь файлов. Плюс изображения должны лежать в папке, к примеру, img. Посмотрите на приблизительную структуру, которую я вам подготовил.
2012-06-22 13:43 Адміністратор:
Схоже, що робота кипить. Я на місці, тому якщо будуть якісь технічні моменти - звертайтесь!
2012-06-22 13:47 Микита Меленчуков:
Можна дати ще 10 хвилин?
2012-06-22 13:55 Іван Коломієць:
Не забудьте, архив .zip!
2012-06-22 13:55 Адміністратор:
Комусь іще потрібні додаткові 10 хв? Це загальна позиція чи лише Микити?
2012-06-22 13:56 Адміністратор:
Не забувайте назвати свій проект - в режимі редагування зверху.
2012-06-22 13:57 Іван Коломієць:
Якщо і додавати 10 хвилин, то всім.
2012-06-22 14:00 Адміністратор:
Усім додано 15 хв.
2012-06-22 14:03 Ростислав Шинлов:
не нашел куда отпр отправил админу на почту!)
2012-06-22 14:07 Вероніка Андріанова:
не нашла, куда отпр отправила админу на почту!)
2012-06-22 14:10 Адміністратор:
Алгоритм додавання роботи на сторінку: 1. Зайти на свій проект. 2. Натиснути на олівець в правому верхньому кутку, щоб перейти в режим редагування. 3. Відредагувати назву проекта (по замовчуванню - НАЗВА ПРОЕКТУ) 4. В розділі опис результатів та файл з програмою додати опис а також прикріпити файл. 5. Щоб прикріпити файл необхідно натиснути на олівець в правій стороні - з`явиться діалог для завантаження файлу.
2012-06-22 14:10 Микита Меленчуков:
Алгоритм викладення робіт: 1. Перейти в режим редагування, натиснувши на олівець в правому верхньому кутку 2. Необхідно натисунти на олівець, який з`явиться з правого боку задачі - з`явиться діалог для завантаження файлів. 3. Обрати файл на диску, ввести його назву, натиснути кнопку Завантажити.
2012-06-22 14:11 Адміністратор:
Дякую Микито!
2012-06-22 14:13 Адміністратор:
Ростиславе, твій лист прийшов без додатку.
2012-06-22 14:17 Олександр Григоренко:
Спасибо за дополнительное время: я чуть не прогорел:)
2012-06-22 14:17 Вероніка Андріанова:
А мій лист прийшов
2012-06-22 14:22 Адміністратор:
Будь-ласка, Олександре! Вероніка - твій лист прийшов і додаток ми вже завантажили на сайт. Усі, хто подав проекти на конкурс, але не дав їм назви - їх названо наступним чином "Сайт Ім`яАвтора". Наступного разу, прошу вас давати назву своєму проекту самостійно.
2012-06-22 14:27 Олександр Григоренко:
Этого я сделать не успел:(
2012-06-22 14:27 Адміністратор:
Ростиславе - лист прийшов, додаток завантажено у твій проект.
2012-06-22 14:30 Ростислав Шинлов:
айайай забил айфрейм изменить длину так что если можно не шитайте ето за ошыбку. )
2012-06-22 14:31 Ростислав Шинлов:
позно новый отпр ?
2012-06-22 14:32 Адміністратор:
Хочу привітати усіх учасників з успішним закінченням першого онлайн-конкурсу по веб-технологіях! На перший конкурс подано 6 робіт, тому у кожного є шанс потрапити у призери конкурсу. Прошу залишати свої відгуки та побажання щодо методики проведення конкурсу у коментарях.
2012-06-22 14:33 Адміністратор:
Ростиславе - так, вже час вийшов.
2012-06-22 14:33 Іван Коломієць:
Також вітаю всіх учасників!
2012-06-22 16:19 Ростислав Шинлов:
а я нашел токо 3 роботы ет что 3 человек оценивать будут ?
2012-06-22 16:21 Ростислав Шинлов:
Владислав Урсул оч классный сайт !
2012-06-22 16:41 Адміністратор:
Подали на конкурс 6 робіт - Урсул, Микита, Олександр, Ніка, Ростислав та Валерій
2012-06-23 05:05 Владислав Урсул:
а есть предварительные результаты?
2012-06-25 11:33 Владислав Урсул:
а балы начислили раньше
2012-06-25 12:36 Адміністратор:
Так, розумнику :)
2012-06-25 13:00 Дмитро Вітюк:
На мою думку, сайт об`ємом у 12 мб та виконаний за рахунок iframe, не заслуговує своеї оцінки, з техніки виконання.
2012-06-25 14:21 Владислав Урсул:
Эт. у кого так?
2012-06-25 14:33 Ростислав Шинлов:
у меня фрейм мне тоже мой сайт не очень понравился в следующий раз будет намного лучше и спасибо за 3 место)
2012-06-25 14:46 Ростислав Шинлов:
да и если можно то давайте в следующий раз будет больше времени?!
2012-11-09 17:57 Владислав Урсул:
Проверка 1 штуки: 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111
2012-11-09 17:57 Владислав Урсул:
Получилось