Скукота. Где море? Отдых на Азове - фотки каких-то домов. Подсластите чем-нибудь.
Может быть и задача неправильно поставлена. Но такие моменты могут встретиться еще. Во многих сайтах хитро сделали по краям фон одного цвета. Да и вообще люди делают на table. Может таким способом вообще нельзя сверстать на div'ах?..
Svetle4ok добавил 17.05.2009 в 10:32
Хорошая вещь. Моего варианта нет. Здесь при трехколоночной верстке у центральной колонки задаются margin либо в пикселях, либо в процентах, ну а боковые как всегда прижимаются к краям float'ем. У моих колонок нет содержимого. Это так оформление. Представьте, я создаю одну колонку по центру с текстом, а по краям от нее будет фон с травой да еще и с тенью. Единственным вариантом наверно будет включить тень внутрь центральной колонки, а траву в фон родительского блока. Только трава это ж не просто цвет какой-то, она должна продолжать изображение граничащих элементов.
Делаю вывод: нельзя сверстать, как хочется. Буду делать таблицей.
Вы описали три половины прочитанных книг! А может быть всего две половины :) Какой баг для вашей деятельности :)
Теперь по теме. Почитайте требования поисковых систем к содержаниям сайта. У яндекса у гугла. Данный сайт очень полезный материал. Покопайтесь в темах. По началу тоже придется перечесть много бреда. Не зацикливайтесь на том, что мало понятно, займетесь этим, когда разберетесь с основами, а они то сразу будут заметны. Есть пара книжонок в магазинах, там интересно прочитать о терминологии, обзорах способов и других моментов. Но их тоже за библию не стоит держать. Обычно когда такие книжки попадаются на глаза СЕОшникам они принимают вид этого смайлика 😂
Ткач, я не могу задать ширину крайних колонок. Я ее не знаю. Пытался в процентах, но что-то все соскакивает вверх.
Насчет рисунка - это не пример. Это желаемый результат. А в коде естественно пытался и обтекание задавать.
Вот мои попытки:
<div>
<div class="topleft"></div>
<div class="topright"></div>
<div class="topunder"></div>
</div>
CSS
.topunder {background:url(../pic/topunder.jpg) top center repeat-x; height:20px; width:930px; margin:auto;}
.topleft {background:url(../pic/topleft.jpg) top right repeat-x; height:20px; float:left;}
.topright {background:url(../pic/topright.jpg) top left repeat-x; height:20px; float:right;}
Но из-за отсутствия ширины, колонки не видны...
Ну ладно не будем придираться к дизайну, но это не макет для сайта. У веб-дизайна есть все же свои тонкости. Как прикажете верстать под этот дизайн? Где повторяющиеся элементы, где можно было бы сэкономить на весе графики? Как странице сайта расти в глубину? Где можно сделать резину (пусть без нее, тогда не вижу цвета для фона отступов)
ТС учитывайте эти моменты в Ваших следующих разработках.
И мне техзадание и образец сайта, если можно, а также Ваша оценка стоимости подобной работы.
Покажете потом результаты работы? :)
Говорит. Покажешь портфельчик?
Монета, лучина
Web 2.0 - применение технологий для создание современных сайтов, в которых преобладает интерактив и большую часть контента создают сами пользователи. К таким технологиям можно отнести AJAX и Flash (не анимация а ActionScript). Принцип: отправляем данные на сервер, получаем готовую страничку. Хорошим примером будут социальные сайты.
Но сами технологии не могут называться web 2.0. Этот термин вообще не имеет точного значения, поэтому и возникают всякие сказки по поводу дизайнов web 2.0.
ТС может быть хочет увидеть уникальный дизайн? Но дизайнеру называть свою работу web 2.0 как минимум непрофессионально.
Я бы вообще вебдваноль отождествил с ренессансом :D
P.S. Поправьте если я ошибаюсь - все-таки это субъективное мнение.
