Ashkin Ahmedov

Използване на таблици в Dreamweaver

28 May 08 17:23:39 GMT

В изработването на уеб страници, един много важен елемент са таблиците. Повечето уеб разработчици ги използват много често, защото те са доста практични и полезни. Таблиците са изградени от редове и колони, а те от своя страна от клетки. В самите клетки можете да поставяте различни обекти, текст Flash анимации и др. Dreamweaver е направил изработването на таблици да става само с няколко кликания. Ето как и от къде можете да създадете таблица по ваш вкус:

1) От падащото меню Insert изберете Table, след което ще видите диалоговият прозорец за настройки на таблицата, който изглежда така:

1) Брой на редовете
2) Брой на колоните
3) Задайте ширина на таблицата
4) Разстояние между отделните клетки в таблицата
5) Вид на таблицата
6) Заглавие на таблицата
7) Натиснете ОК за да се върнете към работното поле

***пример ***

Dreamweaver е снабден с много мощен текстов едитор, който автоматизира писането на код и оцветява синтаксиса му в различни цветове. Едиторът можете да пуснете от тук:

А ето и как изглежда:

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

28 May 08 17:10:26 GMT

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

Направете си изкачащи менюта с Dreamweaver 8

28 May 08 17:09:46 GMT

Изкачащите менюта стават все по популярни и по популярно в световния уеб дизайн. Това е защото изкачащите менюта са лесни за създаване и спестяват място на вашия уеб сайт. Изкачащите менюта са почти същите с падащите надолу менюта ;) Разликата е , че изкащите менюта отварят линкове базирани на настройки зададени от вас самите. Ако имате много линкове за разполагане и в същото време малко място на страницата си , изкачащите менюта ще са ви от огромна поолза.Ето го и урока , следвайте тези 9 стъпки за да си направите такова меню ;)

Като за начало ще е нужно да си отворите Dreamaweaver и документа, който искате да използвате.

Стъпка 1 - Сложете курсора на мишката , там където искате да изкача менюто ;)

Стъпка 2 - Най отгоре на вашата програма трябва да има Insert, отидете там, след което Form Objects --> Jump Menu. Тук ще се появи кутията с настройките на вашето изкачащо меню.

Стъпка 3 - Тук можете да добавяте разни неща като кликате върху нещата из кутията.

Стъпка 4 - В полето s URL-a напишете линка, който това меню ще използва. Може директно да посочите страницата, като натиснете Browse и намерите файла, който желаете да използвате.

Стъпка 5 - Можете да изберете дали да отваря този линк в главната страница или в нов прозорец.

Стъпка 6 - В квадратчето, където пише Menu Name Field можете да напишете името на вашето изкачащо меню.

Стъпка 7 - Инсертвайки бутон, юзерите ще могат да кликат върху бутона за да извършат първия си избор.

Стъпка 8 - Веднъж създавайки менюто , натиснете Ok.

Стъпка 9 - След това отидете в File --> Save за да запаметите свършената работа дотук.

Поздравления! Токущо си създадхате първото изкачащо меню в Dreamweaver 8 . Също така и можете много лесно да едитвате вашето меню, когато си поискате...