Оцыните верстку landing page

RomanVerstka · October 14, 2013

http://remont-doma-na5.ru/

npofopr · October 14, 2013

1. Стоит добавить чуть больше текста, как половина сразу ломается.

2. И в лендинге наверно должно быть заголовки: h1, h2, h3... хотя бы один.

3. Вы в первый раз узнали, что такое clearfix?

RomanVerstka · October 14, 2013

и все. астальное все впорядки)))?

advokatua · October 14, 2013

С чем сравнивать?

Html:


<body style="">

CSS через дримвювер что ли делался ? Откуда везде столько нулей?


.wrapper1 {
min-height: 408.0px;
float: left;
position: relative;
width: 1024.0px;
margin: 0.0px 0.0px 0.0px 0.0px;

.zayavka1img {
float: left;
margin: 0.0px 0.0px 0.0px 0.0px;
}

Повтор кода:


.number {
padding: 19.0px 14.0px 0.0px 14.0px;
text-align: left;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 84.62%;
text-transform: uppercase;
color: #838282;
min-width: 206.0px;
position: relative;
width: 100.0%;
}

.number {
background: url(images/number_4.jpg) no-repeat;
min-height: 28.0px;
}

В CSS вижу одни руссизмы в классах и все очень жутко налеплено.

Если важна была скорость и задача по сути выполнена, то конечно все это не важно.

и все. астальное все впорядки)))?

Давно версткой занимаетесь?

ЗЫ Клирфикс и каждого класса забавно выглядит.

Edited October 14, 2013 by advokatua

npofopr · October 14, 2013

Делайте лучше с помощью какого нибудь https://webflow.com/ или http://imcreator.com/

Для вас будет и быстрее и качественнее.

Tatiana_Balitskaya · October 14, 2013

Здесь есть не ровности http://clip2net.com/s/5XgJtX

Разные тени http://clip2net.com/s/5XgVAa

В заголовках отступы разные http://clip2net.com/s/5XgXzI

Эти цвета вообще не в тему, выпадают из общего контекста http://clip2net.com/s/5Xh1hx

Разное расстояние сверху у списка http://clip2net.com/s/5Xh5Ko

Как-то так

sigma77 · October 14, 2013

Расстрелять за капс.

ZI DAN · October 14, 2013

Тут собственно оценивать что-то сложно, т. к. страница явно не руками версталась, что дало прискорбный результат (жуткая избыточность). Посмотрел вёрстку списков с галочками — чуть со стула не свалился. Кроме того, что вместо <ul> и <li> использованы <img>, <p>, <span> и <br> c инлайновыми повторяющимися стилями, там ещё и каждая галочка является разной картинкой (несмотря на то, что выглядят они одинаково) :blink:

Остальное даже не стал внимательно смотреть, т. к. сразу понятно, что данная вёрстка является оброзцово-показательной халтурой.

advokatua · October 14, 2013

Делайте лучше с помощью какого нибудь https://webflow.com/ или http://imcreator.com/
Для вас будет и быстрее и качественнее.

Интересно, в профях вообще кто-то юзает подобные вещи или они как и дримвювер один мусор плодят в коде?

mrnobody · October 14, 2013

А вы специально делаете орфографические ошибки?

npofopr · October 15, 2013

Делайте лучше с помощью какого нибудь https://webflow.com/ или http://imcreator.com/
Для вас будет и быстрее и качественнее.
Интересно, в профях вообще кто-то юзает подобные вещи или они как и дримвювер один мусор плодят в коде?

Начальник у меня как то делал. Вполне прилично получается.

ZI DAN · October 15, 2013

Интересно, в профях вообще кто-то юзает подобные вещи или они как и дримвювер один мусор плодят в коде?

Ну онлайн инструменты для вёрстки я считаю не очень удачной идеей (хотя в webflow редактор кода в принципе есть). А в Dreamweaver я постоянно работаю — вполне приличный инструмент. Просто не нужно использовать его визуальный режим и всё будет нормально.

Какой бы ни был крутой редактор, он за человека нормальную вёрстку никогда не сделает. В любом случае нужно хорошо изучить HTML и CSS.

Edited October 15, 2013 by ZI DAN

Struggle · October 15, 2013

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

Edited October 15, 2013 by Struggle

Sign In

Оцыните верстку landing page

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information