HTML

1
HTML

• Urejanje spletnih strani

2
Ustvarjanje lastne strani

• HTML jezik je zbir dokaj preprostih ukazov, ki
  opisujejo sestavo spletne strani.
• Zbir ukazov shranjujemo v navadne tekstovne
  datoteke s pripono .htm ali .html
• Znacilnost HTML dokumentov je, da se njihova
  podoba prilagaja zmožnostim prikaza razlicnih
  racunalnikov (locljivost 640 x 480 ali 1024 x
  768).
• Spletni urejevalniki

3
Spletni urejevalniki

• FrontPage je orodje za objavo strani na Spletu!
• Prednosti
• Graficni prikaz domace strani
• Preprosto preverjanje in ustvarjanje povezav...

4
Ponovitev

• Struktura spletne strani - listi
• Poimenovanje datotek in slik
• c\...\bizjak\razred\Ime Priimek\priimek1-1-1.htm
• c\...\bizjak\razred\Ime Priimek\images\sl-priimek
  1-1-1.gif
• Kako do slik?
• Skeniranje
• Internet desni klik/Shrani sliko kot
• izbira ustrezne mape in zamenjava imena

5
Kaj bomo delali v prihodnje?

• S pomocjo HTML urejevalnika bomo urejali spletne
  datoteke, ki smo jih v preteklih urah pripravili
  in kot rezultat dobili HTML kodo, ki omogoca
• da bo naše delo lahko vidno na vseh racunalnikih
  po svetu na približno enak nacin.
• Prikaz spletne datoteke
• Prikaz HTML kode zgornje datoteke
• Naša naloga v prihodnjih urah bo prav generiranje
  HTML kode za spletne strani, ki prikazujejo naše
  poslovne nacrte.

6
Jezik HTML

• Hyper Text Markup Language
• je jezik za izdelavo spletnih strani.
• Uporabljamo ga za oblikovanje strani v spletu.
• Strani oz. vsebina strani je pripravljena tako,
  da dele besedila oznacimo s posebnimi znackami
  jezika HTML

7
Znacke

• Znacke se od besedila locijo tako, da so zaprte
  med ostre oklepaje. Vedno v parih.
• ltheadgt
• lttitlegtbesedilolt/titlegt
• lt/headgt
• Z znackami HTML oznacimo kako bo izgledalo
  besedilo, tabela, katere datoteke bodo povezane,
  Prikaz HTML kode neke datoteke

v tem primeru je to naslov
8
Hipertekst

• Mnogo podatkov je seveda že vpletenih v splet,
  zato lahko našo stran povežemo s tistimi, ki so
  prav tako zanimive, in z njimi sledimo toku
  informacij, ki jih mi prikazujemo.
• V njej so spet nove povezave na nove strani in te
  spet na nove itd.
• Te povezave so srcica jezika HTML.

9
Nacini izdelave HTML datoteke

• Navadni (txt) urejevalniki - rocno
• WordPade, Notepade
• Urejevalniki za HTML
• Frontpage
• Pretvorniki besedila
• Word, WordPerfect

10
Navadni urejevalniki

• Vsako znacko jezika HTML vpišemo rocno!
• Seveda moramo znacke, ki jih želimo uporabiti
  podrobno poznati.
• Nekateri programi imajo knjižnice, kjer so znacke
  podrobno opredeljene.
• Zapišemo lahko vsako znacko, ki jo poznamo!

11
Urejevalniki HTML

• So prirejeni posebej za urejanje spletnih strani.
• Znack ne pišemo, ampak jih uvrstimo v besedilo s
  posebnimi ukazi, podobno kot oblikujemo besedilo
  z urejevalniki besedil.
• Razlikujejo se po pestrosti znack, ki jih lahko
  uporabimo.
• Seveda kakšno znacko lahko tudi dopišemo na roko.
• Npr. HTML Kit

12
Pretvorniki besedila

• Besedilo napisano z urejevalnikom besedila, npr.
  Wordom, preprosto pretvorijo v jezik HTML.
• Slabost tega je zelo omejen nabor znack.
• Izdelane strani ne izkorišcajo vseh možnosti
  prikaza v Spletu.

13
Front Page Editor

• View - pogledi na datoteko
• Odpiranje, zapiranje in shranjevanje datotek
• Orodna vrstica za urejanje besedila
• Slogi
• Vstavljanje grafike - kasneje
• slika ni del datoteke v kateri se nahaja ampak le
  povezava do izvorne slikovne datoteke v našem
  primeru na mapi c\..\Ime priimek\Images

14
Urejanje lastnih HTML datotek

• V pripravljene datoteke bomo vnesli besedilo -
  povsem neoblikovano in
• ga bomo oblikovali s pomocjo gumbov in menujev
  HTML urejevalnika -Front Page.
• Poskrbeti je tudi treba, da so slike shranjene na
  dogovorjenem mestu, saj jih bomo kmalu
  potrebovali.