Moja pierwsza strona internetowa Created by Marta Guba

„Na dobry początek” Tworzenie stron internetowych nie jest wcale takie trudne jak może się wydawać. Najważniejsze w tworzeniu stron internetowych jest koncepcja i wyobraźnia bez tego ani rusz. . . Więc zaczynamy krok po kroku sam stworzysz własną stronę internetową.

Notatnik Do pracy będziemy potrzebować kilku rzeczy: l Notatnika l Wyszukiwarki internetowej l Klawiatury i. . . l WYOBRAŹNI

Początek Otwieramy „Notatnik” będzie to podstawowe narzędzie naszej pracy

Zapis Zawsze zaczynajmy od zapisu : l Plik l Zapisz jako l Po nazwie pliku wstawiamy. html „nazwa pliku”. html l Zmieniamy typ na „Wszystkie pliki” l Następnie zapisujemy

Kolejne kroki Każda strona internetowa zaczyna się komendą <html> jest to tak jakby poczatek naszej strony.

Kolejne kroki Skoro coś się zaczęło wypadało by i to zakończyć wiec, każda komenda w języku HTML kończy się tak </html>

Sprawdzenie Kiedy zapiszemy naszą strone w takiej formie można ją już otworzyć poprzez przeglądarki internetowe.

Lecimy dalej Jak widać nasza strona na razie jest tylko czystą kartką papieru. Zacznijmy wiec ją zapełniać!!!!

Nagłówek strony Nagłowek strony tworzymy poprzez komende <title> ”nazwa nagłówka”</title>, Którą umieszczamy w komendzie <head></head>

Nagłówek strony A oto efekt :

Różne Typy Tekstu A teraz zajmijmy się dodawaniem tekstu. Praktycznie wszystko co teraz będziemy robić zawarte będzie w komendzie <body></body>. Będzie to nasze tło lub jak kto woli kartka papieru na której będziemy tworzyć.

Tekst Między <body></body>, wpisujemy dowolny tekst który ma się ukazać na naszej stronie np.

Ato efekt :

Kolory tekstu tła oraz rozmiary liter Możemy nadać także, kolor naszej „kartce”, zmienić rozmiar liter lub ich kolor poprzez wpisywanie odpowiednich komend np. <body bgcolor=„red "> - zmiana tła na czerwony <font color=white>”tekst</font> - tekst koloru białego

Oto efekt:

Zmiana wielkości, pogrubienie, kursywa tekstu <b>Pogrubiony</b> - pogrubiony tekst <p></p> - nowa linijka <i>kursywa</i> - kursywa <big></big> - duże litery <small></small> - małe litery <sub></sub> - indeks dolny <sup></sup> - indeks górny

Efekt:

Dodajemy obrazki Nasza strona internetowa nie może obejść się bez obrazków wiec wstawmy je poprzez komendę: <a href= nazwa obrazka i rozszerzenie ><img width="200" height="150" src= nazwa obrazka i rozszerzenie></href> - width oraz height to wielkośc i długość obrazka

Pamiętajmy że obrazek musi się znajdować w tym samym folderze gdzie nasza strona :

Oto efekt:

Tabelki, obrazki w tabelkach i tekst Wiele stron internetowych składa się z tabelek do których można wstawiać tekst ale również i obrazki. Tabelki składają się z kolumn i wierszy: <table></table> - Tabelka <tr></tr> - kolumny <td></td> - wiersze <table border=1> - grubość linii tabeli

Efekt:

The end Jest jeszcze więcej rzeczy których jednak nie udało mi się pokazać w tej prezentacji. Miłej zabawy w tworzeniu stron Pozdrawiam Marta