Первый в жизни макет

[fragilewelldone]

Приветствую всех.Я новичок в верстке(изучаю по книгам около месяца), точнее это мой первый макет, хотелось бы узнать "правильность моих мыслей" в создании макета, так как чужие страницы не смотрел и пользовался только справочником по элементам.Так же интересует все где я накосячил(если вообще что то правильно). Не судите строго,заранее спасибо.

Вот ссылка:

http://refragile.px6.ru/

[ctpz]

Это говорит само за себя.

Хотя в css ошибок нет.

[fragilewelldone]

Эту хрень ХОСТИНГ мне делает, я не знаю что это, я проверял на валидность файл index.html все норм. я думаю это из за файла .system которого нельзя удалить.

[ctpz]

Есть нормальный народ. Туда можно спокойно выкладывать. В крайнем случае на юкоз.

[fragilewelldone]

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

[ctpz]

скажи тогда хоть под что верстал?

[CalvinKlein]

а зачем подвал изображением сделан?

там просто div'ом с бордером можно обойтись

[fragilewelldone]

сори,не очень понял вопрос)ты про устройство или про браузер? сори за тупость

[CalvinKlein]

он про браузер естественно

[Анна]

Приветствую всех.Я новичок в верстке(изучаю по книгам около месяца), точнее это мой первый макет, хотелось бы узнать "правильность моих мыслей" в создании макета, так как чужие страницы не смотрел и пользовался только справочником по элементам.Так же интересует все где я накосячил(если вообще что то правильно). Не судите строго,заранее спасибо.

Вот ссылка:

http://refragile.px6.ru/

Тоже начинаю, поэтому бросился в глаза однотипный метод работы. Как начинающий стараюсь использовать разные методы подхода для решения одной и той же задачи, чтобы набить руку. Вы решили напролом, нарезать картинок и засунуть в дивы. Почему не использовать для разнообразия список? Зачем верхнее меню вообще в рисунках, там только иконка рисунок, остальное писать(ко второму меню тоже относится).

Мне было бы интересно написать "FINANCE" через стили(ведь на самом деле интересно,тем более шрифт не экзотический), а не тупо вставлять img.Самая верхняя линия, над меню, тоже рисунок, зачем?

Долго не смотрела,но даже неопытному глазу за страницу обидно стало.

[fragilewelldone]

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

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

[CalvinKlein]

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

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

если так рассуждать можно вообще всё картинками делать

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

Edited August 30, 2011 by CalvinKlein

[fragilewelldone]

спасибо за советы

[Gaspode]

Есть нормальный народ. Туда можно спокойно выкладывать. В крайнем случае на юкоз.

Неча людей обманывать. Там тоже такая же хрень будет.

[MaferoK]

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

и мне один "добрый дяденька" обьяснил типо "ай йа йа й как же так там php и всё такое , а если придется редактировать там текст где нить .. или ещё что то а у тебя всё картинками ..." , вобщем у меня половина из того что он сказал вылетела из головы а остальную половину я не понял , но со временем всё так сказать "допер" что куда нужно ,

так что удачи =) , главное это практика

з.ы.

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

[fragilewelldone]

спасибо)

[irinablue]

надо стараться по минимуму использовать изображения (как в хтмл-коде, так и в стилях), т.к. это лишние запросы к серверу

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

пару замечаний - http://pix.am/E3m8/

делайте верстку универсальной - уберите один блок или уменьшите где-то кол-во текста - ничего не должно разлазится (поставили чуть больше текста и вот что получили - http://pix.am/HXHz/)

дерзайте! удачи!

п.с.: я как и все - не сразу все хорошо и кроссбраузерно верстала. только практика, практика и еще раз практика.

Edited August 30, 2011 by irinablue

[fragilewelldone]

спасибо за очень дельные советы)

[irinablue]

еще маленький совет - попробуйте начать верстать сайт, не используя картинок, все текстовое + простые стили для позиционирования блоков, текста, фона

когда каркас будет готов - добавляйте в стили изображения, а в хтмл-коде тег <img> используйте только для имеджей со смысловой нагрузкой (в Вашем сайте - это только фото девушек)

[Bonzash]

Слоган + меню картинками?!

Слоган <h1> или <h2>.

Меню:

<ul>
 <li>текст</li>
 <li>текст</li>
 <li>текст</li>
</ul>

[Vlad]

<br/> использовать в данном случае неудачная идея, сложнее управлять стилем, в частности отступ сверху задать.

[Softlink]

Слоган + меню картинками?!

Слоган <h1> или <h2>.

А я бы тоже не постеснялся сделать это картинкой.

1) для того, чтобы набрать этот финанс, надо минимум два спана

2) надо выровнять картинку слева-финанс-слоган справа - это как минимум еще одна обертка нужна(если кросс)

Немного ли тегов для одного логотипа?

[Bonzash]

Слоган + меню картинками?!

Слоган <h1> или <h2>.

А я бы тоже не постеснялся сделать это картинкой.

1) для того, чтобы набрать этот финанс, надо минимум два спана

2) надо выровнять картинку слева-финанс-слоган справа - это как минимум еще одна обертка нужна(если кросс)

Немного ли тегов для одного логотипа?

Вы правда так считаете? OMG.

При чем тут код? Главное что видит user на сайте.

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

Edited August 31, 2011 by Bonzash

[Softlink]

Вы правда так считаете? OMG.

Именно так и считаю, именно так и делаю. Одно дело когда там обычное слово, без наворотов, пусть и со слоганом, а другое - как здесь. Картинка, слово трехцветное и слоган еще. Вот последнее еще можно вынести за пределы рисунка, но иконку и текст я бы сделал картинкой, имхо. А то вместо h1>a>img получается h1>стопицот тегов, никому ненужных. Если уж и h1 то будьте добры выкладывайте сразу ему содержимое, а не h1>span bla-bla>span bla-bla.

[Bonzash]

Вы правда так считаете? OMG.

Именно так и считаю, именно так и делаю. Одно дело когда там обычное слово, без наворотов, пусть и со слоганом, а другое - как здесь. Картинка, слово трехцветное и слоган еще. Вот последнее еще можно вынести за пределы рисунка, но иконку и текст я бы сделал картинкой, имхо. А то вместо h1>a>img получается h1>стопицот тегов, никому ненужных. Если уж и h1 то будьте добры выкладывайте сразу ему содержимое, а не h1>span bla-bla>span bla-bla.

Может Вы путаете логотип и слоган? Или я что то не понимаю?