Доброї години доби!
Вітаю вас із новим конкурсом. Цього разу ви отримаєте дизайн сайту у psd форматі і вам потрібно буде зверстати його.
Перепрошую за російску мову.
Про тропинки, дорожки... нет — пути
В юникс-системах и на веб сайтах корень обозначается косой чертой — «/». Это важно. Это не просто палочка, а самостоятельный адрес, путь.
А например относительный путь: 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".
Если я не перепутал скриншоты.