Przedstawię dziś Wam prosty, alternatywny sposób na tworzenie podstron w małych serwisach. Dajmy na to mamy dziesięć lub dwadzieścia podstron na stronie – każda różni się tylko treścią, a menu nagłowek i stopka pozostają niezmienne. W takim wypadku nie ma najmniejszego sensu kopiować 10 razy plik index.html lub index.php i w każdej kopii od nowa wprowadzać treść. Pomyślcie co będzie, gdy zechcecie dodać link w stopce na każdej podstronie – musicie edytować wszystkie X podstron ręcznie!

Moje rozwiązanie opiera się na kilku prostych poleceniach w php – przesyłaniu nazwy podstrony metodą get oraz includowaniu odpowiedniej podstrony z treścią. Jedyne wymagania to serwer z obsługą php i opcjonalnie mod_revrite.

Na początek stwórz stronę index.php. Jeżeli masz mod_revrite to linki do podstron w menu niech wyglądają tak: twojastrona.pl/podstrona.html a jeżeli nie to w ten sposób: twojastrona.pl/?id=podstrona

Jak masz mod_revrite to wgraj plik .htaccess do katalogu głównego, a w nim:

Kod źródłowy

RewriteEngine On
RewriteRule ^(.*).html$ index.php?id=$1 [L]

Następnie w pliku index.php w miejscu treści, wstaw kod:

Kod źródłowy

<?php
$id = $_GET['id'];
if(isset($id)){
if(file_exists("data/".$id.".php")){
$plik = "data/".$id.".php";
include($plik);
}else{
echo "Error 404 - brak pliku";
}
}else{
include("data/home.php");
}
?>

Teraz na stronie głównej nie wyświetla się treść, natomiast kod który wstawiłeś będzie szukał treści w katalogu data/home.php – tam właśnie musisz wgrać treść strony głównej. Każda podstrona jaką stworzysz musi znajdować się w folderze data i musi mieć nazwę taką jak nazwa w linku w menu, czyli jak w menu masz link twojastrona.pl/podstrona.html to treść tej podstrony musi być w pliku data/podstrona.php

Tym oto sposobem moesz tworzyć mnóstwo podstron wgrywając pliki z treścią do katalogu data. Jak chcesz zmienić stopkę albo coś w nagłówku wchodzisz tylko w index.php i zmieniasz – zmiany będą widoczne na każdej podstronie. Co ciekawsze system ten nie jest do rozpoznania z zewnątrz.

W pliku index.php pomiędzy <title> a </title> możesz wstawić kod:

Kod źródłowy

<?php
if(!isset($_GET['id'])){
echo'Strona główna';
}else{
echo ucfirst(str_replace('_', ' ', $_GET['id']));
}
?>

będzie on wyświetlał napis „Strona główna” gdy będziesz na stronie głównej, a gdy wejdziesz np. na twojastrona.pl/podstrona.html wyświetli napis „Podstrona”.

Sprawdź czy wszystko jest ok i czy działa, jeśli zrobiłeś zgodnie ze wskazówkami – musi działać W przeciwnym razie pisz w komentarzu w czym problem.

Muszę dodać, że jest to tylko podział na strony a nie wyświetlanie treści. Czyli np. mając do wyświetlenia 47 elementów i ustawieniu 5 na 1 stronę, to skrypt wyświetli Strony: 1 2 3 aż do 10.

No to zaczynamy. Załóżmy, że mamy księgę gości i 47 wpisów (oczywiście tu podałem na sztywno, w rzeczywistości musisz pobierać tę liczbę dynamicznie).

Kod źródłowy

<?php
//przesyłamy metodą GET nr strony na której aktualnie jesteśmy
$strona = $_GET['strona'];
//ile mamy wpisów do podziału na strony
$wsumie = 47;
// ile wpisów na 1 stronie
$nastronie = 5;
$x = 1;
$do = ceil($wsumie/$nastronie);
$y = intval($strona);
while($x <= $do)
{
$przedzialod = (($x-1)*$nastronie)+1;
$przedzialdo = $x *$nastronie;
if($przedzialdo > $wsumie)
{
$przedzialdo = $wsumie;
}
//wyświetlamy stronę na której jesteśmy
if($y == $x)
{
echo '<span title="Wpisy od '.$przedzialod.' do '.$przedzialdo.'">'.$x.'</span>'."\n";
}
else
{
//wyświetlamy pozostałe numery stron i linki do nich
if($x == '1'){
echo '<a href="../ksiega.html" title="Wpisy od '.$przedzialod.' do '.$przedzialdo.'">'.$x.'</a>'."\n";
}else{
echo '<a href="../ksiega-'.$x.'.html" title="Wpisy od '.$przedzialod.' do '.$przedzialdo.'">'.$x.'</a>'."\n";
}
}
$x++;
}
?>



Warto zauważyć, że strona 1 ma adres mojastrona.pl/ksiega.html a nie mojastrona.pl/ksiega-1.html – myślę że tak jest ładniej. Oczywiście aby wszystko działało należy dodać odpowiednie zapisy w pliku .htaccess, w nasym przypadku plik ten powinien wyglądać tak:

Kod źródłowy

