Графика на сайте

[ILHAR]

Привет всем. Я начинающий дизайнер, в этом деле уже года 2, но не как не могу выбрать как лучше создавать графику для сайта! Пробую нарисовать сайт целиком в фотошопе а потом нарезать его и вставлять в таблицу! Как лучше делать, поделитесь пожалуйста опытом! Заранее спасибо!

 

[Fen1x]

Я не дизайнер , но на сколько я знаю. Сначала рисуют дизайн в фотошопе, а потом режут его в ImageReady.
P.S.
глупый вопрос для дизайнера, с 2ух летним стажем....

 

[ILHAR]

Я просто рисовал все поодельности и уже в HomeSite вставлял в таблицы рисунки сдалнные в фотошопе. А как наризать в ImageReady

 

[medwoodu]

Как удобно, ИМХО конечно лучше нарисовать целиком сайт, а потом воплощать в жизнь. Сколько знаю дизайн студий все в начале рисуют в шопе или еще где и торлько потом кроят.

 

[pr1m3]

Абсолютно согласен со всеми участниками

 

[vodkomotornik]

Ну и с размерами картинок по весу поаккуратнее надо, видел на заставках картины по 250кб - это ж жуть! :laugh:
Малоцветные типа надписей - лучше в gif, а фото - ф жипеги.

 

[iNfiUm]

Зря вы на парня наезжаете - он же сказал, что дизайнер ане верстальщик.

Когда готов и утвержден макет его надо нарезать, для чего используется инструмент Crop Tool
Не знаю точно как с предидущими версиями, но в CS3 все просто! Нарезав сайт сеткой с помощью наванного выше инструмента нажимаем Ctrl + Alt + Shift + S (Save for Web)

Можно выбрать сразу сохранение в html, в таком случае останется только оптимизировать страницу, но лучше конечно использовать не таблицы, а тег <div>...

 

[ILHAR]

Спсибо за совет iNfiUm буду пробывать! Только Вопрос а как работает тег <div>?

 

[ZitosS_32]

<table> - таблица, содержимое загружается, тольтко после загрузки всего содержимого всех ячеек!
<div> - блок, содержимое загружается поблочно
вот две альтернативы

<table>
  <tr>
	<td>
	   Ячейка1
	</td>
	<td>
	   Ячейка2
	</td>
  </tr>
</table>

и

<div>
  <div style="position: relative; float:left;">
	   Блок1
  </div>
  <div style="position: relative; float:right;">
	   Блок2
  </div>
</div>

Что-то типа этого! На блоках мало верстал
свойство float - возможность присоединять объекты с какой либо стороны! Типа того ))) :biggrin:

 

[iNfiUm]

Спсибо за совет iNfiUm буду пробывать! Только Вопрос а как работает тег <div>?

http://www.htmlbook.ru/html/div.html