Българският блог за онлайн уроци

Поставяне на фоново изображение (Background) на Dreamweaver

2011-09-24T06:44:00.000-07:00

Какво представлява фоновото изображение, и как да добавя такова в Dreamweaver? Фоновото изображение е така наречения Background, т.е. фона на уеб страницата. Важното в един сайт, е фона да подхожда на дизайна му. В днешния урок ще ви покажа как да добавите фоново изображение на вашата уеб страница.

В долната страна на програмата, се намира инспектора Property (page properties) . След като го натиснете, пред вас се появява прозорче, в лявата страна на което се появяват категориите: Appearance(CSS), Appearance (HTML), Links(CSS), Headings(HTML), Title/Encoding, Tracing Image. Избирате категорията Appearance (CSS) - първата от горе надолу. Пред вас се появява прозорчето, на което всъщност са настройките на страницата.

Text Color - от тази опция може да изберете какъв цвят да бъде текста на страницата

Background color - Чрез тази настройка, вие може да дефинирате цвета на фона

Background image - От тук може да добавите графично изображение като фон.

-Repeat - Ако вашият фон е графично изображение, от тази настройка може да определите по какъв начин да се повтаря селектираното изображение.

-repeat-y : повтаря фоновото изображение вертикално

-repeat-x : Повтаря фоновото изображение хоризонтално

-repeat : повтаря фоновото изображение хоризонтално и вертикално

-no-repeat : не води до повтаряне на изображението.

По подразбиране, фоновото изображение се повтаря и хоризонтално и вертикално.

След като вече сме дефинирали настройките на фоновото изображение (background), остава само да натиснем Apply, след което OK. И ето, вече имаме оформено фоново изображение. Надявам се да съм ви бил полезен.

Работа с таблици в Dreamweaver

2011-09-23T09:49:00.000-07:00

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

Стъпка 1

Отворете менюто Insert, което се намира в горната страна до менюто Edit. Следва да намерите къде пише Table. Натискаме на него, след което пред нас се появява прозорец, който ни пита каква таблица искаме да добавим, колко реда и колко колонки да има тя, какви размери да е тя, дали да има рамка или не.

Стъпка 2

Следва време да определим как ще изглежда нашата таблица. От полетo Rows избираме колко реда да има тя, а от полето Columns - колко колонки. Следва да определим широчината на таблицата, което става от полето: Table Width. После определяме дали тя ще има рамка от полето Border, и колко пиксела да е тя ( в нашия случай е 1 ). Определяме в мястото на хедъра.

Следва само да натиснем OK.

Стъпка 3

И, ето че нашата таблица е готова. Ако искате да коригирате ширината и, може да го направите след като цъкнете на черните точици (отстрани на таблицата), и преместите до където е необходимо. Другия начин за коригиране на ширините, е от полето Properties.

Вече успешно създадохте своя Dreamweaver таблица. В началото ще ви е малко трудно да работите с таблици, но с времето ще разберете, колко удобни са те, и каква полза имат.

Това беше днешния урок. Надявам се да ви е харесало.

Как да добавя изображения в Dreamweaver

2011-09-22T05:13:00.000-07:00

Ако сте начинаещ, и те първа започвате работа с програмата, или пък просто сте забравили как се добавят картинки в Dreamweaver, то вие сте попаднали на точното място. В тази статия ще ви покажа как да добавите графично изображение в Dreamweaver, чрез менюто Insert . Урока ще се състои в 3 стъпки.

Стъпка 1

Това което трябва да направите, за да добавите графично изображение в Dreamweaver, е да отворите менюто Insert, както е показано на картинката в дясно. Виждате нещата които може да добавите на вашата уеб страница. В момента ни трябва опцията Image.

Стъпка 2

След като изберете Image, пред вас се появява прозорчето, показано на изображението в ляво. Както виждаме на прозорчето има падащо меню,(точно над "Име/name") от което вие избирате коя да е картинката която да добавите. В дясно където пише Image Preview, виждате как ще изглежда изображението което сте избрали.

Стъпка 3

След като вече изберете графичното изображение, остава само да натиснете бутончето OK . Ето, вече успешно добавихте картинка на своята уеб страница.

Вече знаете как да добавите изображения в Dreamweaver. Надявам се да съм ви бил полезен.

Как да си направим Уеб страница с Dreamweaver

2011-09-22T03:03:00.000-07:00

Предполагам много от вас са се чудили как да си направят уеб страница, с програма на по-високо ниво. Е, ако е така, програмата която ще ви свърши чудесна работа е така наречената: Adobe Dreamweaver 9. Програмата е една от най-добрите в сферата на уеб дизайна, което е причината да продължава да се използва от много уеб дизайнери по целия свят. Добра е както и за начинаещите, така и за по-напредналите в тази сфера. А сега, нека да прибегнем към темата на днешния урок, а именно : Как да си направим уеб сайт с Dreamweaver.

Стъпка 1

След като отворите Dreamweaver, пред вас се появява следното изображение -
Там ще намерите различни опции, за създаване на уеб страници, на нас ни трябват тези точно под полето Create new. Следва да изберете вида на уеб страницата която искате да създадете : HTML, ColdFusion, PHP и т.н.
Аз ще избера HTML

Стъпка 2

След като вече сме избрали вида на уеб страницата (HTML), пред нас се появява нашето работно поле, което всъщност представлява нашата уеб страница. Може да видим как изглежда тя в момента, след като натиснем F12. Както виждате в горния край на програмата се намират така наречените "барове". File, Edit, View, Insert, Modify, Format, и т.н., които ще ви помагат при създаването на дизайна на страницата.
от менюто Insert, може да добавяте изображения, графики, музика, видео и всичко което се сетите, на вашата бъдеща уеб страница.
Как се борави с другите менюта, ще ви покажа в следващите уроци, свързани с програмата.

Deamweaver е една от най-добрите програми за създаване на уеб сайт. В днешния урок ви обясних накратко, как се създава уеб страница, благодарение на програмата. Как да добавим изображения, музика и т.н., как се работи с таблици, това са неща, които ще ви обясня в следващите ми уроци. Надявам се да съм ви бил полезен.