izrada web prezentacije u frontpage 2003

Семинарски рад из информатике

Семинарски рад из

информатике

Израда Интеренет

презентације у

програму FrontPage

2003

Садржај

Садржај 2

Семинарски рад из информатике2

Увод 3

Преглед програма Front003 4

Дефиниције 5

Покретање програма Front Page 7

Прављење Web-a уз употребу Web Wizarda (Web чаробњака)

8

Page Properties (Атрибути странице) 11

Рад са сликама 13

Уметање и измене графичких обејката 13

Фотогалерија 14

Bookmarks 16

Додавање страници bookmarks-a 16

Теме, заједничке ивице и палета веза 17

Themes (Шаблони) 17

Заједничке ивице 19

Додавање заједничких ивица- Shared Borders 20

Садржај дељених ивица (граница ) 21

Навигациона поља 22

Атрибути навигационог поља 24

Рад са посебним компонентама FrontPage-a 26

Анимирани текст 26

Литература 28


Увод

Креирати Web презентацију

Јован Јовановић Змај у FrontPage

( 15 страница).

o Насловна страна са

именима студената и

темом

o Обавезено:

Заједничке

ивице

Навигација уз леву ивицу

Различити нивои навигације

Web елементи

Трчећи текст са линком ка нечему

Хипер везе

Букмарк

Галерија слика - слике умањене

Преглед програма FrontPage 2003

FrontPage 2003 нуди функције, флексибилност и функционалност да

би нам помогао да изградимо боље Wеб локације. Он укључује алатке

за професионалан дизајн, одржавање, податке и алатке за

објављивање, неопходне за креирање динамичких и софистицираних

Wеб локација.

FrontPage 2003 унапређује развој Webа у три кључне области.

Дизајнирање: Користимо напредне алатке за дизајн да бисмо

креирали лепше Wеб локације. Нове алатке за изглед и графику


поједностављују дизајнирање локација онако како ми то

желимо.

Кодирање: Користимо алатке за дизајн да бисмо генерисали

бољи код или проширивали своје програмерске способности.

Користимо уграђене алатке за креирање скриптова да бисмо

добили интерактивне резултате, а уз помоћ професионалних

алатки за кодирање можемо писати брже, ефикасније и са

већом прецизношћу.

Проширивање: Повезивање са људима и информацијама на

нове начине израдом Extensible Markup Language (XML)1 Web

локација са подацима користећи први комерцијално доступни,

комплетни WYSIWYG ("what you see is what you get") Extensible

Stylesheet Language Transformations (XSLT) уређивач. Проширене

могућности и опције објављивања нам помажу да још брже

пребацимо wеб странице на мрежу.

Дефиниције

Следеће речи се често употребљавају, зато их добро запамтити:

Hyperlink – Текстуална или графичка тачка која води на неку

другу страницу када се кликне на њу.

Pixel – Мерна јединица на wеб-у. Један pixel је отприлике

величине тачке (.) код Arial фонта величине 12 тачака.

Shortcut - Пречица мени. Као код свих PC програма позивање

менија пречице се обавља тако што кликнемо десним тастером

миша на објект.

URL (Univerzal resource locator – Универзални локатор ресурса) -

Адреса wеб странице. То је оно што иде после "http://" у линк

пољу вашег browsera.

Web –Странице у Front Pageu се у упутству означавају са Web.

1 XML сарадња захтева Microsoft Windows Server™ 2003.


Слика екрана Meni bar

Standard bar

Task bar

Formating

bar

View Tab


Покретање програма Front Page

Клик на дугме старт Start отварање FrontPage и креирање нове

бланко стране .

1. Леви клик на дугме старт Start

2. Идемо на All Programs Microsoft Office Microsoft Office

Front Page 2003 и кликнемо .

3. FrontPage је отворен, кликнемо на New Page икону да би се

креирала нова страница FrontPage


Прављење Web-a уз употребу Web Wizarda (Web

чаробњака)

Бирамо One page Web site..


1. Изаберемо тип weba који желимо да направимо.

Обично је најбоље да направимо једноставни One Page Web (Web

од једне странице) којем касније можемо додати нове празне

стране по потреби. Унесемо локацију за web на месту за унос

означеном са Specify the location of the new web: почињући

адресу wеба са http://. Ово је локација где можемо прегледати

web на свом рачунару. Web ће морати бити копиран на јавни

сервер како би био доступан свету на World Wide Webu (WWW) .

