Zewnętrzny arkusz stylów .

Najczęściej stosowanym przez webmasterów i najbardziej lubianym przez wyszukiwarki ( mam na myśli pozycjonowanie ) sposobem na wykonanie strony internetowej jest połączenie XHTML i CSS ( kaskadowe arkusze stylów ) . Webmasterzy lubią to połączenie dlatego , że w znaczący sposób ułatwia i przyśpiesza ono formatowanie zawartości strony www , a wyszukiwarki lubią go za to , że ogranicza pojemność strony internetowej , przez co ich roboty szybciej się z nimi zapoznają .  O ile w języku HTML występowały jeszcze tagi formatujące stronę ( np: font-size ) , o tyle w XHTML całość formatowania została przeniesiona na style.

Wstawianie stylów .
Style osadzane w stronie internetowej w sekcji body :
Styl lokalny , np: <selektor style="cecha: wartość ; cecha2: wartość ;/>  
Rozciąganie stylów - stosuje się tu element <span style="............"></span> . Tagiem span możemy objąć kilka elementów znajdujących się w jednej linii ( np: zmienić czcionkę kilku wyrazów ) . Element ten świetnie nadaje się do wstawiania stylów .  
Element blokowy - <div style="..............></div> . Element sen ma wiele wspólnego z elementem span , lecz w odróżnieniu od niego obejmuje większy fragment dokumentu i może zawierać w sobie także inne bloki .
Wewnętrzny arkusz stylów . 

<style type="text/css">
/* <![CDATA[ */
selektor { cecha: wartość; cecha2: wartość2... }
selektor2 { cecha: wartość; cecha2: wartość2... }
(...)
/* ]]> */
</style>

 Arkusz ren jest osadzany w sekcji head dokumentu . Należy go stosować wtedy , gdy na stronie www wielokrotnie występują elementy , które chcemy formatować ( np: nagłówki , czy akapity ) .
 Zewnętrzny arkusz stylów .

<link rel="Stylesheet" type="text/css" href="nazwa_arkusza.css" /> 

Zewnętrzny arkusz to największa zaleta stylów . Pozwala on na formatowanie przy użyciu jednego dokumentu nieograniczonej liczby podstron naszego serwisu . Wyobraź sobie stronę internetową składającą się z kilkudziesięciu podstron . O ile większą pojemność miałaby ona , gdyby trzeba było formatować każdą podstronę z osobna ? Właśnie dlatego jest to najczęściej stosowane rozwiązanie .

Problemy ze wstawieniem grafiki na stronę .

Gdy po raz pierwszy usiłowałem wstawić obrazek na swoją stronę internetową , wpisałem w pajączku kod , który znalazłem w zakupionym przeze mnie kursie HTML . Wyglądał on następująco:  <img src="nazwa obrazka . rozszerzenie ( np: jpg )" alt=" tekst zastępczy "/> .
" Nic prostszego " - pomyślałem - i po wpisaniu go w edytor natychmiast usiłowałem sprawdzić co z tego wyszło . Ku mojemu zdziwieniu na ekranie komputera pojawił się tylko tekst zastępczy . 
Myśląc , że podczas wykonywania zapisu popełniłem jakiś błąd , wielokrotnie sprawdziłem każdą literę kodu i nic . Wszystko się zgadzało , a obrazka jak nie było tak nie ma . Próbowałem także znaleźć rozwiązanie tego problemu w internecie , jednak na wszystkich blogach i forach znajdowałem dokładnie ten sam zapis .
Dopiero po jakimś czasie udało mi się ustalić , że dzieje się tak dlatego , że kod strony internetowej jest zapisany w innym katalogu niż obrazek i aby przeglądarka mogla ów obrazek odnaleźć , należy zrobić ścieżkę dostępu .
Najczęściej bywa tak , że kod strony zapisany jest  w katalogu " Dokumenty " , a grafika w katalogu " Obrazy " . Jeśli jest tak u Ciebie . to wpisz kod z następującą ścieżką :

 <img src="../pictures/obrazek.jpg" alt="tekst zastępczy"/>

Musisz wiedzieć o jeszcze jednej ważnej rzeczy . Podczas publikowania strony internetowej w sieci , zamieszcza się zarówno kod jak i grafikę w jednym katalogu . Fakt ten sprawia , że zaznaczona na zielono ścieżka ma swoje zastosowanie jedynie na Twoim komputerze . Po przetestowaniu działania strony , tuż przed jej opublikowaniem , należy ją bezwzględnie usunąć .
Oto inne przykłady ścieżek :
-jeśli nasz kod ( strona www) i obrazek znajdują się w jednym katalogu , lecz obrazek jest zamieszczony w jakimś podkatalogu :
 katalog/obrazek.jpg ,
 - sytuacja odwrotna w stosunku do poprzedniej - obrazek jest w katalogu głównym , a strona w podkatalogu :
../obrazek.jpg.
Mam nadzieję , że zawarte tu informacje pomogą Ci rozwiązać Twój problem . Jeśli nie , to opisz mi go w komentarzu , a na pewno coś wymyślimy .

Cel powstania tego bloga .

Witam serdecznie .
Mam na imię Tomek , mam 27 lat , od dłuższego czasu interesuję się tworzeniem stron internetowych i podobnie jak zdecydowana większość osób która się tym zajmuje nie jestem profesjonalnym informatykiem . Fakt ten sprawił , że z wieloma zagadnieniami związanymi z projektowaniem stron www miałem kolosalne problemy , a moja droga prowadząca do opanowania tego tematu była bardzo trudna i wyboista .
To właśnie z myślą o ludziach takich jak ja powstał ten blog .
Jeśli zatem jesteś osobą która dopiero rozpoczyna swoją przygodę z projektowaniem stron internetowych , to koniecznie dodaj adres tej strony www do swoich zakładek , gdyż zawarte tu informacje w znaczący sposób przyczynią się do skrócenia twojej męki związanej z opanowaniem tej na pozór łatwej sztuki ( z tą męką to trochę przesadziłem he he he ) .
Blog  ten będzie regularnie uzupełniany , dlatego zachęcam Cię , abyś od czasu do czasu w wolnej chwili zapoznał(a) się z jego treścią , a na pewno znajdziesz tu interesujące Cię informacje .