Зацените мой первый сайт сделанный с нуля

[shekaka]

Сайт http://juicedesign.ru/

Сделан с нуля без cms, верстка и дизайн - интересно Ваше мнение...

[Svatov]

Я вот понять не могу, как у людей совести хватает предлагать услуги в которых они сами не разбираются...

[shekaka]

Я вот понять не могу, как у людей совести хватает предлагать услуги в которых они сами не разбираются...

с чего то же надо начинать

[lexxcode]

Сайт http://juicedesign.ru/

Сделан с нуля без cms, верстка и дизайн - интересно Ваше мнение...

Уж простите за мою беспринципную прямоту, диз тянет (как это сейчас называют... ах да) ванилью. Откровенное буэээ.

А вот ваш ник доставил +++ )))

[shekaka]

Сайт http://juicedesign.ru/

Сделан с нуля без cms, верстка и дизайн - интересно Ваше мнение...

Уж простите за мою беспринципную прямоту, диз тянет (как это сейчас называют... ах да) ванилью. Откровенное буэээ.

А вот ваш ник доставил +++ )))

спасибо

[buddah]

Я вот понять не могу, как у людей совести хватает предлагать услуги в которых они сами не разбираются...

с чего то же надо начинать

Начинать надо с учебы.

[shekaka]

Я вот понять не могу, как у людей совести хватает предлагать услуги в которых они сами не разбираются...

с чего то же надо начинать

Начинать надо с учебы.

Учеба процесс постоянный, поэтому и прошу оценить практику

[paracelso]

С такой практикой лучше будет сначала оценить "понятную учебу" имхо.

[Radiocity]

Сайт http://juicedesign.ru/

Сделан с нуля без cms, верстка и дизайн - интересно Ваше мнение...

Тема дизайна размыта. Ярко, бросается в глаза, но не более. Дизайнер с плохим вкусом - очень грустно. Советую почитать для начала эту статью.

Некоторые элементы дизайна располагаются неправильно. Например, маркированный список съехал влево, а слова "МенЮ" и "ГЛАВНАЯ" не отцентрированы.

По верстке...

Во-первых, прогоняйте свои работы через валидатор. Он подскажет, какие недочеты имеются. Если Вы только начали изучать HTML, то беритесь сразу за HTML5

Во-вторых, НИКОГДА не давайте названия классов и идентификаторов на русском языке.

В-третьих, используя XHTML 1.0, закрывайте все теги <tag></tag>. Если это не возможно, закрывайте тег в конце <img src="" alt="" />

В-четвертых, избегайте разделение элементов переносом строки или пустым абзацем ( <p> </p> )

В-пятых, соблюдайте семантику.

Edited January 24, 2012 by Radiocity

[Vin]

Странно, но почему-то основные блоки имеют абсолютное позиционирование. По-моему, в этом нет никакой необходимости. В ie7 проблемы (если вас интересует эта аудитория).

Из дизайна понравился только логотип. Он действительно хорошо выглядит, в отличии от всего остального))

[Great Rash]

<div id="buy"><a href="mail.php"
    <p>Оставить</p>
    <p> заявку</p></a>
  </div>

Это сильно...

И дизайн и верстка - отстой.

[Radiocity]

<div id="buy"><a href="mail.php"
    <p>Оставить</p>
    <p> заявку</p></a>
  </div>

Это сильно...

И дизайн и верстка - отстой.

Зачем же так категорично?

Конечно, понимаю, что конкуренция, но человек учиться пришел ))

[Seemann]

This is madness...

[0nline]

Апельсин слишком много внимания на себя обращает...

[shekaka]

Сайт http://juicedesign.ru/

Сделан с нуля без cms, верстка и дизайн - интересно Ваше мнение...

Тема дизайна размыта. Ярко, бросается в глаза, но не более. Дизайнер с плохим вкусом - очень грустно. Советую почитать для начала эту статью.

Некоторые элементы дизайна располагаются неправильно. Например, маркированный список съехал влево, а слова "МенЮ" и "ГЛАВНАЯ" не отцентрированы.

По верстке...

Во-первых, прогоняйте свои работы через валидатор. Он подскажет, какие недочеты имеются. Если Вы только начали изучать HTML, то беритесь сразу за HTML5

Во-вторых, НИКОГДА не давайте названия классов и идентификаторов на русском языке.

В-третьих, используя XHTML 1.0, закрывайте все теги <tag></tag>. Если это не возможно, закрывайте тег в конце <img src="" alt="" />

