Jak zrobić stronę internetową HTML – poradnik krok po kroku
17 Czerwca 2022
Odsłuchaj tekst
Nie brakuje osób, które zastanawiają się nad tym, jak zrobić prostą stronę internetową w HTML samodzielnie, bez dodatkowego wsparcia w postaci systemów CMS, jak WordPress czy Drupal lub Joomla. Czy taki samodzielnie stworzony serwis może być użyteczny, funkcjonalny i – co najważniejsze – zgodny z wytycznymi, jakie na twórców stron narzuca W3C czy Google? Sprawdźmy!
Jak zrobić stronę internetową HTML, czyli od czego zacząć?
Tworzenie strony HTML krok po kroku nie jest zbyt trudnym zadaniem, jednak będzie wymagać od użytkownika pewnej praktyki. Tutaj, w przeciwieństwie do autoinstalatorów, musimy dysponować już określoną wiedzą techniczną. Wymagana będzie nie tylko znajomość podstawowych zasad HTML, CSS, ale i zasad nadawania uprawnień CHMOD do poszczególnych folderów znajdujących się na naszym hostingu.
Zanim zaczniesz zastanawiać się nad tym, jak przygotować swój pierwszy szablon strony HTML w notatniku, upewnij się, że dysponujesz:
- domeną
- hostingiem,
- wybraną aplikacją FTP służącą do przenoszenia plików na serwer, np. FileZilla.
Tworzenie strony HTML zwykle zaczyna się w dokładnie ten sam sposób: na początku musimy stworzyć folder z nazwą naszego projektu. Można nazwać go np. "Moja witryna w HTML". Kolejnym krokiem będzie utworzenie dwóch plików znajdujących się w tym właśnie folderze:
- style.css – to z jego poziomu będziemy mogli zmieniać np. kolory na stronie, czy szerokości kolumn,
-
index.html – to nasz plik bazowy, który w pewnym sensie definiuje stronę główną serwisu oraz wszystkie hiperłącza, jakie będą się tam znajdować.
Gdzie można zrobić stronę internetową HTML – popularne edytory tekstu
Nie brakuje osób, które wpisują w wyszukiwarkę takie pytania, jak np.: jak zrobić stronę HTML czy tworzenie strony internetowej HTML w notatniku. Na rynku znajdziemy wiele aplikacji, które pomogą nam w samodzielnym napisaniu swojej pierwszej strony HTML. Można w tym celu skorzystać np. z pakietu Microsoft Word, z wbudowanego w MS Windows Notatnika lub z takich aplikacji, jak Notepad++ lub Notatki (dostępna na urządzeniach Apple).
Najważniejszą kwestią nie jest wybór samego narzędzia, ale zachowanie odpowiedniej struktury kodu HTML. Sam szkielet jest bardzo prosty i może wyglądać następująco:
<!doctype html>
<html lang="pl">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
<title>Moja strona w HTML</title>
</head>
<body>
</body>
</html>
Oczywiście w internecie można znaleźć setki, a może i miliony witryn, których kod HTML jest o wiele bardziej rozbudowany. Nic nie stoi na przeszkodzie, by do wykorzystywanych atrybutów dodać np. rozbudowaną sekcję nagłówków czy formularz kontaktowy, który będzie widoczny w dolnej prawej sekcji serwisu. Ogranicza nas tutaj tylko i wyłącznie nasza wiedza, która przełoży się na to, jak zaawansowany technologicznie kod HTML będziemy w stanie wygenerować.
Warto zwrócić też uwagę na to, że z działaniem naszej strony możemy zapoznać się offline. Wystarczy, że wybierzemy przeglądarkę – np. Firefoxa lub Chrome – i uruchomimy serwis na naszym komputerze PC, gdzie znajduje się cały projekt strony. To także świetna okazja, by poszukać błędów, które mogłyby zaważyć na tym, że serwis nie będzie działał poprawnie. Pamiętajmy, by zawsze dokładnie sprawdzić ścieżkę linka oraz by umieścić na serwerze wszystkie pliki, do których odwołujemy się w kodzie strony, np. obrazy lub logo naszej firmy.
Co jest potrzebne do stworzenia strony internetowej w HTML?
Na szczęście, aby zrobić stronę internetową w HTML, nie musimy korzystać z dedykowanego oprogramowania. W pełni wystarczy nam Notatnik lub Word. Owszem, na rynku można znaleźć wyspecjalizowane oprogramowanie, które daje użytkownikowi np. tryb podglądu dokumentu, jednak – jak wspominaliśmy już wcześniej – w tej roli z powodzeniem sprawdzi się też zwykła przeglądarka internetowa.
Atutem takiego wyspecjalizowanego oprogramowania, które jest w pełni zgodne z HTML5 może być np. tryb podświetlania błędów. Załóżmy, że w pliku omyłkowo nie domknęliśmy sekcji <body>. Narzędzie powinno zauważyć takie przeoczenie, co na etapie tworzenia kodu i sprawdzania jego poprawności, powinno zaoszczędzić nam sporo czasu.
Czego należy unikać podczas tworzenia strony internetowej w HTML?
Jak zrobić stronę internetową w notatniku, która będzie łatwa w obsłudze dla użytkowników? Istnieje kilka ważnych zasad, których warto się trzymać. Przede wszystkim trzeba pamiętać o tym, by menu nawigacyjne było możliwie jak najprostsze w obsłudze, minimalistyczne.
Kolejna ważna kwestia to zgodność z regułą Mobile First. Serwis powinien być skalowalny, czyli musi wyświetlać się we właściwy sposób zarówno ze smartfonów i tabletów, jak i komputerów PC i laptopów.
Warto pamiętać też o tym, by treści widoczne w serwisie były czytelne oraz doskonale widoczne. Nie należy łączyć ze sobą np. szarych czcionek oraz szarego tła. W ten sposób utrudniamy czytelnikowi lekturę, a więc i zwiększamy szanse na to, że ten się zniechęci i nie wejdzie więcej na naszą stronę.
Pamiętajmy też o dokładnym sprawdzeniu całego kodu strony oraz plików z nim powiązanych, w tym grafik oraz style.css. Muszą one tworzyć spójną, jednolitą całość, gdzie nie wkradnie się ani jeden błąd. Przed udostępnieniem strony online, sprawdźmy też uprawnienia CHMOD na serwerze, by mieć pewność, że wszyscy użytkownicy mają dostęp dokładnie do tych sekcji strony, które dla nich przewidzieliśmy.
Wybierz InPost Abonamenty dla firm i wysyłaj paczki w stałej cenie
Poświęć 1 minutę, zostaw kontakt do siebie i zacznij nadawać paczki już od 11,89 zł*.
- Jedna umowa na przesyłki kurierskie i nadawane przez Paczkomat
- Darmowe podjazdy kurierskie
- Ekspresowa dostawa
- Gwarancja ceny przez okres trwania umowy
- Opłata paliwowa wliczona w cenę
- Dedykowana opieka posprzedażowa
* Cena netto za przesyłkę przez Paczkomat w ofercie Abonament 600.
Czytaj również
