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

Доброї години доби!
Вітаю вас із новим конкурсом. Цього разу ви отримаєте дизайн сайту у psd форматі і вам потрібно буде зверстати його.

Вітаю!
2012-10-21 Автор: 17

Перепрошую за російску мову.

Про тропинки, дорожки... нет — пути

В юникс-системах и на веб сайтах корень обозначается косой чертой — «/». Это важно. Это не просто палочка, а самостоятельный адрес, путь.

А например относительный путь: forum/index.html — не содержит вначале косой черты.

Путь же /forum/index.html будет абсолютным, и поиск файла произойдет в корне файловой системы или корне сайта ("/" = "http://www.example.com/"). На конкурс вы присылаете просто архив с папкой, поэтому используйте только относительные пути, вы же не знаете куда я распакую архивы.

В Windows косую черту в путях принято ставить такую — «» (бек слеш), в то же время в *nix системах (а на них работают почти все сервера) косую черту ставят в обратную сторону — «/» (слеш). Браузеры хорошо справляются со слешем и в Windows, поэтому используйте именно его прописывая пути.


Zip vs rar и компания

Zip — стандарт, он работает из коробки на всех платформах, Windows умеет работать с ним без установки чего либо, пользователи *nix не имеют проблем с ним.

Да, rar сжимает чуть лучше, но требует установки дополнительного программного обезпечения, иногда платного. Кроме того популярная программа Winrar умеет сжимать в zip формат.

7-Zip хороший формат: свободный, кросс-платформенный, сжимает иногда даже лучше чем rar... Но... Она требует дополнительных телодвижений по поиску и установке специального програмного обеспечения.

Прошу отправляйте работы только в zip!


Крякозябры и Zeichensalat

Êðàêîçÿáðû äîâîëüíî íåïðèÿòíàÿ âåùü, âîçíèêàåò èç-çà íåïðàâèëüíîãî óêàçàíèÿ êîäèðîâêè, èëè å¸ íå óêàçàíèÿ âîîáùå. «Ó ìåíÿ âñå íîðìàëüíî ïîêàçûâàåò» — íå àðãóìåíò, ò.ê. ó âàñ â ÎÑ ñòàíäàðòíîé êîäèðîâêîé ìîæåò áûòü windows-1251, à ó ïîëüçîâàòåëÿ utf-8 èëè âîîáùå koi8-r. Ïîýòîìó ïîæàëóéñòà óêàçûâàéòå êîäèðîâêó â âàøåì html-ôàéëå.

Ой, простите!

Кракозябры довольно неприятная вещь, возникает из-за неправильного указания кодировки, или её не указания вообще. «У меня все нормально показывает» — не аргумент, т.к. у вас в ОС стандартной кодировкой может быть windows-1251, а у пользователя utf-8 или вообще koi8-r. Поэтому пожалуйста указывайте кодировку в вашем html-файле.

Для кодировки Windows-1251 в HTML 4.01 указание кодировки имеет вид:

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

В HTML 5 будет выглядеть следующим образом:

<meta charset="windows-1251">

Кроме того не забудьте убедиться что вы сохраняете файл именно в этой кодировке, а не в другой иначе получите все тот же Zeichensalat.

 

Ребята, если работ станет чуть больше, то у меня не будет времени расписывать каждую работу, а пока...

По многочисленным просьбам трудящихся. Первое что бросилось в глаза.

Безсмертний:
   Не грузятся никакие ресурсы на страницу. Про пути смотреть выше.


Карпенко:
   Doctype HTML пятого, но используется тег <center> который запрещен уже в HTML 4.01 strict.
Меленчуков:
   Кодировка, путь к css вобщем то правильный, если предположить что у всех windows. При этом остальные пути заданы верно.


Урсул:
   Опять кодировка, не правильно задана, да и не та, нужно windows-1251, а попытка была задать utf-8. Отступы, фон.


Кльоц:
   Смотреть скриншот и сравнивать с исходником. Все поехало.


Шинлов:
   5 баллов за оригинальность, но все вставлено картинками, даже текст. И как всегда полно лишних файлов.
Сторожук:
   Что-то со шрифтом цитат. Предполагалось всего 2 шрифта, а тут попытка использовать несуществующий "Verdana bold".

Если я не перепутал скриншоты.