Разработка дизайна для своего сайта

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

Дизайн сайта

Итак, как же происходит процес создания дизайна для своего сайта? - Вообще, разработка дизайна делится на 2 пункта: - это создание визуального макета в Photoshop, и верстка. А теперь по подробнее. Для начала вы должны "нарисовать" свой сайт в фотошопе, подобрать цвета, разместить все блоки, продумать место для рекламы, продумать функционал, как будет происходить навигация по вашему сайту, вообщем посмотреть как он будет выглядеть когда будет готов. А переделать блоки, подправить цвета и др. куда проще в фотошопе чем в html и css файле. Всегда делайте свой макет в фотошопе предельно точным, ведь потом вы будете брать из него графику для своего сайта.

После того как у вас есть готовый макет сайта и вам он нравится можете приступать к верстке. Верстка происходит в одной из программ упомянутых в предыдущей статье: Adobe Dreamweaver, Microsoft FrontPage, Nvu, Notepad++, Блокнот, вообщем, как кому удобно, и кто к чему привык. В Adobe Dreamweaver и Microsoft FrontPage есть визуальный редактор помимо текстового, и вы так же можете разделить окно на две части, в одной будет визуальный редактор, в другой текстовый, что достаточно удобно при разметке страници.

Кстати, что касаестся разметки страниц, вы можете сьекономить себе время и сгенерировать заготовку страниц и получить каркас вашего сайта на csstemplater.com. Сайт очень простой в использовании, и проблем у вас возникнуть недолжно, если не знаете какую-то функцию, оставляйте как есть.

Разработка дизайна для сайта на каком-нибудь движке, или для сайта на чистом html немного чем отличается друг от друга, просто если вы будете потом "сажать" ваш сверстаный дизайн на движок, вам придется поднимать специальную литературу, конкретно по движку, на который вы "натягиваете" дизайн. У каждого движка своя специфика импорта дизайна. Но если вы не хотите слишком сильно для начала утруждаться вы всегда можете скачать готовый шаблонный дизайн для любого движка, для этого просто воспользуйтесь поиском. Возможно найдете даже подходящий вам по тематике, но тогда ваш сайт будет идентичным с еще + \ - 10 000 сайтов.

А если вы создаете сайт на чистом html + css вам ничего дополнительно знать не надо. Просто делаете определенное количество страниц согласно вашему макету, проставляете ссылки одна на другую заполняете контентом прям через тот же Adobe Dreamweaver и все. Единственный недостаток чистом html, это то что нельзя добавлять информацию на сайт через админку, которой впринципи нету, как у движков. Вам придется всегда редактировать и добавлять каждую страници вручную и потом заново загружать на сервер.

Так что если вы все же решили создавать свой сайт на движке - переходим к обзору и выбору движка.

Если вы хотите стать вэб-дизайнером и зарабатывать на этом неплохие деньги советуем вам заглянуть по этой ссылке.