Zawartość

• Kroki
• Pytania i odpowiedzi społeczności
• Porady
• Ostrzeżenia

Inne sekcje

Jeśli wolisz ręcznie kodować strony internetowe, możesz edytować pliki HTML w podstawowym edytorze tekstu, takim jak Notatnik (Windows) lub TextEdit (macOS). Jeśli wolisz mieć możliwość przesuwania elementów na ekranie i oglądania podglądów na żywo, możesz użyć edytora WYSIWYG (What You See Is What You Get), takiego jak Dreamweaver lub Kompozer. To wikiHow uczy, jak otwierać i edytować plik HTML w standardowej lub wizualnej aplikacji do edycji.

Kroki

Metoda 1 z 4: Używanie Notatnika w systemie Windows

1. 

   . Jest to przycisk z logo Windows na pasku zadań. Domyślnie znajduje się w lewym dolnym rogu. Spowoduje to wyświetlenie menu Start

2. 

   . Znajduje się w prawym górnym rogu pulpitu Maca. Spowoduje to wyświetlenie paska wyszukiwania.

3. 

   
   
   Rodzaj TextEdit w pasku wyszukiwania. Spowoduje to wyświetlenie listy aplikacji pasujących do wyniku wyszukiwania.

4. 

   
   
   Kliknij TextEdit.app. Znajduje się u góry wyników wyszukiwania. Znajduje się obok ikony przypominającej kartkę papieru i długopis.

5. 

   Kliknij Plik. Znajduje się na pasku menu u góry ekranu, gdy jest otwarty TextEdit.

6. 

   
   
   Kliknij otwarty. Spowoduje to otwarcie przeglądarki plików, której możesz używać do nawigacji na komputerze Mac i otwierania plików.

7. 

   Kliknij plik HTML i kliknij otwarty. Pliki HTML mają rozszerzenie „.html” po nazwie pliku. Użyj przeglądarki plików, aby przejść do pliku HTML i kliknij go, aby go zaznaczyć. Następnie kliknij otwarty aby otworzyć plik HTML w TextEdit.

8. 

   Edytuj kod HTML. Możesz użyć TextEdit do edycji kodu HTML na make. Musisz nauczyć się HTML, aby móc edytować go ręcznie. Typowe elementy, które można edytować, obejmują następujące elementy.
   • : Znajduje się na górze dokumentu HTML. To informuje przeglądarkę internetową, że jest to dokument HTML.
   • : Te tagi znajdują się na górze i na dole dokumentu HTML. Wskazuje, gdzie zaczyna się i kończy kod HTML.
   • : Te tagi znajdują się na górze dokumentu HTML. Wskazują, gdzie zaczyna się i kończy nagłówek dokumentu HTML. Nagłówek dokumentu HTML zawiera informacje, które nie są widoczne na stronie internetowej. Obejmuje to tytuł strony, metadane i CSS
   • : Te tagi wskazują tytuł strony. Tytuł jest umieszczany w nagłówku dokumentu HTML. Wpisz tytuł strony między tymi dwoma tagami.
   • : Te znaczniki wskazują, gdzie zaczyna się i kończy treść dokumentu HTML. Treść jest miejscem, w którym zapisywana jest cała zawartość strony internetowej. Treść znajduje się po głowie w dokumencie HTML.

   • Tekst nagłówka

     : Te tagi tworzą tagi nagłówków. Tekst pomiędzy „

     " i "

     znaczniki są wyświetlane jako duży, pogrubiony tekst. Tekst jest umieszczany w treści dokumentu HTML.

   • Tekst akapitu

     : Te znaczniki służą do tworzenia tekstu akapitowego w dokumencie HTML. Tekst znajdujący się pomiędzy „

     " i "

     ”pojawia się jako tekst o normalnym rozmiarze. Tekst jest umieszczany w treści dokumentu HTML.
   • Pogrubiony tekst: Te tagi służą do tworzenia pogrubionego tekstu. Tekst znajdujący się pomiędzy „" i "”pojawia się jako pogrubiony tekst.
   • Tekst kursywa: Te tagi służą do tworzenia tekstu pisanego kursywą. Tekst znajdujący się pomiędzy „" i "”pojawia się jako tekst włoski.
   • tekst linku: Ten tag służy do łączenia z inną witryną. Skopiuj adres internetowy, do którego ma prowadzić łącze, i wklej go w miejscu „URL” (w cudzysłowie). Tekst linku, w którym jest napisane „Tekst linku” (bez cudzysłowów).
   • : Ten tag służy do publikowania obrazu za pomocą HTML. Zastąp tekst, który mówi „URL obrazu”, adresem internetowym obrazu.

