Informacje o stosowaniu szablonów programu Dreamweaver, które służą do projektowania stałego układu strony, pozwalając następnie tworzyć dokumenty oparte na szablonach i dziedziczące z nich ten układ.
Szablon to specjalny typ dokumentu, którego używasz do projektowania „ustalonego" układu strony; możesz następnie utworzyć dokumenty na podstawie szablonu, które dziedziczą jego układ strony.Podczas projektowania szablonu określasz jako „edytowalną" zawartość, którą użytkownicy mogą edytować w dokumencie opartym na tym szablonie.Szablony umożliwiają autorom szablonów kontrolowanie, które elementy strony mogą edytować użytkownicy szablonów — tacy jak pisarze, artyści graficzni czy inni twórcy stron internetowych.Istnieje kilka typów regionów szablonu, które autor szablonu może umieścić w dokumencie.
Szablony umożliwiają kontrolowanie dużego obszaru projektowania i ponowne wykorzystywanie kompletnych układów. Jeśli chcesz ponownie wykorzystać pojedyncze elementy projektu, takie jak informacje o prawach autorskich witryny lub logo, utwórz elementy biblioteki.
Korzystanie z szablonów pozwala na uaktualnienie wielu stron naraz. Dokument utworzony na podstawie szablonu pozostaje połączony z tym szablonem (chyba że później odłączysz dokument). Można zmodyfikować szablon i natychmiast zaktualizować projekt we wszystkich dokumentach opartych na nim.
Szablony w programie Dreamweaver różnią się od szablonów w niektórych innych programach pakietu Adobe Creative Cloud pod tym względem, że sekcje stron w szablonach programu Dreamweaver są domyślnie stałe (nieedytowalne).
Rodzaje regionów szablonu
Kiedy zapisujesz dokument jako szablon, większość regionów dokumentów jest zablokowana. Jako autor szablonu określasz, które regiony dokumentu partego na szablonie będą edytowalne poprzez wstawienie do szablonu edytowalnych regionów oraz parametrów.
W momencie tworzenia szablonu, możesz zrobić zmiany zarówno w regionach edytowalnych jak i zablokowanych. Jednak w dokumencie opartym na szablonie, użytkownik może zrobić zmiany tylko w edytowalnych regionach, zablokowane regiony nie mogą być zmieniane.
Istnieją cztery typy regionów szablonu:
Region edytowalny: Odblokowany region w dokumencie oparty na szablonie — sekcja, którą użytkownik może edytować. Autor szablonu może określić dowolny obszar szablony jako edytowalny. Aby szablon działał efektywnie, powinien zawierać co najmniej jeden edytowalny region — w innym przypadku strony opartej na tym szablonie nie można by zmienić. Szczegółowe informacje: Tworzenie regionów edytowalnych w szablonach.
Region powtarzalny: Sekcja układu dokumentu, która pozwala użytkownikowi dodawać lub usuwać kopie powtarzalnego regionu w dokumencie opartym na szablonie. Na przykład można ustawić powtarzalny wiersz tabeli. Działy powtarzalne są edytowalne, co pozwala użytkownikom szablonu zmienić treść w powtarzalnym regionie, podczas gdy sam projekt jest cały czas pod kontrolą autora szablonu.
Istnieją dwa typy regionów powtarzalnych, które można wstawiać do szablonu: powtarzalny region i powtarzalna tabela. Informacje o posługiwaniu się regionami powtarzalnymi: Tworzenie regionów i tabel powtarzalnych w programie Dreamweaver.
Region opcjonalny: Sekcja szablonu zawierająca treść (np. tekst lub obraz), która może, ale nie musi się pojawić w dokumencie. O tym, czy taka treść jest wyświetlana na stronie opartej na szablonie, decyduje użytkownik tego szablonu. Więcej informacji: Region opcjonalny.
Edytowalny atrybut znacznika: Pozwala na odblokowanie atrybutu znacznika w szablonie. Dzięki temu na stronach opartych na tym szablonie można modyfikować taki atrybut. Można na przykład „zablokować” możliwość zmiany obrazu, ale pozwolić użytkownikowi szablonu ustawić jego wyrównanie do lewej, prawej lub środka. Więcej informacji: Definiowanie edytowalnych atrybutów znacznika w programie Dreamweaver.
Łącza w szablonach
Kiedy tworzysz plik szablonu, zapisując istniejącą stronę jako szablon, nowy szablon w folderze Templates oraz wszystkie linki w pliku są aktualizowane tak, aby ich ścieżki względne dokumentu były poprawne. Później, gdy tworzysz dokument na podstawie tego szablonu i go zapisujesz, wszystkie linki względne dokumentu są ponownie aktualizowane, aby nadal wskazywały na poprawne pliki.
Gdy dodajesz nowy link względny dokumentu do pliku szablonu, łatwo jest wprowadzić niepoprawną nazwę ścieżki, jeśli wpiszesz ścieżkę do pola tekstowego linku w inspektorze właściwości. Poprawna ścieżka w pliku szablonu to ścieżka z folderu Templates do połączonego dokumentu, a nie ścieżka z folderu dokumentu opartego na szablonie do połączonego dokumentu. Upewnij się, że istnieją prawidłowe ścieżki dla linków, używając ikony folderu lub ikony Point-to-file w inspektorze właściwości podczas tworzenia linków w szablonach.
Skrypty serwera w szablonach i dokumentach opartych na szablonach
Niektóre skrypty serwera są wstawiane na samym początku lub końcu dokumentu (przed znacznikiem <html> lub po znaczniku </html>).Takie skrypty wymagają specjalnego traktowania w szablonach i dokumentach opartych na szablonach. Zwykle, jeśli wprowadzisz zmiany w kodzie skryptu przed znacznikiem <HTML> lub po znaczniku </HTML> w szablonie, zmiany nie są kopiowane do dokumentów opartych na tym szablonie. Może to spowodować błędy serwera, jeśli inne skrypty serwera, w głównej części szablonu, były zależne od skryptów, które nie zostały skopiowane. Alert ostrzega, jeśli zmienisz skrypty przed znacznikiem <HTML> lub po znaczniku </HTML> w szablonie.
Aby uniknąć tego problemu, można wstawić następujący kod w sekcji head szablonu:
<!-- TemplateInfo codeOutsideHTMLIsLocked="true" -->
Gdy ten kod znajduje się w szablonie, zmiany w skryptach przed znacznikiem <html> lub po znaczniku </html> są kopiowane do dokumentów opartych na tym szablonie.Jednak nie będzie już można edytować tych skryptów w dokumentach opartych na szablonie. W ten sposób można wybrać edycję tych skryptów w szablonie lub w dokumentach opartych na szablonie, ale nie w obu.
Parametry szablonu
Parametry szablonu wskazują wartości służące do kontrolowania zawartości w dokumentach opartych na szablonie.Parametry szablonu służą do tworzenia regionów opcjonalnych lub edytowalnych atrybutów znaczników albo do ustawiania wartości, które mają zostać przekazane do dołączonego dokumentu.Dla każdego parametru należy wybrać nazwę, typ danych i wartość domyślną. Każdy parametr musi mieć unikalną nazwę, w której rozróżniana jest wielkość liter. Parametry muszą należeć do jednego z pięciu dozwolonych typów danych: tekst, wartość logiczna, kolor, adres URL lub liczba.
Parametry szablony są przekazywane do dokumentu jako parametry przykładowe. W większości przypadków użytkownik szablonu może edytować domyślną wartość parametru, aby dostosować to, co pojawia się w dokumencie opartym na szablonie. W innych przypadkach autor szablonu może określić, co pojawia się w dokumencie, na podstawie wartości wyrażenia szablonu.
Wyrażenie szablonowe
Wyrażenia szablonu to instrukcje, które obliczają lub oceniają wartość.
Wyrażenie można wykorzystać do przechowywania wartości i wyświetlania jej w dokumencie. Na przykład wyrażenie może być tak proste jak wartość parametru, np. @@(Param)@@, lub wystarczająco złożone, aby obliczyć wartości, które na przemian zmieniają kolor tła w wierszu tabeli, jak @@((_index & 1) ? czerwony: niebieski)@@.
Możesz także zdefiniować wyrażenia pojedynczych i wielokrotnych warunków if. Gdy wyrażenie jest użyte w instrukcji warunkowej, program Dreamweaver oblicza jego wartość logiczną jako true lub false. Jeśli warunek jest prawdziwy, region opcjonalny pojawia się w dokumencie opartym na szablonie; jeśli jest fałszywy, nie pojawia się.
Wyrażenia można definiować w widoku kodu lub w oknie dialogowym Region opcjonalny podczas wstawiania regionu opcjonalnego.
W widoku kodu istnieją dwa sposoby definiowania wyrażeń szablonu: użycie komentarza <!-- TemplateExpr expr="your expresson"--> lub @@(your expression)@@. Po wstawieniu wyrażenia w kodzie szablonu w widoku Projekt pojawia się znacznik wyrażenia.Po zastosowaniu szablonu program Dreamweaver oblicza\nwyrażenie i wyświetla wartość w dokumencie opartym na szablonie.
Język wyrażeń szablonowych
Język wyrażeń szablonu to mały podzbiór\nJavaScript i używa składni oraz reguł pierwszeństwa JavaScript.Użyj\noperatorów JavaScript, aby napisać wyrażenie podobne do tego:
@@(firstName+lastName)@@
Następujące funkcje i operatory są obsługiwane:
literały numeryczne, literały ciągów (składnia tylko podwójnego cudzysłowu), literały logiczne (true lub false)
odwołanie do zmiennej (zobacz listę zdefiniowanych zmiennych\nw dalszej części tej sekcji)
referencja pola (operator „kropka”)
operatory unarne: +, -, ~, !
operatory binarne: +, -, *, /, %, &, |, ^, &&,\n||, <, <=, >, >=, ==, !=, <<, >>
operatory warunkowe: ?:
nawiasy: ()
Używane są następujące typy danych:\nBoolean, 64-bitowe liczby zmiennoprzecinkowe IEEE, ciąg i obiekt.Szablony programu Dreamweaver nie obsługują\nużycia typów JavaScript „null" lub „undefined".Nie pozwalają również\nna niejawną konwersję typów skalarnych na obiekt; w związku z tym\nwyrażenie \"abc\".length spowodowałoby błąd\nzamiast zwrócenia wartości 3.
Jedynymi dostępnymi obiektami\nsą te zdefiniowane przez model obiektu wyrażenia.Zdefiniowane są następujące\nzmienne:
_document
Zawiera dane szablonu na poziomie dokumentu z polem na każdy parametr w szablonie.
_repeat
Zdefiniowane tylko w przypadku wyrażeń, które pojawiają się wewnątrz regionu powtarzającego się.Zapewnia wbudowane informacje o regionie
_index
Numeryczny indeks (zaczynający się od zera) bieżącego powtórzenia
_numRows
Całkowita liczba powtórzeń w tym powtarzalnym regionie.
_isFirst
Prawda, jeśli bieżący wpis jest pierwszym wpisem w powtarzającym się regionie
_isLast
Prawda, jeśli bieżący wpis jest ostatnim wpisem w swoim powtarzającym się regionie
_prevRecord
Obiekt _repeat dla poprzedniego powtórzenia. Uzyskanie dostępu do tej właściwości w przypadku pierwszego wpisu w regionie jest błędem.
_nextRecord
Obiekt _repeat dla następnego powtórzenia. Dostęp do tej właściwości przy ostatnim wpisie w regionie jest błędem.
_parent
W zagnieżdżonym regionie powtarzającym się daje to obiekt _repeat otaczającego (zewnętrznego) regionu powtarzającego się.Dostęp do tej właściwości poza zagnieżdżonym regionem powtarzającym się jest błędem.
Podczas oceny wyrażenia wszystkie pola obiektu _document i obiektu _repeat są domyślnie dostępne.Na przykład można wprowadzić title zamiast _document.title, aby uzyskać dostęp do parametru tytułu dokumentu.
W przypadku konfliktu pól, pola obiektu _repeat mają pierwszeństwo przed polami obiektu _document.Dlatego zwykle nie ma potrzeby jawnego odwoływania się do _document lub _repeat, z wyjątkiem sytuacji, gdy _document może być potrzebny wewnątrz regionu powtarzającego się w celu odwołania się do parametrów dokumentu, które są ukryte przez parametry regionu powtarzającego się.
Gdy używane są zagnieżdżone powtarzane regiony, tylko pola najbardziej wewnętrznych powtarzanych regionów są dostępne w sposób niejawny. Zewnętrzne regiony musza zawierać jawne odwołania za pomocą obiektu _parent.
Warunek Multiple If w kodzie szablonu
Można zdefiniować wyrażenia szablonu dla warunków if i multiple-if. Ten przykład demonstruje definiowanie parametru o nazwie „Dept", ustawienie wartości początkowej i definiowanie wielokrotnego warunku if, który określa, które logo ma być wyświetlane.
Poniżej znajduje się przykład kodu, który można wprowadzić w sekcji head szablonu:
<!-- TemplateParam name="Dept" type="number" value="1" -->
Poniższa instrukcja warunkowa sprawdza wartość przypisaną do parametru Dept. Gdy warunek jest prawdziwy lub pasuje, wyświetlany jest odpowiedni obraz.
<!-- TemplateBeginMultipleIf -->
<!-- sprawdza wartość Dept i wyświetla odpowiedni obraz-->
<!-- TemplateBeginIfClause cond="Dept == 1" --> <img src=".../sales.gif"> <!-- TemplateEndIfClause -->
<!-- TemplateBeginIfClause cond="Dept == 2" --> <img src=".../support.gif"> <!-- TemplateEndIfClause-->
<!-- TemplateBeginIfClause cond="Dept == 3" --> <img src=".../hr.gif"> <!-- TemplateEndIfClause -->
<!-- TemplateBeginIfClause cond="Dept != 3" --> <img src=".../spacer.gif"> <!-- TemplateEndIfClause -->
<!-- TemplateEndMultipleIf -->
Podczas tworzenia dokumentu opartego na szablonie parametry szablonu są automatycznie do niego przekazywane. Użytkownik szablonu określa, który obraz ma być wyświetlany.
Więcej podobnych
- Tworzenie szablonu programu Dreamweaver
- Modyfikowanie zawartości strony opartej na szablonie
- Tworzenie edytowalnych regionów w szablonach
- Tworzenie regionów powtarzalnych w szablonach
- Używanie regionów opcjonalnych w szablonach
- Definiowanie edytowalnych atrybutów znacznika w szablonach
- Ścieżki względne dokumentu
- Modyfikowanie właściwości szablonu
Tworzenie estetycznych serwisów internetowych w programie Dreamweaver
Projektowanie, pisanie kodu i zarządzanie dynamicznymi serwisami internetowymi za pomocą jednego, kompleksowego narzędzia.