Podręcznik użytkownika Anuluj

Optymalizacja kodu

Szukaj

Ostatnia aktualizacja 10 mar 2023

Informacje o czyszczeniu kodu w programie Dreamweaver, sprawdzaniu zgodności przeglądarek, walidacji dokumentów XML oraz zapewnianiu zgodności stron ze specyfikacją XHTML.

Czyszczenie kodu

Można automatycznie usuwać puste znaczniki, łączyć zagnieżdżone znaczniki font oraz w inny sposób poprawiać zawiły lub nieczytelny kod HTML lub XHTML.

Informacje na temat czyszczenia kodu HTML generowanego z dokumentu Microsoft Word podano w artykule Otwieranie i edytowanie istniejących dokumentów.

W otwartym dokumencie wybierz polecenie Narzędzia > Oczyść HTML.
W oknie dialogowym, które się pojawi, ustaw dowolne z poniższych opcji i kliknij przycisk OK.

Uwaga:

W zależności od wielkości dokumentu oraz liczby wybranych opcji, czyszczenie może zająć kilka sekund.

Usuwanie pustych znaczników kontenerowych

Usuwa wszystkie znaczniki, między którymi nie ma zawartości. Na przykład i są pustymi znacznikami, ale znacznik w łańcuchu jakiś tekst nie jest pusty.

Usuwanie nadmiarowych znaczników zagnieżdżonych

Usuwa wszystkie nadmiarowe instancje znacznika. Na przykład w kodzie To właśnie próbuję powiedzieć, znaczniki b otaczające słowo właśnie są nadmiarowe i mogą zostać usunięte.

Usuwanie elementów kodu HTML spoza programu Dreamweaver

Usuwa wszystkie komentarze, które nie zostały wstawione przez program Dreamweaver. Na przykład komentarz <!‑‑begin body text‑‑> zostanie usunięty, natomiast komentarz <!‑‑TemplateBeginEditable name="doctitle"‑‑> nie zostanie usunięty, ponieważ jest to komentarz programu Dreamweaver, który oznacza początek edytowalnego regionu w szablonie.

Usuwanie specjalnych znaczników programu Dreamweaver

Usuwa komentarze, które program Dreamweaver dodaje do kodu, aby umożliwić automatyczną aktualizację dokumentów w przypadku modyfikacji szablonów i pozycji bibliotek. Jeżeli podczas czyszczenia kodu w dokumencie opartym na szablonie opcja ta jest zaznaczona, dokument zostanie odłączony od szablonu. Więcej informacji na ten temat podano w artykule Odłączanie dokumentu od szablonu.

Usuwanie konkretnych znaczników

Usuwa znaczniki określone w sąsiednim polu tekstowym. Opcja ta służy do usuwania niestandardowych znaczników wstawionych przez inne edytory wizualne oraz innych znaczników, które są niepożądane w danym serwisie (na przykład blink). Jeśli wpisujesz wiele znaczników, rozdziel je przecinkami (na przykład font,blink).

Połącz zagnieżdżone znaczniki , gdy to możliwe

Łączy wiele znaczników font, które sterują tym samym zakresem tekstu. Na przykład kod duży czerwony zostanie przekształcony w kod duży czerwony.

Po zakończeniu pokaż dziennik

Natychmiast po zakończeniu czyszczenia wyświetlane jest okno ostrzeżenia ze szczegółami zmian wprowadzonych w dokumencie.

Sprawdzanie domknięcia znaczników, nawiasów i klamer

Za pomocą tej funkcji można sprawdzić, czy nawiasy (( )), nawiasy klamrowe ({ }) oraz nawiasy kwadratowe ([ ]) na stronie są domknięte. Domknięcie oznacza, że każdy otwierający znacznik, nawias, nawias klamrowy i kwadratowy ma pasujący do niego element zamykający i vice versa.

Sprawdzanie domknięcia znaczników

Otwórz dokument w widoku Kod
Umieść punkt wstawiania w miejscu, w którym chcesz sprawdzić kod zagnieżdżony.
Wybierz polecenie Edycja > Zaznacz znacznik macierzysty.

Pasujące do siebie znaczniki otaczające (i ich zawartość) zostaną zaznaczone w kodzie. Jeżeli wybierzesz polecenie Edycja > Zaznacz znacznik macierzysty wiele razy, a wszystkie znaczniki są domknięte, to program Dreamweaver zaznaczy ostatecznie zewnętrzne znaczniki html i /html dokumentu.

Sprawdzanie domknięcia nawiasów zwykłych, klamrowych oraz kwadratowych

Otwórz dokument w widoku Kod
Umieść punkt wstawiania w miejscu, w którym chcesz sprawdzić kod.
Wybierz poleceń Edycja > Kod > Zrównoważ klamry.

Cały kod otoczony nawiasami, klamrami oraz nawiasami kwadratowymi zostanie zaznaczony. Wybierając ponownie polecenie Edycja > Kod > Zrównoważ klamry, zaznaczysz cały kod między nawiasami, klamrami oraz nawiasami kwadratowymi, które otaczają nowe zaznaczenie.