9. 

   Kliknij Plik. Znajduje się na pasku menu u góry ekranu.

10. 

    Kliknij Zapisać. Znajduje się w menu rozwijanym pod „Plik”. Spowoduje to zapisanie pliku HTML.
    • Aby zmienić nazwę pliku, kliknij Przemianować w menu rozwijanym „Plik”. Wpisz nową nazwę pliku u góry ekranu. Pamiętaj, aby umieścić rozszerzenie „.html” u góry strony.

Metoda 3 z 4: Korzystanie z programu Dreamweaver

1. 

   Otwórz program Dreamweaver. Dreamweaver ma ikonę przypominającą zielony kwadrat z napisem „Dw” pośrodku. Kliknij ikonę w menu Start systemu Windows lub folder aplikacji na komputerze Mac, aby otworzyć program Dreamweaver.
   • Adobe Dreamweaver wymaga subskrypcji. Możesz kupić subskrypcję zaczynającą się od 20,99 USD miesięcznie.

2. 

   Kliknij Plik. Znajduje się na pasku menu u góry ekranu.

3. 

   Kliknij otwarty. Znajduje się w menu rozwijanym pod „Plik”.

4. 

   Wybierz dokument HTML i kliknij otwarty. Użyj przeglądarki plików, aby wybrać dokument HTML na komputerze i kliknij go, aby go zaznaczyć. Następnie kliknij otwarty w prawym dolnym rogu.

5. 

   Kliknij Rozdzielać. To środkowa karta u góry strony. Spowoduje to wyświetlenie podzielonego ekranu, który zawiera edytor HTML na dole i ekran podglądu na górze.

6. 

   Edytuj dokument HTML. Użyj edytora HTML, aby edytować kod HTML. Sposób edycji HTML w programie Dreamweaver nie różni się zbytnio od edycji HTML w Notatniku lub TextEdit. Podczas wpisywania tagu HTML pojawi się menu wyszukiwania z pasującymi tagami HTML. Możesz kliknąć znacznik HTML, aby wstawić znaczniki otwierające i zamykające. Dreamweaver sprawdzi, czy istnieją znaczniki otwierające i zamykające dla wszystkich elementów HTML.
   • Alternatywnie możesz kliknąć miejsce, w którym chcesz wstawić element HTML w edytorze HTML i kliknąć Wstawić na pasku menu u góry ekranu. Kliknij element, który chcesz wstawić, w menu rozwijanym, aby automatycznie dodać kod HTML.

7. 

   Kliknij Plik. Po zakończeniu edycji dokumentu HTML kliknij Plik na pasku menu u góry ekranu.

8. 

   Kliknij Zapisać. Znajduje się w menu rozwijanym poniżej Plik. Spowoduje to zapisanie dokumentu HTML.

Metoda 4 z 4: Używanie Kompozera

1. 

   Iść do https://sourceforge.net/projects/kompozer/ w przeglądarce internetowej. Możesz używać dowolnej przeglądarki internetowej na komputerze PC lub Mac. To jest strona pobierania Kompozera. Jest to darmowy edytor HTML (WYSIWYG), który działa zarówno w systemie Windows, jak i Mac.

2. 

   Kliknij Pobieranie. To zielony przycisk u góry strony. Spowoduje to przejście do oddzielnej strony pobierania. Pobieranie rozpocznie się po 5 sekundach.

