Wybierz znacznik head z menu Wstaw > HTML.
Informacje o przeglądaniu i edytowaniu zawartości strony WWW w programie Dreamweaver, ustawianiu właściwości META i TITLE dla strony, definiowanie słów kluczowych i opisów strony itd.
Strony zawierają elementy opisujące informacje na stronie, które są używane przez wyszukiwarki.Można ustawić właściwości elementów head, aby kontrolować sposób identyfikacji stron.
Wyświetlanie i edycja zawartości elementu HEAD
Elementy znajdujące się w sekcji head dokumentu można wyświetlić w widoku Kod lub za pomocą Inspektora kodu.
Wstaw element do sekcji head dokumentu
Edytuj element w sekcji head dokumentu
Elementy sekcji Head można edytować przez bezpośrednie wpisywanie kodu w widoku Kod lub korzystając z Inspektora właściwości.
Aby edytować elementy sekcji head za pomocą Inspektora właściwości:
Zaznacz element head w panelu DOM (Okno > Panel DOM).
W Inspektorze właściwości zostaną wyświetlone właściwości zaznaczonego elementu.
Ustaw właściwości meta dla strony
Tag meta jest elementem head, który rejestruje informacje o bieżącej stronie, takie jak kodowanie znaków, autor, prawa autorskie lub słowa kluczowe.Te tagi mogą być również używane do przekazywania informacji do serwera, takich jak data wygaśnięcia, interwał odświeżania i ocena POWDER strony.(POWDER, Protocol for Web Description Resources, udostępnia metodę przypisywania ocen, takich jak oceny filmów, do stron internetowych.)
Dodawanie znacznika meta
Wybierz polecenie Wstaw > HTML > Meta.
Edycja istniejącego znacznika meta
Elementy meta można edytować przez bezpośrednie wpisywanie kodu w widoku Kod lub korzystając z Inspektora właściwości.
Aby edytować elementy sekcji meta za pomocą Inspektora właściwości:
Zaznacz element head w panelu DOM (Okno > Panel DOM).
W Inspektorze właściwości zostaną wyświetlone właściwości zaznaczonego elementu.
Wybierz znacznik meta z panelu DOM.
Atrybut
Określa, czy tag meta zawiera informacje opisowe o stronie (name) czy informacje nagłówka HTTP (http-equiv).
Wartość
Określa typ informacji dostarczanych w tym tagu.Niektóre wartości, takie jak description, keywords i refresh, są już dobrze zdefiniowane (i mają swoje własne indywidualne inspektory właściwości w programie Dreamweaver), ale można określić praktycznie dowolną wartość (na przykład creationdate, documentID lub level).
Zawartość
Określa aktualne informacje. Na przykład, jeśli określisz level dla wartości, możesz określić beginner, intermediate lub advanced dla zawartości.
Ustawianie tytułu strony
Istnieje tylko jedna właściwość TITLE, określająca tytuł strony. Tytuł strony można edytować za pomocą jednej z następujących metod:
- edytując tytuł bezpośrednio w kodzie (w widoku Kod);
- zaznaczając znacznik title w panelu DOM, a następnie modyfikując tytuł w Inspektorze właściwości.
Określanie słów kluczowych dla strony
Wiele robotów wyszukiwarek (programów, które automatycznie przeglądają internet zbierając informacje do indeksowania przez wyszukiwarki) czyta zawartość tagu meta Keywords i używa tych informacji do indeksowania stron w swoich bazach danych.Ponieważ niektóre wyszukiwarki ograniczają liczbę słów kluczowych lub znaków, które indeksują, lub ignorują wszystkie słowa kluczowe po przekroczeniu limitu, dobrym pomysłem jest użycie tylko kilku dobrze dobranych słów kluczowych.
Dodawanie znacznika meta Keywords
Wybierz polecenie z menu Wstaw > HTML > Słowa kluczowe.
Edycja znacznika meta Keywords
Opisy w znaczniku meta keywords można edytować za pomocą jednej z następujących metod:
- edytując słowo kluczowe bezpośrednio w kodzie (w widoku Kod);
- zaznaczając znacznik meta odpowiedniego słowa kluczowego w panelu DOM w celu wyświetlenia, zmodyfikowania lub usunięcia słów kluczowych za pomocą panelu Inspektor właściwości.
Słowa kluczowe muszą być rozdzielone przecinkami.
Określanie opisu strony
Wiele robotów wyszukiwarek (programów automatycznie przeglądających internet w celu gromadzenia informacji do indeksowania przez wyszukiwarki) odczytuje zawartość tagu meta Description.Niektóre wykorzystują te informacje do indeksowania stron w swoich bazach danych, a niektóre również wyświetlają te informacje na stronie wyników wyszukiwania (zamiast wyświetlać pierwsze kilka wierszy dokumentu).Niektóre wyszukiwarki ograniczają liczbę znaków, które indeksują, więc dobrym pomysłem jest ograniczenie opisu do kilku słów (na przykład Catering wieprzowiny barbecue w Albany, Georgia lub Projektowanie stron internetowych w rozsądnych cenach dla klientów na całym świecie).
Dodawanie znacznika meta Description
Wybierz polecenie Wstaw > HTML > Opis.
Edycja znacznika meta Description
Opisy w znacznikach meta można edytować za pomocą jednej z następujących metod:
- edytując opis bezpośrednio w kodzie (w widoku Kod);
- zaznaczając znacznik meta odpowiadający opisowi w panelu DOM i edytując opis w Inspektorze właściwości.
Ustaw właściwości odświeżania strony
Użyj elementu Refresh, aby określić, że przeglądarka powinna automatycznie odświeżyć stronę — przez ponowne załadowanie bieżącej strony lub przejście do innej — po określonym czasie.Ten element jest często używany do przekierowywania użytkowników z jednego adresu URL do innego, często po wyświetleniu wiadomości tekstowej, że adres URL się zmienił.
Dodawanie znacznika meta Refresh
Wybierz polecenie Wstaw > HTML > Meta.
W wyświetlonym oknie dialogowym ustaw właściwości w następujący sposób:
Atrybut
Określa, że znacznik meta zawiera informacje o nagłówku HTTP (http-equivalent).
Wartość
Określa, że typ informacji podawanych w tym znaczniku to refresh.
Zawartość
Podaj czas oczekiwana w sekundach przed odświeżeniem strony w przeglądarce. Aby strona była odświeżana w przeglądarce natychmiast po jej wczytaniu, należy w tym polu wpisać 0.
Edycja znacznika meta Refresh
Znacznik meta refresh można edytować za pomocą jednej z następujących metod:
- edytując właściwości bezpośrednio w kodzie (w widoku Kod);
- zaznaczając znacznik meta odpowiadający właściwości refresh w panelu DOM lub w kodzie i modyfikując go w panelu Inspektor właściwości.
Edycja znacznika meta Base
Edytując element Base, można ustawić podstawowy adres URL dla wszystkich ścieżek względnych dokumentu wstawianych na stronie.
Zaznacz element Base w panelu DOM.
Href
Podstawowy URL. Kliknij przycisk Przeglądaj, aby przejść do i wybrać plik, lub wpisz ścieżkę w polu.
Target
Określa ramkę lub okno, w którym powinny się otwierać wszystkie połączone dokumenty. Wybierz jedną z ramek w bieżącym zestawie ramek lub jedną z następujących nazw zarezerwowanych:
_blank ładuje połączony dokument w nowym, nienazwanym oknie przeglądarki.
_parent ładuje połączony dokument do nadrzędnego zestawu ramek lub okna ramki zawierającej łącze. Jeśli ramka zawierająca łącze nie jest zagnieżdżona, jest to równoważne z _top; połączony dokument ładuje się w pełnym oknie przeglądarki.
_self ładuje połączony dokument w tej samej ramce lub oknie co łącze. Ten element docelowy jest domyślny, więc zwykle nie trzeba go określać.
_top ładuje połączony dokument w pełnym oknie przeglądarki, usuwając tym samym wszystkie ramki.
Edycja znacznika meta Link
Edytując znacznik link, można określić zależność pomiędzy bieżącym dokumentem a innym plikiem.
Tag link w sekcji head to nie to samo co łącze HTML między dokumentami w sekcji body.
Zaznacz element Link w panelu DOM lub w widoku Kod.
Href
Adres URL pliku, do którego definiujesz relację. Kliknij przycisk Przeglądaj, aby przejść do pliku i go wybrać, lub wpisz ścieżkę w polu. Zauważ, że ten atrybut nie wskazuje pliku, do którego tworzysz łącze w zwykłym sensie HTML; relacje określone w elemencie Link są bardziej złożone.
ID
Określa niepowtarzalny identyfikator łącza.
Title
Opisuje relację. Ten atrybut ma szczególne znaczenie dla połączonych arkuszy stylów; więcej informacji można znaleźć w sekcji dotyczącej zewnętrznych arkuszy stylów specyfikacji HTML 4.0 na stronie internetowej World Wide Web Consortium pod adresem www.w3.org/TR/REC-html40/present/styles.html#style-external.
Rel
Określa relację między bieżącym dokumentem a dokumentem w polu Href. Możliwe wartości to Alternate, Stylesheet, Start, Next, Prev, Contents, Index, Glossary, Copyright, Chapter, Section, Subsection, Appendix, Help i Bookmark. Aby określić więcej niż jedną relację, rozdziel wartości spacją.
Rev
Określa relację odwrotną (przeciwną do Rel) między bieżącym dokumentem a dokumentem w polu Href. Możliwe wartości są takie same jak w przypadku Rel.
Tworzenie estetycznych serwisów internetowych w programie Dreamweaver
Projektowanie, pisanie kodu i zarządzanie dynamicznymi serwisami internetowymi za pomocą jednego, kompleksowego narzędzia.