Sprawdzanie zgodności przeglądarek

Funkcja Kontrola zgodności przeglądarki ułatwia wykrywanie takich kombinacji kodu HTML i CSS, które mogą powodować błędy interpretacji stylów w przeglądarkach. Funkcja ta testuje także kod w dokumencie pod względem właściwości CSS lub wartości, które nie są obsługiwane w docelowych przeglądarkach.

Przeprowadzanie walidacji dokumentów XML

Korzystając z tej funkcji, można określać preferencje walidatora, problemy do sprawdzenia,, a także typy błędów, które mają być zgłaszane.

Wykonaj jedną z następujących czynności:
- W przypadku pliku XML lub XHTML wybierz polecenie Plik > Waliduj > Jako XML.
- Karta Walidacja na panelu Wyniki wyświetla komunikat „Nie znaleziono błędów ani ostrzeżeń” lub listę znalezionych błędów składni.
Dwukrotnie kliknij komunikat o błędzie, aby podświetlić dany błąd w dokumencie.
Aby zapisać raport jako plik XML, kliknij przycisk Zapisz raport.
Aby wyświetlić raport w domyślnej przeglądarce (co pozwoli również wydrukować ten raport), kliknij przycisk Przeglądaj raport.

Sprawdzanie poprawności dokumentów za pomocą walidatora W3C

Program Dreamweaver udostępnia wbudowaną obsługę walidacji W3C, umożliwiając tworzenie stron internetowych zgodnych ze standardami tej organizacji. Walidator W3C sprawdza, czy dokumenty HTML i XML są zgodne ze standardami HTML, XHTML lub XML. Walidować można zarówno otwarte dokumenty, jak i pliki opublikowane na aktywnym serwerze.

W wyniku walidacji generowany jest raport, który ułatwia poprawienie błędów w pliku.

Uwaga:

W preferencjach programu Dreamweaver można określić parser, według którego będą sprawdzane dokumenty. Jest to ustawienie używane jako opcja domyślna w sytuacji, gdy nie można automatycznie wykryć wartości DOCTYPE.

Sprawdzanie poprawności otwartego dokumentu

Wybierz polecenie Okno > Wyniki > Walidacja, aby otworzyć panel Walidacja. Panel ten służy do wyświetlania wyników sprawdzania poprawności.
Wybierz polecenie Plik > Waliduj > Bieżący dokument (W3C).

Walidacja aktywnego dokumentu

W przypadku aktywnych dokumentów program Dreamweaver przeprowadza walidację kodu odebranego przez przeglądarkę. Kod ten jest widoczny po kliknięciu w przeglądarce prawym przyciskiem myszy i wybraniu opcji wyświetlania kodu źródłowego. Walidacja aktywnych dokumentów to funkcja szczególnie przydatna w przypadku aktywnych stron, wykorzystujących takie technologie, jak PHP czy JSP.

Opcja Przeprowadź walidację aktywnego dokumentu jest dostępna tylko wtedy, gdy adres URL sprawdzanej strony rozpoczyna się od frazy http.

Wybierz polecenie Okno > Wyniki > Walidacja, aby otworzyć panel Walidacja. Panel ten służy do wyświetlania wyników sprawdzania poprawności.
Kliknij opcję Widok aktywny.
Wybierz polecenie Plik > Waliduj > Aktywny dokument (W3C).

W przypadku aktywnych dokumentów po dwukrotnym kliknięciu błędu na panelu walidacji W3C wyświetlane jest osobne okno. Okno to zawiera kod wygenerowany przez przeglądarkę z wyróżnionym wierszem, w którym wystąpił błąd.

Dostosowywanie ustawień walidacji

Wybierz polecenie Okno > Wyniki > Walidacja, aby otworzyć panel Walidacja.
Na panelu Walidacja W3C kliknij ikonę Walidacja W3C (Odtwórz). Wybierz opcję Ustawienia.
Wybierz ustawienie DOCTYPE na potrzeby walidacji, jeśli w dokumencie nie ma jawnej deklaracji DOCTYPE.
Jeśli nie chcesz, aby były wyświetlane błędy i ostrzeżenia, wyłącz odpowiednie opcje.
Kliknij przycisk Zarządzaj, jeśli chcesz usunąć ostrzeżenia lub błędy ukryte za pomocą panelu Walidacja W3C. Usunięte ostrzeżenia lub błędy nie będą wyświetlane na panelu Walidacja W3C po wybraniu opcji Pokaż wszystko.
Jeśli nie chcesz, aby po rozpoczęciu walidacji było wyświetlane okno Powiadomienia walidatora W3C, zaznacz opcję Nie pokazuj okna powiadomienia walidatora W3C.

Praca z raportami z walidacji

Po zakończeniu walidacji na panelu W3C wyświetlane są stosowne raporty.

