Każdy z nas trafia do sieci jak w kosmos - najpierw chcemy zobaczyć "jak to jest?", potem chcemy jak najwięcej sprawdzić wszystkiego, co tam jest, a potem jest chęć pozostawienia tam czegoś własnego - nie po prostu „graffiti na ścianach”, ale coś bardziej treściwego. Możesz zacząć od stworzenia prostej strony internetowej – oto przewodnik krok po kroku.
Czy to jest to konieczne
Edytor tekstu
Instrukcje
Krok 1
Wszystko, co odwiedzający witrynę widzi na stronie internetowej, jest odtwarzane przez przeglądarkę na podstawie instrukcji wysyłanych przez serwer na jego żądanie. Te instrukcje są napisane w języku HTML (HyperText Markup Language), a rozszerzenia htm i html są podświetlone dla plików, w których są przechowywane. Taki plik możesz stworzyć w zwykłym edytorze tekstu - będzie to pierwszy krok w tworzeniu strony internetowej. Otwórz na przykład standardowy Notatnik i utwórz pusty plik o nazwie index.html. Kiedy wpisujesz adres strony internetowej bez określenia konkretnej strony (na przykład pierwszą rzeczą, której szuka serwer, jest strona o dokładnie takiej nazwie - indeksie.
Krok 2
Instrukcje HTML nazywane są "tagami" i każda z nich jest ujęta w takich nawiasach -. Niektóre tagi są sparowane, to znaczy składają się z tagów otwierających i zamykających, a pomiędzy nimi umieszczane są informacje. Na przykład poniższy tag, który informuje przeglądarkę, że kod jest w HTML, jest napisany w następujący sposób: Znacznik zamykający, który mówi, że kod HTML jest w tym momencie gotowy, jest pisany w następujący sposób: Jak widać, tag zamykający różni się od tagu otwierającego poprzez obecność ukośnika po nawiasie otwierającym (</).
Krok 3
Cały kod, który umieścisz między tagami i, powinien być podzielony na dwie części - nagłówek i treść dokumentu. Tagi otwierające i zamykające części tytułowej są napisane w następujący sposób: Jest to część „serwisowa” strony - tutaj umieszczane są informacje dotyczące tytułu okna, słów kluczowych i opisów robotów wyszukujących, opisów stylów, skryptów itp. Wpisz do niego tytuł okna strony: To jest tytuł! Pełny tekst Twojej strony html w tym momencie powinien wyglądać tak:
To jest nagłówek!
Krok 4
Po części nagłówkowej należy umieścić znaczniki, pomiędzy którymi zostaną umieszczone instrukcje treści dokumentu: Wstaw między nimi, na przykład znacznik, który wyświetla akapit tekstu na stronie:
Tutaj jest cały akapit informacji!
Nie wszystkie tagi HTML są sparowane. W przypadku niektórych z nich wszystko, czego potrzebujesz, znajduje się w tagu otwierającym. Te tagi mają zamykający ukośnik przed zamykającym nawiasem. Na przykład znacznik końca wiersza i „powrót karetki”
:
Pierwszy wiersz akapitu.
Drugi wiersz akapitu.
Wszystko to wystarczy, aby przeglądarka normalnie wyświetlała Twoją stronę. Cały złożony kod HTML powinien wyglądać tak:
To jest nagłówek!
Pierwszy wiersz akapitu.
Drugi wiersz akapitu.
Na tym kończy się tworzenie prostej strony - po zapisaniu dokumentu (index.html) możesz go otworzyć w przeglądarce i zobaczyć swoją stronę.
