X

Zmaga.com | Zmagajmo z znanjem  
Programi Adobe Dreamweaver Nastavitve  
  Kliknite tukaj, da si ogledate profil, kot ga vidijo drugi

CSS slog v vmesniku na vključenih straneh

 
  Delite vsebino na Twitterju   Delite vsebino na Facebooku
  Spoznali bomo, kako lahko v Dreamweaver-ju pri urejanju v vmesniku tudi na podstraneh vključimo CSS slog iz glavne strani.
 
 
1
 
 
  Pri urejanju spletnih strani pogosto uporabljamo dele html kode, ki se nahaja v ločenih datotekah in jih potem samo vključimo v glavno spletno stran.

Običajno se za to uporablja PHP funkcija include.

Pri tem pa naletimo na problem, da je CSS slog vključen samo na glavni strani, saj podstrani posredno uporabljajo slog iz glavne strani.

Pri urejanju teh posameznih strani v grafičnem vmesniku Dreamweaver pa nastane težava, saj so v tem primeru podstrani prikazane brez stila.

Na srečo to lahko enostavno rešimo, kar bo prikazano v spodnjih korakih.

 
 
2
 
 
  Primer urejanja lahko vidimo na sliki.

Tekst Izpis podstrani se dejansko nahaja v datoteki podstran.php, pri čemer smo uporabili  slog.css.
 
 
3
 
 
  Če sedaj v vmesniku Dreamweaver-ja odpremo datoteko podstran.php, opazimo, da uporabljen slog ni viden.
 
 
4
 
 
  Razlog tiči ravno v tem, da podstran ne pozna uporabljenega stila iz glavne strani.
 
 
 
5
 
 
  To popravimo tako, da v desnem kotu kliknemo na CSS styles.

Nato z desnim miškinim gumbom kliknemo na prazen prostor pod tekstom (no styles defined).
 
 
6
 
 
  Izberemo možnost Design-time...
 
 
7
 
 
  Kliknemo znak +.
 
 
8
 
 
  Izberemo CSS datoteko iz naše glavne strani.

V mojem primeru sem uporabil slog.css.
 
 
9
 
 
  Kot vidimo, je sedaj datoteka dodana.

To sedaj pomeni, da bo ta datoteka uporabljena samo pri urejanju znotraj okolja Dreamweaver, medtem ko bo originalna datoteka ostala nespremenjena.
 
 
10
 
 
  Če sedaj v okolju Dreamweaver pogledam podstran.php, lahko vidim naš uporabljeni slog, kljub temu, da naša datoteka ne vsebuje podatek o tem slogu.
 
 
Komentiraj
 
 
Prijava in registracija
 
 
 
 
 
 
  Zmaga.com | Zmagajmo z znanjem
 
  Zmaga.com ponuja brezplačno in razumljivo učenje računalniških programov, nudi enkraten način spoznavanja z različnimi svetovnimi jeziki, vas s podrobno obrazloženimi recepti nauči kulinarike in vam prežene strahove pred domačimi opravili.