ТЕХНОЛОШКА ШКОЛА

БАЊА ЛУКА

ДИПЛОМСКИ РАД

SPRY EЛЕМЕНТИ

(MACROMEDIA DREAMWEAVER CS5)

МЕНТОР:

ДИЈАНА ЉУБИЧИЋ

УЧЕНИЦА:

АЛЕКСАНДРА СТАКИЋ, IV-6,

ГРАФИЧКИ ТЕХНИЧАР

БАЊА ЛУКА ЈУН  2013

Садржај :

1.

УВОД

..............................................................................................................................................3

1.1.

КРЕИРАЊЕ ПОЧЕТНЕ СТРАНЕ (Home Page)

..................................................................3

1.2.

КРЕИРАЊЕ ПРВЕ WEB СТРАНИЦЕ

.................................................................................4

1.3.

РАД СА ФОНТОВИМА И ТЕКСТОМ

................................................................................2

1.4.

РАД СА СЛИКАМА И ПРЕЛАЗИМА

................................................................................3

2.

УПОТРЕБА АЛАТКЕ SPRY ЗА ОПИСИВАЊЕ

........................................................................4

2.1.

ПРОНАЛАЖЕЊЕ И ЗАМЈЕНА ТЕКСТА

..........................................................................5

2.3.

УБАЦИВАЊЕ ПАДАЈУЋЕГ МЕНИЈА

..............................................................................6

2.4.

ПРИЛАГОЂАВАЊЕ ИЗГЛЕДА МЕНИЈА SPRY

..............................................................9

2.5.

УБАЦИВАЊЕ SPRY TABBED ПАНЕЛА

........................................................................11

2.6.

УПОТРЕБА SPRY ЕФЕКАТА

............................................................................................13

2.7.

ДОДАВАЊЕ ПАНЕЛА SPRY ACCORDION

...................................................................14

3.

ЗАКЉУЧАК

.................................................................................................................................16

4.

ЛИТЕРАТУРА

.............................................................................................................................17

background image

или ћемо отворити постојећи документ (Open a recent Item) и наставити га 
уређивати.Кад   је   ријеч   о   креирању   новог   документа   можемо   да   се 
одлучимо да ли ћемо га креирати у HTML-u,PHP-u,Java Script-u,зависно од 
тога којим програмским језиком се служимо.

Ако   желимо   одмах   да   креирамо   локални   фолдер   за   наш   web-сајт   и 
исконфигуеишемо неке основне параметре,одабраћемо опцију Create New 
– Dreamweaver Site ,гдје ћемо добити опције да креирамо локални фолдер 
гдје ће нам бити смјештен web-сајт,име web-сајта као и податке о серверу 
гдје ћемо поставити(upload-овати)наш сајт.

Након креирања локалног фолдера и подешавања основних параметара за 
сервер,у десном доњем дијелу Dreamweaver-а добијемо фолдер у коме ће 
бити смјештени сви фајлови нашег web sajta.

Сад је на реду да направимо и први HTML фајл унутар фолдера и да му 
дамо име.Фајл који ће бити одређен као прва страница или Home Page 
мора имати име “index.html“,по којем Browser препознаје да је то прва 
страница.

Креирање прве стране можемо одрадити на два начина:

Десним кликом у простор гдје се налази зелени локални фолдер,гдје 
ћемо изабрати опцију New File.

У менију File,гдје ћемо изабрати опцију New

И на један и на други начин добићемо креирану нову  HTML  страницу 
којој ћемо морати дати одмах име index.html или касније зависно на који 
начин смо је креирали.

1.2. КРЕИРАЊЕ ПРВЕ WEB СТРАНИЦЕ

Када говоримо о структури web странице ,прво што требамо знати је то да 
ли ћемо правити обичан web сајт или ће то бити “већи ”сајт.

Ако

 

се

 

ради

 

о

 

обичном

 web 

сајту,дијелове 

сајта(слике,скрипте,додатке...)можемо смјестити у заједнички фолдер (root 
folder).Када   је   у   питању   већи,компликованији   сајт,веома   је   важно   да 
дијелове web sajta организујемо у посебне фолдере и под фолдере зависно 
од   потреба.То   радимо   да   се   не   би   изгубили   у   огромном   броју 
фајлова,поготово ако често мјењамо садржај тог web sajta.

Друга ствар је подешавање web сајта у Dreamweaver-у које смо спомињали 
већ,односно   како   креирамо   нови   сајт   и   root   folderу   којем   ће   се   наћи 
дјелови сајта.То радимо најчешће из File panel-a или преко wizarda кад 
стратујемо   наш   Dreamweaver,користећи   опцију   Manage   Site   или 
Dreamweaver Site.

Приликом подешавања фолдера web sajta ,имена и осталих дијелова,имамо 
и могућност да одмах исконфигуришемо подешавање нашег сервера на 
који ћемо поставити web sajt.

1.3. РАД СА ФОНТОВИМА И ТЕКСТОМ

Кад   бирамо   фонт   за   web   страницу   требамо   водити   рачуна   рачуна   да 
изабрани     фонт   имамо   на   обје   платформе,MAC  и  Windows.   Постоји 
неколико   фонтова   који   су   заједнички   за   обе   платформе:   Times   New 
Roman,Georgia,Arial,Impact,Helvetica,Vedrana,Tahoma itd. 

Да   бисмо   видјели   фонт   који   тренутно   користимо   ,морамо   ући   у   Page 
Properties,гдје још требамо подесити величину,боју и ефекте фонта.

Поред   понуђених   фонтова   (типова   слова)   у   падајућој   листи,имамо 
могућност   да   изаберемо   и   нове   фонтове   које   ћемо   коористити   у 
Dreamweaver-у.

Уношење текста на радну страницу вршимо тако што ставимо курсор на 
одређени дио радне странице и једноставно куцамо.Поред куцања текста 
можемо и одређени текст да копирамо из другог документа,а да при томе 
задржимо подешавање,односно структуру текста (параграф,листе,табеле..)

Користећи опцију Paste special. Када завршимо уношење текста и уредимо 
његову   структуру   на   текст   можемо   примјенити   и   одређени   стил.На 
селектовани дио текста можемо примјенити неке од направљених стилова 
из  Page  properties  или у   CSS  panelu  направити нови стил или измјенити 
постојећи.

Css вам даје  изузетну контролу над  изгледом странице.Поред промјене 
изгледа   свих   инстанци   ознаке   на   страници     или   читавом   сајту,можемо 
такође усмјерити промјену стила тако да утиче на ознаку на одређеном 
мјесту.

background image

Želiš da pročitaš svih 21 strana?

Prijavi se i preuzmi ceo dokument.

Ovaj materijal je namenjen za učenje i pripremu, ne za predaju.

Slični dokumenti