Aby wyświetlić kod HTML powiązany z zaznaczonym tekstem lub obiektem, wykonaj jedną z następujących czynności:
Ostatnia aktualizacja
20 gru 2021
Zaznaczanie i wyświetlanie elementów w programie Dreamweaver, pokazywanie lub ukrywanie ikon znaczników dla elementów niewidocznych oraz ustawianie preferencji elementów niewidocznych.
Aby zaznaczyć element w widoku Projekt w oknie dokumentu, kliknij ten element. Jeżeli element jest niewidoczny, musisz go najpierw wyświetlić. Dopiero wtedy można go zaznaczyć.
Część kodu HTML nie jest reprezentowana w sposób widoczny w przeglądarce. Na przykład znaczniki comment nie wyświetlają się w przeglądarkach. Jednak podczas tworzenia strony trzeba niekiedy zaznaczać takie niewidoczne elementy, edytować je, przesuwać czy usuwać.
W programie Dreamweaver można wybrać, czy program ma wyświetlać ikony wskazujące położenie niewidocznych elementów w widoku Projekt w oknie Dokument. Aby określić, które symbole elementów mają być wyświetlane, możesz ustawić opcje w preferencjach niewidocznych elementów. Możesz np. określić, że kotwice nazwane będą widoczne, a znaki podziału wierszy — niewidoczne.
Po utworzeniu pewnych elementów niewidocznych (np. komentarzy i nazwanych kotwic) można zmodyfikować je za pomocą okna dialogowego Preferencje > Elementy niewidoczne.
Zaznaczanie elementów
Aby zaznaczyć widoczny element w oknie dokumentu, kliknij ten element lub przeciągnij wokół niego.
Aby zaznaczyć niewidoczny element, przejdź do widoku Projekt i wybierz polecenie Widok > Opcje widoku Projekt > Pomoce wizualne > Elementy niewidoczne (o ile to polecenie nie jest już zaznaczone). Potem kliknij symbol elementu w oknie Dokument.
Niektóre obiekty pojawiają się na stronie w innym miejscu, niż w kodzie. Np. w widoku Projekt element o pozycjonowaniu bezwzględnym (element AP) może znaleźć się w dowolnym miejscu na stronie. Jednak w widoku Kod, kod definiujący ten element AP będzie zawsze na stałym miejscu. Gdy wyświetlane są elementy niewidoczne, program Dreamweaver pokazuje w oknie Dokument symbole wskazujące położenie kodu takich elementów. Zaznaczenie symbolu powoduje zaznaczenie całego elementu. Np. zaznaczenie symbolu elementu AP powoduje zaznaczenie całego elementu AP.
Aby zaznaczyć cały znacznik (w tym również jego zawartość, jeśli ją ma), kliknij znacznik w przyborniku znaczników, który znajduje się na dole po lewej stronie okna dokumentu. (Przybornik znaczników jest widoczny zarówno w widoku Projekt, jak i w widoku Kod). Przybornik znaczników zawsze wyświetla znacznik, który zawiera bieżące zaznaczenie albo punkt wstawiania. Pierwszy znacznik po lewej to pierwszy znacznik zewnętrzny, który zawiera bieżące zaznaczenie albo punkt wstawiania. Kolejny znacznik jest zawarty w owym znaczniku zewnętrznym, i tak dalej. Ostatni znacznik po prawej to ostatni znacznik wewnętrzny, który zawiera bieżące zaznaczenie albo punkt wstawiania.
Wyświetlanie kodu HTML
Kliknij przycisk Kod na pasku narzędziowym Dokument.
Wybierz polecenie Widok > Kod.
Wybierz polecenie Widok > Podziel > Kod — Aktywny, Kod — Projekt albo Kod — Kod.
Wybierz polecenie Okno > Inspektor kodu.
Gdy zaznaczysz coś w jednym z edytorów kodu (widoku Kod albo Inspektorze kodu), zazwyczaj zostanie to zaznaczone również w oknie dokumentu. Niekiedy trzeba zsynchronizować oba widoki, zanim pojawi się zaznaczenie.
Pokaż lub ukryj ikony znaczników dla elementów niewidocznych
Wybierz polecenie Widok > Opcje widoku Projekt > Pomoce wizualne > Niewidoczne elementy.
Spostrzeżenie
Wyświetlanie elementów niewidocznych może nieznacznie zmienić układ strony, przesuwając inne elementy o kilka pikseli, więc w celu uzyskania precyzyjnego układu ukryj elementy niewidoczne.
Ustawianie preferencji niewidocznych elementów
Użyj preferencji Elementy niewidoczne, aby określić, które rodzaje elementów będą widoczne po wybraniu opcji Widok > Pomoce wizualne > Elementy niewidoczne.
Wybierz opcję Edycja > Preferencje (Windows) lub Dreamweaver > Preferencje (Macintosh), a następnie kliknij opcję Elementy niewidoczne.
Wybierz elementy, które powinny być widoczne, i kliknij przycisk OK.
Znacznik wyboru obok nazwy elementu w oknie dialogowym oznacza, że element jest widoczny po wybraniu opcji Widok > Pomoce wizualne > Elementy niewidoczne.
Kotwice nazwane
Wyświetla ikonę oznaczającą lokalizację każdego nazwanego zakotwiczenia (a name = "") w dokumencie.
Skrypty
Wyświetla ikonę oznaczającą lokalizację kodu JavaScript lub VBScript w treści dokumentu.Wybierz ikonę, aby edytować skrypt w inspektorze właściwości lub połączyć z zewnętrznym plikiem skryptu.
Komentarze
Wyświetla ikonę oznaczającą lokalizację komentarzy HTML.Wybierz ikonę, aby wyświetlić komentarz w inspektorze właściwości.
Znaki łamania wiersza
Wyświetla ikonę oznaczającą lokalizację każdego podziału wiersza (BR).Opcja jest domyślnie wyłączona.
Mapy obrazu po stronie klienta
Wyświetla ikonę oznaczającą lokalizację każdej mapy obrazu po stronie klienta w dokumencie.
Osadzone style
Wyświetla ikonę pokazującą lokalizację stylów CSS osadzonych w części body dokumentu.Jeśli style CSS są umieszczone w części head dokumentu, nie pojawiają się w oknie dokumentu.
Ukryte pola formularzy
Wyświetla ikonę oznaczającą lokalizację pól formularza, które mają atrybut type ustawiony na "hidden".
Ogranicznik formularzy
Wyświetla obramowanie wokół formularza, dzięki czemu można zobaczyć, gdzie wstawić elementy formularza.Obramowanie pokazuje zasięg tagu form, więc wszystkie elementy formularza wewnątrz tego obramowania są prawidłowo zawarte w tagach form.
Kotwice dla elementów AP
Wyświetla ikonę oznaczającą lokalizację kodu definiującego element AP.Sam element AP może znajdować się w dowolnym miejscu na stronie. (Elementy AP nie są elementami niewidocznymi; niewidoczny jest tylko kod definiujący element AP.)Wybierz ikonę, aby wybrać element AP; następnie można zobaczyć zawartość elementu AP, nawet jeśli element AP jest oznaczony jako ukryty.
Kotwice wyrównanych elementów
Wyświetla ikonę pokazującą lokalizację kodu HTML dla elementów, które akceptują atrybut align.Należą do nich obrazy, tabele, obiekty ActiveX, wtyczki i aplety.W niektórych przypadkach kod elementu może być oddzielony od widocznego obiektu.
Wizualne znaczniki serwerowe
Wyświetla lokalizację tagów znaczników serwera (takich jak tagi Active Server Pages i tagi ColdFusion), których zawartość nie może być wyświetlona w oknie dokumentu.Te znaczniki zazwyczaj generują znaczniki HTML podczas przetwarzania przez serwer.Na przykład znacznik <CFGRAPH> generuje tabelę HTML po przetworzeniu przez serwer ColdFusion.Program Dreamweaver reprezentuje znacznik za pomocą niewidocznego elementu ColdFusion, ponieważ Dreamweaver nie może określić końcowego, dynamicznego wyniku strony.
Niewizualne znaczniki serwerowe
Wyświetla lokalizację znaczników kodu serwera (takich jak znaczniki Active Server Pages i znaczniki ColdFusion), których zawartość nie może być wyświetlona w oknie dokumentu.Te znaczniki to zazwyczaj znaczniki konfiguracji, przetwarzania lub logiki (na przykład <CFSET>, <CFWDDX> i <CFXML>), które nie generują znaczników HTML.
Właściwość CSS Display: none
Wyświetla ikonę pokazującą lokalizację zawartości ukrytej przez właściwość display:none w połączonym lub osadzonym arkuszu stylów.
Pokaż tekst dynamiczny jako
Wyświetla dowolny tekst dynamiczny na stronie w domyślnym formacie {Recordset:Field}.Jeśli długość tych wartości jest wystarczająca, aby zniekształcić formatowanie strony, można zmienić wyświetlanie na {} zamiast tego.
SSI (dołączenia po stronie serwera)
Wyświetla rzeczywistą zawartość każdego z plików dołączeń po stronie serwera.
Więcej podobnych
Tworzenie estetycznych serwisów internetowych w programie Dreamweaver
Projektowanie, pisanie kodu i zarządzanie dynamicznymi serwisami internetowymi za pomocą jednego, kompleksowego narzędzia.
