Od 1993 roku zaczęło się coś, co całkowicie zmieniło sposób naszego codziennego życia, i wtedy właśnie została uruchomiona przeglądarka Mosaic, dająca początek temu, co znamy dzisiaj jako strony internetowe. Dlaczego mówimy, że to zmienia nasze życie, jest proste, ponieważ dziś znajdujemy ponad 1100 milionów stron internetowych z wszelkiego rodzaju informacjami, projektami, strukturami, językami i nie tylko.
Oczywiście istnieją profesjonalne, średniozaawansowane i inne amatorskie strony internetowe, ale wszystkie mają na celu dostarczenie pewnego rodzaju informacji osobom, które je odwiedzają. Dlatego jeśli już dziś chcesz wiedzieć, jak stworzyć stronę internetową, Solvetic w prosty sposób wyjaśni, jak to zrobić, używając Notatnika i HTML jako języka programowania.
HTML (HyperText Markup Language) to język programowania, który umożliwia dynamiczne tworzenie stron internetowych z doskonałymi funkcjami edycji.
1. Jak stworzyć stronę internetową w Notatniku
Krok 1
Aby uzyskać dostęp do notatnika, możemy skorzystać z dowolnej z następujących opcji:
- Użyj klawiszy Windows + R i wykonaj polecenie „Notatnik”
- Użyj Cortany lub pola wyszukiwania systemu Windows 10.
Krok 2
Po otwarciu notatnika przechodzimy do menu Plik i tam wybieramy „Zapisz jako” lub możemy użyć klawiszy Ctrl + Shift + S:
Ctrl + Shift + S
Krok 3
Klikając tam przechodzimy do ścieżki, w której ma zostać zapisany i domyślnie zobaczymy:
Krok 4
Będąc notatnikiem widzimy, że domyślną wartością jest .txt, aby to edytować, wyświetlamy opcje w polu Typ i wybieramy „Wszystkie pliki”. Przypisujemy nazwę pliku z rozszerzeniem .html:
Kliknij „Zapisz”, aby zastosować zmiany.
2. Zobacz strukturę strony
Krok 1
Gdy już zapiszemy plik z rozszerzeniem .hmtl, czas przystąpić do jego edycji poprzez dodanie tagu języka HTML dla strony internetowej. W tym celu wpisujemy:
Krok 2
Teraz dodamy tagi nagłówka lub „nagłówki”, celem tych tagów jest oznaczenie początku i końca tytułu tworzonej strony. W tym celu napiszemy po etykiecie „”, naciśnij dwukrotnie klawisz Enter, aby zostawić spację, a następnie napisz ponownie:
Krok 3
Następnym krokiem będzie dodanie tytułu strony internetowej, ten tytuł będzie umieszczony pomiędzy tagami „” i przejdzie pod tagami „head” w następujący sposób. Przypisany tytuł będzie tym, który zobaczymy w zakładce przeglądarki.
Krok 4
Nadszedł czas, aby dodać tagi „body”, które przechodzą pod tagiem, a funkcją body jest umożliwienie kodu strony internetowej, aby przechodził między tymi tagami i był widoczny dla użytkownika:
Krok 5
Następnym krokiem będzie zamknięcie znacznika języka HTML, jest to ostatni znacznik w pliku i jest to znacznik HTML wskazujący koniec strony. W tym celu napiszemy pod znacznikiem „”, aby zamknąć znacznik HTML:
Zmiany zapisujemy za pomocą klawiszy Ctrl + G lub z menu Plik / Zapisz.
Krok 6
Nadszedł czas, aby dodać elementy do strony internetowej w trakcie, wszystkie te elementy muszą znajdować się po tagu „” i przed tagiem „”, aby były widoczne.
Pierwszym elementem do dodania będzie główny nagłówek strony internetowej, w tym celu wpisujemy między znacznikami „” i wprowadzamy żądany tekst między:
W tym języku HTML możemy używać tagów "" do ""w celu stworzenia tekstu nagłówka o mniejszych wymiarach.
Krok 7
Następnie dodamy akapity do strony internetowej, tagi akapitów to „” i między nimi wprowadzimy tekst witryny:
Solvetic Internet, miejsce spotkań profesjonalistów i miłośników technologii
POWIĘKSZAĆ
Krok 8
Aby dodać podział akapitu na stronie, musimy wpisać
po tagu zamykającym linię, którą dodaliśmy, na przykład:
Solvetic Internet, miejsce spotkań profesjonalistów i miłośników technologii
nSpołeczność, która zaskoczy Cię i pomoże niejednokrotnie
POWIĘKSZAĆ
NotatkaMożemy dodać tag "
Dodatkowe „aby utworzyć spację między pierwszym akapitem a drugim.
Krok 9
Teraz nadszedł czas, aby sformatować wpisany tekst np. pogrubienie, kursywa, indeks górny, indeks dolny lub podkreślenie, dostępne etykiety będą:
Pogrubiony tekst Tekst kursywą Podkreślony tekst Tekst w indeksie górnym Tekst indeksu dolnego
POWIĘKSZAĆ
3. Jak sprawdzić poprawność strony internetowej
Krok 1
Aby sprawdzić, czy wszystko działa zgodnie z oczekiwaniami, przechodzimy do ścieżki, w której plik HTML został zapisany, klikamy go prawym przyciskiem myszy i wybieramy Otwórz za pomocą i wybieramy żądaną przeglądarkę:
Krok 2
Klikając tam zobaczymy strukturę, którą stworzyliśmy:
POWIĘKSZAĆ
Tak łatwo nauczyłeś się tworzyć stronę internetową w Notatniku za pomocą Solvetic, a tym samym być w stanie stworzyć podstawową stronę internetową dla wielu zadań, których możesz potrzebować.