Конструируем сайт

Ноя
15

GlavMed - довольны все! 16,6% реферальских!

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

Удобство прочтения кода html
Минимализм кода html
Легкоизменяемость кода html
Уникальные манипуляции с кодом html

И еще многие другие мелкие и частные элементы написания шаблона сайта, который далее будет скриптоваться.

Еще полгода назад я очень часто начал встречать понятие блочная верстка, после даже начал видеть предложения именно для дизайнеров блочной верстки. Вот только сейчас я уже начал понимать в чем суть.

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

Верстка дизайна сайта

Дизайны сайтов круто изменились! Если ранее таблица - это и был дизайн, то сейчас увидеть трехмерный объект, какие-либо переплетения, объем, тени, волнистые и неровные линии, любые абстракции в дизайне и просто необычные фотографии вписанные в дизайн можно очень легко. И явление это повсеместное.

Естественно, подобные нововведения в дизайне нарезать с помощью table просто нереально. И именно поэтому я пишу о нарезке дизайна с помощью div - следующий шаг в развитии своих навыков веб-дизайнера. С помощью двух значений его стиля float можно сотворить чудеса!

float:left - div будет расспологаться слева, а все остальное будет обтекать его справа;
float:right - div будет расспологаться справа, а все остальное будет обтекать его слева;

Это позоваляет приведенный в предыдущем посте дизайн нарезать в 40 строк! А это не только облегчает работу, но и значительно:

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

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

Интересная тема от Spryt, лично для меня даже волнительная и слава Богу уже пройденная. Хочется просто сказать, что работа в команде чем-то похожа на секс, где молчать нельзя Обо всем нужно говорить, чтобы достичь желаемого результата!

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

По поводу AffilateCube и PromoText пока сказать нечего, никак не получается разобраться в этих системах. Нет достойной информации, толи я ее просто не нахожу, хотя примеры того, что зарабатывают с этого - есть.

Как заработать на любви

Похожие посты:

16 Комментов к “Конструируем сайт”

9 Декабрь 2007 в 00:00
Div верстка. jQuery :

[...] продолжение темы о div верстке. Наверное Вы видели этот вебдванольный эффект, когда [...]
21 Декабрь 2007 в 17:36
Пятничный итог | cross{blog} :

[...] Div верстка, хоть и удобна для web2.0, но требует детальнейщей проработки для разных браузеров [...]
19 Март 2008 в 00:35
Div верстка :

[...] все должно быть очень просто. Основных CSS стилей div-верстки [...]
5 Май 2008 в 00:02
Система продвижения сайта :

[...] верстка div [...]
14 Май 2008 в 19:05
antoxa :

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

вот если бы Вы написали про скругление краев у select например, это было бы действительно полезно

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

sorry – это к теме про скругление краев, промахнулся
15 Май 2008 в 07:46
cross :

Да ничего, главное что по теме все сказал.

Согласен, что скругление краев явой не панацея и div сложно будет заменить. Но все же как альтернативный вариант – вполне удачная реализация… к тому же значительно упрощающая жизнь и сложные манипуляции с дивами.

Скругление же, это не единственный формат доступный в этой библиотеке.
15 Май 2008 в 21:30
Я детектор лжи :

А где “О роли контактной информации в продвижении сайтов “,
я сюда перешел именно по этой ссылке?
16 Май 2008 в 11:20
cross :

Случайно совсем выскочил по этому НЧ… Как раз интересна была тема контактной информации и что-то по поводу нее совсем в маленькой заметке отписался. Вот и результат
4 Июнь 2008 в 13:48
fidz :

чтото слішал о такой теме как вай вёрстка
6 Июнь 2008 в 16:47
путин :

а для веб 1 чтоли не удобна?)
7 Июнь 2008 в 15:00
Алексей Родионов :

див вёрстка отличается немного от дива 2
7 Июнь 2008 в 15:10
cross :

В веб1 нет див верстки как таковой ) На тот момент див – рассматривался как блочный элемент и практически не использовался, насколько я понимаю.

Да и к тому же с дивов и началась жизнь веб2
8 Июнь 2008 в 14:02
малахов :

какие нововведения лучше?
10 Июнь 2008 в 12:39
Сваровский :

блочная вёрстка не рулит єто факт)
10 Июнь 2008 в 12:43
cross :

С такой глупостью я еще не встречался Не может не рулить
1 Март 2009 в 20:04
AND :

Собираюсь попробовать div-ную верстку для оптимизации и поискового продвижения своих сайтов