środa, 24 listopada 2010

KURS HTML


Pierwsza strona www.

Do stworzenia strony internetowej wystarczy komputer o przeciętnych parametrach technicznych. Komputer musi mieć zainstalowany system operacyjny. Ja posługuje się systemem Windows XP. Jeżeli potrafimy posługiwać się kodem języka HTML, możemy pracować w oparciu o Notatnik- prosty edytor tekstu dostępny w Akcesoriach systemu operacyjnego systemu Windows. Najpierw otwórzmy Notatnik. Rozwijamy menu Start ,następnie Wszystkie programy/ Akcesoria i klikamy na Notatnik.


Stronę WWW tworzy się podobnie jak zwykły dokument tekstowy: po otwarciu edytora HTML, należy wybrać opcję z menu: Plik/Nowy (lub File/New). Teraz można już zacząć pisanie strony. Jednak dokument HTML nie jest całkowicie zwykłym plikiem tekstowym (zawiera hipertekst, osadzone obrazki i musi być poprawnie wyświetlany w różnych systemach operacyjnych na całym świecie), dlatego wymyślono specjalny szablon dokumentu HTML, który powinien być przestrzegany.

Oto jak przykładowo powinny wyglądać ramy każdego dokumentu w formacie HTML (istnieją również inne podobne szablony):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
  <META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=UTF-8">
  <META NAME="Description" CONTENT="Tu wpisz opis zawartości strony">
  <META NAME="Keywords" CONTENT="Tu wpisz wyrazy kluczowe rozdzielone przecinkami">
  <META NAME="Author" CONTENT="Tu wpisz swoje imię i nazwisko">
  <META HTTP-EQUIV="Content-Language" CONTENT="pl">
  <TITLE>Tu wpisz tytuł strony</TITLE>
</HEAD>
<BODY>

Tu wpisuje się treść strony

</BODY>
</HTML>

Poniżej przedstawiam pierwszą część tutorialu tworzenia strony www:



Mam coś dla Ciebie zupełnie ZA DARMO kliknij tu i pobierz. Naprawdę warto.

Wskazówka dla "bardzo" początkujących.
Nie musisz za każdym razem, gdy tworzysz nową stronę, przepisywać całego tekstu powyższego szablonu. Wystarczy w przeglądarce internetowej naprowadzić wskaźnik myszki na początek tekstu (wskaźnik powinien zmienić kształt) i wcisnąć lewy klawisz myszki. Trzymając cały czas wciśnięty lewy przycisk, przeciągnij myszką do końca tekstu szablonu, po czym zwolnij przycisk - tekst zostanie zaznaczony. Teraz wciśnij na klawiaturze jednocześnie klawisze: Ctrl+C, co wywoła skopiowanie zaznaczonego tekstu do schowka systemowego. Następnie w edytorze HTML po otwarciu nowego pliku wystarczy wcisnąć: Ctrl+V, a do dokumentu zostanie wklejony tekst ze schowka.

Aby stronę zobaczyć w przeglądarce, należy plik w notatniku zapisać z rozszerzeniem (nazwa).html lub(nazwa).htm. Do zapisywania nazw nie używamy polskich liter, znaków specjalnych oraz spacji. Ponieważ może to uniemożliwić ich odczytanie.

Tekstu napisanego w powyższym szablonie kolorem czarnym nie powinno się zmieniać. Natomiast można (a nawet należy) zmieniać tekst, który został napisany kolorem czerwonym.



Cała treść, która znajduje się pomiędzy wyrazami <HEAD> oraz </HEAD> (w szablonie powyżej) jest nazywana nagłówkiem dokumentu (treść nagłówkowa), natomiast wszystko pomiędzy <BODY> oraz </BODY> stanowi tzw. ciało dokumentu (treść właściwa).

A teraz wyjaśnimy sobie ważniejsze linijki.

  • W miejsce tekstu: Tu wpisz opis zawartości strony, należy wpisać słowny opis, co znajduje się na Twojej stronie internetowej. Z wiadomości tej korzystają wyszukiwarki sieciowe. Tekst który tutaj wpiszesz, pojawi się w wyszukiwarce, po odnalezieniu przez nią Twojej strony. Jeśli nie wpiszesz tutaj nic, wyszukiwarka wyświetli najczęściej kilka pierwszych linijek, które znajdują się na stronie. Ciekawy, ale niezbyt długi, opis może zachęcić internautów do odwiedzenia Twojego serwisu! Każda pojedyncza strona, która znajduje się w serwisie, powinna mieć swój własny opis, przedstawiający jej treść.
  • W miejsce tekstu: Tu wpisz wyrazy kluczowe rozdzielone przecinkami, należy wpisać słowa kluczowe, których można użyć w wyszukiwarce sieciowej, aby została odnaleziona przez nią Twoja strona. Staraj się tutaj wpisać wyrazy, które jak najlepiej oddają zawartość strony. Wyrazy muszą być oddzielone od siebie przecinkami (np.: wyraz1, wyraz2, wyraz3)! Dobrze dobrane słowa kluczowe, pomogą wyszukiwarkom, w odnalezieniu Twojej strony! Każda pojedyncza strona, która znajduje się w Twoim serwisie, powinna mieć swoje własne wyrazy kluczowe.
  • Tekst: Tu wpisz swoje imię i nazwisko, jest informacją o autorze strony. Dlatego możesz tu podać swoje imię i nazwisko (choć wcale nie musisz). Jeśli chcesz pozostać anonimowy, wykasuj całą tą linijkę.
    W opisie zawartości strony, wyrazach kluczowych oraz autorze strony nie należy używać znaków cudzysłowu. Jeśli musimy to zrobić, należy zamiast nich wpisywać: &quot;
  • Pomiędzy wyrazami <TITLE> oraz </TITLE> (w miejsce czerwonego tekstu: Tu wpisz tytuł strony) należy wpisać tytuł, jaki będzie nosiła Twoja strona. Może on być dowolny, zaleca się jednak, aby nie był zbyt długi (najwyżej kilka wyrazów). Powinien on również odnosić się w jakiś sposób do treści zawartych na danej stronie. Tytuł pojawia się na belce tytułowej przeglądarki internetowej (na samej górze okna programu), a także w wyszukiwarkach sieciowych, po odnalezieniu Twojej strony - dlatego właśnie nie może on być zbyt długi. Trafny tytuł może również zachęcić internautów do obejrzenia Twojej strony!
  • I najważniejsze - w miejsce tekstu: Tu wpisuje się treść strony (pomiędzy wyrazami <BODY> oraz </BODY>) należy wpisać właściwą zawartość strony. Może to być po prostu zwykły tekst, który ma się pojawić na stronie. Są to również tzw. znaczniki sterujące wyglądem dokumentu, (które zostaną opisane dalej).




 

Brak komentarzy:

Prześlij komentarz