webmaster webmastering webdesign

Jesteś tutaj: webmade.org >> kursy online >> kurs css >> Lekcja 2

Określanie właściwości strony

autor: Patryk 'yarpo' Jar, ostatnia modyfikacja: 2007-10-15

szukaj: background background tło tło kurs css kurs css

szkielet strony

Od tej lekcji zaczyna się praktyczna część kursu. Jest to kurs dość nietypowy, gdyż będziesz przy mojej pomocy tworzyć własną stronę! Co lekcję poznasz nowe możliwości, które potem w przy większej lub mniejszej mojej pomocy wstawisz na stronę. Tak więc zacznijmy!

Najpierw zbudujmy stronę w html-u. Strona ta będzie mieć trzy tabele, jedna pod drugą. I tu nowość. W html-u zrobiłoby się jedną główna tabelę i w niej umieszczało kolejne - po co? Dzięki stylom wszystko będzie zgrabniejsze i prostsze.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Tytuł strony</title>

<link rel="stylesheet" href="style.css" type="text/css" /> // 1
</head>
<body>

<table width="780" cellpadding="0" cellspacing="0"> // 2
<tr>
<td> </td> // 3
</tr>
</table>

<table width="780" cellpadding="0" cellspacing="0">
<tr>
<td> </td> // 4
<td> </td> // 5
</tr>
</table>

<table width="780" cellpadding="0" cellspacing="0">
<tr>
<td> </td> // 6
</tr>
</table>

</body>
</html>

Opis:

Być może dziwisz się, że w kursie CSS wita cię html - nie przejmuj się zaraz będzie i css. Stworzyliśmy już stronę główną. Napisz taki kod w notatniku i zapisz w jakimś oddzielnym folderze jako 'index.htm'. Teraz zajmiemy się budową pliku 'style.css'.

Budowanie pliku 'style.css':

/* najpierw otwórz zwykły systemowy notatnik
następnie wpisz co następuje ukośniki i liczby opuść - służą jedynie dla opisu */

BODY { // 1
background-color: #CBD1D3; // 2
text-align: center; // 3
} // 4

TABLE {
margin-left: auto; // 5
margin-right: auto; } // 6

/* zapisz jako 'style.css' w tym samym folderze, w którym zapisałeś 'index.htm' */ 

Opis:

Inne wartości background:

Na tym skończymy tą lekcję - jak widzisz sporo pisania, ale nic trudnego. Jeśli czegoś nie zrozumiałeś to wróć i jeszcze raz spokojnie przeczytaj, wtedy ruszaj dalej. Pamiętaj aby tworzyć podczas kursu stronę, bo naprawdę dzięki temu dużo szybciej się nauczysz - zawsze na przykładach łatwiej się uczyć.

Patryk 'yarpo' Jar

Zagadnienia poruszane w tej części kursu:

Szukasz wykonawcy?
Tworzenie stron internetowych.
Sprawdź nas!

 

valid XHTML
valid CSS
© 2004-2008 copyright by webmade.org