[Anthony]

Люди, не смог я найти на форуме ответа на вопрос - а как делаются шаблоны?
Какие программы для этого используются или только фотошоп?
Если фотошоп, то есть какие-то особенности по созданию шаблонов?
От линков тоже не откажусь!

[Асмодиан]

В сфере веб-дизайна есть понятие: макет, есть даже эскиз. Макет может быть навёрстанным.
Но вот шаблон: в вебе такое понятие само по себе не употребляется. Шаблон - это макет, навёрстанный под ОПРЕДЕЛЁННУЮ систему. например шаблон для joomla или для SMF. То есть либо вы хотите узнать, как делаются макеты, либо вам нужен какойто шаблон. Если шаблон, то скажите по что?

[Anthony]

Makarenya, значит говоря про шаблон, я думал про макет
Цель такова, чтобы научится делать сие макеты. Т.е. не привязываться к определенному движку, а именно просто создать дизайн вне зависимости от механизма сайта. А шаблонов действительно навалом в инете, но в данном случае мне они не интересны, так как это уже готовый продукт и не уникальный.

[Асмодиан]

Сам макет отрисовывается в photoshop.
В результате работы с Photoshop должно получиться чтото вроде http://www.daon.ru/index.php?page=fo...pe=item&item=1.

То есть вы отрисовываете внешний вид сайта полностью.

После чего начинается процесс вёрстки.
Что это такое - это разрезание макета на кусочки и сборка результата в html.

Чтобы резать макет, нужно воспользоваться программой Abobe ImageReady, или, если у вас Photoshop CS3, то самим Photoshop, так как ImageReady CS3 не существует, и весь его функционал реализован в самом в Photoshop CS3.

Для резки макета используйте инструмент Slice Tool (кнопка K на клавиатуре)
те области, которые будут выделенны этим инструментом впоследстии сохраняться в отдельные файлы. Чтобы задать имя для этих файлов, дыойной щелчёк мышью по области.
После определения всех требуемых областей, используйте пункт меню: save for web and devices в CS3 или jump to в ImageReady.

При работе в ImageReady вы также должны определить тип выходного файла (png, gif, jpg) ещё до нажатия jump to, в Photoshop CS3 только после нажатия save for web.. появляется окно, позволяющая задавать тип выходного изображения для каждой из областей.

Ну и как результат резки - вы получаете набор изображений, которые можно использовать впоследствии. Кстати, вы также получите и html - файл... Но он никуда не годиться. Вообщето желательно при сохранении указать, что вам нужны только изображения без html.

Сама вёрстка осуществляется в программе Adobe Dreamwaver (ранее - Macromedia Dreamwaver). Это программа для создания html-страниц. Учите её.
Ну и наконец начинается необъятое пространство html, css, и так далее, чему вам придётся довольно долго учиться.

[Anthony]

Makarenya, спасибо за очень подробное объяснение!
Не соглашусь только с последним пунктом

Сама вёрстка осуществляется в программе Adobe Dreamwaver (ранее - Macromedia Dreamwaver). Это программа для создания html-страниц. Учите её.
Ну и наконец начинается необъятое пространство html, css, и так далее, чему вам придётся довольно долго учиться.

Есть огромное количество редакторов...тут уже кто к чему привык. Я например уже 2 года пользуюсь jEdit и после него DW просто не прет. Css - аналогично, да и недолго учиться этому....мне кажется фотошоп гораздо сложнее освоить, чем HTML и CSS хотя бы потому что там нужно какое-то творческое видение, а в HTML и CSS - это только механизм компановки, который чего-то такого этакого не требует
Собственно поэтому и был такой вопрос, потому что пока кроме как создания дыма и копи-паста я пока не умею ниче в нем делать, а интерес проснулся очень сильный

[Newfelix]

Зря вы так про hmtl, css. Хорошему владению учаться долго и мутарно...
А умение рисовать макеты придёт с опытом. Просто-напросто рисуйте и рисуйте, изучайте программу/мы...

[Anthony]

Newfelix, согласен - совершенству нет предела, однако css и html - далеко не высокоуровневые языки, если их вообще можно назвать языками...долго и мутарно можно изучать библиотеку API или гуи для винды на сипп Вот там вот я думаю нет ниодного человека, который бы знал все ровно так же как и в php и в perl.
А css и html - они ограниченные. Не спорю - они достаточно гибкие для своей среды, но тем не менее это как сравнить ворд и виндусовский редактор

[Асмодиан]

Эх, попробуй сделать пару сайтов по той технике, которую привёл я. Из макета...
И ты узнаешь много нового...
Возможно css, html и ограниченные языки. И вообще css это не язык, а html - это язык разметки. НО в любом языке есть ооооочень большое количество приёмов и подходов: как сделать так, чтоб было тото. итд.
Я занимаюсь вёрсткой уже не первый год, и в каждом новом макете нахожу чтото новое для себя. открываю новые подходы итд...

[Mironoff]

Сообщение от Anthony

пользуюсь jEdit и после него DW просто не прет

это чушь!
Adobe Dreamweaver CS3 (это самая новая версия) инструмент профессионалов, вам он не понравился потому что вы не научились им пользоватся.

[Асмодиан]

Mironoff, полностью поддерживаю. И для любителей и для профи, и для тех, кто пока ещё только с визуальной частью работает, и для тех, кто работает в чистом html - Dreamwaver - лучшее решение. Максимально гибкое и эффективное для любого уровня дизайна, для любого верстальщика и для любого подхода к работе.