1 / 13

Informatika

Informatika. Uvod u FrontPage. Osnovni pojmovi. Web Page (Web stranica) = HTML dokument Web Site (Web sajt) = kolekcija više Web stranica i dodatnih fajlova kao što su slike, zvučkovi, fajlovi sa podacima itd. Home Page = početna stranica Web sajta

lilac
Download Presentation

Informatika

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Informatika Uvod u FrontPage

  2. Osnovni pojmovi • Web Page (Web stranica) = HTML dokument • Web Site (Web sajt) = kolekcija više Web stranica i dodatnih fajlova kao što su slike, zvučkovi, fajlovi sa podacima itd. • Home Page = početna stranica Web sajta • Web Server = računar na kome su smešteni Web sajtovi • Hyperlink = deo teksta dokumenta ili slika koja se ponaša kao veza između dve stranice, kada kliknemo na hiperlink učitava se dokument na koju ta veza pokazuje

  3. Okruženje • Views (Pogledi) – različiti pogledi daju različite informacije o dokumentu • Page View – vizuelna predstava Web stranice, omogućava vizuelno kreiranje i menjanje sadržaja, slično kao u Wordu • Folders View – spisak svih fajlova i foldera Web sajta • Reports View – razne informacije o Web sajtu, uključujući i greške • Navigation View – prikazuje povezanost pojedinih stranica unutar Web sajta • Hyperlinks View – prikazuje linkove • View -> Views Bar – uključivanje/isključivanje prikazivanja trake sa pogledima • Folder List – Spisak fajlova i foldera (View -> Folder List)

  4. Web sajt • Zatvoriti dokument i napraviti novi web sajt (File -> New -> Web -> One Page Web) • Novi Web sajt smestiti u folder: C:\My Documents\My Webs\ime35603, ime – ime studenta 35603 – broj indeksa: 356/03 • Otvoriti Index.htm • 3 pogleda na stranicu: • Normal – WYSIWYG editor (akronim za What You See Is What You Get – označava da će naprvaljena stranica izgledati skoro isto kao što izgleda za vreme pravljenja unutar editora) • HTML – prikazuje HTML kod stranice • Preview – kako će izgledati stranica unutar IE

  5. Zadatak 1 • Unutar kartice HTML promeniti naslov stranice na “Početna stranica” i snimiti • Dodati tekst: “Ovo je sadržaj stranice.” • Isključiti proveru gramatike: Tools -> Page Options -> Spelling -> Check spelling as you type • Dodati novi pasus: “Novi pasus.” • Dodati treći pasus: “Treći pasus. Drugi red trećeg pasusa.” • Enter – prelaz u novi pasus • Shift + Enter – prelaz u novi red unutar pasusa • Dodati horizontalnu liniju: Insert -> Horizontal line • Snimiti i pogledati HTML kod

  6. Zadatak2 • Pogledati kako izgleda stranica unutar FrontPage-a, a zatim unutar IE (File -> Preview in Browser, uključiti opciju Automatically save page) • Otvoriti HTML kod unutar IE (View -> Source) • Centrirati drugi pasus, desno poravnati treći pasus • Promeniti veličinu slova drugog pasusa na 4 i boju na plavu • Pomoću dijaloga Format -> Font promeniti treći pasus ovako: • tip fonta: Comic Sans • italic, underline • veličina: 3 • boja: zelena • Snimiti, pogledati HTML kod, pa izgled stranice unutar IE

  7. Zadatak3 • Dodati naslove: • Naslov najvišeg nivoa. • Podnaslov. • Naslov trećeg nivoa. • Centrirati naslov najvišeg nivoa, podvučeno, promeniti boju i font • Dodati horizontalnu liniju • Snimiti, pogledati HTML kod i izgled stranice u IE

  8. Zadatak4 • Dodati pasuse: • Internet pretrazivaci: • Google • Yahoo • Web sajt filozofskog fakulteta je ovde. • Centrirati Google i Yahoo i dodati horizontalnu liniju • Dodati linkove (Insert -> Hyperlink) • www.google.com • www.yahoo.com • www.ff.ns.ac.yu • Snimiti, pogledati HTML kod, pogledati pogled sa linkovima • Otvoriti stranicu unutar IE i isprobati linkove

  9. Zadatak5 • Napraviti nabrajanje sa simbolima: • Jabuka • Banana • Mango • Papaja • Dodati nabrajanje sa brojevima i dodati linkove: • http://en.wikipedia.org/wiki/Apple • http://en.wikipedia.org/wiki/Banana • http://en.wikipedia.org/wiki/Mango • http://en.wikipedia.org/wiki/Papaya • Dodati horizontalnu liniju, snimiti, pogledati HTML kod i pogledati rezultat u IE

  10. Zadatak6.1 • Podržani tipovi slika: GIF, PNG, JPG • Dodati tekst: • Slike: • Snimiti sliku jabuke i banane sa interneta na Desktop • Dodati slike jabuke (Insert -> Picture -> From File) i pogledati HTML kod • Snimiti Web sajt i snimiti sliku u folder images, pogledati HTML kod • Dodati tekst: “Ovde vidimo jabuke.”

  11. Zadatak6.2 • Otvoriti dijalog sa osobinama slike (Format -> Properties) • Kartica General: • Picture source – folder koji sadrži sliku • Alternative representations – alternativni tekst koji se pojavljuje umesto slike ako se slika ne može prikazati, ako se slika može prikazati, alternativni teskt možemo videti ako stavimo miš iznad slike i čekamo nekoliko sekundi • Dodati alternativni tekst: “Slika jabuke” • Kartica Appearance: • Alignment – poravnanje slike u odnosu na tekst • Border thickness – debljina okvira oko slike • Horizontal, Vertical spacing – veličina praznog prostora oko slike • Size – veličina slike

  12. Zadatak6.3 • Dodati okvir debljine 3 • Isprobati poravnanja: Top, Middle, Bottom, Left, Right • Isprobati alate za menjanje slike • Uključiti apsolutno pizicioniranje slike i pomerati sliku po dokumentu • Dodati link na sliku jabuke ka web sajtu • Dodati sliku banane • Dodati “Hot spot” link na sliku banane ka web sajtu • Dodati horizontalnu crtu, snimiti dokument i proveriti promene

  13. Zadatak7 • Napraviti sledeću tabelu: • Rucno dodati naslov tabele “Višejezični rečnik” pomoću taga <CAPTION> • Promeniti okvir i boju pozadine • Promeniti okvir i boju pozadine zaglavlje tabele • Promeniti da širina bude 50% širine stranice i centrirati tabelu • Dodati link ka odgovarajućuj stranici na wiki-ju na reč Train

More Related