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

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

роботи
Робота 1 етап Статус Технологія IT-бали
Номінація HTML+CSS, від 5 до 80 років включно
1 Сайт Лілії
Карпенко Лілія ( )
23.00 23 1 місце HTML + CSS  20
2 Сайт на конкурс "HTML + CSS"
Сторожук Олександр ( )
22.00 22 2 місце HTML + CSS  10
3 ---==Сайт==---
Урсул Владислав ( CIT )
21.00 21 3 місце HTML + CSS  5
4 Сайт Артема
Кльоц Артем ( )
19.00 19 Активний учасник HTML + CSS  1
5 Сайт Івана
Безсмертний Іван ( )
14.00 14 Активний учасник HTML + CSS  1
6 Сайт Микити
Меленчуков Микита ( CIT )
13.00 13 Активний учасник HTML + CSS  1
7 Сайт Ростислава
Шинлов Ростислав ( ЦПР "Web-дизайн" )
12.00 12 Активний учасник HTML + CSS  1
8 НАЗВА ПРОЕКТУ
Александр Чёрный ( )
  HTML + CSS 
9 НАЗВА ПРОЕКТУ
Оксана ( )
  HTML + CSS 
10 НАЗВА ПРОЕКТУ
Name User ( )
  HTML + CSS 
11 НАЗВА ПРОЕКТУ2
Shapovalov Roman ( ZX-club )
  HTML + CSS 
12 НАЗВА ПРОЕКТУ
Ігнатенко Сергій ( ЦНТТМ «Сфера» )
  HTML + CSS 
13 НАЗВА ПРОЕКТУ
Андріанова Вероніка ( ЦПР "Web-дизайн" )
  HTML + CSS 
14 НАЗВА ПРОЕКТУ
Архангельський Кирило ( )
  HTML + CSS 
15 НАЗВА ПРОЕКТУ
Джулий Максим ( )
  HTML + CSS 
16 НАЗВА ПРОЕКТУ
Лещенко Ярослав ( ЦНТТМ «Сфера» )
  HTML + CSS 
17 НАЗВА ПРОЕКТУ
Мельничук Назар ( )
  HTML + CSS 
18 НАЗВА ПРОЕКТУ
Михаленков Николай ( CIT )
  HTML + CSS 
19 НАЗВА ПРОЕКТУ
Мишенин Антон ( )
  HTML + CSS 
20 НАЗВА ПРОЕКТУ
Назарук Станіслав ( )
  HTML + CSS 
Номінація HTML+CSS, поза віковими категоріями
21 НАЗВА ПРОЕКТУ
Firex ( )
  HTML + CSS 
22 НАЗВА ПРОЕКТУ
Андрій ( )
  HTML + CSS 
23 НАЗВА ПРОЕКТУ
romanchencko yurkka ( )
  HTML + CSS 
24 НАЗВА ПРОЕКТУ
Гончаров Максим ( )
  HTML + CSS 
25 НАЗВА ПРОЕКТУ
Жук Михайло ( )
  HTML + CSS 
26 НАЗВА ПРОЕКТУ
Пастух Дмитро ( )
  HTML + CSS 
27 НАЗВА ПРОЕКТУ
Пузько Сегрій ( )
  HTML + CSS 
28 НАЗВА ПРОЕКТУ
х х ( "Юний програміст" Центру ТТМ )
  HTML + CSS 

Вітаю!
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".

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