3. 

   Kliknij dwukrotnie plik instalacyjny. Domyślnie pobrane pliki można znaleźć w folderze „Pobrane” na komputerze PC lub Mac. Możesz także kliknąć je w przeglądarce internetowej, aby uruchomić instalator Kompozera. Aby zainstalować Kompozera, postępuj zgodnie z poniższymi instrukcjami:
   • Okna:
     • Jeśli pojawi się pytanie, czy chcesz zezwolić instalatorowi na wprowadzenie zmian w systemie, kliknij tak.
     • Kliknij Kolejny w oknach wprowadzających.
     • Kliknij okrągły przycisk obok „Akceptuję umowę”, a następnie kliknij Kolejny.
     • Kliknij Kolejny aby użyć domyślnej lokalizacji instalacji lub kliknij Przeglądaj aby wybrać inną lokalizację instalacji.
     • Kliknij Kolejny a następnie kliknij Kolejny jeszcze raz
     • Kliknij zainstalować
     • Kliknij koniec
   • Prochowiec:
     • Kliknij dwukrotnie plik instalacyjny Kompozera.
     • Kliknij KompoZer.app
     • Kliknij ikonę Apple w lewym górnym rogu.
     • Kliknij Preferencje systemu
     • Kliknij Bezpieczeństwo i prywatność
     • Kliknij Generał patka.
     • Kliknij Otwórz mimo to w dolnej części okna.
     • Kliknij otwarty w wyskakującym oknie.
     • Przeciągnij ikonę Kompozera na pulpit.
     • Otwórz Finder.
     • Kliknij Aplikacje teczka.
     • Przeciągnij ikonę Kompozera z pulpitu do folderu Aplikacje.

4. 

   Otwórz Kompozera. Wykonaj poniższe czynności, aby otworzyć Kompozera na komputerze PC lub Mac
   • Okna:
     • Kliknij Start systemu Windows menu.
     • Wpisz „Kompozer”
     • Kliknij dwukrotnie ikonę Kompozer.
   • Prochowiec:
     • Kliknij ikonę lupy w prawym górnym rogu.
     • Wpisz „Kompozer” w pasku wyszukiwania.
     • Podwójne kliknięcie Kompozer.app.

5. 

   Kliknij Plik. Znajduje się na pasku menu u góry aplikacji.

6. 

   Kliknij Otwórz plik. To druga opcja w menu rozwijanym poniżej „Plik”. Spowoduje to otwarcie przeglądarki plików, której możesz użyć do wybrania otwartego pliku HTML.

7. 

   Kliknij plik HTML i kliknij otwarty. Spowoduje to otwarcie pliku HTML w Kompozerze.

8. 

   Kliknij Rozdzielać. To środkowa karta u góry strony. Spowoduje to wyświetlenie podzielonego ekranu, który zawiera edytor HTML na dole i ekran podglądu na górze.
   • Może być konieczne powiększenie aplikacji, aby mieć więcej miejsca do pracy.

9. 

   Edytuj dokument HTML. Ekran kodu źródłowego HTML znajduje się na dole. Możesz go używać do edycji HTML w taki sam sposób, jak w Notatniku lub TextEdit. Możesz także użyć ekranu podglądu, aby edytować kod HTML, wykonując następujące czynności:
   • Użyj menu rozwijanego w prawym górnym rogu, aby wybrać typ tekstu (tj. Nagłówek, akapit, itp.}
   • Kliknij i wpisz, aby dodać tekst.
   • Użyj przycisków w panelu u góry ekranu, aby dodać pogrubienie, kursywę, wyrównanie tekstu, wcięcia lub listy do tekstu.
   • Kliknij kolorowy kwadrat w panelu u góry ekranu, aby zmienić kolor tekstu.
   • Kliknij Wizerunek ikonę u góry ekranu, aby dodać obraz do dokumentu HTML.
   • Kliknij ikonę przypominającą łańcuszek, aby dodać łącze do dokumentu HTML.

10. 

    Kliknij Zapisać Ikona. Po wprowadzeniu zmian w dokumencie kliknij plik Zapisać ikonę u góry ekranu. Znajduje się poniżej ikony przypominającej dyskietkę. To oszczędza twoją pracę.

Pytania i odpowiedzi społeczności

Porady

Ostrzeżenia

• Pamiętaj, aby zapisać dokument podczas edycji. W każdej chwili coś może się nie udać.