Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/57: Рейтинг темы: голосов - 57, средняя оценка - 5.00
Особый статус
 Аватар для Proffessional
743 / 145 / 6
Регистрация: 16.07.2009
Сообщений: 2,185
Записей в блоге: 1

PSD to HTML - супер быстрая вёрстка!

18.07.2012, 19:18. Показов 11889. Ответов 7
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Привет!
У меня большое количество мелких заказов на сайты-одностранички. Я быстро рисую макеты в Photoshop, разделяю на области (инструмент Slice), экспортирую в html и дорабатываю в DreamWeaver (возни в котором очень много, меня это не устраивает). Загвоздка в том, что работа эта требует очень быстрых решений (сайт в день заказа) и при экспорте получается таблица на всю страницу с фоновыми изображениями. Мне же нужен ещё и текст, и ссылки, и чтобы аккуратно...
Что можете посоветовать для такой работы? Подойдёт ли для этого FireWorks (я слышал о нём, даже стоит у меня, но что это не разбирался)? И где тогда найти вменяемые маны по его использованию?

Да, сильно не пинать, я сам и верстать и программировать умею, но нужно автоматизированное решение!
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
18.07.2012, 19:18
Ответы с готовыми решениями:

Верстка из PSD в HTML
Добрый день, web-программисты/верстальщики. Подскажите пожалуйста каков принцип верстки psd макета со множеством изображений, которые...

Автоматическая верстка psd в html
Заходите не пожалеете Конвертер psd в html

Вёрстка шаблона psd, HTML-CSS
Помогите как сверстать из psd сайт ,3 недели мучаюсь не как не выходит . если онлайн сервис которые верстают ,или программы

7
Особый статус
 Аватар для Proffessional
743 / 145 / 6
Регистрация: 16.07.2009
Сообщений: 2,185
Записей в блоге: 1
24.07.2012, 00:02  [ТС]
И что, никто ничего не знает?
0
30 / 30 / 5
Регистрация: 01.05.2012
Сообщений: 350
Записей в блоге: 1
24.07.2012, 01:46
С подобным ищё не сталкивался, я б не сказал что вёрстка занимает очень много времини и сил. Всё же к каждому сайту нужен индевидуальный подход, где-то чтобы сверстать нужно использывать JS, а где-то нет

Напишыте програму которая будет верстать сама по заданым параметрам.
0
tribal dance
 Аватар для EPMAK
168 / 156 / 36
Регистрация: 03.09.2009
Сообщений: 820
Записей в блоге: 17
24.07.2012, 08:34
Ага, напышите программу.гг
0
694 / 534 / 40
Регистрация: 22.06.2009
Сообщений: 1,293
24.07.2012, 08:52
Proffessional, вот тут мы обсуждали автоматическую или полуавтоматическую верстку.
Хочу поучится верстать. Если у кого есть макеты дизайнов в PSD, поделитесь.

Мое мнение с тех пор не изменилось. Автоматически сделать в произвольном случае из картинки готовый html+css код не получится. Максимум что можно получить с помощью автоматизации небольшое ускорение верстки и то при дальнейшей доработке придется оглядываться на сгенерированный код.

Аналогия.
Отрисовка макета — выплавили из руды металл.
Автоматическая генерация — отлили из металла куб.
Верстка — доработали напильником куб. Получилась изящная металлическая статуэтка в пять раз меньше.
0
O tempora, o mores!
 Аватар для conformist
238 / 172 / 13
Регистрация: 15.01.2012
Сообщений: 681
24.07.2012, 09:41
согласен с Alorian, добавлю только одно - если Вы часто верстаете одностраничные сайты, то у Вас скорее всего остаются готовые шаблоны ( врядли из 100 сайтов, все 100 уникальны), поэтому предполагаю, что быстрее шаблона ничего нет
1
 Аватар для basili4
201 / 199 / 4
Регистрация: 13.06.2012
Сообщений: 1,009
Записей в блоге: 3
24.07.2012, 11:24
Я бы поступил так. Разделил бы шаблоны по типу 2,3 колоночные, с центральной частью в центре экрана и т.д. и при не обходимости доставал бы нужный и в него вставлял бы недостающие блоки.
0
Особый статус
 Аватар для Proffessional
743 / 145 / 6
Регистрация: 16.07.2009
Сообщений: 2,185
Записей в блоге: 1
24.07.2012, 13:14  [ТС]
Alorian, я тоже так думаю, но когда на сайт два часа, не особо думаешь о таких вещах)
Да, наверное придётся юзать шаблоны
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
24.07.2012, 13:14
Помогаю со студенческими работами здесь

Верстка psd в html, не могу правильно вставить контент
Доброго дня друзья. Друзья, я делаю свою первую верстку из psd в html, и у меня возникла проблема, никак не получается вставить контент...

Верстка из PSD
Здравствуйте , вот я прошёл 2-3 видео курса по основам html и css и думаю пора начать верстать ... но не тут то было . Думаю посмотрев...

Верстка по PSD
Объясните как абсолютному новичку в верстке сайта по PSD макетам. Для чего собственно нужен это макет? Чтобы нарисовать в фотошопе, а затем...

Верстка psd макета
Скинь, пожалуйста, ссылки на сайты/книги/видеоуроки, где подробно объясняется, как резать и верстать psd-макеты. А то мне это как-то...

Верстка из .psd шаблона
Скачал вот такой вот шаблон, что бы попрактиковаться в верстке. Возник вопрос. Как видно по разметке страницы, макет имеет определенную...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru