poniedziałek, 7 kwietnia 2014

Przyłączmy się do <head> czyli załączanie zewnętrznych plików do strony www | Programowanie

W kodowaniu strony www nadchodzi wreszcie czas by ustrukturyzować nasze wypociny w bardziej przystępny sposób. Podstawą będzie dołączenie zewnętrznych plików z kodem CSS (kaskadowe arkusze styli) i javascript. Czynność tą należy uczynić w sekcji  <head> .... </head> znajdującą się tuż po znaczniku <html>.

Załączenie plików CSS

Nasz kod css znajduje się w dwóch plikach z rozszerzeniem css, przykładowo style1.css oraz style2.css. W strukturze katalogu naszej www (najczęściej public_html) tworzymy sobie folder o wdzięcznej nazwie css i w nim umieszczamy kaskadowe arkusze styli. Porządek w folderze już mamy, ale nasza strona wciąż nie ma wytycznych co gdzie i jak ma wyglądać. Pomóżmy jej wstawiając poniższe linijki w sekcji head:

<link href="css/style1.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style2.css" rel="stylesheet" type="text/css" media="all" /> 
Strona odżyła paletą barw i przyzwoitym ułożeniem poszczególnych elementów, a logo na środku już nie straszy. Pozostała nam kwestia oskryptowania naszej stronki, a z racji, że wcześniej umieszczamy kod np w folderze "js" a plik nazywa się myscript1.js w headzie pojawi się dodatkowa linijka:
<script type="text/javascript" src="js/myscript1.js"></script>

Wytłumaczenie (brak)

Mam taką zasadę, że pewnych rzeczy nie trzeba tłumaczyć, kod wydaje się być zrozumiały a tajemnicze "text/javascript" w dołączonej linijce wyjaśni się z pewnością wraz ze wzrostem umiejętności samoczynnie.

Brak komentarzy :

Prześlij komentarz