Strict Standards: Resource ID#36 used as offset, casting to integer (36) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#38 used as offset, casting to integer (38) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#39 used as offset, casting to integer (39) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401
ТвойWeb :: Версия для печати :: Из PSD в HTML
ТвойWeb » WebMaster класс » Графические редакторы » Из PSD в HTML

Страниц (2): [1] 2 »
 

1. Stan - 16 Июля, 2004 - 06:29:25 - перейти к сообщению
Скажите, для моего сайта у меня есть файл для Photoshop и файл для редактирования HTML-кода. Но, как известно, в файле для редактирования HTML-кода нельзя отредактировать изображение. Я редактирую главную страницу своего сайта в файле для Photoshop, но как мне выложить эту страницу на Народ.ру и сделать её главной?Помогите пожалуйста!
2. Анна - 16 Июля, 2004 - 07:03:15 - перейти к сообщению
Stan
Цитата:
Я редактирую главную страницу своего сайта в файле для Photoshop

Это как же так?
Если редактируешь, как ты говоришь, страницу, то ты должен редактировать код, а не картинку.
То есть изображение, после корректировки (в том же Photoshop), сохраняешь в формате gif или jpg. И уже в файле html пишешь код, из которого следует, что изображение будет вставлено на данную страничку
CODE:
<img src="путь к файлу" width="ширина" height="высота">

Страничку называешь index.html и она становится главной.

3. TvoyWeb - 16 Июля, 2004 - 09:46:32 - перейти к сообщению
Stan
Анна
Почти в любом, уважающем себя, графическом редакторе есть опция HTML шаблонов.
То есть рисуешь в редакторе как будет выглядеть твоя страница, со всеми элементами дизайна.
Ну там меню, лого, другие прибамбасы. Все это делается (рисуется) с использованием слоев, что дает возможность редактировать каждый элемент в отдельности.
Затем инструментом "Slice tool" нарезается на части, так как тебе это нужно и экспортируется (публикуется) в HTML.
По сути этот шаблон просто картинка, но без текста. Если например в шаблоне вписать текст, то на странице он просто напросто намертво вклеится в картинку и его нельзя будет не выделить не скопировать.
При публикации шаблона в HTML редактор сам нарезает картинку по заданным тобою границам и создает таблицу со вставленными в нее нарезанными картинками. На HTML странице наблон будет выглядеть как единая картинка, но на самом деле она вся будет нарезана на мелкие части.
К примеру для своего сайта я делал шаблон в программе FireworksMX rот компании Macromedia . После Публикаци шаблона переходил в HTML редактор и удалял пустые части, то есть те части в которых должен был находиться отформатированный текст, либо некие другие объекты которые нельзя вставить в шаблон, например флеш-ролик.
Stan
Вообщем после редактирования файла psd тебе надо сохранить шаблон для веба (File->Save for Web). В результате ты получишь html файл и папку images с картинками этой страницы.
Я прикрепил картинку своего шаблона в Fireworks. Посмотрите сами.
4. ETC - 16 Июля, 2004 - 09:56:33 - перейти к сообщению
TvoyWeb
Хм... я вообще обычно режу всё сам, по привычке...
5. TvoyWeb - 16 Июля, 2004 - 10:00:49 - перейти к сообщению
ETC
Ну просто к чему время зря терять, причем режет четко и так как мне надо Улыбка
6. Анна - 16 Июля, 2004 - 12:26:06 - перейти к сообщению
О, сенкс, TvoyWeb! Подмигивание
Никогда не любила и не понимала таких вещей.
Видимо поэтому и не уделила должного внимания вопросу. Хорошо

7. Леголегс - 16 Июля, 2004 - 13:06:16 - перейти к сообщению
Да в общем фотошоп может полностью страницу сделать - с ссылкокартинками и текстом - это всё в свойствах Slice настраивается. Есть скрин, но выкладывать не умею.
8. TvoyWeb - 16 Июля, 2004 - 18:54:12 - перейти к сообщению
Леголегс
Мне как то Fireworks ближе для этих целей. Надо будет поглядеть как Фотошопе это налажено. Я всего пару раз резал в нем и то для пробы.
9. Леголегс - 17 Июля, 2004 - 06:30:50 - перейти к сообщению

Здесь (сверху вниз):
тип слайса (картинка/нет);
имя (для файла с картинкой в том числе);
адрес, на который он является ссылкой (пусто=не ссылка);
целевое окно (как обычно с"_blank" и т.п.);
текст (внутри, просто текст);
надпись, когда картинка не загружена (и заодно всплывающая подсказка);
координаты, размеры;
тип задника (цвет, картинка...)
10. Stan - 18 Июля, 2004 - 09:54:44 - перейти к сообщению
Я в общем скачал из сети шаблон, в котором была папка с |HTML-файлом и к нему папка с картинками. И была папка PSD, в которой был файл Photoshop. Вот его я и редактировал( в смысле надписи, тексты). На как мне получить HTML-код этой редактированой страницы( с отредактироваными текстами), чтобы вставить этот код вместо кода моей нынешней страницы(без fireworks)?Только с помощью Photoshop

Форум на AlfaSpace.NET


Powered by ExBB
ExBB FM 1.0 RC1 by TvoyWeb.ru
InvisionExBB Style converted by Markus®

[Script Execution time: 0.0384]     [ Gzipped ]