Създаване на slices, свързване на страниците във Fireworks

Adobe Fireworks » Fireworks

SolidSoul   трудност:    видян: 13993

Това е част от урока, в който направихме този layout с помощта на Fireworks CS4.

Изисквания: Adobe Fireworks CS4

Стъпка 1: Дизайн на основния Layout

Стъпка 2: Създаване на уеб страници със Fireworks CS4

Стъпка 3: Създаване на slices,свързване на страниците и изнасяне на layout като PDF файл със връзките използвани във Fireworks CS4

В предишните два урока направихме основния layout и уеб страници. Сега ще свържем страниците по между си със slices и ще ги експортираме, като PDF layout.

Изберете основната страница (Master Page). Вземете Slice Tool от панела за инструменти и направете 4 slices върху 4-те връзки (links) най отгоре. Инструмента ще направи картинки. Всеки slice ще бъде експортиран, като картинка и behaviors.

Сега е нужно да добавим връзки към slice. В панела Properties е изписано името на slice от падащото меню, където пише link изберете името на файла. Направете това за всичките 4-ри slice.

Сега можете да експортирате файла, като PDF формат. По този начин можете да покажете и сайта на клиентите преди да го направите с HTML и CSS.

За да направите това отидете в меню File/Export и изберете Adobe PDF (.pdf) от падащото меню Export. По лесно от това не може да бъде. Можете да защитите файла си с парола, като натиснете върхо опцията. Можете също да експортирате, като HTML или CSS!

Ето го и завършения PDF файл. Кликнете върху връзката за да видите как всяка опция от менюто отива към отделна страница.

Стъпка 4: Експортиране на Layout като CSS и картинки.

Източник: www.entheosweb.com