Прокомментируйте семантику

[AngelGabriel]

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

Все это добро весит 478Kb, сокращал как мог.

По поводу дизайна мне все равно так как малевал не я, интересует только верстка.

Данный шаблон: http://i056.radikal.ru/1108/b5/3ee92a63d16c.jpg

Верстка: http://www.duplet.org.ua/

 

[medwoodu]

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

Все это добро весит 478Kb, сокращал как мог.

По поводу дизайна мне все равно так как малевал не я, интересует только верстка.

Данный шаблон: http://i056.radikal.ru/1108/b5/3ee92a63d16c.jpg

Верстка: http://www.duplet.org.ua/

this is

 <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>Tel:</span> +39 377 213 77 37</li>

PIZDEC
о какой семантике идет речь?

 

[AngelGabriel]

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

 

[medwoodu]

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

а если у меня нет ваших шрифтов и пробел меньше или больше?

 

[Serg@NT]

<img ...  alt="вкл графику!" />

ЖЕСТЬ! Скажите, а вы вообще, в курсе, зачем в теге img атрибут alt? Или ради прикола его везде нарисовали, чтоб валиатор не ругался?

 

[AngelGabriel]

Переделал http://www.duplet.org.ua/

ЖЕСТЬ! Скажите, а вы вообще, в курсе, зачем в теге img атрибут alt? Или ради прикола его везде нарисовали, чтоб валиатор не ругался?

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

и не надо писать что нужно ставить узор бэграундом в CSS здесь по другому никак, если знаете как, то напишите я с благодарностью приму совет

 

[Serg@NT]

и не надо писать что нужно ставить узор бэграундом в CSS

Ладно, не буду Но, по-моему, вот здесь, например,

<div id="leftu">
 <img src="img/top_left.jpg" width="53" height="74" alt="вкл графику!" />
 <img class="bottom-img" src="img/bottom_left.jpg" alt="вкл графику!" />
</div>
    
<div id="rightu">
 <img src="img/top_right.jpg" width="53" height="73" alt="вкл графику!" />
 <img class="bottom-img" src="img/bottom_right.jpg" alt="вкл графику!"  />
</div>

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

Вы же сами просили семантику прокомментировать. Или тогда пишите конкретнее, что вы хотите, чтоб оценили?

 

[AngelGabriel]

здесь я поступил так чтобы уменьшить вес изображения, у дива leftu стоит беграундом вот эта полоска которая идет от верхней разветвленой части узора к нижней она в виде изображения 30х1 пиксель которое повторяеться по оси y, затем я забил в этот див те самые разветвления узора в виде двух изображений, конечно можно было создать еще два дива и забэкграундить эти разветвления в них но это было бы заграмождение CSS кода.

 

[BaNru]

favicon 0.2K /favicon.ico (status: 404)

Логотип в JPG сохранять - тоже как то грубо.

PS Хм... смотрю страничка уменьшилась только что.

 

[AngelGabriel]

PS Хм... смотрю страничка уменьшилась только что.

это у вас что то.

Ну я думаю иконка это не критично.

С jpg согласен. Учту.


Жду еще комментариев.

 

[BaNru]

The page has a total of 20 HTTP requests and a total weight of 316.1K bytes with empty cache

 

[AngelGabriel]

обьясни не пойму, ну 20 запросов, вес 316 кб с пустым кэшем, что это значит.

 

[BaNru]

Все это добро весит 478Kb, сокращал как мог.

The page has a total of 20 HTTP requests and a total weight of 316.1K bytes with empty cache

Total Weight - 316.1K
1 HTML/Text 5.1K
1 Stylesheet File 4.9K
6 CSS Image 253.2K
11 Image 52.5K
1 Favicon 0.2K

Я не знаю как ты считал объем сайта, но у меня YSlow показывает 316 Кб.
А это вполне нормальный размер для сайта в наше время, учитывая что картинка основная весит 225.4K. Вот она кстати весит очень много. Я вот ужал её до 94 Кб.
http://download.g63.ru/duplet_picture.jpg
Различий практически не видно. Я только увидел артефакт на шторе сверху и около.
И это уже из сжатой тобой картинки. Из оригинала я уверен - отличий почти не будет. Если конечно поиграть с компрессией, и добиться максимального качества...ну Кб 120 будет, не больше.

 

[motek]

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

Все это добро весит 478Kb, сокращал как мог.

По поводу дизайна мне все равно так как малевал не я, интересует только верстка.

Данный шаблон: http://i056.radikal.ru/1108/b5/3ee92a63d16c.jpg

Верстка: http://www.duplet.org.ua/

я бы посоветовал спрятать то,что ниже фотографии,оставить только заглавия:"Поиск объектов","Недвижимость Италии",и "Информация о компании"(объектов-с твердым знаком!) - и раскрывать при наведении мышки,а навигацию поднять над картинкой...ну и таблица в форме совсем не нужна,достаточно инпутов...

 

[AngelGabriel]

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

 

[motek]

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

вот без таблицы...Посмотреть вложение test.html.zip

 

[AngelGabriel]

в принципе мне нравится твое решение не понял только значение overflow и border: 0px solid #ffffff;

 

[tigra60]

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

1. Картиночки, используемые для прорисовки элементов дизайна (уголки и прочее) должны быть фоновыми изображениями и в HTML не должны присутствовать.
2. Применение таблицы оправдано только для вывода соответствующим образом структурированной информации. Применять таблицу для визуальной расстановки элементов - элементарная лень верстальщика.
3. Колонка "Недвижимость Италии" должна быть организована списком, а не параграфами.
4. Очередной осиновый кол в труп семантики вашего кода вбивает <BR>ыкающая колонка "Информация о компании".
5. Ну а после парочки таких списков, типа:

<ul class="footin"> 
       	<li><h4>Офис в Москве:</h4></li> 
        <li id="spacer1"><span>Тел: </span>+7 925 837 39 60</li> 
        <li><span>Эл. почта:</span> info@tmestate.com</li> 
</ul>

Слово "семантика" становится ругательным и прошу его к вашему коду не применять.

 

[AngelGabriel]

на счет первых 2 пунктов уже обговорили выше, 3й 4й пункты абсолютно согласен, а 5й пункт если можно разжуйте, буду очень благодарен.

ЗЫ Блин, а обидно вы меня уделали последним предложением.

 

[tigra60]

5й пункт если можно разжуйте

Заголовок должен быть вынесен за пределы списка.

И в догонку, пару банальностей:
- семантика и выпендрёж дизайнёров - очень трудно совместимы.
- красота в простоте.