Палиндром

jerry , мне Ваш сайт очень понравился, побольше бы таких. А по раскрутке - это вообще очень большой успех. Если не секрет, на какой CMS реализован сайт?

maddogrts, да, про значики я тоже так думаю, я их просто туда поставил =), т.к. сайт я делал не для заказчика, а вообще, чтобы css изучить =) Я его хочу с PHP интегрировать, а потом уже и другие страницы сделать...

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

Кстати, сайт плагина Web Developer для Мозиллы http://www.chrispederick.com/work/web-developer/

maddogrts, вы верно посоветовали убрать фиксированную высоту колонок, спасибо! Сейчас вроде бы перестало наслаиваться. И насчет Web Developer тоже помогли, очень ценная программка для Мозиллы. Только по ней я хочу узнать - какие ресайзы на не нужно обязательно тестировать - там по умолчанию 800x600 установлено, под какими разрешениями обязательно нужно еще смотреть?

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

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

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

maddogrts спасибо за критику, но хотелось бы услышать сами рекомендации по улучшению, прежде всего, по коду - как его мне в данном случае сделать продуманнее. Насчет других страниц, там расположение, конечно же, будет не так, как на главной странице, там я планировал текст расположить по центру и добавить еще простое боковое меню в виде гиперссылок. Подскажите, как протестировать сайт при разных разрешениях экрана? У меня монитор 19дюймов - какое это получается разрешение? И если я хочу узнать, как к примеру сайт будет смотреться на более маленьком мониторе - что тогда делать?

Девятилап, спасибо за ценное замечание, а я этот момент как-то упустил из виду А как убрать наслоение, когда окно браузера сужается? Я смотрел на других сайтах, там как-то не так наслаивается

Всех приветствую! После изучения теории CSS-верстки сделал свой первый сайт. Прошу оценить прежде всего код, ну и дизайн и т.д. Пока только одна страница - главная. Сразу хочу задать вопрос - как сделать, чтобы при уменьшении окна не было наслоения. Сайт http://www.wallstreetrealty.ru/ (На название домена не обращайте внимания) CSS код в отдельный файл не выносил для наглядности

charset=windows-1251

display дает возможность превращать блочные элементы в строчные, например, преобразовать ряд ссылок, расположенных в строку - -в вертикальный список (который, к примеру, можно использовать для боковой панели навигации), при этом мы не задейстсуем тег для переноса строк, который является нежелательным в CSS разметке:cool: Кроме того, с помощью свойства display можно сделать любой элемент невидимым пользователю, при этом занимаемое этими элементами пространство освобождается (в отличие от visibility, со значениями visible и hidden, где элемент просто скрывается от глаз пользователя, а пространство под этими элементами остается). display используется также при создании выпадающих меню.

Спасибо за советы! Данный форум и ресурс очень помогает в освоении, спасибо Владу Мержевичу за проделанную работу. А из книг сам сейчас читаю "Стильный сайт с помощью CSS" Чарльза Уайк Смита - там все довольно понятно также написано. Я решил сразу начать CSS изучать, т.к. говорят, что с таблиц довольно сложно на слои переходить, эта как если научился печатать двумя пальцами, то вслепую уже вряд ли научишься

Сейчас, кстати, есть плагин к Фотошопу, который режет нарисованный сайт на Divы, а не на таблицы - sitegrinder www.photoshopsupport.com/tools/plugins/sitegrinder.html

Vlad, спасибо, все понятно пока, буду осваивать "люстру". Начинаю понимать сущность CSS - возможности у них намного шире, чем у таблиц и код страницы становится значительно меньше. На мой взгляд, начинающим правильнее сразу изучать XHTML во взаимосвязи с CSS и не зацикливаться на табличной верстке - это дает возможность лучше понять природу написания кода. К тому же табличная верстка постепенно начинает уходить в прошлое. И мое мнение по Дреамвиверу - последняя версия его - отличнейшая программа, если следить за кодом, то нет никакого в нем мусора, вдобавок он при работе с xhtml и css-файлами сам подставляет нужные значения свойств... Может я просто не пользовался другими программами, но мне дреамвивер нравится.

