Інструмент для створення складного HTML-макета

Чи знаєте ви інструмент, який може генерувати порядок поділу вашого макета на основі того, що ви звертаєте до нього? Щось на зразок макетного інструменту, який міг би генерувати HTML-код, ймовірно, використовуючи сітку. Як і малювання DIV на Dreamweaver, але створює хороший css, а не діви з фіксованими позиціями.

Щоб дати вам ідею. Щось подібне, що є більш досконалим і може генерувати складні схеми.

http://960ls.atomidata.com/

Щось має попередній попередній перегляд, який допоможе вам прискорити перетворення макетів PSD в HTML та CSS.

Щось на зразок 960 Grid System 2.0 Dreamweaver Extension від DMXZone це: http://www.youtube.com/watch?v=ptmV2Zgf66s&feature=related

html css layout

— Айван Монселер
джерело

Це називається редактором WYSIWYG (Що ти бачиш, те, що ти отримуєш), і це було всьому гневу ще в часи Frontpage. Навіть Dreamweaver міг це зробити.

Створений ними код був (є?) Жахливим порівняно з тим, що ви могли б створити, якби ви самі написали код, і я виявив, що вони більш схильні до поганої консистенції рендерінгу, але це було 14 років тому, тому вони, ймовірно, кращі зараз.

І малювання DIVs проти хорошого CSS: це якість написана вручну. WYSIWYG, принаймні з мого досвіду, не має відносного позиціонування дуже добре, і, як правило, хороший лише для макетів на основі таблиці.

У будь-якому випадку, KompoZer був деякий час і є безкоштовним, тому, напевно, варто спробувати. Я не знайшов його лише після того, як закінчив рукописний код, і тому використовував його лише дуже пильно: http://kompozer.net/

Пошук у Google пропонує ще кілька можливостей: https://www.google.com/search?q=wysiwyg+html+editor

— music2myear
джерело

Гаразд, немає жодної, яка насправді забезпечує хороше відносне позиціонування. Я просив це, бо збираюся зробити таке. Я, до речі, програміст. Поки посилання в моєму дописі найближче до того, що я хотів, але я хочу більш складний, який міг би генерувати "хороший код", використовуючи будь-яку структуру css grid.

— Айван Монселлер