PC Help

 Към заглавната страница на PC HelpТърсене


Уроци

Разработка на сайтове

 

Dreamweaver - какво е това и как да работим с нея

Dreamweaver е от типа програми WYSIWYG т.е получавате това, което виждате. С тази програма можете да работите без да знаете нищо за HTML. Но все пак е желателно да имате основни понятия за HTML. Основни знания за HTML можете да получите от:

Книги:

  • "Създаване на WEB страници for DUMMIES" на Софтпрес

  • "HTML 4 за 10 минути" на Макропойнт ООД

  • "Всичко за Интернет" на Инфо Дар

  • и много други

Сайтове: www4u.search.bg много добър сайт за HTML на български, HTML уроци, Как да направим Web страница са отлично ръководство на български за начинаещи.

Dreamweaver е продукт на Macromedia и можете да го изтеглите от сайта на фирмата macromedia.com , а тук ще ви помогнат за " купуването"

Всичко, за което ще пиша се отнася за Dreamweave-3, но много успешно може да се приложи и към Dreamweaver-2,. Разликите не са от особено значение и ще бъдат отбелязвани доколкото е възможно.

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

фиг.1

като страницата съответно ще бъде празна. Ако по екрана има още някое плаващо меню, изгасете го, ще го включим като му дойде времето. Сега можем да започнем да създаваме първата Ви WEB страница. Най-напред запомнете празната бланка по стандартния начин File>Save As, преди да запомните, създаите нова папка и от тук натам всички файлове на вашия сайт ще запомняме там защото ако не са в една директория няма да работят на сървъра след като ги качите.

Започнахме.

Добавяне на фон:

За да добавите фон щракнете с десния бутон върху празната страница изберете Page Properties ще се отвори следния диалогов прозорец

фиг.2

от Background изберете цвят> OK и готово, можете да добавите и картинка за фон- от същия диалогов прозорец >Background Image>Browse и я избирате, програмата ще ви попита дали искате да запомните картинката в папката на сайта, отговорете утвърдително след това изберете нужната папка, ако желаете сменете името и Dreamweaver ще я копира в избраната папка.

Текст

Текста въвеждате като във всяка друга текстообработваща програма, но тук има някои ограничения при форматирането произтичащи от HTML. Текста можете да форматирате от properties /Property inspector/ от Format можете да изберете дали текста да е във вид на параграф или не, дали да е заглавие и с каква големина, от съседното поле може да изберете шрифта, от Size избирате големината на шрифта, следващо поле цвят на текста, можете да приложите болд , италик, ляво подреждане, центрирано и дясно. Списъци подредени или не. Двете бутончета до списъците местят текста с по една стъпка на ляво или дясно. Същите неща можете да направите и от падащите менюта-Text. Напишете нещо и изпробвайте всички опции.Ако ще пишете на кирилица клик десен бутон> PageProperties и от Document Enkoding избирате Cirillic(Windows-1251), ако не изберете това някои посетители няма да виждат кирилицата. За проба почнете да пишете на нова страница на кирилица без да сте направили горното и ще видите резултата.

Всичко, което направихме дотук, може да се види във вашия браузер за целта File > Prewiew in Browsers, имайте в предвид, че файла трябва да е запомнен първоначално, защото ако не е, някои ефекти не се виждат в браузера.

Тук е времето на едно отклонение. Сега ще видим за какво се използва плаващото меню launcher виж фиг.1 същото меню може да се види и в долния десен край на прозореца, в които работите така, че плаващото можете да го изгасите за да не пречи. Първия бутон в това меню е Site и е може би най-важния ( за другите ще говорим след това). Щракнете го и ще се появи следната картинка:

фиг.3

Тук се виждат всички файлове във Вашия сайт. Всички преименувания и премествания на файлове от папка в папка във Вашия сайт трябва да правите от тук, защото програмата сама променя адресите на връзките и местоположението на файловете. При местене или преименуване на файлове програмата пита дали да Update-не свързаните файлове - задължително да, освен ако специално не искате по някакви причини. Ако направите това от My Computer например ще се получи хаос и дори може да се наложи да почнете всичко от начало.

!!! Забравих: след появяване на прозореца Site трябва да дефинирате Вашия сайт. Това става така Site>New Site и се появява следното:

фиг.4

В Site Name давате име на сайта ( каквото си поискате), в Local Root Folder избирате вашата папка, в лявата секция Category да е Local Info, следва Web Server Info - тук се задават параметрите на сървъра, на който ще публикувате, Site Map Layout - тук се указва вида на графичната информация (подчиненост на файловете), която ще се появи в лявата част на прозореца при щракане на втория бутон на фиг.3 (под менюто Edit). Ще се върнем на тази тема пак по-нататък.

| 1 | 2 | 3 | 4 | >

Назад


Webmaster