KURS BLOGA
Ello! No więc tu zapoznaję was z podstawami HTML'a na, a konkretniej obsługi bloga. Ten kurs powstał 25.09.2004r. Mam nadzieję, że będzie wam długo służył.
AGA
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> //to jest informacja dla przeglądarek, która mówi, że strona jest napisana w języku html 4.0
<HTML> //standardowy początek strony, od tego trzeba zacząć każdą stronę!!!
<HEAD> // sekcja z informacjami dla serwisów takich jak onet, tu sa zapisane informacje które są wyświetlane jako opis, tytuł itp.
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=iso-8859-2"> //to jest sposób kodowania, dzieki temu uzyskamy takie literki jak ą czy ś
<META HTTP-EQUIV="Creation-date" CONTENT="RRRR-MM-DD"> //tutaj wpisujemy datę utworzenia w formacie RRRR-MM-DD
<META HTTP-EQUIV="Content-Language" CONTENT="pl"> //język strony- polski
<META NAME="Keywords" CONTENT="slowa kluczowe, slowa kluczowe, slowa..."> //jakieś słowa kluczowe(czego stronka dotyczy? ), oddzielane od siebie przecinkami, jak najwięcej, bo wtedy więcej razy strona zostanie wyświatlona na ekranie po wpisaniu słów kluczowych do wyszukiwarki UWAGA!!! nie można wymyślać słów kluczowych, bo niektóre wyszukiwarki sprawdzają, czy słowo kluczowe znajduje się na stronie
<META NAME="Description" CONTENT="Opis dokumentu"> // tutaj wpisujemy opis dokumentu (do 250 znakow) widoczny po wyświetleniu strony w oknie wyszukiwarki
<META NAME="Author" CONTENT="Autor dokumentu"> // autor dokumentu, twoja xywka albo imię
<TITLE>Tytuł</TITLE> //tytuł strony widoczny na pasku tytułu u góry ekranu
<LINK REL="stylesheet" HREF="css/styl.css"> //to jest link do zewnetrznego stylu, czyli dokumentu, w którym zapisane są kolory tła i czcionki, i inne rzeczy dotyczące wyglądu strony
</HEAD> // tak "zamyka się" każde polecenie w html'u, czyli kiedy otwieramy <HEAD> to musimy pamiętać żeby je zamknąć </HEAD> (WAZNE!!!)
<BODY> //otwieramy sekcję body (ang. cialo), tutaj umieszczamy polecenia, które wyswietlają grafikę, texty itp. na naszej stronie
<DIV ALIGN="center"> //to służy wyśrodkowaniu całego dokumentu
<TABLE WIDTH="750" CELLPADDING="0" CELLSPACING="0"> // powstaje tabelka o szerokości 750 pikseli, o odleglości między komórkami 0 i z marginesami wewnętrznymi też 0
<TR> // wiersz tabeli
<TD CLASS="pageheader"> //komórka w wierszu tabeli służąca do tytułu tutaj między <TD...> a </TD> dajemy tekst jaki ma być na górze stronki. może to być np. animacja MARQUEE (patrz FAQ BLOGOWE) albo jakiś tekst, np {twoja xywka} blog
</TD> //zamknięcie komórki
</TR> //zamknięcie wiersza
</TABLE> //zamykamy górną tabelkę
<TABLE WIDTH="750" BRODER="0" CLEEPADDING="0" CELLSPACING="0"> //powstaje nam główna blogowa tabelka. jej szerokość to 750. BRODER="0" oznacza, że jest bez ramki. można tu poeksperymentować. CLEEPADDING="0" to odleglosc między komórkami (0) a CELLSPACING="0" to marginesy wewnętrzne. tu wszędzie można zmienić te wartości na inne, ale róbcie to ostrożnie.
<TR> //wiersz tabeli
<!-- lewa kolomna --> // to jest komentarz, czyli text pomocniczy. można ich stosować wiele, przydzają się zwłaszcza jak mamy dużą stronę. nie są one wyświatlane w oknie przeglądarki. i jak sama nazwa wskazuje tu zacznie sie lewa kolumna.
<TD WIDTH="150" VALIGN="top" BGCOLOR="#jakiskolor"> //komórka o szerokości 150px z wyrównaniem textu do góry i kolorem tła. zamiast tego #jakiskolor wpisuje się kolor w systemie nazw angileskich (blue, red itp.) albo kody kolorków (np. #FFFFFFF) - patrz FAQ BLOGOWE - Tabela Kolorow
<A HREF="/xiega/index.php">Ksiega gosci</A> //to jest link do księgi gostkow i jeśli ją chcecie mieć to nie możecie tego zmieniać!!! możecie tylko wpisać coś zamiast tego Ksiega gości, np. BOOK i inne...
<BR> // to jest odstęp, czyli pusta linijka
MY PAST {archiwum} // tu będzie się wyświetlało archiwum możecie wpisać coś zamiast MY PAST, ale nie zmieniajcie zawartości tego nawiasu{} !!!!
<BR> //chyba nie musze tego tlumaczyc co??
</TD> //to jest koniec lewej kolumny
<!-- koniec lewej kolumny --> //powinienes już wiedziec
<!-- srodkowa kolumna--> //to juz przesada jeszcze nie wiedziec
<TD WIDTH="450" BGCOLOR="#jakis kolor" VALIGN="top"> //jak nie wiesz to patrz lewa tabela
{blog} //to oznacza ze tu beda sie pokazywaly wszystkie twoje blogowe notki NIE KASOWAC!!!
</TD> //zamykamy komorke tabeli
<!-- koniec srodkowej kolumny -->
<!-- prawa kolumna--> //nie tlumacze
<TD WIDTH="150" BGCOLOR="#jakiskolor" VALIGN="top"> //jak ktos nie wie to co tu robi??
LINKI {linki} //tutaj beda widoczne linki, ktore dodasz w menu obslugujacym twojego bloga, mozna zmienic ten text POZA nawiasem klamrowym{}
</TD>
<!-- koniec srodkowej kolumny -->
</TABLE> // koniec glownej blogowej tabelki
<TABLE WIDTH="750" CELLPADDING="0" CELLSPACING="0" BRODER="0"> //zaczyna sie tabelka z coopyright i ikonka blogowa
<TR> //wiersz tabeli
<TD CLASS="pagefooter" ALIGN="right"> //komorka zakanczajaca strone z tekstem dosunietym do prawej strony
<A HREF="www.blog.pl"><IMG SRC="http://www.blog.pl/img/blog_ikonka.gif" WIDTH="40" HEIGH="12" BRODER="0"></A> //to jest link do strony www.blog.pl, ale jest w formie rysunku jak obok
</TD> //to juz standart wiec nie tlumacze
</TR> //to tez
</TABLE> //i to
</DIV> // zamykamy srodkowanie dokumentu
</BODY> // zamkniecie sekcji body
</HTML> // koniec dokumentu html