2. Кликнемо OK и чекамо да FrontPage заврши прављење Web-a


Folders view -видимo иницијалну страницу (default.htm) која

је направљена и два фолдера. Folders имена Images је

фолдер у који можемо смештати своју графику и

фотографије. Није императив да своје слике и графике

држимо у овом директоријуму, али помаже да web буде боље

организован.

Remote Web site - омогућава лако пребацивање датотека

између локалних и удаљених Web локација коришћењем FTP

протокола.

Reports view - можемо правити различите извештаје са

занимљивим садржајима о стању и статусу Web-а.

Hyperlinks view - служи за управљање линковима на web

страницама.

Tasks view - излистава задатке који треба да буду

обављени, како би направили web. (Кликoм на малу стрелицу

која показује, доле покрај дугмета New на стандардном

тулбару.)


Page Properties (Атрибути странице)

Разне атрибуте странице мењамо тако што приступимо атрибутима

странице бирајући File Properties из мени бара.

Прозор за атрибуте странице ће нам омогућити да мењамо мноштво

генералних атрибута, позадину странице, маргине, итд...

General – Под табом General један атрибут који мора да буде

подешен је Title (naslov). Ово је текст који ће се појављивати

изнад менија browsera када се страница учита у browser

.

Подесимо језик у картици Language


Рад са сликама

Уметање и измене

графичких обејката

кликнемо у страницу

на позицију где

желимо слику, идемо

на Insert Picture

From File...

изаберемо слику и кликнемо на дугме Insert

за измене на слици користимо алате из линије са алатима Picture Toolbar


Фотогалерија

1. у менију Insert бирамо Picture New Photo Gallery...

2. у менију бирамо

Pictures , па кликнемо

на Add... Pictures

from Files...

3. онда пронађемо фолдер са сликама и слике, селектујемо

жељене слике и кликнемо на ОК


4. бирамо картицу Layout и неки од понуђених изгледа фотогалерије и кликнемо на ОК

Bookmarks

Текст и графика могу бити

сетовани као bookmarks (зову

се "anchors" свугде осим у

FrontPage-у), који могу бити

линковани и унутар исте стране.

Додавање страници

bookmarks-a


1. Селектујемо текст или графику који ће бити "bookmark", па

потом у менију изаберемо Insert Bookmark... Унесемо име за

"bookmark" у простору намењеном за то и кликнмо OK.

2. Направимо линк на "bookmark" селектујући текст који ће бити

линк, притиснемо CTRL+K. Изаберемо "bookmark" из избора

падајуће листе и притиснемо OK.


Теме, заједничке ивице и палета веза

Елементи Web презентација које можемо додавати, глобално

обухватају теме које презентацији додељују универзалну шему боја и

дизајна, заједничке ивице и палету веза.

Themes (Шаблони)

Са шаблонима можемо брзо додати дугмад, графику, линкове и

облик нашем web-у.


1. Отворимо web страницу и

изаберемо Format Theme из

менија или кликнемо десним

тастером миша на страници и

изаберемо Theme... понуђеног

менија.

2. Ако изаберемо Apply as

deufolt theme, додали

смо тему свим

страницама, или Selected

Page(s) како бисмо

додали тему одређеној

страници.


3. Ако изаберемо Cusтomize можемо

мењати изглед теме

Заједничке ивице

Заједничке ивице су делови web странце који деле садржај са

другим web страницама. Лоцирани су горе, доле, лево и десно на web

страници и употребљавају се када се неке информације појављују на

свакој страници, као што су навигациони линкови, заглавља web

странице и слично.


Додавање заједничких

ивица- Shared Borders

Отворимо web и и изаберемо

Format Shared Borders...

Селектује

мо All

pages

(све

странице) или Cуrrent page (ова страница) зависно од тога

да ли границе желимо да додамо свим страницама или

тренутној страници.

Изаберимо где треба да се дељене границе појаве, селектујући

Top (горе), Left (лево), Right (десно) i Bottom (доле) у

складу са нашим жељама где границе треба да се појаве.

Ако желимо да некој граници доделимо навигационе линкове,

селектујемо опцију Inclуde navigation bоttons (додај


навигациону дугмад). (Детаљно објашњено у наставку

текста).

Кликнимо ОК када завршимо.

Садржај дељених (ивица граница )

Пошто смо завршили почетна подешавања наведена у првим

корацима, подешавања слична оним која су се приказала у дијалог

прозору Shared borders ће се појавити на web страници:

Садржај мењамо тако што, кликнемо мишем на унутар дељених