Aby uzyskać więcej informacji na temat błędu lub ostrzeżenia, zaznacz ten błąd lub ostrzeżenie na panelu Walidacja W3C. Kliknij przycisk Więcej informacji.
Aby zapisać raport jako plik XML, kliknij przycisk Zapisz raport.
Aby wyświetlić cały raport w formacie HTML, kliknij przycisk Przeglądaj raport. Raport w formacie HTML zawiera pełną listę błędów i ostrzeżeń oraz ich podsumowanie.
Aby przejść do miejsca w kodzie, w którym znajduje się błąd, zaznacz ten błąd na panelu Walidacja W3C. Kliknij przycisk Opcje i wybierz polecenie Przejdź do wiersza.
Aby ukryć błędy lub ostrzeżenia, zaznacz odpowiedni błąd lub ostrzeżenie. Kliknij przycisk Opcje i wybierz polecenie Ukryj błąd.
Aby wyświetlić wszystkie błędy i ostrzeżenia, w tym również te ukryte, kliknij przycisk Opcje. Wybierz polecenie Pokaż wszystko. Ukryte błędy i ostrzeżenia usunięte w oknie dialogowym Preferencje nie będą wyświetlane.
Aby wyczyścić wszystkie wyniki na panelu Walidacja W3C, kliknij przycisk Opcje. Wybierz polecenie Wyczyść wyniki.

Ustawianie preferencji walidatora

Obok standardowego walidatora W3C program Dreamweaver obsługuje zewnętrzne walidatory kodu, instalowane jako rozszerzenia. Po zainstalowaniu zewnętrznego rozszerzenia do walidacji program Dreamweaver wyświetla jego preferencje w kategorii Walidator W3C w oknie dialogowym Preferencje.

Wybierz polecenie Edycja > Preferencje (Windows) lub Dreamweaver > Preferencje (Macintosh).
Z listy Kategoria po lewej stronie wybierz pozycję Walidator W3C.
Wybierz bibliotekę znaczników, względem której będzie prowadzona walidacja.

Nie można zaznaczyć wielu wersji tej samej biblioteki znaczników lub języka. Na przykład jeśli zostanie wybrana opcja HTML 4.01, to nie będzie można wybrać również opcji HTML 5. Wybierz najwcześniejszą wersję, według której chcesz przeprowadzać walidację. Na przykład jeśli dokument zawiera poprawny kod HTML 4.01, to będzie to również kod poprawny w wersji HTML 5.
Wybierz opcje wyświetlania dotyczące typów błędów oraz ostrzeżeń, które mają się znaleźć w raporcie z walidacji.
Kliknij przycisk Zastosuj, aby zastosować zmiany, a następnie kliknij przycisk Zamknij, aby zamknąć okno dialogowe Preferencje.

Zapewnianie zgodności dokumentu ze specyfikacją XHTML

Tworząc stronę, można zapewnić jej zgodność ze specyfikacją XHTML. Można także przekształcić istniejący dokument HTML do postaci zgodnej ze standardem XHTML.

Tworzenie dokumentów zgodnych ze standardem XHTML

Wybierz polecenie Plik > Nowy.
Wybierz kategorię i typ strony, którą chcesz utworzyć.
Wybierz jedną z definicji dokumentów XHTML (DTD) z menu DocType znajdującego się po prawej stronie okna dialogowego, a następnie kliknij przycisk Utwórz.

Na przykład jeśli chcesz, aby dokument HTML był zgodny ze specyfikacją XHTML, wybierz opcję XHTML 1.0 Transitional albo XHTML 1.0 Strict.

Uwaga:

Nie wszystkie dokumenty mogą uzyskać zgodność ze standardem XHTML.

Domyślne tworzenie dokumentów zgodnych ze specyfikacją XHTML

Wybierz polecenie Edycja > Preferencje lub Dreamweaver > Preferencje (Mac OS X). Następnie wybierz kategorię Nowy dokument.
Zaznacz dokument domyślny i wybierz jedną z definicji typów dokumentu XHTML z menu Domyślny typ dokumentu (DTD), a następnie kliknij przycisk OK.

Na przykład jeśli chcesz, aby dokument HTML był zgodny ze specyfikacją XHTML, wybierz opcję XHTML 1.0 Transitional albo XHTML 1.0 Strict.

Przekształcanie istniejącego dokumentu HTML do postaci zgodnej ze specyfikacją XHTML

Otwórz dokument i wykonaj jedną z następujących czynności:
- W przypadku dokumentu bez elementów FRAME wybierz polecenie Plik > Konwertuj, a następnie wybierz jedną z definicji typu dokumentu XHTML.
  Na przykład jeśli chcesz, aby dokument HTML był zgodny ze specyfikacją XHTML, wybierz opcję XHTML 1.0 Transitional albo XHTML 1.0 Strict.
- W przypadku dokumentu, który zawiera elementy FRAME, zaznacz odpowiednią ramkę, a następnie wybierz polecenie Plik > Konwertuj. Wybierz jedną z definicji typu dokumentu XHTML.
Aby przekonwertować cały dokument, powtórz ten krok w odniesieniu do każdej ramki oraz układu ramek.