airgraph
Сообщение
28/11/2008 11:24
Копия темы
Как я верстаю .
Для начала, подготовим рабочее место. Большой стол, на который можно положить руки, чтобы было удобно, монитор от 19′ и выше, чтобы можно было тестировать страницы под разные разрешения. Мягкое кресло, чашка зеленого чая без сахара и вперед…
Запускаем компьютер, на рабочем столе видим иконки наших любимых браузеров Firefox, Safari, Opera, IE. Они нам как дети родные, все разные, со своими капризами, но всеравно самые любимые и всегда рядом с нами. Под рукой так же должен быть верный друг и товарищ — Photoshop, редактор HTMLPad и всякие мелочи, о которых я расскажу по ходу работы. Для полного счастья включаем любимую музыку.
Открываем psd макет в Photoshop, пока он грузиться, мы можем вспомнить как хорошо вчера сидели с друзьями в баре и пили пиво, обсуждали девченок и машины… Все, шаблон у нас перед глазами, сразу же мы забываем обо всем и погружаемся в него с головой. Наш мозг начинает мыслить совсем по другому, у нас в голове только блоки, рамки и отступы. Мы расчленяем мысленно творение дизайнера на части, и словно через рентген просматриваем его, замечая детали, скрытые от глаз обычного человека. Важно выделить основные блоки header, content и footer, все остальное рассмотрим более внимательно по ходу…
Теперь мы можем загрузить наиболее подходящий framework в редактор.
В 90% случаев необходимо прижимать footer к низу страницы. Как это сделать, читайте в ближайшей статье. На этой стадии нужно учесть верстка будет резиновой или фиксированной. В любом случае, создаем главный блок с id=’content’, и прописываем нужные параметры ширины. Если резиновая — не забываем указать минимальную ширину, чтобы блоки не «съезжали». Как это сделать кроссбраузерно я тоже расскажу подробно в одной из своих статей.
Я обычно начинаю верстать скелет, пропуская детали, т.к. глобальные проблемы (появление горизонтального скролла, неправильное размещение блоков и др.), которые потом могут возникнуть, чаще всего связаны с ним. Вот мы видим, что на экране вырисовывается что то похожее на наш макет — шапка, основной контент, футер. Сейчас начинаем «разукрашивать» его сверху вниз, ничего не пропуская, учитывая все мелкие детали. Не забываем после внесения небольших изменений в код просматривать его в браузере. Сперва я тестирую в “правильных браузерах”, а затем, после того как блок сверстан, проверяю, что бы он так же правильно смотрелся и в IE. Иногда приходится применить хаки для него. Но прежде, чем это сделать, нужно убедиться действительно ли они здесь нужны.
Вот так шаг за шагом, минута за минутой мы двигаемся к нашей цели — оживить задумку дизайнера. Иногда это занятие занимает довольно много времени, поэтому не забываем делать перерывы. Можно пробежаться в магазин за соком и фруктами, позвонить друзьям, главное не думать некоторое время о верстке. Особенно это помогает, когда вы на чем то застопорились и не можете найти правильное решение. На свежую голову думается куда лучше :)
Ну вот и все, о чем я хотел сегодня поделиться с Вами. В заключение хочу сказать, что верстать сайты — очень интересное занятие! Для меня каждый сайт, каждый макет — как новая страница в большой энциклопедии. Это как компьютерная игра, где нужно пройти много уровней. Десятки, сотни макетов за плечами — вот гарантия того, что следующий уровень ты пройдешь быстрее и с минимальными «потерями».
Как я верстаю .
Для начала, подготовим рабочее место. Большой стол, на который можно положить руки, чтобы было удобно, монитор от 19′ и выше, чтобы можно было тестировать страницы под разные разрешения. Мягкое кресло, чашка зеленого чая без сахара и вперед…
Запускаем компьютер, на рабочем столе видим иконки наших любимых браузеров Firefox, Safari, Opera, IE. Они нам как дети родные, все разные, со своими капризами, но всеравно самые любимые и всегда рядом с нами. Под рукой так же должен быть верный друг и товарищ — Photoshop, редактор HTMLPad и всякие мелочи, о которых я расскажу по ходу работы. Для полного счастья включаем любимую музыку.
Открываем psd макет в Photoshop, пока он грузиться, мы можем вспомнить как хорошо вчера сидели с друзьями в баре и пили пиво, обсуждали девченок и машины… Все, шаблон у нас перед глазами, сразу же мы забываем обо всем и погружаемся в него с головой. Наш мозг начинает мыслить совсем по другому, у нас в голове только блоки, рамки и отступы. Мы расчленяем мысленно творение дизайнера на части, и словно через рентген просматриваем его, замечая детали, скрытые от глаз обычного человека. Важно выделить основные блоки header, content и footer, все остальное рассмотрим более внимательно по ходу…
Теперь мы можем загрузить наиболее подходящий framework в редактор.
В 90% случаев необходимо прижимать footer к низу страницы. Как это сделать, читайте в ближайшей статье. На этой стадии нужно учесть верстка будет резиновой или фиксированной. В любом случае, создаем главный блок с id=’content’, и прописываем нужные параметры ширины. Если резиновая — не забываем указать минимальную ширину, чтобы блоки не «съезжали». Как это сделать кроссбраузерно я тоже расскажу подробно в одной из своих статей.
Я обычно начинаю верстать скелет, пропуская детали, т.к. глобальные проблемы (появление горизонтального скролла, неправильное размещение блоков и др.), которые потом могут возникнуть, чаще всего связаны с ним. Вот мы видим, что на экране вырисовывается что то похожее на наш макет — шапка, основной контент, футер. Сейчас начинаем «разукрашивать» его сверху вниз, ничего не пропуская, учитывая все мелкие детали. Не забываем после внесения небольших изменений в код просматривать его в браузере. Сперва я тестирую в “правильных браузерах”, а затем, после того как блок сверстан, проверяю, что бы он так же правильно смотрелся и в IE. Иногда приходится применить хаки для него. Но прежде, чем это сделать, нужно убедиться действительно ли они здесь нужны.
Вот так шаг за шагом, минута за минутой мы двигаемся к нашей цели — оживить задумку дизайнера. Иногда это занятие занимает довольно много времени, поэтому не забываем делать перерывы. Можно пробежаться в магазин за соком и фруктами, позвонить друзьям, главное не думать некоторое время о верстке. Особенно это помогает, когда вы на чем то застопорились и не можете найти правильное решение. На свежую голову думается куда лучше :)
Ну вот и все, о чем я хотел сегодня поделиться с Вами. В заключение хочу сказать, что верстать сайты — очень интересное занятие! Для меня каждый сайт, каждый макет — как новая страница в большой энциклопедии. Это как компьютерная игра, где нужно пройти много уровней. Десятки, сотни макетов за плечами — вот гарантия того, что следующий уровень ты пройдешь быстрее и с минимальными «потерями».
dniser
Сообщение
28/11/2008 11:29
Копия темы
Следующая статья: .
как я пью водку!??
...
...
...
В заключение хочу сказать: ТЫы меняяя уважаешьь. ик?
P.S.: мне очень понравился сайт webmolot.com/menu-s-navar..
Следующая статья: .
как я пью водку!??
...
...
...
В заключение хочу сказать: ТЫы меняяя уважаешьь. ик?
P.S.: мне очень понравился сайт webmolot.com/menu-s-navar..
Hunter_k4
Сообщение
28/11/2008 11:48
Копия темы
.
*зевает*
Слава яичному богу я свои макеты сам верстаю
.
*зевает*
Слава яичному богу я свои макеты сам верстаю
dniser
Сообщение
28/11/2008 11:52
Копия темы
.
я только не знаю как сделать так, чтобы комментарии были разделены полосками (разными цветами)
.
я только не знаю как сделать так, чтобы комментарии были разделены полосками (разными цветами)
dniser
Сообщение
28/11/2008 11:55
Копия темы
.
а если этого невозможно? DLE же использует php?
Кто разбирается в этой админке?
.
а если этого невозможно? DLE же использует php?
Кто разбирается в этой админке?
Hunter_k4
Сообщение
28/11/2008 11:56
Копия темы
.
Даже вру, там тупо класс подставляется если коммент автора или же коммент юзеров))
.
Даже вру, там тупо класс подставляется если коммент автора или же коммент юзеров))
Hunter_k4
Сообщение
28/11/2008 11:57
Копия темы
.
Хз, я разбираюсь в php
dle на пхп – в dle не разбираюсь
.
Хз, я разбираюсь в php
dle на пхп – в dle не разбираюсь
dniser
Сообщение
28/11/2008 12:02
Копия темы
.
жалко что я просто ФОТОГРАФ И SEO, а не ФОТОГРАФ, SEO и верстальщик
.
жалко что я просто ФОТОГРАФ И SEO, а не ФОТОГРАФ, SEO и верстальщик
saintist
Сообщение
28/11/2008 12:32
Копия темы
В 90% случаев необходимо прижимать footer к низу страницы. .
В 90% случаев необходимо прижимать footer к низу страницы. .
stepdev
Сообщение
28/11/2008 13:01
Копия темы
.
а че там учиться?? этож блин не ассемблер, хотя и в нем ничего сложного нет =)
.
а че там учиться?? этож блин не ассемблер, хотя и в нем ничего сложного нет =)
airgraph
Сообщение
28/11/2008 13:48
Копия темы
.
Это господин Кнороз решил так подшутить надо мной :)
кому интересно можете почитать эти страшные истории www.free-lance.ru/blogs/v..
.
Это господин Кнороз решил так подшутить надо мной :)
кому интересно можете почитать эти страшные истории www.free-lance.ru/blogs/v..
Hunter_k4
Сообщение
28/11/2008 14:36
Копия темы
.
Смотря на каком уровне верстать и програмить на асме
.
Смотря на каком уровне верстать и програмить на асме
airgraph
Сообщение
28/11/2008 14:41
Копия темы
.
вроде взрослый парень, а так по детски себя повел.
Вот никак не могу достучаться до админов фриланса, чтобы убрали эти дурацкие отзывы.
.
вроде взрослый парень, а так по детски себя повел.
Вот никак не могу достучаться до админов фриланса, чтобы убрали эти дурацкие отзывы.
airgraph
Сообщение
28/11/2008 14:44
Копия темы
.
согласен, можно легко научиться много чему, но быть действительно профессионалом – не легко
.
согласен, можно легко научиться много чему, но быть действительно профессионалом – не легко
s-design
Сообщение
28/11/2008 14:44
Копия темы
.
Жди, должны ответить через пару суток после отправки письма
.
Жди, должны ответить через пару суток после отправки письма
airgraph
Сообщение
28/11/2008 14:52
Копия темы
.
ок
я на фрилансе очень редко бываю, а тут зашел посмотреть что новенького и так расстроился увидев эти отзывы.
Почему люди бывают такие злые!? В ярости они готовы сшибать все живое, делать всякие гадости. Но ведь все возвращается, это закон равновесия!
Призываю всех фрилансеров жить дружно! Ведь мы одна большая дружная семья :)
.
ок
я на фрилансе очень редко бываю, а тут зашел посмотреть что новенького и так расстроился увидев эти отзывы.
Почему люди бывают такие злые!? В ярости они готовы сшибать все живое, делать всякие гадости. Но ведь все возвращается, это закон равновесия!
Призываю всех фрилансеров жить дружно! Ведь мы одна большая дружная семья :)
airgraph
Сообщение
28/11/2008 14:55
Копия темы
.
:) я не справляюсь с заказами которые через мой сайт идут, по 2 недели люди в очереди стоят. Куда мне больше заказов, что я с ними буду делать )
.
:) я не справляюсь с заказами которые через мой сайт идут, по 2 недели люди в очереди стоят. Куда мне больше заказов, что я с ними буду делать )
stepdev
Сообщение
28/11/2008 16:34
Копия темы
.
главное чтобы заказы были, а опыт придет со времен =)
.
главное чтобы заказы были, а опыт придет со времен =)
airgraph
Сообщение
28/11/2008 16:40
Копия темы
.
можно делать много однотипных заказов и не развиваться, делать постоянно те же ошибки и не думать как их обойти, от таких заказов профессионализма не прибавиться.
.
можно делать много однотипных заказов и не развиваться, делать постоянно те же ошибки и не думать как их обойти, от таких заказов профессионализма не прибавиться.
Hunter_k4
Сообщение
28/11/2008 18:10
Копия темы
.
Опыт придет лишь от желания развиваться, а не от желания побольше денег
Пусть хоть тысяча заказчиков, если человек во-первых не шарит в теме вообще нет призвания, то никакие заказы развиваться ему не помогут
0
.
Опыт придет лишь от желания развиваться, а не от желания побольше денег
Пусть хоть тысяча заказчиков, если человек во-первых не шарит в теме вообще нет призвания, то никакие заказы развиваться ему не помогут