1 / 13

Nastavna jedinica: 4.1. Vizualni (grafički) HTML uređivači

Nastavna jedinica: 4.1. Vizualni (grafički) HTML uređivači. Nastavna cjelina: 4. Izrada weba. Osnovni pojmovi. HTML ili ( Hyper Text Markup Language ) je jezik kojim opisujemo izgled web stranice. Web stranica ( Web Page ) je pojedinačni HTML dokument.

haruki
Download Presentation

Nastavna jedinica: 4.1. Vizualni (grafički) HTML uređivači

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. Nastavna jedinica:4.1. Vizualni (grafički) HTML uređivači Nastavna cjelina:4. Izrada weba

  2. Osnovni pojmovi • HTML ili (HyperTextMarkupLanguage) je jezik kojim opisujemo izgled web stranice. • Web stranica (Web Page) je pojedinačni HTML dokument. • Web sjedište (Web site) ili web mjesto je mjesto na lokalnom ili udaljenom računalu (poslužitelju) koje obuhvaća više povezanih web stranica. To je zapravo mapa koja obuhvaća sve povezane sadržaje. • WWW (World Wide Web) je multimedijskih informacijski servis Interneta.

  3. Kako izraditi web stranicu? • Web stranice možemo izraditi u nekom od dostupnih vizualnih (grafičkih) HTML uređivača kao što su Microsoft FrontPage i AdobeDreamweaver. Web stranica nastaje dodavanjem i oblikovanjem sadržaja rabeći mogućnosti grafičkog sučelja. • Vizualni uređivači u svakom trenutku prikazuju kako će web stranica izgledati u web pregledniku (WYSIWYG – WhatYouSeeIsWhatYouGet). • Drugi način izrade web stranice je upisivanjem naredbi HTML jezika u tekstualnom uređivaču kao što je Blok za pisanje (Notepad).

  4. Microsoft FrontPage • Za pokretanje programa slijedom kliknite na glavni izbornik Start → Svi programi (Programs) → Microsoft Office → Microsoft Office FrontPage.

  5. Pogledi na web stranicu • Design – je osnovni pogled u kojem izrađujemo web stranicu, • Split – prikazuje web stranicu podijeljenu na dva dijela. U gornjem dijelu vidimo naredbe HTML jezika kojima je opisan izgled web stranice, a u donjem grafički prikaz stranice, • Code – prikazuje samo naredbe programskog jezika, a • Preview – prikazuje kako bi izgledala stranica učitana u MicrosoftInternet Explorer. Za pregled stranice u sučelju Microsoft Internet Explorera rabite naredbu File → PreviewinBrowser →Microsoft Internet Explorer ili pritisnite tipku F12.

  6. Kako započeti? • Tekst upisujete tipkovnicom, a oblikujete i uređujete već poznatim postupcima. • Slike možete umetati iz datoteke (Insert → Picture →From File) ili iz galerije gotovih crteža (Insert → Picture →ClipArt). Nakon umetanja, sliku obrežite i veličinom prilagodite sadržaju web stranice. • Kako veličina slikovne datoteke ne odražava promjenu veličine prikazane slike potrebno je veličinu prikaza uskladiti s veličinom datoteke. To ćete učiniti rabeći mogućnost ResamplePicture To MatchSizeiz kontekstualnog gumba ilis alatne trake Picture koju možete prikazati iz skočnog izbornika naredbom Show PicturesToolbar.

  7. Spremi, otvori, zatvori • Web stranicu spremate rabeći naredbe iz izbornika File (Datoteka). Uz već poznate naredbe Save (Spremi) i Save As (Spremi kao) na raspolaganju je i naredba Save All (Spremi sve) kojom možete spremiti izmjene u svim otvorenim web stranicama.

  8. Spremi kao (Save As) • Prikažite ili stvorite novu mapu u koju ćete spremiti sve međusobno povezane stranice kao i pripadajuće slike i slične multimedijske datoteke. • Upišite naziv datoteke web stranice. Rabite samo osnovna slova engleske abecede. Naziv datoteke ne smije sadržavati hrvatske dijakritičke znakove (č, ć, ž, š, đ) i znakove interpunkcije (, . : / - ? !). Prva ili početna stranica web sjedišta ima naziv index.htm ili index.html. • Odaberite tip datoteke (Save as Type): Web pages. Uobičajeno proširenje je .htm ili .html. Preporučamo uporabu proširenja .html. • Kliknite na gumb Change title (Save) i upišite naziv Naslov stranice koji će se prikazati u naslovnoj traci preglednika. • Kliknite na gumb Save.

  9. Spremanje slika • Web stranica je tekstualni dokument s mogućnošću prikazivanja slika i sličnih multimedijskih sadržaja koji tijekom spremanja ne postaju dio iste datoteke web stranice. • Za svaku sliku iz datoteke, koju ste nakon umetanja izmijenili naredbom Resample, i isječakcrteža pojavit će mogućnost odabira odredišta spremanja slika (Save EmbeddedFiles). • Naredbom ChangeFolder odaberite mapu u koju ste prethodno spremili web stranicu.

  10. Otvaranje, Nova stranica • Web stranicu otvarate rabeći neki od uobičajenih načina otvaranje postojećih datoteka. • okno zadataka s mogućnošću odabira prazne stranice (Blankpage).

  11. Svojstva web stranice • Rabeći dijaloški okvir Page Properties(Svojstva web stranice), kojeg otvarate odabirom naredbe File → Properties, možete: • dodatno oblikovati stranicu, • izmijeniti naslov stranice (Title), • zvuk koji će se ćuti nakon otvaranja stranice (Backgroundsound), • pozadinsku sliku (Background picture), • pozadinsku boju (BackgroundColor), • jezik stranice (Page language) i sl.

  12. Pojmovi • Upoznavanje sučelja – Upoznali smo sučelje vizualnog (grafičkog) HTML uređivača Microsoft FrontPage. • Tekst – Na web stranicu tekst dodajemo, uređujemo i oblikujemo kao u Microsoft Wordu. • Pozadina – Pozadinu web stranice možemo dodatno izmijeniti rabeći dijaloški okvir Svojstva web stranice (File → Properties). • Umetanje grafičkih elemenata – možemo umetati slike iz datoteke ili iz galerije gotovih crteža (Insert → Picture).

More Related