Pisanie HTML w Notatniku Microsoft dla Windows

click fraud protection

HTML zapewnia strukturalną podstawę stron internetowych, a każdy projektant stron internetowych będzie musiał rozumieć ten język. Oprogramowanie, którego używasz do kodowania tego języka, zależy jednak od Ciebie. W rzeczywistości. jeśli używasz systemu Windows, nie musisz kupować ani pobierać ani edytor do pisania HTML. Masz doskonale funkcjonalny edytor wbudowany w system operacyjny — Notatnik.

To oprogramowanie ma ograniczenia, ale absolutnie pozwoli ci kodować HTML. Ponieważ Notatnik jest już dołączony do Twojego systemu operacyjnego, nie możesz pobić ceny i możesz od razu zacząć pisać HTML!

Jest tylko kilka kroków, aby tworzenie strony internetowej za pomocą Notatnika:

Otwórz Notatnik: Notatnik jest prawie zawsze znalezione w twoim Akcesoria menu.

Zacznij pisać swój HTML: Pamiętaj, że musisz być bardziej ostrożny niż w edytorze HTML. Nie będziesz miał elementy takie jak uzupełnianie tagów lub walidacja. W tym momencie naprawdę kodujesz od zera, więc żadne błędy, które popełnisz, nie będą tymi, które oprogramowanie może za Ciebie wychwycić.

instagram viewer

Zapisz swój kod HTML do pliku: Notatnik zwykle zapisuje pliki jako .tekst. Ale skoro piszesz HTML, musisz zapisać plik jako .html. Jeśli tego nie zrobisz, wszystko, co będziesz mieć, to plik tekstowy, który zawiera kod HTML.

Jeśli nie będziesz ostrożny w trzecim kroku, otrzymasz plik o nazwie podobnej do nazwapliku.html.txt.

Oto jak tego uniknąć:

  1. Kliknij Plik i wtedy Zapisz jako.

  2. Przejdź do folderu, w którym chcesz zapisać.

  3. Zmień menu rozwijane Zapisz jako typ na Wszystkie pliki (*.*)

  4. Nazwij swój plik. Pamiętaj, aby dołączyć rozszerzenie .html, np. strona główna.html.

Pamiętaj, że HTML nie jest strasznie trudny do nauczenia i tak naprawdę nie musisz kupować żadnego dodatkowego oprogramowania ani innych elementów, aby utworzyć podstawową stronę internetową. Istnieją jednak zalety korzystania z bardziej zaawansowanego oprogramowania do edycji HTML.

Korzystanie z Notatnika++

Prosta aktualizacja do bezpłatnego oprogramowania Notatnik to Notatnik++. To oprogramowanie jest do pobrania za darmo, więc jeśli próbujesz pisać HTML bez kupowania drogiego oprogramowania, Notepad ++ nadal Cię obejmuje.

Podczas gdy Notepad jest bardzo podstawowym pakietem oprogramowania, Notepad ++ ma dodatkowe funkcje, które czynią go doskonałym wyborem do kodowania HTML.

Po pierwsze, gdy zapisujesz stronę z rozszerzeniem pliku .html (informując w ten sposób oprogramowanie, że: rzeczywiście piszesz HTML), oprogramowanie doda numery linii i kodowanie kolorów do tego, kim jesteś pisanie. To znacznie ułatwia pisanie HTML, ponieważ replikuje funkcje, które można znaleźć w droższych programach zorientowanych na projektowanie stron internetowych. Ułatwi to kodowanie nowych stron internetowych. Możesz także otwierać istniejące strony internetowe w tym programie (i Notatniku) i edytować je. Po raz kolejny dodatkowe funkcje Notepad ++ ułatwią ci to.

Używanie Worda do edycji HTML

Podczas Słowo nie pojawia się automatycznie na komputerach z systemem Windows, tak jak Notatnik, nadal znajduje się na wielu komputerach i możesz pokusić się o użycie tego oprogramowania do kod HTML. Chociaż rzeczywiście jest to możliwe pisz HTML za pomocą Microsoft Word, nie jest to wskazane. Dzięki programowi Word nie uzyskujesz żadnych korzyści z Notepad ++, ale musisz zmagać się z pragnieniem oprogramowania, aby wszystko stało się dokumentem tekstowym. Czy możesz sprawić, by to zadziałało? Tak, ale nie będzie to łatwe i realistycznie znacznie lepiej jest używać Notatnika lub Notepad ++ do dowolnego kodu HTML lub Kodowanie CSS.

Pisanie CSS i Javascript

Podobnie jak pliki HTML, CSS i JavaScript są tak naprawdę tylko plikami tekstowymi. Oznacza to, że możesz również użyć Notatnika lub Notepad ++, aby pisać kaskadowe arkusze stylów lub JavaScript. Możesz po prostu zapisać pliki z rozszerzeniem .css lub .js, w zależności od rodzaju tworzonego pliku.

Oryginalny artykuł Jennifer Krynin. Edytowany przez Jeremy'ego Girarda.

instagram story viewer