Ребят, помогите понять одну вещь (я учу матчасть, но не могу нигде об этом прочитать). Мне многие ответили в начале этого топика, что на начальном этапе сохдания сайта, после утверждения его структуры, он рисуется полностью в фотошопе, а потом уже происходит резка, а потом верстка. Я читаю сейчас книгу Чарльза Уайк-Смита "Стильный сайт с помощью CSS" и там по алгоритму создания сайта (на примере сайта о гномах) показано, что сначала делается базовая разметка страницы с помощью кода, определяется примерный ее макет (2-3 колонки и т.д.), а потом в определенные места вставляются графические элементы, сделанные в фотошопе. Т.е. при таком подходе сначала не нужно полностью рисовать сайт, а просто можно нарисовать отдельные его элементы (шапку, к примеру), а потом их вставить в нужное место на сайте. Вопрос - обязательно ли в начале полностью рисовать сайт в фотошопе или можно ограничиться рисованием отдельных его элементов? И второй вопрос у меня такой. Я к примеру нарисовал сайт в фотошопе, разрезал его на части, сохранил как (Save for Web & Devices) - сайт разрезался на несколько частей. Потом открываю его, к примеру, в Дреамвивере и вижу такой код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" <html><head> <title>kony1</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <style type="text/css"> TABLE { table-layout: auto } </style> </head> <body bgcolor="#E7D1AC" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- ImageReady Slices (kony1.psd) --> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="7" bgcolor="#E7D1AC"#E7D1AC"> </td> <td bgcolor="#E7D1AC"> <img src="images/spacer.gif" width="1" height="30" alt=""></td> </tr> <tr> <td colspan="3" rowspan="4" bgcolor="#E7D1AC"> </td> <td colspan="3"> <img src="images/kony1_03.jpg" width="612" height="145" alt=""></td> <td rowspan="2" bgcolor="#E7D1AC"> </td> <td> <img src="images/spacer.gif" width="1" height="145" alt=""></td> </tr> <tr> <td colspan="3" rowspan="2" bgcolor="#E7D1AC"> </td> <td> <img src="images/spacer.gif" width="1" height="17" alt=""></td> </tr> <tr> <td rowspan="5" bgcolor="#E7D1AC"> </td> <td> <img src="images/spacer.gif" width="1" height="18" alt=""></td> </tr> <tr> <td rowspan="10"> <img src="images/kony1_08.jpg" width="119" height="720" alt=""></td> <td rowspan="9"><img src="images/kony1_09.jpg" width="367" height="517" alt="" /></td> <td rowspan="10"> <img src="images/kony1_10.jpg" width="126" height="720" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="36" alt=""></td> </tr> <tr> <td rowspan="9"> <img src="images/kony1_11.jpg" width="117" height="684" alt=""></td> <td colspan="2"><img src="images/kony1_12.jpg" width="200" height="88" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="88" alt=""></td> </tr> <tr> <td colspan="2"> <img src="images/kony1_13.jpg" width="200" height="13" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="13" alt=""></td> </tr> <tr> <td colspan="2" rowspan="2"><a href="www.kony.ru"><img src="images/kony1_14.jpg" alt="" width="200" height="76" border="0"></a></td> <td> <img src="images/spacer.gif" width="1" height="58" alt=""></td> </tr> <tr> <td rowspan="2"> <img src="images/kony1_15.jpg" width="324" height="102" alt=""><img src="images/spacer.gif" width="1" height="84" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="18" alt=""></td> </tr> <tr> <td><img src="images/kony1_16.jpg" width="169" height="84" alt=""></td> <td rowspan="5"> <img src="images/kony1_17.jpg" width="31" height="507" alt=""></td> <td> </td> </tr> <tr> <td><img src="images/kony1_18.gif" width="169" height="84" alt=""></td> <td> <img src="images/kony1_19.jpg" width="324" height="84" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="84" alt=""></td> </tr> <tr> <td> <img src="images/kony1_20.jpg" width="169" height="106" alt=""></td> <td> <img src="images/kony1_21.jpg" width="324" height="106" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="106" alt=""></td> </tr> <tr> <td rowspan="2"> <img src="images/kony1_22.jpg" width="169" height="233" alt=""></td> <td rowspan="3"> <img src="images/kony1_23.jpg" width="324" height="315" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="30" alt=""></td> </tr> <tr> <td> <img src="images/kony1_24.jpg" width="367" height="203" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="203" alt=""></td> </tr> <tr> <td colspan="6" rowspan="2"> </td> <td> <img src="images/spacer.gif" width="1" height="82" alt=""></td> </tr> <tr> <td> <img src="images/kony1_26.jpg" width="324" height="12" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="12" alt=""></td> </tr> </table> <!-- End ImageReady Slices --> </body> </html> У меня вопрос - здесь программа автоматически поставила на сайт табличную верстку, а если я хочу сверстать этот сайт с помощью слоев (DIV), вставить туда CSS элементы, то мне это можно будет сделать или нет?

