niedziela, 11 stycznia 2015

Tworzenie stron:Odwołania do arkuszy stylów CSS.

Gdy zaczynamy tworzyć stronę, zaczynając od struktury strony w HTML, trzeba pomyśleć nad stylami css i jak zrobić odwołania do tych plików.
Początkujący mają z tym problem, zaawansowani, weterani tworzenia stron, programowania, nie mają z tym problemu:)

Jeżeli cały styl strony napiszemy w jednym dokumencie  html, to strona i styl będzie tylko bazowała na tym dokumencie. Jeżeli stworzymy kolejny plik HTML i chcielibyśmy, ten sam styl dać, to trzeba skopiować cały styl jaki napisaliśmy i ponownie wkleić do nowego dokumentu. A co jeżeli mamy takich plików HTML 10, 20 lub 100 a nawet więcej? Mnóstwo czasu zabierze nam kopiowanie i wklejanie. To jest minus takiego stosowania i zazwyczaj nie jest zalecane, chyba że dla jednej strony.

Dziś gdy tworzy się profesjonalne strony z użyciem biblioteki JQuery, biblioteki Bootstrap i RWD (Responsive Web Design), to tworzy się katalogi na poszczególne pliki aby zachować porządek.
takimi katalogami na pliki mogą być:
  • katalogi na pliki konfiguracyjne napisane w php lub w innym języku,
  • katalogi z obrazkami,
  • katalogi ze stylami CSS,
  • katalogi z biblioteką JQuery lub JavaScript itd.
Za odwołanie do pliku css, odpowiada taka składnia:

HTML 4
<link href="nazwa.css" rel="stylesheet" type="text/css">
HTML5
<link rel="stylesheet" href="nazwa.css">
 
Podałem jak to występuję w HTML4 i HTML 5.Prawda, ze banalna składnia? Najlepiej jest stosować oddzielne arkusze stylów, to pozwala nam zmieniać stronę/strony za jednym zamachem.
Jeżeli mamy w katalogu np: css, plik z naszym arkuszem styli, to musimy napisać w odwołaniu:  
href="nazwa_katalogu/twój plik.css" .
Dałem nazwy aby było wiadomo co i jak.