klierik

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

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

градиент, бордер-радиус, к примеру

.className selector { ... }

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

значит ты не правильно задал вопрос.

http://en.wikipedia.org/wiki/Display_resolution

в среднем эта тема поднимается раз в пол года каким-то очередным новичком. абсолютно по фиг тчо есть такие ресурсы куак бровзершотс и Едаб лабс и схожие. В любом случа надо иметь под рукой сам браузер. не важно какая основная ОС - главное что бы разработчику было удобно. ну и паралельно ставится Vbox/VMWare с определенной ОС. Именно этот набор и является универсальным! вот подумать только, елси бы не было виртуалки, то пришлось бы ставить несколько систем паралельно или же иметь несколько компьютеров. так что одна ОС + несколько виртуальных ОС - это как раз и есть универсальное решение

в таком случае уважаемый ТС расскажи нам как именно ты делаешь версию для печати?

не говори глупостей! ТС читай тут: http://htmlbook.ru/css/media

Так а ПО для кросс-теста зависит от ОС. Так а в чем проблема то? Win7+IE9(last update) тебе даст IE7/8/9. В 95%+ слачае тебе этого с головой хватит. Ну а в друг, попадётся какойто-то баг который твой родной IE не отобразит, то всегда под рукой должен быть VBox+WinXP или же Windows XP Mode (если проц потянет) 2alexriz Сейчас, возможно, да. Но пару лет назад альтернативу DreamWeaver я так найти и не смог (беря во внимание удобство написания кода). Да и дизайн интерфейсов, к большому сожалению, под Убунтой было УГ IDE под которой мне было бы удобно так и не нашел из-за чего и начал гуглить на тему MAC. В итоге заведомо взял ноут на котором спокойно заводится Retail + kext. Возвращатся на Убунту, тем более винду, не собираюсь!

Работаю больше года под Хакинтошем. Один раз довел до стабильного состояния и больше к этому вопросу не возвращался. До этого сидел на убунте в районе года. Проблемы с ней периодически-постоянно были. Да и для вёрстки, имхо, убунта не лучшее решение. Винда в этом плае все же поинтереснее будет

Скорее всгео имеловь ввиду что ОС загоняет в память свои служебные данные что в свою очередь благоприятно сказывается на производительности. Или хакинтош.

мне, по сути, пофиг "это" или "ето". никому ничего не обязан!

Chrome Mac - не фурычит )

выложи картинку что должно быть в итоге + уже сверстанную страничку в интернет

Не пойму, про что речь. Ткните носом ? Почему нет ? 1. про ето: https://skitch.com/klierik/g6khn/business 2. потому что это блок скорее похож на список определений. хотя тут следует всё же консультироватся в СЕОшником )

хмъ, внешний файл должен быть один (рекомендованно). стили внутри <style> целесообразно использовать если они только для данной страницы и более нигде не повторяются. а вообще лучше привыкнуть использовать один внещшний файл для всех стилей (ну и + файл стилей под IE)

я юзаю. когда под рукой нету ПО или влом запускать ради какойто мелочи то самое оно. регулярно использовать нету смысла, так как вов ремя разработки, в случае если, к примеру, в ИЕ, баг, то его правлю тулзами "на лету"

а ты картинки загрузи

1. что бы контент менеджер мог легко её сменить. ведь мы же делаем верстку таким образом что бы потом могли ею как-то пользоватся. 2. думаю мне на надо объяснять что такое списки ) 3. правило хорошего тона.

для начала было бы не плохо понять что из мебя представляет "CSS-фреймворк" вот - http://habrahabr.ru/blogs/css/137404/ про сабж описано. почитай.

не парья, пиши как умеешь - таблицами. Надо будет и дивами научишся.

а разме этот фреймворк имеет какое либо отновение к процессу верстки?

1. <div class="logo"> <h1>Business Co - Reach stability with us!</h1> <a href="#" title="Business Co - Reach stability with us!"><img src="img/logo.png" alt="Business Co - Reach stability with us!"></a> </div> ссылку можно было бы и в заголовок положить 2. <ul class="main_menu"> <li><a href="#"><span>Contacts</span></a></li> <li><a href="#"><span>About</span></a></li> <li><a href="#"><span>Products</span></a></li> <li class="active_link"><a href="#"><span>Solutions</span></a></li> <li><a href="#"><span>Home</span></a></li> </ul> а тут лучше бы использовать фишки CSS3 с поддержкой любой ширины (и что бы в ИЕ 7+ тоже было гуд), вместо того что бы лепить одинаковые стили. а вот вдруг завтра заказчик решит свой сайт перевести на другой язык и попадетс я длинное слово, или наоборот короткое? 3. div.conten - div.sidebar - div.primary_content а положить основной контент перед сайдбаром слабо? [offtop] Смотрю сегодня уже 3й(или 4й) макет и везде тупо одно и тоже. В начале дополнительная информация а потом уже основная. [/offtop] 4. <div class="block_1"> угу, а если проект пишется пол года, то мы увидим нечто типа: <div class="block_128"> <div class="block_129"> <div class="block_130"> 5. <ul> <li> <h4>Phasellus porta.</h4> <p>Fusce suscipit varius mi. Cum soc natoque penatibus et magnis. Parturient montes, nascetur.</p> </li> <li> <h4>Ridiculus mus nulla dui.</h4> <p>Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus.</p> </li> <li> <h4>Maecenas tristique orci.</h4> <p>Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. </p> </li> </ul> что-то мне подсказывает что использование Н4 тут нецелесообразно. 6. <div class="block_4_1"> <h4>Praesent vestibulum molestie lacus.</h4> <p>Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> </div> картинка должна лежать <img> а не фон. а еще ето список. 7. © - пишем © в разметке. 8. <div id="slider"> зачем тут ID? PS: незачёт.