@vaskiss

Собственно все в теме. Дизайны не будут использоваться нигде, кроме как в учебных целях.

0

@Wahlberg

скажи почту, скину

Добавлено через 4 часа 15 минут
Без имени-1.psd.zip

0

@Alorian

А потом что это будет? Берешь и сам переделываваешь как надо и от xara будет только картинка?

Добавлено через 4 минуты
В html коде из
шапка
контент
футер
нужно сделать
контент
шапка
футер
Визуально все должно остаться так же + сложности с колонками, они в коде тоже должны быть ниже, но визуально перед контентом. HTML код другой, но пользователь видит то же самое. Это тоже все вручную делается?

Добавлено через 11 минут
В каком редакторе? Насколько я понял вы нарисовали, с помощью специальных инструментов создали меню и т.д., а потом нажали кнопку сгенерировать. Можно/нужно прямо сразу и html код писать?

0

@CalebElT

Ответ сразу на два вопроса.
Там можно добавлять свой код сразу и подключать стили. Например я рисую кнопоку и ставлю её на то место где хочу видеть. Объекту "кнопка" в свойствах я делаю замену на заранее подготовленный/скачанный html и css создающий кнопки. То есть получается с точки зрения дизайнера я вижу так страницу и после экспорта я увижу то же самое, но уже в виде кода.
То есть дизайнер и верстальщик на этом уровне очень тесно сотрудничают. Не нужно ничего стараться объяснять: «А вот тут будет такая кнопка, ну знаешь пыыыщь. А тут вот выезжать меню, которое я видел где то там.»
Всё будет уже как есть. Дизайнер нарисовал, увидел результат, отдал верстальщику макет+сгенерированный код и верстальщик уже видит что должно быть. Ему останется только подтянуть CSS, вразумительно обозвать классы, какие то нюансы подчистить, вставить необходимые модули для CMS, разнести файлы по нужным директориям на сервере.
Ну а ленивому/торопливому верстальщику даже ничего не нужно делать, просто повтыкать <? супер PHP код от CMS ?>.

Добавлено через 8 минут
Не знаю , надо попробовать. Я всё делаю 50/50. Часть работы скидываю на генераторы html+css, а всё остальное верстаю сам. ИИ пока не сделали и сказать ему: «Ну вот сгенерируй мне шаблон для битрикс, а я чайку пойду попью...» - нельзя. Каркас, меню, какие то эффекты, кроссбраузерность, то что уже стало рутиной и пережёвано не один миллион раз - всё можно и нужно автомтизировать, а остальное исключительно руками.

0

@Mailo

Ого, векторные макеты, я то думал вектором только логотипы рисуют. А где можно ознакомиться с видеоуроками/другими материалами по вёрстке с векторных макетов? А то, когда мне какойнить .cdr кидают, начинаю злостно рычать.

P.S. Нанотехнологии это хорошо, а потом все js забудут и на asp.net уйдут.

0

@Alorian

Аналогично.

Если по cdr, то там ничего сложного впринципе, но неудобно.
Как правило все элементы объединены в глобальный объект, его в самом началу нужно разбить на составляющие, а потом просто объединять нужные элементы с шифтом и экспортировать в нужный формат, ctrl-E вроде в кореле, так и называется экспортировать.

С размерами основная сложность, так как в этом ихнем cdr разрешение под несколько тысяч, приходится пропорции вычислять, а не брать готовое.

Если про xara, то вот тут официальные видеоуроки по ней валяются:
http://www.xara.com/us/product... als-demos/

0

@ArtTheft

Вы че блин все издеваетесь... Какие программы?! Я ж говорю человек хочется научится верстать а не научится пользоваться бредовыми программами.
Вот сделайте мне на ваших любимых программах вот такой вот диз

Скажу сразу он не мой...Вот интересно как вы его сделаете..с помощью вашей "идеальной" программы..

0

@Alorian

А в чем профит тогда?
Графический редактор который наверняка хуже фотошопа + текстовый редактор?
Если один фиг все самое нужное вручную добавляется?

Насколько я понял с глобальными блоками в автоматическом режиме он умеет работать на уровне таблиц и банальных float'ов. Сложные глобальные перестановки вроде выноса контента в начало кода автоматически сделать не получится.

Все эффекты на которые тратится много времени, вроде круглых уголков, теней, градиентов и т.д. делаются в растре по умолчанию и их все равно придется переделывать самому.

То есть ни глобальные блоки, ни мелкие эффекты автоматически не делаются.

Спрайты тоже вручную надо будет собирать? Или можно указать что вот это изображение будет спрайтом из такого то набора?

--------------
Расскажу историю.

Лет 7-8 наверное назад у моих друзей стал внезапно популярен hiasm. Он вроде бы только появлялся. Если кратко, то это редактор для графического программирования. То есть берется кусок кода на delphi, ложится в черный ящик и вот с этим черным ящиком уже нужно оперировать.

Идея кстати очень интересная. Мышкой в рабочую область накидываются эти блоки и потом соединяются между собой, вроде как на микросхеме. То есть не зная языка delphi, теоретически можно написать какие то программы, и даже довольно функциональные. Мне говорили что это будущее программирования и скоро обычные языки прогрммирования станут вообще не нужны. Тут и проще все и внутри блока код отлажен и функционала вроде как много.

Но как потом выяснилось, сделать какую то действительно сложную программу не так просто. Если нет какого то готового блока его нужно написать самому. И тут все равно идет возврат к delphi, а если программа какая то уникальная? Да там практически все надо писать с нуля, только плюс к тому что нужно разбираться в delphi нужно еще знать и сам hiasm чтобы весь свой код оборачивать в блоки. Таким образом вся эта кажущаяся простота полностью теряется и происходит наоборот усложнение.

