Jump to content

Оцените верстку сайта


Ирина2813
 Share

Recommended Posts

Здравствуйте!

Я начинающий веб-мастер. Хотелось бы узнать ваше мнение о верстке следующего сайта:

http://zetta-alania.com/

Меня интересует только верстка.

Заранее всем большое спасибо.

Link to comment
Share on other sites

верстка не оптимизирована под 1024х768, если появляется горизонтальная полоса прокрутки, то пожирается фон который не попал в окно, т.е. если я прокручу вправо, то видна дырка. Это так на вскидку.

<div id="head_right_bottom">
<img src="img/bgr.gif" align="right"}
</div>

<div id="text_katalog" sty le="background-color:#003399">

<img src="img/tel.gif" style="margin: 10px 0px 0px 0px;//style="margin: 10px 10px 10px 0px;"/>

не гуд

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

Link to comment
Share on other sites

1) http://validator.w3.org/check?uri=http%3A%...=Inline&group=0 205 роде как ошибок)

2) http://jigsaw.w3.org/css-validator/validat...a-alania.com%2F в CSS тоже косяки

3) вы верстаете в xHTML - следите за синтаксисом... одиночные теги всегда закрываются, пример

4) улыбнул новый параметр bor der="1" (я не опечатался)

5) bgr.gif"

6) sty le="background-color:#003399" сколько же новых тегов я узнал)

7) не, вы спечиально почти все параметры с пробелом пишите или вы прогой бесплатной пользуетесь какой-то?

8)

<table bor der="1" wid th="350px">
<tr>
<td>
<img src="img/krug.gif" align="left"/></td><td>Дорогие Клиенты, поздравляем Вас с наступающим Новым годом!
Пусть удача сопутствует Вам во всех делах, вдохновение посещает Вас
как можно чаще, а в семье царят уют и тепло, которое непременно Вам
подарит мебель от фирмы Zetta!




С уважением, коллектив компании ?Zetta?.</td>
</tr>
</table>

вааще не понял

ну это для начала ... вам еще напишут... в общем верстка 2 по 10ибальной....

Link to comment
Share on other sites

По существу , сайт приятный.

Только во первых изображения плохо отредактированы (размер и как они выглядят)

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

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

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

И опять же изображения, попробуйте в фотошопе сохранять их для веба :), будет намного лучше, и следите за качеством (про фотки товаров молчу, они тоже не блеск)

Вы же продаете в конце концов или нет ?

Link to comment
Share on other sites

  • 1 month later...

Сайтец очень даже ничего! Стиль есть! Торговый знак замечательный! Флеш заголовок вообще ни к селу ни к городу! Не согласовывается с левой частью! Стиль шрифта меню не проработан! Думай! А так сайт на 4! Молодца!

Link to comment
Share on other sites

Нус приступим 8)

выделено жирным - это следует повесить на стили

подчеркнуто - это вообще что такое?

зачем? ведь оно уже объявлено в body...

да и вообще не понял зачем было сувать в таблицу о_О

#head_right {style.css

background-color:#000000;

float:left;

width:100%;

}

буду признатателен если объясните смысл создать такое правило.

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

logo.jpg"

выделенное жирным - это что за мусор??

а по поводу стилей, то их можно было б описать в CSS: div#head_left a img {}

Данный тег найден сразу после таблицы шапки. В данном случае его применение является грубой ошибкой!

Данный тег предназначен для разрыва строки, а не для формирования макета.

Читаем про margin и padding и учимся пользоваться ими!

kub.gif"

аналогично!

plus.gif"

plus.gif"

а вот данную конструкцию настоятельно рекомендую заменить на списки UL LI с применением маркера

krug.gif"

Дорогие Клиенты, поздравляем Вас с наступающим Новым годом!

Пусть удача сопутствует Вам во всех делах, вдохновение посещает Вас

как можно чаще, а в семье царят уют и тепло, которое непременно Вам

подарит мебель от фирмы Zetta!



С уважением, коллектив компании ?Zetta?.

данную конструкцию так же на списки вешаем.

225700 руб

0.jpg"

Plaza

Фабрика: Relotti (Италия)
Комплектация: 3+1+1 Есть в наличии

очень тяжелая и совершенно неоправданная конструкция.

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

контейнер с position: relative;

в него помещаем рисунок.

после идет конструкция из 3х дивов для создания закругленых углов в нем распологаем текст.

а вот рисунок со стоимостью это:

абсолютно позиционированный див, у которого рисунок - это фоновое изображение, просто опущеный вниз контейнера:

left: auto; top: auto; right: 60px; bottom: -10px;

значение прикинул на глаз :)

? 2007 ?Zetta?

не вешайте в пространство данные, для них предусмотрены соответствующие теги: span, p, прочее...

tel.gif"

выделено жирным - что это за мусор?

Так же проверьте на уменьшение окна, вылазят баги с футером и с хеадером!

И на удивление только в ИЕ6 оно выглядит дето как-то номально (при уменьшении окна раузера)

в целом для начинающего не плохо, но честно говоря я б не заплатил и 5$ за такую верстку, несмотря на то что у вас, скорее всего ушло немало времени на не?.

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

Link to comment
Share on other sites

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

ошибки допускают и не начинающие.

создалось впечатление, что тема создана для первоначального старта поискового счетчика посещений. Каждый посмотрел несколько раз и уже хорошо:)

Link to comment
Share on other sites

Как бы Вас не ругали, за "морду" спасибо, понравилось, единственно, что я не понял так это "выбор раздела". И пропустить через валидатор, у klierik в подписи прекрасные инструменты, пара десятков раз, а в остальном "прекрасная я Маркиза вс? хорошо".

Link to comment
Share on other sites

А чего оценивать?

Верстка ? кирпичная.

Код ? табличный.

Режим ? Transitional.

В коде полно какого-то гм? артефактов в общем. Окуда что берется?

.text_right_bigimg {wid th:200px;

hei ght:100px;

backgro und-color:#CCCCCC;

padding-left:20px;

float:left;}

Не удивил.

Link to comment
Share on other sites

1 - автору этот топик уже давно неинтересен.

2 - обсуждать тут нечего, если только для себя поразмышлять, что тут плохо;

3 - и апать старые топики подобного содержания, с читаю моветоном.

Link to comment
Share on other sites

1 - автору этот топик уже давно неинтересен.

2 - обсуждать тут нечего, если только для себя поразмышлять, что тут плохо;

3 - и апать старые топики подобного содержания, с читаю моветоном.

1. Топик может быть интересен не только автору, и появившиеся посты это подтверждают.

2. Тво? собственное мнение.

3. Опять таки тво? собственное мнение. ;)

Открыл тему.

Link to comment
Share on other sites

  • 2 weeks later...
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