Notatnik systemu Windows to podstawowy program do edycji tekstu, którego można używać do pisania stron internetowych. Strony internetowe to tylko tekst, a do pisania HTML można użyć dowolnego edytora tekstu. Ten samouczek przeprowadzi Cię przez ten proces.
01 z 07Umieść swoje pliki w nowym folderze
Aby utworzyć nową witrynę w Notatniku, najpierw utwórz oddzielny folder do jej przechowywania. Zazwyczaj strony internetowe są przechowywane w folderze o nazwie HTML w folderze Moje dokumenty, ale można je przechowywać w dowolnym miejscu.
- OtworzyćMoje dokumenty okno.
- Kliknij Plik > Nowy > Teczka.
- Nazwij folder moja strona internetowa.
Ważna uwaga: Nazwij foldery sieciowe i pliki, używając wszystkich małych liter i bez spacji ani znaków interpunkcyjnych. Podczas gdy system Windows pozwala używać spacji, wielu dostawców usług hostingu nie ma takich uprawnień, a zaoszczędzisz sobie trochę czasu i kłopotów, jeśli od początku nazwiesz pliki i foldery.
Zapisz stronę jako HTML
Podobnie jak w przypadku nazwy katalogu, podczas zapisywania strony należy używać wszystkich małych liter i żadnych spacji ani znaków specjalnych w nazwie pliku.
- W Notatniku kliknij Plik i wtedy Zapisz jako.
- Przejdź do folderu, w którym zapisujesz pliki swojej witryny.
- Zmienić Zapisz jako typ rozwijane menu do Wszystkie pliki (*.*).
- Nazwij plik. Ten samouczek używa nazwy pets_pl.htm.
03 z 07
Zacznij pisać stronę internetową
Pierwszą rzeczą, którą należy wpisać w dokumencie Notatnika HTML5, jest DOCTYPE. To mówi przeglądarce, jakiego typu HTML oczekiwać.
Deklaracja typu doctype nie jest tagiem. Informuje komputer, że nadchodzi dokument HTML5. Znajduje się na górze każdej strony HTML5 i przyjmuje tę postać:
Po uzyskaniu DOCTYPE możesz uruchomić swój HTML. Wpisz zarówno początkowy, jak i końcowy znacznik i zostaw trochę miejsca na treść treści strony. Twój dokument Notepad powinien wyglądać tak:
Stwórz szefa swojej strony internetowej
Szef dokumentu HTML jest tam, gdzie przechowywane są podstawowe informacje o twojej stronie internetowej - takie jak tytuł strony i ewentualnie metatagi optymalizacji pod kątem wyszukiwarek. Aby utworzyć nagłówek, dodaj znaczniki head w dokumencie tekstowym Notepad HTML między znacznikami html.
Podobnie jak w przypadku znaczników html, pozostaw trochę wolnego miejsca, aby mieć miejsce na dodanie informacji o główce.
05 z 07Dodaj tytuł strony w sekcji głównej
Tytuł Twojej strony internetowej to tekst wyświetlany w oknie przeglądarki. To także jest zapisane w zakładkach i ulubionych, gdy ktoś zapisuje twoją stronę. Przechowuj tekst tytułowy między tagami tytułu. Nie pojawi się na samej stronie internetowej, tylko u góry przeglądarki.
Ta strona przykładowa nosi tytuł "McKinley, Shasta i inne zwierzęta domowe".
Nie ma znaczenia, jak długi jest twój tytuł lub czy obejmuje on wiele linii w kodzie HTML, ale krótsze tytuły są łatwiejsze do odczytania, a niektóre przeglądarki odciąły długie w oknie przeglądarki.
06 07Główny korpus Twojej strony internetowej
Treść strony internetowej jest przechowywana w tagach treści. Powinien pochodzić po tagach head, ale przed końcowym znacznikiem html. Tutaj umieszczasz tekst, nagłówki, podtypy, obrazy i grafikę, linki i wszystkie inne treści. Może być tak długo, jak chcesz.
Pozostaw dodatkową przestrzeń między początkowymi i końcowymi znacznikami ciała.
Ten sam format można śledzić, aby zapisać swoją stronę w Notatniku.
07 z 07Tworzenie folderu ze zdjęciami
Zanim dodasz treść do treści dokumentu HTML, musisz skonfigurować katalogi, aby mieć folder do obrazów.
- Otworzyć Moje dokumenty okno.
- Zmień na moja strona internetowa teczka.
- Kliknij Plik > Nowy > Teczka.
- Nazwij folder obrazy.
Zapisz wszystkie obrazy swojej witryny w folderze images, aby móc je później znaleźć. Ułatwia to ich przesyłanie, gdy zajdzie taka potrzeba.