Tworzenie strony internetowej krok po kroku. Autorzy: Jakub Buchliński, Bartek Jagielski, Oskar Gołąbek.
Spis treści. Programy pomagające w tworzeniu strony internetowej w html. Stony internetowe pomagające nauczenia się języka html. Wytłumaczenie skrótu. Początek tworzenia strony. Zmienianie koloru tekstu w html. Zmiana koloru tła naszej strony, Obrazek w tle naszej strony. Marginesy. Automatyczne odświeżanie. Tabela.
Programy pomagające w tworzeniu strony internetowej w html. Do tworzenia strony internetowej możemy używać programów tj. Notatnik. Jednak nie zawsze można wykorzystać w nim wszystki opcje które są możliwe do tworzenia strony. Dobodny program, który umożliwia nam nowe możliwości lepsze niż notatnik jest nim: “Komodo Edit”. Oto opis programy na ze strony www.dobreprogramy.pl : “Najnowsze wersje programów firmy ActiveState są zbudowane w oparciu o silnik Mozilli - ten sam, który jest używany w przeglądarce internetowej Mozilla Firefox. Komodo Edit jest prostym w obsłudze edytorem, posiadającym wsparcie dla kolorowania składni popularnych języków skryptowych takich jak PHP, Python, Ruby, Perl czy Tcl oraz języków JavaScript, styli CSS oraz dokumentów HTML. Program oferuje możliwość podglądu stworzonych dokumentów w przeglądarce internetowej.” Na jego temat jest dużo dobrych opini lecz jego jedynym minusem jest brak języka polskiego. c
Stony internetowe pomagające nauczenia się języka html. W internecie można znaleźć dużo stron, które nauczą nas języka html za darmo są to strony tj. http://www.kurshtml.edu.pl/ http://webmaster.helion.pl/ http://www.poradnik-webmastera.com/kursy/html/ Na stonach nie trzeba się rejstrować, aby się nauczyć w jaki sposób używać tego języka i jakie są jego podstawy.
Wytłumaczenie skrótu. Znaczniki <body>...</body> oraz <meta /> określają pewne informacje na temat strony jako całości. Polecenie BODY powinno wchodzić w skład każdego dokumentu HTML. Stanowi ono właściwą treść, czyli tzw. ciało, w którym zawierają się wszystkie inne znaczniki, dotyczące formatowania, a także zwykły tekst. Podając dodatkowe atrybuty dla znacznika BODY, można określić niektóre cechy wyglądu całej strony, takie jak kolor tła oraz tekstu lub szerokość marginesów. W jednym dokumencie może się znajdować tylko jeden znacznik <body> - zaraz po nagłówku strony (<head>...</head>).
Początek tworzenia strony. Na początku będziemy potrzebwoali szkieletu strony, który wygląda tak: <html> <head> <title>Tutaj nazwa strony</title> </head> <body> </body> </html>
Zmienianie koloru tekstu w html. Aby na naszej stronie tekst miał jakiś kolor wpisujemy kod: <body text="kolor">tutaj tekst</body> Lista kolorów dostępne są w internecie na stonach tj. http://www.kurshtml.edu.pl/html/wykaz_kolorow,kol ory.html
Zmiana koloru tła naszej strony. Nasza strona musi wyglądać ładnie i estetycznie dlatego mamy możliwość zmiany koloru tła kodem: <body bgcolor="kolor">...</body>
Obrazek w tle naszej strony. Jeżeli jednak nie chcemy mieć jakiegoś koloru na naszej stronie, lecz wolimy zdjęcie używamy kodu: <body background="ścieżka dostępu do obrazka“*>...</body> Lub <body background="ścieżka dostępu do obrazka" bgproperties="fixed">...</body> *ścieżka dostępu do obrazka oznacza miejsce zapisanie go na dysku czyli np. C:/…..
Marginesy. Na naszej stronie mogą występować marginesy aby je ustawić należy użyć kodu: <body leftmargin="x1" rightmargin="x2" topmargin="y1" bottommargin="y2">...</body> x1 Szerokość lewego marginesu x2 Szerokość prawego marginesu y1 Wysokość górnego marginesu y2 Wysokość dolnego marginesu
Automatyczne odświeżanie. Nasza strona może mieć różne zawartości tj. wyniki sportowe itp. I chce żeby co jakis czas się odświeżała należy wpisać kod: <meta http-equiv="Refresh" content="s" /> Gdzie jako "s" należy podać liczbę, określającą co jaki przedział czasu (w sekundach) będzie odświeżana strona, czyli ponownie wczytywana.
Tabela. Jeżeli chcemy przedstawić na naszej stronie pewne rzeczy w tabeli należy wstawić następujący kod: <table>...</table> <table> <tr> <td>komórka1</td> <td>komórka2</td> </tr> <tr> <td>komórka3</td> <td>komórka4</td> </tr> </table> Spis treści.