Poradnik webdesignera
Strona główna
Uwagi ogólne
Błędy
Przykazania
Artykuły
Linki
Słowo od autorki
Dreamweaver MX - tworzenie plików i szablonów
TWORZENIE NOWYCH PLIKÓW
Z menu "File" wybieramy opcję "New". W oknie "New Document", w kolumnie "Category" podświetlamy "Basic Page", a w kolumnie po prawej zaznaczamy HTML. Klikamy na "Create" i możemy rozpocząć pracę nad naszym dokumentem.
Następnie przechodzimy do ustawienia opcji strony wybierając "Modify", a następnie "Page Preferences".
Title - tytuł strony
Background Image - grafika, która będzie wyświetlana
w tle strony
Background - kolor tła
Text - kolor tekstu
Links - kolor nieodwiedzonych odnośników
Visited Links - kolor odwiedzonych odnośników
Active Links - kolor aktywnych odnośników
Left Margin i Top Margin - szerokość lewego marginesu
i wysokość górnego (tworzy odpowiedni zapis rozumiany przez program Microsoft
Internet Explorer)
Margin Width i Margin Height - szerokość lewego marginesu
i wysokość górnego (tworzy odpowiedni zapis rozumiany przez program Netscape
Navigator)
Aby marginesy naszej strony były prawidłowo wyświetlane przez obie przeglądarki,
trzeba wpisać żądane wartości we wszystkich czterech polach. Jeżeli chcemy,
by nasza strona nie miała żadnych marginesów, należy wpisać 0.
Document Encoding - strona kodowa dokumentu; dla tekstów
w języku polskim wybieramy Central European (ISO-8859-2)
Tracing Image - grafika, która będzie wyświetlana w tle
dokumentu, ale jedynie w trakcie pracy w programie Dreamweaver - gdy otworzymy
plik w przeglądarce, nie będzie ona widoczna
Image Transparency - stopień przeźroczystości "Tracing
Image"
Document Folder - katalog, w którym dokument jest zapisany
(jeżeli jest zapisany)
Site Folder - katalog główny witryny, której częścią
jest tworzony plik
W trakcie ustawiania opcji dokumentu w każdym momencie możemy kliknąć "Apply", by sprawdzić efekty zmian.
Definiowanie zawartości nagłówka dokumentu (element HEAD)
W menu głównym wybieramy "Insert" i "Head Tags". Mamy tutaj do dyspozycji:
Meta - definiowanie znaczników META takich jak: kodowanie
strony, autor czy copyright
Keywords - słowa kluczowe
Description - opis zawartości strony
Refresh - czas, po którym dokument będzie automatycznie
przeładowany lub zostaniemy przeniesieni pod inny adres
Base - zdefiniowanie w jaki sposób będą wyświetlane odnośniki
(w tym samym, nowym oknie, itd.)
Link - zewnętrzne pliki, które mają być podpięte do dokumentu
(np. arkusz zawierający style)
TWORZENIE SZABLONÓW (TEMPLATES)
Możliwość tworzenia szablonów jest ogromnym ułatwieniem, szczególnie
w przypadku rozbudowanych witryn internetowych. Szablon jest plikiem HTML,
który stanowi wzorzec dla wszystkich (lub części) stron danej witryny,
zawierającym takie elementy jak układ strony, grafika, główne menu, tekst,
ustawienia strony (np. stronę kodową, kolory tła, odnośniki do plików
zawierających używane style lub skrypty) oraz obszary edytowalne (fragmenty
dokumentu, które będą się różnić na poszczególnych stronach witryny).
Jeżeli wprowadzimy jakiekolwiek zmiany w szablonie, możemy je automatycznie
zastosować do wszystkich wzorowanych na nim plików.
Oprócz znacznego skrócenia czasu pracy nad witryną, szablony dają nam
także gwarancję, że całość z góry narzuconego kodu będzie dokładnie powielona
na wszystkich stronach, dzięki czemu ich ogólny wygląd będzie jednakowy.
Dla danej witryny możemy zdefiniować dowolną ilość szablonów, zależną
od naszych potrzeb.
W przypadku rozbudowanych serwisów stosujemy różne nagłówki, zdjęcia czy
nawet inny zestaw kolorystyczny dla poszczególnych działów, toteż przygotowanie
odrębnych wzorców znacznie ułatwi nam pracę.
Nowy szablon
Zaczynamy od przygotowania dokumentu zawierającego wszystkie elementy,
które mają się powtarzać na stronach naszej witryny. Następnie z menu
"File" wybieramy "Save as Template", poleceniem "Save As" nadajemy naszemu
szablonowi nazwę (np.: "Główny szablon") i klikamy na "Save".
Definiowanie obszarów edytowalnych
Kolejnym etapem jest określenie obszarów edytowalnych, czyli tych części
dokumentu, których zawartość mamy zamiar zmieniać na podstronach. Wszystkie
obszary poza tymi, które celowo zaznaczymy jako dozwolone do edycji, zostaną
automatycznie zablokowane i dostępne jedynie do odczytu, więc nawet przez
przypadek nie będziemy mogli nic w nich zepsuć. Każdy szablon musi posiadać
przynajmniej jeden obszar edytowalny - w przeciwnym wypadku w plikach
stworzonych na jego podstawie nie będziemy mieli możliwości wprowadzenia
jakichkolwiek zmian oprócz tytułu strony, który Dreamweaver automatycznie
pozostawia jako element edytowalny.
W praktyce: zaznaczamy na ekranie obszar, który chcemy zdefiniować do
edycji (np.: całą tabelę lub jedną z jej komórek), klikamy prawym klawiszem
myszki i wybieramy z menu pozycję "Templates", a następnie "New Editable
Region". Opcja ta jest również dostępna z głównego menu (Insert/Template
Objects/Editable Regions) oraz pod kombinacją klawiszy Ctrl+A+V.
Oczywiście zawsze możemy definiować nowe obszary edytowalne w pliku szablonu
oraz zmieniać zawartość tych zablokowanych - wtedy przy zapisywaniu szablonu
Dreamweaver zapyta, czy chcemy zapisać zmiany we wszystkich plikach opartych
na danym szablonie. Oczywiście zgadzamy się :).
Tworzenie plików opartych na szablonach
Z menu "File" wybieramy "New" i przechodzimy do zakładki "Templates",
w której są wyświetlane wszystkie zdefiniowane szablony. Klikamy na nazwę
szablonu, którego chcemy użyć, zapisujemy plik w odpowiednim katalogu
i zaczynamy pracę nad jego zawartością.
Agnieszka Richter
Zobacz także:
ELEMENT HEAD - miejsce na informacje o dokumencie
Promocja strony - META znaczniki keywords i description
Artykuł został napisany dla Optimus
Pascal S.A. Publikowanie całości lub fragmentów niniejszego artykułu
jest zabronione bez zgody właściciela.