Верстка и фотошоп

Discussion in 'PHP' started by Vid0k, 25 Jun 2008.

  1. Vid0k

    Vid0k Elder - Старейшина

    Joined:
    24 Dec 2007
    Messages:
    393
    Likes Received:
    125
    Reputations:
    13
    на кидал сайт в фотошопе[​IMG]
    правда еще не до конца
    но уже задумался как мне все это верстать
    был бы признателен если б подкинули хороших
    статей как все это грамотно порезать и сверстать
    и какая верстка лучше табличная или дивная?
    так же приму критику=)
    ток обоснованную...
     
    3 people like this.
  2. Лайт

    Лайт Active Member

    Joined:
    23 May 2007
    Messages:
    63
    Likes Received:
    172
    Reputations:
    11
    Я скажу тебе так: В процессе...
    доделывай все в фотошопе и выкладывай, а то тут просто набор квадратиков.
    ЗЫ Синий цвет текста не катит.
     
  3. Vid0k

    Vid0k Elder - Старейшина

    Joined:
    24 Dec 2007
    Messages:
    393
    Likes Received:
    125
    Reputations:
    13
    psd я выкладывать не буду не хочу чтобы появились клоны сайта
    ты б лучше статейки подсказал чтоб грамотно сверстать
    зы цвет щрифта поменяю
     
    1 person likes this.
  4. Лайт

    Лайт Active Member

    Joined:
    23 May 2007
    Messages:
    63
    Likes Received:
    172
    Reputations:
    11
    не в ПСД дело, доделай сначала шаблон полностью, а потом уже будешь думать как верстать.
     
    1 person likes this.
  5. Karantin

    Karantin Elder - Старейшина

    Joined:
    21 Dec 2007
    Messages:
    330
    Likes Received:
    146
    Reputations:
    24
    Фотошоп режет в табличную верстку, так что решать тебе, переделывать дивами или нет. Мнения различаются - верстка дивами считается более прогрессивной, табличная же более просто и менее времязатратной.
    тут и выкладывать ничего не надо, все копируется с картинки легко, да и копировать там нечего. Работай еще. А по поводу как верстать - возьми пару шаблонов в psd + html с ними и посмотри как всё делается.
     
    1 person likes this.
  6. Tigger

    Tigger Elder - Старейшина

    Joined:
    27 Aug 2007
    Messages:
    936
    Likes Received:
    527
    Reputations:
    204
    Ты чего? Какой клон сайта? Сайтов по такому образу куча!!! Только дизайн разный... Такой сверстать ЛЕГКО. Разумеется таблично... Дивно мнене нравится)) А вообще есть много статей по верстке на форуме сайта demiart.ru
    ЗЫ: У тебя не дизайн, а "каляка-малка"

    Хм.... Не видал такого, чтобы кт0то выкладывл псд+хтмл))
     
    #6 Tigger, 25 Jun 2008
    Last edited: 25 Jun 2008
    1 person likes this.
  7. Vid0k

    Vid0k Elder - Старейшина

    Joined:
    24 Dec 2007
    Messages:
    393
    Likes Received:
    125
    Reputations:
    13
    ммм...почему? что тебе в нем не нравиться?шрифт?меню и тд и тп ?
    как сделать лучше?примеры...пока я еще ковыряюсь с фотошопом)
     
  8. Лайт

    Лайт Active Member

    Joined:
    23 May 2007
    Messages:
    63
    Likes Received:
    172
    Reputations:
    11
    Я тебе уже сказал, что у тебя просто набор квадратов, когда добавишь контент и выложишь превью, тогда я расскажу что не таг
     
  9. inlanger

    inlanger Elder - Старейшина

    Joined:
    7 Jan 2007
    Messages:
    985
    Likes Received:
    283
    Reputations:
    27
    Шрифты ужасные, цветовая гамма давит на мозг...
     
  10. Vid0k

    Vid0k Elder - Старейшина

    Joined:
    24 Dec 2007
    Messages:
    393
    Likes Received:
    125
    Reputations:
    13
    [​IMG]
    вот немного переделал
    что еще исправлять
    шапку пока не сделал
    и не могу с цветом меню разобраться
     
  11. Лайт

    Лайт Active Member

    Joined:
    23 May 2007
    Messages:
    63
    Likes Received:
    172
    Reputations:
    11
    Эх, как тут не крути, а ничего дельного не получится...
    Ты гробами что ли торгуешь? Тогда красного добавь, черепов по краям, надгробий с крестами, зомби пасущихся на кладбище и ворон людоедов.
    Весь свой дизайн можешь спокойно выкидовать, жми Ctrl+n и вперед!
     
    1 person likes this.
  12. Dimi4

    Dimi4 Чайный пакетик

    Joined:
    19 Mar 2007
    Messages:
    750
    Likes Received:
    1,045
    Reputations:
    291
    Ну и зачем делать всё в темных тонах? Если ты еще не понял, то пользователей притягивает контент и простота. Чтобы было удобно. А твое "творение" реально напрягает глаза.
     
    1 person likes this.
  13. Naydav

    Naydav Elder - Старейшина

    Joined:
    30 Dec 2006
    Messages:
    439
    Likes Received:
    63
    Reputations:
    4
    Здесь все найдешь:
    Для более продвинутой:
    И вообще почитай данного автора в инете

    Так же на хабре есть потрясающие сатьи(наподобии - "вредная верстка"), там очень много ссылок, на действительно классные материалы по верстке


    --------------
    Нашел -
    http://habrahabr.ru/blog/webdev/42497.html
    http://softwaremaniacs.org/blog/2005/12/01/css-layout-float/

    Читать обязательно, причем можно и всем
     
    #13 Naydav, 25 Jun 2008
    Last edited: 25 Jun 2008
    1 person likes this.
  14. Vid0k

    Vid0k Elder - Старейшина

    Joined:
    24 Dec 2007
    Messages:
    393
    Likes Received:
    125
    Reputations:
    13
    ну подкинь тогда пару примеров хоумпаги которые те нравяться...
    ну а про тона многие сайты в темных тонах и ни кто не жалуется посмотри на родной ачат хоя бы)
     
  15. Naydav

    Naydav Elder - Старейшина

    Joined:
    30 Dec 2006
    Messages:
    439
    Likes Received:
    63
    Reputations:
    4
    Vid0k
    Спешл фо ю "30 темных дизайнов"
    Возможно, что-то за основу возьмешь
     
  16. Vid0k

    Vid0k Elder - Старейшина

    Joined:
    24 Dec 2007
    Messages:
    393
    Likes Received:
    125
    Reputations:
    13
    Naydav большое спасибо если б мог еще раз плюсануть то с удовольствием пост плюс
    дизы там прикольные спасибо)
    добавил к себе в закладки)
     
    1 person likes this.
  17. Vid0k

    Vid0k Elder - Старейшина

    Joined:
    24 Dec 2007
    Messages:
    393
    Likes Received:
    125
    Reputations:
    13
    да все уж я отказался от этого шаблона делаю другой)
    и тебе в раздел работа
     
  18. mff

    mff Elder - Старейшина

    Joined:
    12 Mar 2008
    Messages:
    2,074
    Likes Received:
    701
    Reputations:
    227
    Vid0k, всё нормально, только сдесь перед тем как делать что то в фотожопе нужно: знать как он у тебя будет растягиваться на весь экран или будет фиксированного размера! Если фиксированного, скажем для мониторов 1024х768 минимум, то размер полотна должен быть по ширине 1003 (1024 - 21 ширина прокрутки ;) ) Потом все элементы должны быть в отдельных слоях, желательно растрировать и объеденять только те слои, которые точно не подлежат более изменениям! На счет таблиц или дивов решай сам, к примеру таблицы грузятся дольше, но их понимают все броузеры, а с дивами появляется ряд ограничений, но они удобны и грузятся постепенно сверху - вниз. Резать так, объеденил все слои в один, потом порезал, далее сохранить для web и там внизу есть кнопочка, на нее жми и код таблицы забирай. Использую эту фичу в фотожопе только когда таблица слишком сложная, лучше самому вручную делать. ;)