В-четвертых, избегайте разделение элементов переносом строки или пустым абзацем ( <p> </p> )

В-пятых, соблюдайте семантику.

Спасибо за, действительно, полезный комментарий

[Shugich]

МенЮ

Интересные статьИ

АкциЯ

НовостИ

РекламА

ЧтО вАмИ рУкОвОдИлО, кОгДа Вы ДеЛаЛи ЭтО?

Для начала сделайте дизайн вообще без использования картинок, а уже потом попробуйте вставить совсем немного графики.

Edited January 26, 2012 by Shugich

[colors]

Да, если убрать картинки то получим ноль.

С капслоком завязывайте, папугайные цвета, когда их много удел только для профи.

Ну и сочетание сиреневого с голубым никакое - почитайте про сочетание цветов, поучитесь вкусу.

[RodgerFox]

1. в игнор все выше сказанное
   
2. закрывайте теги
   
3. почитайте про сетку
   
4. измените существующее используя полученные знания из 2 и 3
   
5. используйте как можно реже тег <div>
   

Пример:

Ваши 2 боковые колонки и рассмотрим блок с меню

<div class="sidebar float-l">
 <div class="block">
   <h2>заголовок меню</h2>
  <ul><li ...{список меню}... /></ul>
 </div>
 <div class="block">
....
 </div>
</div>

CSS:

В sidebar задаем ширину колонки, второй стиль float-l расшифровывается как float: left; что бы не клонировать множество в ксс документе, он так же может относится к центральному контенту и ко второй боковой колонке, хотя тут дело каждого. Не всего такой вариант подходит. Может вообще верстка под яблоко =\ Класс block использую ибо в боковых колонках каждый материал разделен неведомой ***, так пускай мы правильно... омг. Да.. поглядел как строится код, изучите что такое сетка в html верстке. Откройте ваш сайт, в вашем случае, разделите на 2 блока, это правая колонка и все слева. То что слева разделите еще на 3, это шапка, боковая колонка и центральный контент. И внизу после всего этого футер. используя float не забывайте про clear. Подробнее об этих тегах: http://htmlbook.ru/css

Как вы видите, я заменил ваши дивы в дивах адекватными тегами.. эм.. ну вотс ) Удачи. И в игнор всех кто пишет не по делу и троллит.

P.S. А за что минусы??? совет хуже выше сказанного?

Edited January 28, 2012 by RodgerFox

[Svatov]

в игнор все выше сказанное

Где грубость Sorrow когда она так необходима...

[SelenIT]

Ну, про всё, может быть, было слишком, но статью о семантической верстке, в которой сказано

Итак, давайте поговорим о семантических HTML-элементах. В первую очередь, это элементы заголовков (от <h1> до <h6>), абзаца (<p>), списка (<ul>, <ol>), логического выделения наиболее важных фраз в тексте (<strong> — полужирным, <em> — курсивом)...

однозначно тудыть без сожаления В первоисточнике, кстати, такого маразма нет.

Тем более когда есть классические статьи наших корифеев...

Ну и начинать освоение верстки с заморачивания слешами в <img> — имхо, не лучшая трата времени. Лучше сразу браться за HTML5 (тем более что для новых браузеров ничего другого по факту просто не дано).

[buddah]

Никто не заметил

<div align="center" class="steel6">АкциЯ</div>

Атата! Так нехорошо!.

Выравнивайте по горизонтали блочные элементы с помощью margin, а строчные - text-align.

[f216]

У псевдокласса :hover в меню сайта, по всей видимости, установлен серый фон, что выглядят очень некрасиво, когда нажимаешь на ссылку. Для псевдокласса :hover, лучше установить фоновое изображение под цвет меню, которое при наведении курсора на ссылку слегка бы выделялось. А валидатор w3.org кстати, бывает не всегда адекватен. Но это скорее вина текстового редактора. Использовал я как-то одну английскую версию не слишком известного текстового редактора. Написал значет html код, разместил одну статью на русском, проверил через валидатор, а он на какие-то ошибки указывает, думал я думал, и решил текст на русском из html документа убрать, проверил еще раз, документ валидацию прошел. После этого установил нормальный текстовый редактор, который поддерживает много кодировок. А есть и такие редакторы, что когда в документе перенос строки делаешь, валидатор почему-то такой документ тоже принимать отказывается

Edited January 28, 2012 by f216

[yacor]

ГС