Как да си направим уеб албум с Dreamweaver

В този урок ще ви покажа как да си направите фотоалбум с 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 например и още множество начини...

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

Ако урокът ви допада, споделете го в Twitter и Facebook или го запазете в Delicious.




Урокът е добавен от: Красимир!

7an3r

нямаше да е зле ако беше показал поне 1 образец...

bgludost

всичко го правя и ми става както трябва но след като го качих на хоста и го пуснах и си влязох в албума и натиснах на снимка ми излезе на отделен прозорец и до тук всичко е както трябва но първия ми проблем е че искам да си променя името на албума с което съм го направил и ми се вижда на страницата отгоре а и другия ми проблем е че не ми работи бурона Home на страницата? как мога да си променя Url че да му задам правелния, защото като си отворя source ми показва че е зададен където съм си бил регистрирал index.html а аз след това го преминувах и го качих на сървара и неможе да го намери и ми излиза грешка !

tankredi

Имам вапрос за този албум правя всичко стъпка по стъпка както трябва и след като дам ОК замисля се малко и след това ми дава глешка, файла индекс които трябва да ми се появи, аз трябва да вляза в самата директория кадето се намира папката създадена от dreamweaver и от там да заредя файла ии чак тогава се появява в самата програма. След като отворя файла индекс снимките ги няма трябва една по една да ги слагам и даже в самите Pages ги няма и там трябва аз да ги слага, а папката Images е празна, а тук в урока пише че снимките трябва да са там. Моля отговорете ми къде бъркам и как трябва да го направя. Благодаря предварително.

Трябва да сте регистиран потребител за може да оставяте коментари! Направете своята безплатна регистрация още сега.