граница које су се појавиле и додајемо свој текст и графику.

Навигациони линкови се креирају аутоматски од стране FrontPage-a

зависно од навигационе структуре која се подешава у Navigation

View .

Навигациона поља

Навигациона поља направљена у FrontPage-у су брз начин за

додавање навигационих линкова на све странице на web-у.

Прављење навигационог поља

Отворимо web у Navigation View. Једна "матична" страница би

се требала појавити на плавој позадини екрана.


Још страница на навигационо поље додајемо, тако што кликнемо

на име фајла у Folder List i "одвучемо" га на плаву позадину

навигационог прозора. Релационе везе ће бити додане између

"матичне" стране и "дете" стране. Тастер миша пуштамо када се

релациона веза појави.


Наставимо додавање страна у навигационо стабло. Странице

увек могу бити померене на нову локацију, ако направимо

грешку, тако што кликнемо на њих и вучемо их мишем на нову

локацију.


Брисање страница из

навигационог стабла

Избришемо страницу из навигационог

стабла, тако што ћемо кликнути десним

тастером миша на сличицу странице и

изаберемо опцију Delete из понуђеног

менија и изаберемо једну од две

понуђене опције и кликнемо на ОК.

Атрибути навигационог поља

Отворимо web страницу, десним

тастером миша кликнемо на

површину у којој ће се појавити

навигационо поље, изаберемо

Link Bar Properties...


Селектујемо

Home page и

Parent page ,

поља под

Additional pages

, ако желимо да

се и те странице

појаве у

навигационом

пољу.

Морамо изабрати и

какав приказ желимо у

навигацији, чекирањем једне од опција:

o Parent Level – приказује само везе са страницом која се у

хијерархији налази испред активне странице,

o Some Level – приказује странице које су у хијерархији на

истом нивоу,

o Child level – приказује само везе са страницама које се

налазе одмах испод активне странице,

o Global Level – приказује везе са свим страницама у

највишем нивоу,

o Chil pages under Home – приказују везе са страницама,

које су потомци матичне странице.

Рад са посебним компонентама FrontPage-a

FrontPage нуди готове специјализоване компоненте које можемо

укључити у Web страницу. Најчешће коришћени елементи налазе се у

Insert Web Component.


Анимирани текст

1. Insert Web Component

Бирамо Marquee Finish да би

направили анимирани текст или

слова која трче

2. Унесемо текст, изабремо смер кретања, брзину, начин кретња,


величину и број понављања, боју позадине текста и кликнути ОК.

Литература

1. Edward C.Willet, Office 2003 Biblija, „Микро књига“, Београд,

2004.

2. Бранка Арсовић, Интернет брзо и лако без тајни, Учитељски

факултет Ужице, Ужице, 2008.

3. http://www.5sazvezdicom.kszimpressуm.com/index.php?

option=com_content&view=article&id=51:iz-ika-jovinog-

lista&catid=39:zmajev-kуtak&Itemid=58

4. http://www.zmajevedecjeigre.org.rs/?page_id=3

5. http://www.eniaroyah.com/content/view/672/103/

6. http://www.bgdconsуlting.com/zmaj/

7. http://www.znanje.org/lektire/i22/09/02iv0904/stihovi.html

8. http://www.gbns.ns.ac.yу/zmajeva.html#top

http://www.gbns.ns.ac.yu/zmajeva.html#top

http://www.znanje.org/lektire/i22/09/02iv0904/stihovi.html

http://www.bgdconsulting.com/zmaj/

http://www.eniaroyah.com/content/view/672/103/

http://www.zmajevedecjeigre.org.rs/?page_id=3

http://www.5sazvezdicom.kszimpressum.com/index.php?option=com_content&view=article&id=51:iz-ika-jovinog-lista&catid=39:zmajev-kutak&Itemid=58




9. http://www.geocities.com/draganakonstantinovic/library/

jovanjovanoviczmaj.html

10. http://www.microsoft.com/scg/office/frontpage/prodinfo/

overview.mspx#EHC

http://www.microsoft.com/scg/office/frontpage/prodinfo/overview.mspx#EHC

http://www.microsoft.com/scg/office/frontpage/prodinfo/overview.mspx#EHC

http://www.geocities.com/draganakonstantinovic/library/jovanjovanoviczmaj.html

http://www.geocities.com/draganakonstantinovic/library/jovanjovanoviczmaj.html

izrada web prezentacije u frontpage 2003

Documents