Jak używać plików php z rozszerzeniem .html

Domyślnym rozszerzeniem dla PHP jest “.php“. Pliki .php wywołane z przeglądarki zostaną przeanalizowane przez parser PHP po stronie serwera. Wszystkie inne pliki (bez rozszerzenia .php) nie będą przeanalizowane. Niestety dla nas właśnie pliki .html będą pominięte.

Jeśli używasz kodu PHP wewnątrz plików .html, nic nie zadziała. Tagi PHP po prostu znikną, a text między tymi tagami zostanie pokazany jako czysty tekst. To jest całkowicie normalne zachowanie- wszystkie nieznane tagi zostaną pominięte, a tagi PHP są właśnie takimi.

Podczas konwersji pliku HTML do PHP będziemy zmuszeni do zmiany rozszerzenia. A to zaowocuje poważnym problemem- żaden z istniejących odnośników nie będzie już działał. Tak więc nasi czytelnicy zostaną porażeni nielubianym Error 404.

Najlepszym rozwiązaniem jest nauczenie web-serwera że wszystkie pliki HTML muszą być traktowane tak jak pliki PHP, będą tak traktowane także pliki nie zawierające nawet odrobiny PHP. Serwer po prostu sprawdzi czy PHP jest używany, a jeśli tak to wykona kod. Jeśli nie będzie żadnego kodu, to zostanie pokazany sam HTML.

Cała sztuka polega na dodaniu do pliku httpd.conf odpowiedniego kodu:

AddType application/x-httpd-php .php .html

A jeśli istnieje już

        AddType application/x-httpd-php .php

To wystarczy dodać na końcu linijki .html

Miłej zabawy z Preprocesorem hypertextu

Szablony XHTML bez DIV

Szablony oparte o CSS stały się ostatnio bardzo popularne. Istnieją szablony oparte o absolutne pozycjonowanie elementów, inne wykorzystują FLOAT. Nie każdy wie jednak że FLOAT powoduje kilka bugów pod Internet explorerem oraz z kilkoma mniej dopracowanymi przeglądarkami.

Kod xhtml zapisany przy pomocy DIV:

<div id=”wp”>
<div id=”hd”>Nagłówek</div>
<div id=”bd”>Body
<div id=”doc”>
<div id=”s1″>Sekcja 1</div>
<div id=”s2″>Sekcja 2</div>
<div id=”s3″>Sekcja 3</div>
</div>
</div>
<div id=”ft”>Stopka</div>
</div>

Divy są bez sensu, i nie mogą reprezentować struktury dokumentu. Natomiast listy tworzą całkowicie semantyczny układ strony, ponieważ reprezentują wzajemną hierarchię elementów strony.

Ten sam kod zapisany przy pomocy list:

<ol id=”wp”>
<li id=”hd”>Nagłówek</li>
<li id=”bd”>Body
<ol id=”doc”>
<li id=”s1″>Sekcja 1</li>
<li id=”s2″>Sekcja 2</li>
<li id=”s3″>Sekcja 3</li>
</ol>
</li>
<li id=”ft”>Stopka</li>
</ol>

Najpierw usuwamy z kod który poprzedza zagnieżdżone OL (“Body”). Wtedy ustawiamy szerokość i automatyczny margines, aby wycentrować nasz szablon i używamy”list-style:none” żeby być pewnym że rzadna przeglądarka nie pokaże wypunktowania przed poszczególnymi sekcjami. Teraz zajmujemy się stylowaniem LI które zawiera UL z trzema obiektami (trzema kolumnami) tak, aby wyglądała jak tabelka. Na koniec nadajemy styl OL jako wiersz tabelki. LI reprezentuje pojedyńczą komórkę.

<style type=”text/css”>
* {margin:0;padding:0;}
#wp {width:55em;margin:0 auto;list-style-type:none;}
#bd {display:table;}
#doc {display:table-row;}
#s1,#s2,#s3 {display:table-cell;}
</style>

Trzeba pamiętać że bez list-style-type:none cyfry pojawią się obok LI w Internet explorer dla maca, oraz w safari. (display:inline zajmuje się Internet explorerem dla windows a display:table-cell zajmuje się przeglądarkami opartymi na silniku gecko).

składanie Div- wstęp

Składając stronę przy pomocy tabelek skazani jesteśmy na niepowodzenie,   nie tylko w kod źródłowy wpychamy kilobajty niepotrzebnych  tagów, ale także, jeżeli mamy sporo grafiki, strona najprawdopodobniej po prostu rozjedzie się.
Dużo lepszą alternatywą dla tabelek są div-y. Nie tylko są dużo łatwiejsze w formatowaniu, ale także umożliwiają dokładną kontrolę nad swoim położeniem.

Acedo- Forum webmasterskie

Ostatnio, kiedy uporczywie szukałem jakiegoś dobrego forum webmasterskiego, natrafiłem na bardzo szybko rozwijające się forum z przyjazną atmosferą. Bez problemu znajdziesz tam pomoc jeżeli masz problem z designem, kodowaniem lub pozycjonowaniem. Gorąco polecam!

Testuj! Testuj! Testuj!

Zbiór ponad 100 testerów, validatorów, edytorów i ogólnie mówiąc wszystkiego do sprawdzania poprawności. Strona jest bardzo czytelna i łatwa w obsłudze