RewriteEngine On
RewriteRule ^ksiega-([^-]+).html$ ksiega.php&strona=$1 [L]
RewriteRule ^ksiega.html$ ksiega.php&strona=1 [L]

Jeżeli chodzi o treść to zależy czy pobierasz ją z bazy czy z pliku. Jeżeli z bazy to po prostu używasz operatora LIMIT i wyświetlasz w zależności od strony odpowiednie rekordy. Powodzenia! W razie wątpliwości zostaw komentarz

<font size="n">Tekst</font>

W miejsce n należy wstawić liczbę od 1 do 7

Aby zmienić kolor czcionki należy:

<font color="kolor">Tekst</font>

W miejsce kolor należy wpisać angielską nazwę koloru bądź w kolor typu : #CC6633 Edytor html w jakim pracuje (PsPad) posiada paletę kolorów gdzie kolory możemy wybierać

Aby zmienić rodzaj czcionki należy:

<pre><span style="font-family: rodzaj;">Tu wpisz tekst</span></pre>

W miejscu rodzaj wpisujemy np. Arial. Uwaga!!! Polecam używanie czcionek typu Arial, bo jeśli użyjemy czcionki, której osoba czytająca informacje z naszej strony nie ma na komputerze pojawią się problemy.

A tu mamy połączenie wszystkiego:

 
<pre> <span style="font-family: Arial; color: blue; font-size: small;">
Tekst
</span>
</pre>

I to chyba tyle. Pozdrawiam.

-pogrubienie: <b>tekst</b>

- kursywa: <i>tekst</i>

- podkreślenie <u>tekst</u>

Tutaj ważna jest kwestia </u>, a dokładniej kreski przed u. Jest to znacznik zamykający. Gdyby kreski nie było, cały tekst byłby podkreślony.

Jeszcze jedna ważna rzecz. W html nie zaczniemy pisać od nowej linii przy nacisnięciu Enter. Należy wstawić na końcu linii: <br> Jak wstawimy więcej tych znaków, to odstęp będzie większy.

Na następnej lekcji opiszę operacje na czcionkach. Pozdrawiam.

<head>

<title>Tytuł strony u góry wyszukiwarki</title>

<meta name=”Description” content=”opis zawartości strony” />

<meta name=”Keywords” content=”wyrazy kluczowe, pod którymi będzie cie można znaleźć w gogle, oddzielaj je przecinkiem” />

<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-2″ />

</head>

<body>

treść strony

</body>

Okej. Mamy już kod naszej pierwszej strony. Teraz go omówię. Więc tak, head oznacza głowa z angielskiego. Jest to sekcja w której nie będziemy nic pisać z wyjątkiem poleceń dotyczących głównych właściwości strony itp. Tą sekcją na razie nie będziemy się zajmować. W tej sekcji mamy <title> co jest tytułem strony w górnym pasku w wyszukiwarce.

Potem mamy <meta name=”Description”. Jest to opis naszej strony.

Kolejną rzeczą jest <meta name=”Keywords”. Są to słowa kluczowe, w których chcemy być widoczni w gogle oczywiście nie musimy wypisywać wszystkich, tylko te ważniejsze.

Potem pogrubioną czcionką zaznaczyłem bardzo ważną rzecz, mianowicie kodowanie. Jest to bardzo ważna linijka, odpowiadająca za polskie znaki w dokumencie. Jeśli przy kodowania utf-8 nie będzie polskich znaków, należy zmienić je na iso-8859. Wtedy problemów z polskimi znakami już nie będzie. Ważne jest również ustalenie odpowiedniego kodowania w edytorze. Jeśli kodowanie w kodzie oraz w edytorze będzie się zgadzać na pewno nie będziemy mieć problemu z polskimi znakami.

Kolejną rzeczą jest </head>. Oznacza to że zamykamy sekcje head, a zaczniemy inną. Znaczniki zamykające są również ważne. Np. pogrubiając kawałek tekstu, jeśli nie użyjemy znacznika zamykającego pogrubi nam cały tekst. Do większości poleceń jest znacznik zamykający.

Następnie otwieramy sekcję body, z angielskiego ciało. Tutaj będzie właściwa treść strony. Możemy sobie pisać naszą pierwszą witrynę.

Oczywiście nawet nie umiemy zrobić enter w html-u, ale jutro o tym napiszę.  Na końcu dokumentu jest zamknięta sekcja body.

I to tyle na dziś. Pozdro.

Osobiście polecam PSPad oraz Notepad++. Sam korzystam z PSPada. Kilka edytorów html będzie w pobieralni na blogu. Oczywiście możesz pisać strony w Notatniku, ale nie polecam. Bo nie dobry webmaster, który korzysta z najstarszego programu, bez funkcjonalnego, lecz ten który korzysta z nowych technologii.

O edytorach chyba tyle. Ale musimy poruszyć jeszcze jedną sprawę, dotyczącą pisania stron.

- nie dawaj wszystkiego na stronie głównej, rób podstrony

- pamiętaj o wyglądzie strony, aby był przyjazny dla oka

- pamiętaj o poprawności w pisowni, robiąc dużo błędów odstraszysz czytelników

- pamiętaj aby podstrony pasowały do strony głównej serwisu, aby miały podobną kolorystykę

I to chyba tyle. Pozdrawiam.