25
mar
Autor: admin kategoria: kurs html | Tagi :czcionka html, html, kolor czcionki, operacje na czcione html, rodzaj czcionki, wielkość czcionki | Brak komentarzy
Witam. Dziś zajmiemy się operacją na czcionce w html.
Aby zmienić wielkość czcionki należy:
<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.
18
mar
Autor: admin kategoria: kurs html | Tagi :html, kursywa, operacje na tekście html, podkreślenie, pogrubienie, tekst html | Brak komentarzy
Cześć. Dziś opiszę proste prace na tekście w html.
-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.
3
mar
Autor: admin kategoria: kurs html | Tagi :body, head, iso-8859, kodowanie, ramy dokumentu, utf-8, znacznik zamykający | Brak komentarzy
Witam serdecznie. Najwyższa pora napisać pierwszy dokument. Oto jak powinien wyglądać:
<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.
28
lut
Autor: admin kategoria: kurs html | Tagi :edytory html, html, kurs html, tworzenie stron | Komentarzy: 2
Witam serdecznie. Postaram się napisać dla Was kurs html. Zaczniemy od wybory edytora, a także kilku zasad których powinieneś się trzymać.
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.
