|
|
|
|
|
CSS slog v vmesniku na vključenih straneh
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...
|
|
| |
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.
|
|
|
 |
|
|
|
|
|