ОБГОВОРЕННЯ:
2012-10-26 13:47 Владислав Урсул:
успел...
2012-10-26 13:51 Артем Кльоц:
Грац)
2012-10-26 14:00 Адміністратор:
Доброго дня, шановні учасники!
2012-10-26 14:00 Владислав Урсул:
добрый день
2012-10-26 14:00 Артем Кльоц:
Ку
2012-10-26 14:00 Лілія Карпенко:
результати потрібно прислати на пошту у зіп файлі?
2012-10-26 14:01 Лілія Карпенко:
Доброго дня)
2012-10-26 14:01 Владислав Урсул:
нет
2012-10-26 14:01 Лілія Карпенко:
а як?
2012-10-26 14:01 Адміністратор:
Нагадую основні інструкції - для того, щоб прикріпити роботу до завдання, необхідно на сторінці свого проекту перейти в режим редагування (натиснути на олівець в правому верхньому кутку). Після цього під кожним завданням з`являться олівчики для завантаження .zip-архіву з файлами. Після того, як файл завантажився, рекомендується перевірити коректність завантаження - для цього збережіть його назад на свій комп`ютер та перегляньте зміст.
2012-10-26 14:03 Лілія Карпенко:
дякую)
2012-10-26 14:03 Адміністратор:
Артеме, Ліліє, Владиславе - радий вас бачити!
2012-10-26 14:05 Адміністратор:
Мені необхідно буде відійти десь на 2 години. Під кінець конкурсу я буду. Тому якщо у когось будуть проблеми із завантаженням - вирішимо їх на місці. На даний момент важливо, щоб усі отримали завдання і почали його виконувати відповідно до вимог. Бажаю усім учасникам класно зверстати сторінку!
2012-10-26 14:12 Микита Меленчуков:
А який шривт використовували у слові Космос(червоне)
2012-10-26 14:14 Олександр Сторожук:
Микита Меленчуков, Verdana (уважніше будь - це є в інструкції)
2012-10-26 14:23 Микита Меленчуков:
дякую
2012-10-26 16:26 Владислав Урсул:
а кто участвует?
2012-10-26 16:26 Владислав Урсул:
еще
2012-10-26 16:30 Адміністратор:
Іще раз доброго вечора усім учасникам! Бачу, що процес іде, отже будемо чекати результатів...
2012-10-26 16:38 Владислав Урсул:
кто знает как убрать сетку от фрагментов в фотошопе?
2012-10-26 16:52 Олександр Сторожук:
Ctrl+H вроде.
2012-10-26 16:53 Владислав Урсул:
спс
2012-10-26 17:05 Олександр Сторожук:
Кто-то киньте, пожалуйста, мне описания под каждым ученым. Можно сюда или на емайл (akarad@yandex.ru) или в ICQ (606300121). У меня почему-то не копирует текст из фотошопа, а набирать вручную долго :(
2012-10-26 17:27 Владислав Урсул:
можете продлить конкурс на 10 мин?
2012-10-26 17:31 Артем Кльоц:
Мне тоже требуется дополнительные 10-20 мин.
2012-10-26 17:32 Адміністратор:
Продовжую конкурс на 15 хв.
2012-10-26 17:39 Владислав Урсул:
дякую
2012-10-26 17:41 Микита Меленчуков:
я за плюс 20 хв а щоб не набирати текст збережи псд в jpg і відскануй на http://www.newocr.com/
2012-10-26 17:56 Владислав Урсул:
а обязательно иконку делать?
2012-10-26 18:03 Адміністратор:
Щодо +20хв - вже додано 15хв, більше час додаватися не буде. Так що у вас лишилося трохи більше 10 хв.
2012-10-26 18:07 Владислав Урсул:
я все. Всем удачи. :)
2012-10-26 18:07 Адміністратор:
До зустрічі, Владиславе!
2012-10-26 18:14 Олександр Сторожук:
На жаль, текст так і не вдалося скопіювати. :( Так що вибачте за це. Відчуваю що втрачу бали через це...
2012-10-26 18:15 Владислав Урсул:
я вернулся...
2012-10-26 18:15 Владислав Урсул:
сколько людей участвовало в конкурсе?
2012-10-26 18:16 Адміністратор:
Подано 6 робіт.
2012-10-26 18:17 Владислав Урсул:
Саша если у тебя код написан то потеряешь ты не очень много где-то 5 баллов
2012-10-26 18:17 Владислав Урсул:
спс
2012-10-26 18:18 Олександр Сторожук:
Владислав Урсул, код абсолютно весь есть. Все поделено, разграфлено. Но вот текста нормального нет. Но всё же, надеюсь, меня поймут.
2012-10-26 18:18 Артем Кльоц:
Я слегка опоздал... Мне на почту выслать??
2012-10-26 18:19 Адміністратор:
Висилай
2012-10-26 18:21 Адміністратор:
Усього 7 робіт - ми перейменували назви проектів учасників, щоб їх легко було знайти.
2012-10-26 18:21 Адміністратор:
Які враження від сьогоднішнього конкурсу?
2012-10-26 18:23 Артем Кльоц:
Впечатления шикарные, если учесть что у меня возникли проблемы со здоровьем и пришлось поехать в больницу на уколы... Час пропал...
2012-10-26 18:24 Владислав Урсул:
Good
2012-10-26 18:24 Владислав Урсул:
very good
2012-10-26 18:25 Адміністратор:
Артеме, сподіваюсь, що це не через наш конкурс?
2012-10-26 18:26 Владислав Урсул:
))))))
2012-10-26 18:28 Артем Кльоц:
Та кто знает) От волнения не случалось еще) P.S А если скажу что да, накинете пару балов ? XDDD
2012-10-26 18:34 Владислав Урсул:
Почему у половины сайт сделан Ивановым? О_о
2012-10-26 18:34 Владислав Урсул:
Вы что родственники
2012-10-26 18:38 Олександр Сторожук:
А у меня вроде мной сделан :)
2012-10-26 18:40 Артем Кльоц:
И у меня вроде мной :) Хорошие у вас работы) Боюсь, я в последних остался)
2012-10-26 18:46 Олександр Сторожук:
У Карпенко Лилии хорошая работа. Всего пара мелких недостатков, и табличная верстка. А так круто :)
2012-10-26 18:49 Владислав Урсул:
табличная верстка это не недостаток
2012-10-26 18:50 Владислав Урсул:
хороший верстальщик должен уметь верстать и блочной версткой и табличной © Адміністратор
2012-10-26 18:51 Адміністратор:
Артеме - навіть якби хотілось накинути тобі бали за боротьбу, та бали ставить не Адміністратор, а Суддя :)
2012-10-26 18:51 Олександр Сторожук:
А я и не сказал что это недостаток. Я отделил табличную верстку и недостатки буковкой "и". Но лично для себя я решил что не буду её использовать. Таблицы - только для табличных даных.
2012-10-26 18:52 Владислав Урсул:
ладно проехали.
2012-10-26 18:52 Олександр Сторожук:
Умею я двумя, но всё же предпочитаю блочную. Более современная и правильная, что ли. :)
2012-10-26 18:52 Владислав Урсул:
у каждого свое мнение
2012-10-26 18:53 Владислав Урсул:
На счет современности я согласен
2012-10-26 18:53 Адміністратор:
Можна буде якось зробити конкурс з умовою використання лише блочного стилю або лише табличного.
2012-10-26 18:54 Адміністратор:
До речі, сьогодні не брав участі переможець минулого конкурсу - Микола Гілко. А цікаво було б порівняти :)
2012-10-26 18:55 Олександр Сторожук:
Адміністратор,непогана ідея :) До речі, мій лист прийшов (на емейл)? А то можливо я кудись не туди відправляю...
2012-10-26 19:01 Адміністратор:
Олександре, твій лист прийшов, прохання виконане, Суддя повідомлений.
2012-10-26 19:02 Олександр Сторожук:
Адміністратор, дякую :) А то просто вже декілька листів по різним темам відправляв, а відповіді не було. Вже злякався що кудусь не туди відправляю.
2012-10-26 19:07 Іван Коломієць:
В современных условиях табличная верстка таки недостаток: во-первых — не семантично, во-вторых — нет гибкости (нельзя переопределять положение блоков через css), в третьих — переход на responsive дизайн с табличной версткой не возможен. С другой стороны табличная верстка проще для начинающих и многие с нее и начинают изучение, даже в css есть ее имитация display: table-row | table-cell.
2012-10-26 22:12 Микола Гілко:
пичаль :( А я проходил военкомат, причём ВНЕЗАПНО мне сказали пройти именно сегодня, с пяти до восьми :( :( :(
2012-10-29 16:04 Артем Кльоц:
Иван, хотелось бы услышать критику к каждой работе,как в предыдущий раз.( ну по крайней мере о моей роботе)
2012-10-29 16:08 Олександр Сторожук:
Артем Кльоц, согласен :) Хотелось бы услышать и по моей тоже.
2012-10-29 17:00 Владислав Урсул:
и по моей
2012-11-05 20:16 Олександр Сторожук:
Іване, дякую за ваші відгуки :) Дійсно щось трохи намудрував... Зате тепер знаю що саме я зробив не так, і над чим потрібно ще працювати.
2012-11-09 14:24 Артем Кльоц:
Благодарю, но что то я не наблюдал такого как на скриншоте) У меня все нормально отображалось)