Создание сайта!

[Muavi9]

Как создать шаблон в фотошопе затем совместить с Dreamweaver CS5?? Это первая моя работа
по разработке сайта и поручение начальства!!! С чего начать??? Методично с самого начала
посоветуйте плз!!!! Создал рисунок в фотошопе а как привязать к Dreamweaver незнаю!!! Любой помощи и совету буду рад!!! За ранее благодарю)))

[Naive]

От общего к частному:
1. условно делим дизайн на смысловые блоки (шапка, контент, сайдбары, подвал)
2. в каждом блоке ищем более мелкие блоки, например для шапки: логотип, форма поиска, второстепенная навигация, меню.
3. Делим каждый смысловой блок на необходимые "куски" дизайна, например для меню: верхняя/правая/нижняя/левая границы, границы между элементами меню, границы блока выпадающего меню (тоже trbl) и т.д.
4. Определяем резиновые и статичные элементы
5. Верстаем общий каркас, подкладываем фоны больших блоков, аналогично пп 1-4 до наименьших элементов.
6. Оформляем текст
п.с. пп 1-4 удобно осмыслить отдельно на листочке (расчертить общую сетку)

[Muavi9]

1. условно делим дизайн на смысловые блоки (шапка, контент, сайдбары, подвал)


Так и сделал стиль css sidebar 1-2 затем, header,content и footer я взял шаблон разбитый на 3 там ещё для кнопочек есть какой то стиль! Значит мне нужно мой рисунок поделить на эти все части?

[ZvEr_HaCkEr]

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

Значит мне нужно мой рисунок поделить на эти все части?

Да. .

[Muavi9]

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

Да. .

там рамки границы не стекуются подвал вообще сам по себе!!! ппц я шар(((

[Naive]

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

там рамки границы не стекуются подвал вообще сам по себе!!! ппц я шар(((

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

[Muavi9]

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

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

Можно поподробней? Правильно ли вобще брать шаблон поделенный на 3 колоны в дриме? и как кнопочки выстроить чтоб не с низу верх шли а чтоб с права на лево?

[Muavi9]

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

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

Можно поподробней? Правильно ли вобще брать шаблон поделенный на 3 колоны в дриме? и как кнопочки выстроить чтоб не с верху вниз шли а чтоб с права на лево? вот так Главная > Услуги > О нас >

[Naive]

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

Можно поподробней? Правильно ли вобще брать шаблон поделенный на 3 колоны в дриме? и как кнопочки выстроить чтоб не с верху вниз шли а чтоб с права на лево? вот так Главная > Услуги > О нас >

Понятия не имею какой в дриме шаблон на 3 колонки, мое знакомство с данным продуктом закончилось когда он начал за меня писать несуразный код.
Горизонтальное меню делается либо таблицей, либо плавающими блоками с обтеканием.

1.
<table>
  <tr>
    <td>
      <a href="#">
        Главная &gt;
      </a>
    </td>
    <td>
      <a href="#"> 
        Услуги &gt;
      </a>
    </td>
    <td>
      <a href="#"> 
         О нас &gt;
      </a>
    </td>
  </tr>
</table>
2.
<style>
ul li {
  padding:5px;
  float:left;
  list-style:none;
}
</style>

<ul>
  <li>
    <a href="#">
    Главная &gt;
    </a>
  </li>
  <li>
    <a href="#">
      Услуги &gt;
    </a>
  </li>
  <li>
    <a href="#"> 
      О нас &gt;
    </a>
  </li>
</ul>

Советую начать со статей на данном ресурсе:
http://htmlbook.ru/content/osnovy-verstki

[bananasus]

Если выложишь свой диз то можно будет дать конкретные советы...