Podstawy tworzenia stron WWW w jzyku HTML

Koo Naukowe Elektroniki Przemysowej - KNEPWykonali:Mariusz Zawistowicz i Karol Witowski

Tworzc strony www w jzyku HTML mona skorzysta z programw znacznie uatwiajcych ich konstruowanie.Skorzystamy z freewareowego programu EdHTML v2.7 i na jego podstawie postaramy si wyjani podstawowe zasady tworzenia stron www.Program EdHTML mona bezpatnie cign z internetu!np. ze strony: http://www.pcworld.pl/ftp/pc/programy/0971.htmlPoprzedni slajd

Pierwsze kroki Zarys Strony i podstawowe ustawienia...Wczenie trybu tworzenia w jzyku HTMLSzybkie tworzenie dokumentu HTMLPrzykadowe wypenienie okien konfiguracyjnychPoprzedni slajd

Wygld dokumentu po wprowadzeniu podstawowych danych Sekcja w ktrej znajduje si wikszo wprowadzonych przed chwilinformacji np. autor strony,jego e-mail,tytu strony, kodowanie, sowa kluczowe(uatwiaj innym odnalezienie w inetrnecie stron o poszukiwanej tematyce), itp..Wikszo z tych informacji nie jest jednak wymagana do prawidowego dziaania Strony www. Sekcja w ktrej znajduje siWaciwa tre (ciao) dokumentu.W dalszej czci prezentacji zajmiemysi dokadniej t sekcja.Poprzedni slajd

Sekcja - kolor tla, wstawianie rysunku...Najprociej jest uy skrtu na pasku powodujcego wczenie generatora Sekcji BODY Ustawienie koloru ta lub uycie dowolnego rysunku jako ta.Jeli jako to ustawiony zostakonkretny plik graficzny w sekcji BODY zostanie umieszczonydo niego pena cieka.Poprzedni slajd

Sekcja BODY wstawianie tekstu do dokumentuW menu HTML wybieramy pod-menu tekst ,a nastpnie dowolny typ tekstu.dla przykadu wybrana zostaa czcionka pogrubiona,powikszona i wyrniona.Mona j rwnie dowolniewyrwna w pod-menu wyrwnywanieCzcionkapogrubionaCzcionka powikszonaCzcionka wyrnionaCzcionka wyrwnana dorodkaKady rozpoczty znacznik nie tylko w przypadku tekstu naley zakoczy odpowiednim znacznikiem np. Czcionka pogrubiona powinna by zakoczona lub czcionka powikszona zakoczona jest znacznikiem .Zauwamy e caa sekcja BODY rozpoczta znacznikiem zakoczona jest odpowiednio przez !!!Poprzedni slajd

Po tych kilku krokach strona wyglda nastpujco...Poprzedni slajd

Sekcja BODY wstawianie poziomej lini , rysunku i hipercza.W menu HTML wybieramy pod-menuhipercza, rysunku lub poziomej linii.w sekcji body pojawiaj nam si odpowiedniepolecenia ktre naley jeszcze uzupeni.np. tak jak ponijPolecenie wstawiajce Poziom linie do dokumentu.Wewntrz okrelony Zosta dodatkowo jeszcze kolor liniiPolecenie powodujce przejcie do nastpnego akapituPolecenie

powoduje wycentrowaniewszystkich elementw znajdujcych si w ramach polecenia

Polecenie Powoduje umieszczenie na stronie odnonika w podanym przykadnie o nazwie KNEPdo podanej strony internetowej.jak wida w tym przypadku jest to strona Koa Naukowego.Odnonikiem niekoniecznie musi by storna www moe by to dowolna grafika, plik Tekstowy itp..

Polecenie powodujce wstawienieKonkretnej grafiki wprost do dokumentu.Polecenia wewntrzne width i height jak Sama ich nazwa mwi okrel wielko obrazka.Poprzedni slajd

Wygld strony po kolejnych krokach...Wpisany tekstPozioma liniaOdnonik do strony Koa NaukowegoWstawiona grafika W ten oto sposb stworzona zostaa przez nas najprostsza strona WWW ktr mona oczywicie urozmaica i wzbogaca zgodnie z nasz fantazj .Mona doda np. tabel, wypunktowane listy, odsyacze do innych stron iwiele wiele innych urozmaice ktre skusz innych internautw do obejrzenia naszej strony.

Dzikujemy za cierpliwe dotrwanie do koca. Mamy nadziej, e sposb prezentacji bystosunkowo klarowny i nie sprawi wikszych kopotw !

(Za niedocignicia w niniejszej prezentacji przepraszamy.Wszelkie uwagi prosz kierowa na e-maile autorw.)

Poprzedni slajd