Невозможно отучить людей изучать самые ненужные предметы.
Введение в CSS
Преимущества стилей
Добавления стилей
Типы носителей
Базовый синтаксис
Значения стилевых свойств
Селекторы тегов
Классы
CSS3
Надо знать обо всем понемножку, но все о немногом.
Идентификаторы
Контекстные селекторы
Соседние селекторы
Дочерние селекторы
Селекторы атрибутов
Универсальный селектор
Псевдоклассы
Псевдоэлементы
Кто умеет, тот делает. Кто не умеет, тот учит. Кто не умеет учить - становится деканом. (Т. Мартин)
Группирование
Наследование
Каскадирование
Валидация
Идентификаторы и классы
Написание эффективного кода
Вёрстка
Изображения
Текст
Цвет
Линии и рамки
Углы
Списки
Ссылки
Дизайны сайтов
Формы
Таблицы
CSS3
HTML5
Блог для вебмастеров
Новости мира Интернет
Сайтостроение
Ремонт и советы
Все новости
Справочник от А до Я
HTML, CSS, JavaScript
Афоризмы о учёбе
Статьи об афоризмах
Все Афоризмы
Помогли мы вам |
Процесс создания сайта можно разделить на несколько основных частей. Все начинается с создание дизайн-макета в одной из программ графического дизайна. Обычно в этой роли выступает Adobe Photoshop. Дальше происходит “нарезка” дизайн-макета и создание HTML/CSS верстки web-страницы. Последний этап – связывание верстки и движка сайта. Для каждого из них нужны определенные знания и навыки, но в некоторых случаях можно воспользоваться сторонними сервисами и программами, позволяющими немного облегчить работу.
В данном обзоре расскажу об онлайн сервисе Psd 2 Html Converter – это стартап-проект, направленный на автоматизацию одной из частей процесса создания сайта, а именно – верстки веб сайта из дизайн-макета, подготовленного в Photoshop или Gimp. Другими словами он поможет обработать исходный нарисованный макет сайта и на выходе получить уже сверстанный дизайн в соответствии со стандартами XHTML 1.0 Strict / CSS 2.1.
С помощью Psd 2 Html Converter можно:
В общем, севрвис помогает выполнить верстку быстро, удобно и без особых знаний.
Первое, что требуется сделать – подготовить PSD файл с дизайном сайта в соответствии с документацией сайта. Для чего это надо? Дело в том, что не всегда возможно автоматически распознать такие элементы сайта, как формы ввода текста/паролей, списки и т.п. Поэтому информация о том, во что должен превратиться слой в HTML верстке должна быть каким-то образом передана нашему сервису Psd 2 Html Converter.
В качестве способа передачи таких данных мы выбрали следующий. Слой PSD макета, который должен быть сконвертирован в какой-либо HTML элемент, отличный от изображения и текста, должен быть отмечен специальным тегом. Процесс чем-то похож на работу с TemplaVoila при подключении шаблона в TYPO3. На данный момент с помощью таких тегов можно создавать заголовки, списки, формы ввода, ссылки и даже таблицы. Список всех поддерживаемых тегов и их описание смотрите на странице документации сервиса.
После того, как PSD макет подготовлен, загружаем его на сервер. Для этого идем на страницу загрузки и выбираем PSD файл. На словах, возможно, не все показалось вам понятным, поэтому лучше самостоятельно потестировать сервис на реальном проекте.
Сервис автоматической верстки сайта Psd 2 Html Converter не бесплатный. Стоимость конвертации страницы – 98 рублей (3.5 USD / 2.5 EUR), но только после просмотра готовой html верстки сайта. Никто просто так деньги брать не будет.
К счастью, у сервиса Psd 2 Html Converter есть партнерская программа, которая поможет немного сэкономить. При регистрации аккаунта вы сможете смотреть историю сделанных конвертаций PSD -> HTML, получить скидку 25% при нескольких заказах сразу, а также бесплатные три PSD -> CSS конвертации за приглашенного друга. Кроме того, в системе действует накопительная скидка до 20%. Да и, в принципе, сумма в 100 рублей за подобную работу (пусть и простого макета) зато грамотно сделанного – это уже неплохое предложение.
Вообще проект Psd 2 Html Converter понравился, пару раз встречал похожие сервисы в буржунете, радует, что теперь и “у нас” есть нечто похожее. На сайте сервиса найдете также дополнительную документацию, FAQ, портфолио и блог. В последнем есть заметка как получить HTML/CSS верстку совершенно бесплатно – для этого нужно написать небольшой обзор о проекте в своем блоге или поделиться информацией в социальной сети.
P.S. Совсем недавно вышла новая версия айфона и теперь купить iPhone 4 в Киеве можно немного дешевле, потому что это предыдущая серия и цены на нее будут снижаться.
Надоело постоянно ходить в очках? Чувствуете дискомфорт? – попробуйте контактные линзы которые не просто помогут хорошо видеть, но и не будут мешать вашему имиджу.
|
|