Pobierz prezentację
Pobieranie prezentacji. Proszę czekać
1
Moja pierwsza strona internetowa Created by Marta Guba
2
„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ą.
3
Notatnik Do pracy będziemy potrzebować kilku rzeczy: Notatnika
Wyszukiwarki internetowej Klawiatury i . . . WYOBRAŹNI
4
Początek Otwieramy „Notatnik” będzie to podstawowe narzędzie naszej pracy
5
Zapis Zawsze zaczynajmy od zapisu : Plik Zapisz jako
Po nazwie pliku wstawiamy .html „nazwa pliku” .html Zmieniamy typ na „Wszystkie pliki” Następnie zapisujemy
7
Kolejne kroki Każda strona internetowa zaczyna się komendą <html> jest to tak jakby poczatek naszej strony .
8
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>
9
Sprawdzenie Kiedy zapiszemy naszą strone w takiej formie można ją już otworzyć poprzez przeglądarki internetowe.
10
Lecimy dalej Zacznijmy wiec ją zapełniać!!!!
Jak widać nasza strona na razie jest tylko czystą kartką papieru. Zacznijmy wiec ją zapełniać!!!!
11
Nagłówek strony Nagłowek strony tworzymy poprzez komende <title> ”nazwa nagłówka”</title>, Którą umieszczamy w komendzie <head></head>
12
Nagłówek strony A oto efekt :
13
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ć.
14
Tekst Między <body></body>, wpisujemy dowolny tekst który ma się ukazać na naszej stronie np.
15
Ato efekt :
16
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
17
Oto efekt:
18
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
19
Efekt:
20
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 nazwa obrazka i rozszerzenie></href> - width oraz height to wielkośc i długość obrazka
21
Pamiętajmy że obrazek musi się znajdować w tym samym folderze gdzie nasza strona :
22
Oto efekt:
23
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
25
Efekt:
26
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
Podobne prezentacje