хорошо, продолжаю учить матчасть

Vlad, а сейчас же говорят, что язык html утрачивает актуальность, сейчас xhtml, а у меня Adobe Dreamweaver тоже xhtml Я как понял сайты, типа http://www.artlebedev.ru/news/ (без расширения) это и есть сайты, сделанные на css?

У меня еще один вопрос В каком расширении должны быть файлы на сайте Я в интернете нашел несколько вариантов 1. http://www.artlebedev.ru/news/ (т.е. без .html) 2. http://molotok.ru/48393_monety_.html?order...p=1&aid=7805605 (т.е. здесь набор цифр, букв и знаков) 3. http://top.rbc.ru/society/27/12/2007/131877.shtml (ну или .html или .htm) Какой из этих вариантов лучше, к чему стремиитьтся?

А возможен такой "легковесный вариант" 1. Открываю Дреамвивер, в нем делаю табличную разметку, потом в нужные ячейки таблицы сразу вставляю и текст, и нужные картинки и т.п. (например, в Фотошопе сделал нужную картинку или привел в нужный вид фото) 2. Потом привожу в порядок код 3. Сохраняю в формате html и заливаю на сервер. Если нужно, то прикрепляю к нужному движку Какие при таком подходе минусы или так вообще "не по технологии" делать нельзя

Да, все верно, начинающему сначала нужно попробовать ручками код написать, чтобы почувствовать лучше процесс, а потом уже юзать ДВ. Flo, насчет ДВ, у меня Adobe Dreamweaver CS3 9.0 Так хочется создать самому сайт, от и до (закончить прикреплением к движку и выкладыванием на сервер). Как я понял, сначала просто на бумаге рисую простейшую структуру сайта, а потом в Фотошопе все рисую в графическом формате и сохраняю все это в формат psd. На этом этапе все вроде понятно, слабое знание Фотошопа надеюсь восполнить на курсах в Бауманке (на которые уже записан на начало января). А вот что дальше делать с рисунком - вроде понятно, но с другой стороны "я знаю, что ничего не знаю"

Может быть Дреамвивер какие-то "косяки" в коде делает, в отличие от текстовых (ручных) редакторов

Flo, спасибо за подробное руководство, стало намного понятнее на данном этапе. А зачем мне использовать блокнот для html-разметки, когда есть Дреамвивер - там же намного легче все делать?

А у меня возник вопрос, вот между п. 3 и п.4 (т.е. при переходе от дизайна к верстке) - омжно подробнее об этом важном моменте. Допустим, у меня есть дизайн , сделанный в Фотошопе, чтобы начать делать верстку, я, сохранив файл в psd , куда иду дальше, в какую программу? Вы меня извините за глупые, на первый взгляд вопросы, просто многое непонятно на начальном этапе, вдобавок вся эта информация потом может пригодиться другим новичкам