Онлайн-конкурс "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>

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

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

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