Jump to content

Верстку ....


Mr.Black
 Share

Recommended Posts

Здраствуйте форумчане. Нужно оценить верстку (валидность,кроусбраузерность ,код и тд.)

Макет

Html и Сss (закинуть на раб. стол в папку gam)

Благодарю.... :)

Вот такие пути к картинкам: file:///C:/Users/Admin/Desktop/gam/images.png - это вы бросьте !!!

Кроме PNG32 ещё существует PNG8, GIF и JPG. Неоправданно использовано изображение в шапке с полу-прозрачностью, там сгодиться и обычный jpeg.

Link to comment
Share on other sites

Какая разница в форматах изображений ,качестов то же???или нет!

Дело не в качестве, а в весе изображения. Пока для 80% населения России каждый килобайт на счету. Эх не те верстальщики пошли... кругом png24 и jQuery... пропадает романтика.

Link to comment
Share on other sites

Дело не в качестве, а в весе изображения. Пока для 80% населения России каждый килобайт на счету. Эх не те верстальщики пошли... кругом png24 и jQuery... пропадает романтика.

Возьму на заметку,спасибо за ответ....

Edited by Mr.Black
Link to comment
Share on other sites

Дело не в качестве, а в весе изображения. Пока для 80% населения России каждый килобайт на счету. Эх не те верстальщики пошли... кругом png24 и jQuery... пропадает романтика.

Да ппц, согласен. И главное им ещё хрен чё докажешь)

Link to comment
Share on other sites

Натягнул на движок - http://x-man.bissnes.net/

 <div>

<p class="names" >Счетчики и баннеры</p>

<br /><center>
<a href="http://skrypalej.net/" title="Скрипалей.NET | Best Music" target="_blank"><img src="http://skrypalej.net/uploads/banners/88x31(1).gif" ></a>
<a href="http://skrypalej.net/" title="Скрипалей.NET | Best Music" target="_blank"><img src="http://skrypalej.net/uploads/banners/88x31(1).gif" ></a>
</center><br />

</div>

br одиночный закрываете а чтож img не удосужились (не забываем про alt для img). Потом <br /> тут лишний и <center> - забудьте про него, <div> пустой тоже бессмыслица, хоть класс ему какой-нить дайте

Link to comment
Share on other sites

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

Кнопка "подробнее" при отключённых изображениях пропадает полностью, замените её изображением и используйте технику имедж-реплейсмент.

И вообще ... у вас же не резиновый макет, зачем столько картиночек разных использовать в #logsearch ? да и вообще на всём сайте, для чего вы так сделали? Каждая отдельная картиночка это отдельный запрос-ответ от сервера, старайтесь минимизировать эти запросы-ответы.

Вот например у вас сейчас используется 8 картинок для #logsearch, 1 для #head, 1 для #footer, 3 для #menu и 1 для кнопки .newsmore и того получается 14 картинок или 14 запросов к серверу для графического оформления.

У меня получилось уменьшить это количество до 2

s_1291567184_50bc76e6d3.png

s_1291567206_fee53c4d9d.png

Соответственно исходя из этого вёрстку тоже можно упростить, например убрать лишние дивы в #logsearch и убрать все дивы из #menu.

Кнопку "подробнее" сделать картинкой с текстом, который будет виден если картинки отключены. :)

UPD.

Картинки в нижних блоках "новые комментарии", "лучшие релизы" и "новые пользователи", соответственно можно объеденить с одной из двух получившихся картинок, я их как-то упустил из вида, получается в место 17 картинок всего 2.

В этой http://itmages.ru/image/view/86742/50bc76e6 картинке, я оставил сверху 30 пустых пикселей для кнопок "Войти", "регистрация и "поиск". Опять-же для техники замены изображения текстом в случае отключённых картинок.

Edited by deadrash
Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy