izrada web prezentacije u frontpage 2003
TRANSCRIPT
Семинарски рад из информатике
Семинарски рад из
информатике
Израда Интеренет
презентације у
програму FrontPage
2003
Садржај
Садржај 2
Семинарски рад из информатике2
Увод 3
Преглед програма FrontPage 2003 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
Семинарски рад из информатике3
Увод
Креирати Web презентацију
Јован Јовановић Змај у FrontPage
( 15 страница).
o Насловна страна са
именима студената и
темом
o Обавезено:
Заједничке
ивице
Навигација уз леву ивицу
Различити нивои навигације
Web елементи
Трчећи текст са линком ка нечему
Хипер везе
Букмарк
Галерија слика - слике умањене
Преглед програма FrontPage 2003
FrontPage 2003 нуди функције, флексибилност и функционалност да
би нам помогао да изградимо боље Wеб локације. Он укључује алатке
за професионалан дизајн, одржавање, податке и алатке за
објављивање, неопходне за креирање динамичких и софистицираних
Wеб локација.
FrontPage 2003 унапређује развој Webа у три кључне области.
Дизајнирање: Користимо напредне алатке за дизајн да бисмо
креирали лепше Wеб локације. Нове алатке за изглед и графику
Семинарски рад из информатике4
поједностављују дизајнирање локација онако како ми то
желимо.
Кодирање: Користимо алатке за дизајн да бисмо генерисали
бољи код или проширивали своје програмерске способности.
Користимо уграђене алатке за креирање скриптова да бисмо
добили интерактивне резултате, а уз помоћ професионалних
алатки за кодирање можемо писати брже, ефикасније и са
већом прецизношћу.
Проширивање: Повезивање са људима и информацијама на
нове начине израдом 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
Семинарски рад из информатике8
Прављење Web-a уз употребу Web Wizarda (Web
чаробњака)
Бирамо One page Web site..
Семинарски рад из информатике9
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
Семинарски рад из информатике10
Folders view -видимo иницијалну страницу (default.htm) која
је направљена и два фолдера. Folders имена Images је
фолдер у који можемо смештати своју графику и
фотографије. Није императив да своје слике и графике
држимо у овом директоријуму, али помаже да web буде боље
организован.
Remote Web site - омогућава лако пребацивање датотека
између локалних и удаљених Web локација коришћењем FTP
протокола.
Reports view - можемо правити различите извештаје са
занимљивим садржајима о стању и статусу Web-а.
Hyperlinks view - служи за управљање линковима на web
страницама.
Tasks view - излистава задатке који треба да буду
обављени, како би направили web. (Кликoм на малу стрелицу
која показује, доле покрај дугмета New на стандардном
тулбару.)
Семинарски рад из информатике11
Page Properties (Атрибути странице)
Разне атрибуте странице мењамо тако што приступимо атрибутима
странице бирајући File Properties из мени бара.
Прозор за атрибуте странице ће нам омогућити да мењамо мноштво
генералних атрибута, позадину странице, маргине, итд...
General – Под табом General један атрибут који мора да буде
подешен је Title (naslov). Ово је текст који ће се појављивати
изнад менија browsera када се страница учита у browser
.
Подесимо језик у картици Language
Семинарски рад из информатике12
Семинарски рад из информатике13
Рад са сликама
Уметање и измене
графичких обејката
кликнемо у страницу
на позицију где
желимо слику, идемо
на Insert Picture
From File...
изаберемо слику и кликнемо на дугме Insert
за измене на слици користимо алате из линије са алатима Picture Toolbar
Семинарски рад из информатике14
Фотогалерија
1. у менију Insert бирамо Picture New Photo Gallery...
2. у менију бирамо
Pictures , па кликнемо
на Add... Pictures
from Files...
3. онда пронађемо фолдер са сликама и слике, селектујемо
жељене слике и кликнемо на ОК
Семинарски рад из информатике15
4. бирамо картицу Layout и неки од понуђених изгледа фотогалерије и кликнемо на ОК
Bookmarks
Текст и графика могу бити
сетовани као bookmarks (зову
се "anchors" свугде осим у
FrontPage-у), који могу бити
линковани и унутар исте стране.
Додавање страници
bookmarks-a
Семинарски рад из информатике16
1. Селектујемо текст или графику који ће бити "bookmark", па
потом у менију изаберемо Insert Bookmark... Унесемо име за
"bookmark" у простору намењеном за то и кликнмо OK.
2. Направимо линк на "bookmark" селектујући текст који ће бити
линк, притиснемо CTRL+K. Изаберемо "bookmark" из избора
падајуће листе и притиснемо OK.
Семинарски рад из информатике17
Теме, заједничке ивице и палета веза
Елементи Web презентација које можемо додавати, глобално
обухватају теме које презентацији додељују универзалну шему боја и
дизајна, заједничке ивице и палету веза.
Themes (Шаблони)
Са шаблонима можемо брзо додати дугмад, графику, линкове и
облик нашем web-у.
Семинарски рад из информатике18
1. Отворимо web страницу и
изаберемо Format Theme из
менија или кликнемо десним
тастером миша на страници и
изаберемо Theme... понуђеног
менија.
2. Ако изаберемо Apply as
deufolt theme, додали
смо тему свим
страницама, или Selected
Page(s) како бисмо
додали тему одређеној
страници.
Семинарски рад из информатике19
3. Ако изаберемо Cusтomize можемо
мењати изглед теме
Заједничке ивице
Заједничке ивице су делови web странце који деле садржај са
другим web страницама. Лоцирани су горе, доле, лево и десно на web
страници и употребљавају се када се неке информације појављују на
свакој страници, као што су навигациони линкови, заглавља web
странице и слично.
Семинарски рад из информатике20
Додавање заједничких
ивица- Shared Borders
Отворимо web и и изаберемо
Format Shared Borders...
Селектује
мо All
pages
(све
странице) или Cуrrent page (ова страница) зависно од тога
да ли границе желимо да додамо свим страницама или
тренутној страници.
Изаберимо где треба да се дељене границе појаве, селектујући
Top (горе), Left (лево), Right (десно) i Bottom (доле) у
складу са нашим жељама где границе треба да се појаве.
Ако желимо да некој граници доделимо навигационе линкове,
селектујемо опцију Inclуde navigation bоttons (додај
Семинарски рад из информатике21
навигациону дугмад). (Детаљно објашњено у наставку
текста).
Кликнимо ОК када завршимо.
Садржај дељених (ивица граница )
Пошто смо завршили почетна подешавања наведена у првим
корацима, подешавања слична оним која су се приказала у дијалог
прозору Shared borders ће се појавити на web страници:
Садржај мењамо тако што, кликнемо мишем на унутар дељених
граница које су се појавиле и додајемо свој текст и графику.
Навигациони линкови се креирају аутоматски од стране FrontPage-a
зависно од навигационе структуре која се подешава у Navigation
View .
Навигациона поља
Навигациона поља направљена у FrontPage-у су брз начин за
додавање навигационих линкова на све странице на web-у.
Прављење навигационог поља
Отворимо web у Navigation View. Једна "матична" страница би
се требала појавити на плавој позадини екрана.
Семинарски рад из информатике22
Још страница на навигационо поље додајемо, тако што кликнемо
на име фајла у Folder List i "одвучемо" га на плаву позадину
навигационог прозора. Релационе везе ће бити додане између
"матичне" стране и "дете" стране. Тастер миша пуштамо када се
релациона веза појави.
Семинарски рад из информатике23
Наставимо додавање страна у навигационо стабло. Странице
увек могу бити померене на нову локацију, ако направимо
грешку, тако што кликнемо на њих и вучемо их мишем на нову
локацију.
Семинарски рад из информатике24
Брисање страница из
навигационог стабла
Избришемо страницу из навигационог
стабла, тако што ћемо кликнути десним
тастером миша на сличицу странице и
изаберемо опцију Delete из понуђеног
менија и изаберемо једну од две
понуђене опције и кликнемо на ОК.
Атрибути навигационог поља
Отворимо web страницу, десним
тастером миша кликнемо на
површину у којој ће се појавити
навигационо поље, изаберемо
Link Bar Properties...
Семинарски рад из информатике25
Селектујемо
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.
Семинарски рад из информатике26
Анимирани текст
1. Insert Web Component
Бирамо Marquee Finish да би
направили анимирани текст или
слова која трче
2. Унесемо текст, изабремо смер кретања, брзину, начин кретња,
Семинарски рад из информатике27
величину и број понављања, боју позадине текста и кликнути ОК.
Литература
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
Семинарски рад из информатике28
9. http://www.geocities.com/draganakonstantinovic/library/
jovanjovanoviczmaj.html
10. http://www.microsoft.com/scg/office/frontpage/prodinfo/
overview.mspx#EHC