Как да си направим уеб албум с Dreamweaver
Публикувана от smilev на January 12 2011 07:25:55
Разширена новина
В този урок ще ви покажа как да си направите фотоалбум с Dreamweaver, който ще можете да използвате за много неща. Всичко от просто показване на семейни снимки на приятелите си из нета до каталози и т.н. За целта на тази галерия трябва всяка снимка да си има Thumbnail , т.е. доста смален вариант на снимката , който ще стой преди истинското изображение и ще води към него. Преди да започнем, вие трябва да си изберете всички снимки, к които ще слагате в галерията, сложете в една папка. Задръжте вашите снимки големи, Fireworks ще се погрижи затова да ги смали и превърне в Thumbnails. Също така ще трябва да отворите Fireworks преди да започнем...
Стъпка 1 - Отворете си някоя от вашите страници в Dreamweaver.
Стъпка 2 - Трябва да си създадете специална папка за вашите снимки. Найменовайте я албум , фотоалбум , или както ви дойде на ум.
Стъпка 3 - Сега се пренасяме в Dreamweaver , отидете на Commands --> Create Web Photo Album. ЩЕ се появи една кутия, с много опции и настройки вътре в нея ;) Ето лист, със значението на всяка една от тях :
А. Photo Album Title - Тук попълнете името на вашия уеб албум.
Б. Subheading Info - Това поле не е задължително, но каквото напишете в него , това и ще се появи в уголемената снимка.
В. Other Info - Каквото напишете тук , това и ще се появи на страницата на уголемената снимка.
Г. Source Images Folder - Тук натиснете Browse и посочете папката със всички снимки.
Д. Destination Folder - Тази папка е специална, казах Ви за нея в 2-ра стъпка. Така , че кликнете Browse и я посочете ;)
Е. Thumbnail Size - Това поле ви позволява да изберете размера на thumbnail-ите на страницата, така че изберете желания от вас размер ( Препоръка : 100 x 100 е най - добрия размер )
Ж. Columns - Ето го и полето с колоните, тук попълнете желаната от вас цифра , затова колко колони искате да има с Thumbnails. ( Препоръка: 4 или 5 е добро число )
З. Thumbnail Format - Това поле тук ви позволява да използвате JPEG или GIF за вашите Thumbnails , но аз лично използвам JPEG.
Й. Photo Format - Това поле ви дава право да използвате JPEG или GIF за вашите големи снимки. Аз предпочитам JPEG
Веднъж свършейки с тези настройки , натиснете Окей. Сега Fireworks създава онези малки снимчици, за които Ви говорих в началото и ги нарекохме Thumbnails. Това ще отнеме няколко минути, в зависимост от това колко снимки сте сложили в папката и какъв е бил тяхния размер. Веднъж Fireworks да си свърши работата и вие вече може да видите вашия уеб албум.
Step 4 - Нов прозорец ще се появи на вашата страница с Thumbnails. Тази страница ще се казва index.html.Сега ще трябва да поставите вашия шаблон / template / на страницата с Thumbnails-ите.
Step 5 - Под името на вашия албум ще има още три папки : Thumbnails, Images, and Pages.
А. Thumbnails - всички малки иконки са в тази папка.
Б. Images - всички снимки ( оригиналните им размери ) са там.
В. Pages - всички страници, които съдържат линковете към Thumbnails
Може доста да си играете с настройките на този албум за да го направите по начина, по който вие искате да изглежда като използвате CSS например и още множество начини...