Я не к тому что hiasm бесполезен, это нужная и интересная штука, у него есть своя ниша. Например базовое обучение принципам программирования, вроде бы даже объектно-ориентированного. Можно ли написать на нем коммерческую программу? Да, наверное можно. Но стоит ли это делать? Я думаю нет.

Потом интерес к hiasm у моих друзей угас. Сейчас один пишет на delphi, второй на си.
--------------

К чему я это рассказал? Мне видятся в этой истории параллели с вашей xara. Да теоретически столько всего можно упростить. Но на практике все значимое приходится переделывать, да еще и оглядываясь на готовый код, чтобы ненароком его потом не повредить. Если готового кода не будет, то вообще весь смысл теряется.

Ради интереса я еще посмотрю xara и serif, или как оно там второе называлось? Но из объяснений здесь и информации которую я нашел в интернете мне видится некий аналог hiasm.

0

@Mailo

Alorian, посмотрел первый видеоурок, показалось что xara это что то вроде corel draw с элементами фотошопа, как и фотошоп похож на paint.net с элементами corel. В общем без объективного сравнения не сядешь, да и за corel не совсем уверен что мне, как верстальщику надо садиться Про экспорт в формат фотошопа я просил дизайнера, у него почему то получилась кнопка с надписью на одном слое, соответственно мне надо было заходить в фотошоп и стирать надпись, что бы в последствии использовать этот элемент и вообще кривоватый до ужаса экспорт из неё, наверно лучше бы было как то всё вырезать самому из начального макета .cdr, я правда вообще Corel не умею пользоваться, даже не знаю есть ли в нём многослойность.



Сделать дизайн какое то расплывчатое понятие, мне показалось что это именно изготовить дизайнером дизайн для дальнейшей вёрстки, хотя топикстартер и я спрашивал именно про вёрстку.

Я считаю весь фокус вёрстки по вышеуказанному дизайну и при помощи наших "дурацких программ" - заключается в том, что большая его часть представляется HTML фоном, т.к. очень много непропорциональных для вёрстки элементов + верстаются отдельные элементы, отдельными блоками, как правило это функционал и всё это дело с тенями подсветками дико грузит потоки и рвёт наглухо аналоговые модемы. Особенно понравился адрес снизу справа на чёрном фоне в минималистском стиле, мол позвоните нам и всё станет чёрно-белым Ещё очень подозрительно 2007 год смотрится на футере, а тогда уже изобрели нанотехнологии?

P.S. В видеокурсах и других документах хотелось бы увидеть каким именно способом новый софт облегчает вёрстку и что бы это было не 1 из 100 вещей, которых нету в "дурацкой программе".
Я например знаю одного американца, так он всё верстает HTML/CSS вообще только при помощи мышки в дримвивере, такой вот мастер GUI работы. За клаву садится только когда JS пишет. Спросили бы вы, а как он тексты все на сайт мышкой вставляет? Да из фотошопа копирует, кнопка копирования и вставки все на мышке

0

@Alorian

Я не про экспорт в формат фотошопа говорил. В кореле после разбития дизайна на отдельные элементы их с шифтом выделяешь и экспортируешь в jpg, png, gif в зависимости от того что нужно. То есть прямо отдельный элемент экспортируется, например логотип или картинка какая нибудь.

0

@Mailo

Alorian, да я всё понял Куча функций и определений, а в итоге та же рыба jpg получается, намёк был на то что такой экспорт с корела невозможен, вот я как и профан в векторной графике и как нуб в кореле хотел убедиться в обратном, т.к. без этой простейшей функции корел как и все подобные редакторы известно в каком положении окажутся в формает вебдизайна.

0

@Chris

В общем-то, что я могу сказать по теме. Я сам вот только начал изучать веб-программирование. Изучил html/css шаблоны psd нашел через гугл, есть множество сайтов на эту тематику. Было интересно почетать ваши посты. Но я склоняюсь к тому, что нужно верстать руками, т.к. "машина" не может сделать лучше чем руки умного человека Лично мое мнение мб кому-то оно покажется глупым, но не суть.

Заранее спасибо!

	Комментарий модератора
	Не нужно писать в одной теме много разных вопросов из разных областей. Создавайте отдельные темы в соответствующих разделах.

0

@conformist

Вот тут есть очень хороший материал для тренировок

0

@CalebElT

ОК. Сделаю, могу с видео.
Хуже фотошопа? Это такая шутка? Шаттл+космонавт хуже круизного лайнера. Картошка+котлета хуже мороженого. Извини, что прикалываюсь, но надо хотя бы чуть чуть интересоваться технологиями и тем что творится в мире, а не сидеть на Photoshop 3,5 всю жизнь.
Нет, не верно.
Частично.
Всё автоматизировано.
Корел довольно прост и убог. Это программа для домашнего использования, изучается за пару часов, возможностей очень мало.
Всегда была. Во всех программах вёрстки и дизайна есть слои.
Аналогично.

Даю слово, что как только чуть чуть с работой разгребу, то сделаю видео урок про автоматизацию. Ссылка появится на этом форуме обязательно.

0

@conformist

а мы все посмотрим и оценим

0

@Alorian

Я уже два года собираюсь сделать по верстке)
Теоретически все просто, да и практически не сложно.
Уже и тема проработана, и инструментарий освоен, и заготовки все сделаны, но тут всякие переезды, командировки, просто работа и т.д. Тупо забывается когда есть время, и вспоминается когда времени, либо возможности нет.

После такого примера может у тебя быстрее получится, но чую тоже не быстро

0

@Mailo

CalebElT, а как подписаться на ваш видеоурок ?

0

@CalebElT

Ну я по мере свободного времени выкладываю уроки в своём блоге.

1

@Alorian

Как я и говорил

0