Новая тема   Ответить

 wsn
Есть допустим одна FHG http://secret.likematures.com/001/ страница, она полностью нарезана из нескольких больших рисунков (т.е состоит из большого количества небольших рисунков), какой программой это делается, так подогонять таблицы в HTML вручную очень долго, хотел бы знать какая программа может это делать?

 Don_Korleone
Фотошоп тебе поможет. Есть там инструмент для этого slice tool называется.

 Descriptor
Одной нарезки мало... Нужно не просто "несколько маленьких картинок", а что-то пропустить фонами. где-то комбинировать фоны... Приведенный тобой пример - не блестящий в плане верстки.

 wsn
Descriptor

Можно ссылку кинуть на что ни будь стоящее?

Don_Korleone

Чёто не совсем разобрался с инструментом или фотошоп глючит.

 sAx
Нарезка JPEG в ХТМЛ тебе поможет.
После нарезки подумай как можно облегчить полученную конструкцию.
Что-то в фон и убрать пиксы из таблицы (заменив растянутыми прозрачноыми распорками 1х1), повторяющиеся элементы заменить на один и тот же... и т.д.

 Descriptor
Где взять инфу по поводу более или мнее грамотной верстки - я не знаю. Разве что статью могу сам написать, если интересует.
Или давайте все на верстку мне :-)

 LOVE
Smart Saver Pro.
- режет.
- сжимает.
- удобно, полезно.
от Ulead.

http://ulead.com

 Descriptor
Я уже пишу. Завтра наверное закончу. Если администрация сайта сочтет интересной, то скоро ее увидите.

 Descriptor
Статью написал :-) Вроде неплохая. Уже отправляю.
Если не опубликуют, то могу потом сам где-нить выложить.

 Trevet
Я бы тоже с радостью почитал про диз верстку пременительно конкретно к адалту. Жду

 sisers
Ауууууу. А где статья то?!

 Descriptor
Фиг знает где %(
Наверное ждет своего часа.

 waxy
когда дело касается разрезки готового шаблона в psd вспоминается отличная фраза "Пилите, Шура, пилите - она золотая"....
но мне кто-нибудь может толком объеснить зачем цельную шапку, которую, как не крути, приходится сохранять в jpg пилить на маленькие кусочки - опять же в jpg.....
от этого вес хотя бы убавляется?????

 Trevet


Я делаю так потому что разрезанное визуально грузится быстрее да и если анимацию вставить.

 Descriptor
waxy писал:


Затем, что часть этих файлов будет не jpg, а gif - если это пожходит для уменьшения объема.
Некоторые куски будут фонами.
Вместо некоторых областей будут просто заполненные цветом ячейки.

От этого и загрузка станет постепенной и меньше шансов, что дрок закроет вашу страницу, не дождавшись "шапки"

 waxy
спасибо за объяснение... только вот бывают случаи, когда шапка - это просто растровая графика с кучей эффектов, где сложно найти однородные области - ну и бог с ней....

сталкнулась вот еще с чем - гиф и жпг как-то по-разному ужимают цвета... часто ужатая в жпг шапка ну никак не хочет сливаться с индексированным фоном - оттенок не совпадает - и что делать?

и расскажите, кто знает, про "прозрачный gif 1x1 - как и зачем"?

 waxy
http://www.1stmature.com/1.jpg
зацените шаблончик тгп.... ну с учетом того, что там еще будет текст

внимательно выслучаю все нарекания по поводу расположения и цвета - первый блин он ведь всегда комом

 Descriptor
waxy писал:

Прозразный гиф - это "распорка". Ее вставляют в ячейку (задавая нужный размер), если в ячейке фон и надо ее заполнить чем-нибудь, что не мешало бы смотреть фон. Ну и в других случаях.

Что касается сочетания gif и jpg, то по правде говоря, их сочетать вместе нельзя. Но это правило работает, если вы верстаете корпоративный сайт.
В адалте же главное - траффик (точнее деньги, которые вы за него платите), поэтому вполне допустимо и даже желательно ставить рядом gif и jpg. Если при этом не совпадают какие-то цвета, то надо сначала попробовать меньшее сжатие либо одного либо другого. А дальше уже смотришь - сильно ил заметна разница и очень ли она тебе принципиальна.


Что касается макета, то нормально вполне.

 Trevet
waxy писал:
Мне понравилось

 waxy
люди... этот дизайн меня седня доканает...я получается в дримвейвере повставлять все го 3 кусочка на подложку - объясните как можно менять ширину и длинну ячеек независимо друг от друга - а то у меня вся таблица съезжает...

можел есть что-нибудь кроме Дримвейвера для верстки?

 Descriptor
waxy писал:

Хря ты так, дримвейвер лучший.
А в твоем случае самый удобный способ - руками в коде поменять.

 Trevet
waxy писал:

Я раньше HomeSite использовал сейчас тоже Dreamweawer юзаю хорошая прога имхо - лучшая.
Меняй размеры таблицы ячеек width height какой тебе надо указывай просто число-пиксели, или в процентах.

 dfa
Descriptor - Спассибо! Это сочетание "дримвейвер лучший" и "руками в коде поменять" мне регулярно поднимает настроение. Наша мясорубка - лучшая! Масса удовольствия в тщательном пережевывывании недорубленного мяса!

waxy - альтернативы ИмиджуРиди/Фотошопу практически нет, а альтернитива Дримвейверу - знание ХТМЛ. Увы, эта альтернатива неизбежна. Все начинают с wysiwyg-мурзилки, правда некоторые в ней и остаются

 Trevet
dfa писал:

ИМХО Дримвивер лучший там есть всё и режим кодинг и wysiwyg-мурзилка так что Дримвивер можно использовать по разному. Лично я начинал с ХТМЛ в тексовом редакторе.

 Descriptor
Trevet писал:

Вот это вернее всего. Я тоже с Блокнотика начинал