e r T i H M r e n L T n

Wielkość: px

Rozpocząć pokaz od strony:

Download "e r T i H M r e n L T n"

Przybysław Małek
8 lat temu
Przeglądów:

1 s e r T t w o i H M r e o T n w z n L

2 Podstawy 1. Nawigacja na stronie jest niezwykle istotna, powinna być możliwie jak najprostsza. Pamiętajmy, że im mniej kroków do celu tym lepiej. 2. Projekt graficzny strony www powinien być atrakcyjny, ale jednocześnie dostosowany do prezentowanej treści. Pamiętaj, że grafika służy treści (przynajmniej zazwyczaj). 3. Pozycjonowanie witryny bez odpowiedniej optymalizacji i pozycjonowania nawet najlepsza strona www nigdy na dobre nie zaistnieje w sieci. Weź to pod uwagę. 4. Promocja strony pamiętaj o reklamie w zależności od wielkości projektu warto pomyśleć o: mailingu, reklamie outdoorowej, reklamie w internecie itp. pokaż, że strona żyje i ma się dobrze. 5. Kontakt no bo przecież trzeba dać odwiedzającym możliwość kontaktowania się znami.

Pozycjonowanie witryny bez odpowiedniej optymalizacji i pozycjonowania nawet najlepsza strona www nigdy na dobre nie zaistnieje w sieci. Weź to pod uwagę. 4.

3 Jak zrobić prostą stronę 1. Ponieważ dokument html (*.html) jest zwykłym plikiem tekstowym zawierającym polecenia do tworzenia strony WWW wystarczy nam windowsowy notatnik. Jednak do tworzenia stron lepiej używać jakiś specjalnych edytorów tekstów, np.: Edytora Znaczników HTML (edhtml), ponieważ np.. zmienia kolor czcionki poprawnie wpisaniego polecenia. 2. Musimy znać polecenia w HTML (albo chociaż mieć je gdzieś wypisane). 3. Jako pierwsze polecenie musimy wpisać <HTML> </HTML>.To jest podstawa całej strony. Przykład z naszej strony

Jednak do tworzenia stron lepiej używać jakiś specjalnych edytorów tekstów, np.: Edytora Znaczników HTML (edhtml), ponieważ np.

4 Jak zrobić prostą stronę 4. Jako drugie polecenie musimy wpisać <HEAD> </HEAD>, a w nim wpisać polecenie <TITLE> </TITLE>. W tym poleceniu umieszczamy nazwę strony. Będzie ona widoczna w tym miejscu. 5. Pod poleceniem head wpisujemy <BODY> </BODY>. W tym poleceniu będziemy umieszczać polecenia tworzące całą naszą stronę. Przykład z naszej strony

</TITLE>. W tym poleceniu umieszczamy nazwę strony. Będzie ona widoczna w tym miejscu.

5 Jak zrobić prostą stronę 6. W poleceniu body wpisujemy polecenie <h1> </h1>. Jest to inny rodzaj tytułu, który będzie widoczy w tym miejscu. Tutuł jednak będzie znajdował się po lewej, więc żeby znajdował się na środku wpisujemy polecenie <center> </center>. Efekt polecenia h1 i center Przykład z naszej strony

Tutuł jednak będzie znajdował się po lewej, więc żeby znajdował się na środku

6 Jak zrobić prostą strone 7. <H2> </H2> to też jest tytuł tylko mniejszego stopnia (h1 - tytuł pierwszego stopnia, h2 tytuł drugiego stopnia, itd.). Wpisujemy to polecenie i umieszczamy w tym poleceniu spis treści. 8. Polecenia w ramce to odnośniki, które przekierowywują do innych stron. Oto jak napisać takie polecenie: <LI><A HREF=nazwa strony w folderze napisana w cudzysłowie, np.: grafika.html >nazwa widoczna na stronie, np. zdjęcia</a>. Ważne też jest żeby to polecenie znajdowało się w poleceniu <UL> </UL>. To polecenie można wpisać do strony, ale nie trzeba. Przykład z naszej strony

Oto jak napisać takie polecenie: <LI><A HREF=nazwa strony w folderze napisana w cudzysłowie, np.: grafika.html >nazwa widoczna na stronie, np.

7 Przykładowe Jak zrobić prostą tło, strone jakiego 9. Na koniec można dodać jakieś tło. Do tego służy polecenie <body background= nazwa obraska w folderze w cudzysłowie, np.: IIIc.jpg ><body>. Wygląd tła zależy tylko od użytego obraska. Przykład z naszej strony my użyliśmy (wystarczy raz wpisać polecenie do uzyskania takiego efektu)

Do tego służy polecenie <body background= nazwa obraska w folderze w cudzysłowie,

8 Polecenia w HTML <body> - ciało dokumentu <button> - przycisk <center> - środkowanie <frame> - ramka <frameset> - układ ramek <head> - nagłówek dokumentu <iframe> - pływająca ramka <img> - ilustracja <noframes> - alternatywa ramek <noscript> - alternatywa skryptu <object> - obiekt multimedialny <small> - zmniejszenie czcionki <span> - blok liniowy <strike> - czcionka przekreślona <strong> - silne wyróżnienie czcionki <style> - styl <sub> - indeks dolny czcionki <sup> - indeks górny czcionki <table> - tabela <tbody> - ciało tabeli <td> - komórka tabeli <textarea> - pole tekstowe formularza <tfoot> - stopka tabeli <th> - nagłówek kolumny tabeli <title> - tytuł dokumentu <tt> - czcionka "maszynowa" <u> - podkreślenie czcionki

czcionka przekreślona <strong> - silne wyróżnienie czcionki <style> - styl <sub> - indeks dolny czcionki <sup> - indeks górny czcionki <table> - tabela <tbody> - ciało tabeli <td> -

9 Publikacja strony Publikowaniem stron internetowych firm i osób prywatnych w sieci zajmują się tak zwane firmy hostingowe, które w swoich serwerowniach na setkach, a czasami tysiącach serwerów przechowują i udostępniają innym użytkownikom internetu dane wielu tysięcy stron internetowych. Serwery takie dysponują superwydajnymi łączami internetowymi, które muszą obsłużyć olbrzymi transfer danych. Dzięki temu strony otwierają się szybciej w komputerach odwiedzających je internautów. Gdyby nie było firm hostingowych, każdy właściciel strony internetowej przez 24 godziny na dobę musiałby mieć włączony swój własny serwer. Oferta firm hostingowych nie ogranicza się tylko do publikowania strony internetowej, z miejscem na serwerze na ogół dostaniemy również adres internetowy.

Serwery takie dysponują superwydajnymi łączami internetowymi, które muszą obsłużyć olbrzymi transfer danych. Dzięki temu strony otwierają się szybciej w komputerach odwiedzających je internautów.

10 OBRAZ URZYTY JAKO TŁO PRZYKŁAD

11 THE END Projekt stworzyli: Mateusz Jarliński Mateusz Rutkiewicz Stronę klasową stworzył: Mateusz Rutkiewicz

Podobne dokumenty

HTML (HyperText Markup Language) hipertekstowy język znaczników

HTML (HyperText Markup Language) hipertekstowy język znaczników Struktura dokumentu tytuł strony