Статьи

Photoshop to HTML: нарежьте свои дизайны как профессионалы

Привет всем! У меня есть интересные новости (по крайней мере, для меня)! В конце прошлого года меня попросили подготовить серию книг и видеороликов, в которых рассказывалось, как именно конвертировать PSD в веб-сайты, соответствующие стандартам HTML / CSS. Это то, что веб-дизайнеры делают изо дня в день. Я с гордостью сообщаю, что сейчас она выпущена Rockable Press ! Итак, если вы находитесь в той стадии обучения, где это может быть полезно, пожалуйста, продолжайте читать и подумайте об этом .


На своих страницах редактор Nettuts + Джеффри Уэй проведет вас через весь процесс преобразования дизайна из Photoshop в полноценный веб-сайт HTML / CSS. Если вы можете создавать великолепные дизайны в Photoshop, но не знаете, как преобразовать их в надежный и функционирующий веб-сайт, эта книга научит вас, как это сделать. Обладая этими навыками в своем арсенале, вы можете начать работать профессиональным веб-дизайнером или увеличивать деньги, которые вы зарабатываете за каждую работу по веб-дизайну, которую вы делаете.

Но это не просто электронная книга. Он также поставляется с дополнительными материалами, такими как каталог файлов Photoshop, HTML и CSS, которые вы можете использовать при работе с книгой, и серией из 14 экранных передач (более 4 часов обучения), которые проведут вас по всему проекту от начала до конца. , Электронная книга и тренинг были созданы Джеффри Уэем, суперзвездой в области фронт-энда разработки и опытным редактором Nettuts + , одного из крупнейших сайтов по веб-разработке в Интернете.


Вы получаете 145-страничную электронную книгу + пример Photoshop, HTML и CSS файлы + 4 часа скринкастов


Эта электронная книга для тех, кто имеет элементарное понимание HTML и CSS. Вы должны быть знакомы с тегами HTML и наиболее распространенными свойствами CSS. Некоторые из тем, затронутых в книге, следующие:

  • Различные методы нарезки PSD.
  • Создайте семантическую разметку и узнайте, как этот HTML относится к исходному PSD.
  • Как использовать методы, такие как замена фона и генерация спрайтов.
  • Используйте пользовательские шрифты с заменой шрифта Cufon.
  • Различия между абсолютным и относительным позиционированием.
  • Как компенсировать страшный Internet Explorer 6.
  • Воспользуйтесь преимуществами расширенных функций CSS3.
  • Как воспользоваться различными полезными расширениями браузера, чтобы ускорить кодирование.
  • Используйте библиотеку jQuery, чтобы добавить нотку интерактивности.

И это еще не все!


Если вы не определились, вы можете скачать образцы страниц (17 страниц). Но, не забывайте, это также идет с четырьмя часами видео-тренинга, который охватывает всю книгу. Так что у вас есть выбор: читать или смотреть!


Он является редактором Nettuts + , блога учебников по веб-разработке с более чем 50 000 ежедневных читателей, а также он является менеджером двух торговых площадок для веб-разработчиков: ThemeForest и CodeCanyon . Он работает в веб-индустрии более 5 лет, имея опыт в HTML, CSS, PHP, JavaScript, jQuery, CodeIgniter, разработке баз данных и WordPress.