Skip to content

Porady komputerowe, blog komputerowy

pozycjonowanie, porady komputerowe, blog o komputerach, download, software, hardware

Archive

Category: kurs html

Cześć!

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! continue reading…

Blog zamarł na dłuższą chwilę ze względu na wiele projektów i pomysłów jakie wpadły mi do głowy i musiałem wdrożyć. Praktycznie w każdym używałem gdzieś podziału na strony, a to wpisów dodawanych przez użytkowników a to czegoś innego. Stronicowanie jest bardzo łatwo wykonać w php. Skypcik jest bardzo prosty, pisałem go niecałą godzinkę, mam nadzieję że przyda się Wam i zaoszczędzicie trochę czasu. continue reading…

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.

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.

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.

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.