Wybierz polecenie Narzędzia > Zarządzaj czcionkami.
- Podręcznik użytkownika programu Dreamweaver
- Wprowadzenie
- Program Dreamweaver a platforma Creative Cloud
- Synchronizowanie ustawień programu Dreamweaver z chmurą Creative Cloud
- Biblioteki Creative Cloud w programie Dreamweaver
- Używanie plików programu Photoshop w programie Dreamweaver
- Praca z programami Adobe Animate oraz Dreamweaver
- Wydzielanie przygotowanych do wyświetlania w Internecie plików SVG z bibliotek
- Przestrzenie robocze i widoki w programie Dreamweaver
- Konfigurowanie serwisów
- Informacje o serwisach programu Dreamweaver
- Konfigurowanie lokalnej wersji serwisu
- Nawiązywanie połączenia z serwerem publikacji
- Konfigurowanie serwera testowego
- Importowanie i eksportowanie ustawień serwisu programu Dreamweaver
- Przenoszenie istniejących serwisów z serwera zdalnego do lokalnego katalogu głównego serwisu
- Funkcje ułatwień dostępu w programie Dreamweaver
- Ustawienia zaawansowane
- Ustawianie preferencji serwisu dotyczących transferu plików
- Określanie ustawień serwera proxy w programie Dreamweaver
- Synchronizowanie ustawień programu Dreamweaver z chmurą Creative Cloud
- Korzystanie z systemu Git w programie Dreamweaver
- Zarządzanie plikami
- Tworzenie i otwieranie plików
- Zarządzanie plikami i folderami
- Odbieranie plików i wysyłanie ich na serwer
- Pobieranie plików do edycji i odkładanie ich na serwer
- Synchronizacja plików
- Porównywanie plików w poszukiwaniu różnic
- Maskowanie plików i folderów w serwisie programu Dreamweaver
- Włączanie funkcji Uwagi do projektu w serwisach programu Dreamweaver
- Zapobieganie potencjalnemu obejściu funkcji Gatekeeper
- Układ i projekt
- Korzystanie z wizualnych pomocy do układu
- Informacje o tworzeniu układu strony za pomocą stylów CSS
- Projektowanie elastycznych serwisów WWW z użyciem struktury Bootstrap
- Tworzenie i używanie zapytań o media w programie Dreamweaver
- Prezentacja zawartości za pomocą tabel
- Kolory
- Tworzenie reagujących projektów za pomocą układów elastycznej siatki
- Narzędzie Extract w programie Dreamweaver
- CSS
- Podstawowe informacje o stylach CSS
- Tworzenie układu strony za pomocą panelu Projektant CSS
- Korzystanie z preprocesorów CSS w programie Dreamweaver
- Ustawianie preferencji stylów CSS w programie Dreamweaver
- Przenoszenie reguł CSS w programie Dreamweaver
- Konwertowanie stylu CSS wewnątrz znacznika na regułę CSS w programie Dreamweaver
- Posługiwanie się znacznikami DIV
- Stosowanie gradientów na tło
- Tworzenie i edytowanie efektów przejść CSS3 w programie Dreamweaver
- Formatowanie kodu
- Zawartość strony i zasoby
- Ustawianie właściwości strony
- Ustawianie właściwości CSS dla nagłówków i łączy
- Praca z tekstem
- Znajdowanie i zastępowanie tekstu, znaczników i atrybutów
- Panel DOM
- Edytowanie w widoku aktywnym
- Kodowanie znaków dokumentu w programie Dreamweaver
- Zaznaczanie i wyświetlanie elementów w oknie Dokument
- Ustawianie właściwości tekstu na panelu Inspektor właściwości
- Sprawdzanie pisowni na stronie internetowej
- Używanie linii poziomych w programie Dreamweaver
- Dodawanie i modyfikowanie kombinacji czcionek w programie Dreamweaver
- Praca z zasobami
- Wstawianie i aktualizowanie dat w programie Dreamweaver
- Tworzenie list ulubionych zasobów w programie Dreamweaver i zarządzanie nimi
- Wstawianie i edytowanie obrazów w programie Dreamweaver
- Dodawanie obiektów multimedialnych
- Dodawanie zawartości wideo w programie Dreamweaver
- Wstawianie wideo HTML5
- Wstawianie plików SWF
- Dodawanie efektów dźwiękowych
- Wstawianie obiektów audio HTML5 w programie Dreamweaver
- Praca z elementami bibliotek
- Stosowanie pisma arabskiego i hebrajskiego w programie Dreamweaver
- Łączenie i przeglądanie
- Efekty i widgety jQuery
- Tworzenie kodu serwisów WWW
- Informacje o tworzeniu kodu w programie Dreamweaver
- Środowisko programistyczne w programie Dreamweaver
- Ustawianie preferencji kodowania
- Dostosowywanie ustawień kolorowania kodu
- Pisanie i edytowanie kodu
- Podpowiedzi i uzupełnianie kodu
- Zwijanie i rozwijanie kodu
- Ponowne wykorzystywanie fragmentów kodu za pomocą funkcji Urywki
- Linting: oczyszczanie kodu z błędów
- Optymalizacja kodu
- Edytowanie kodu w widoku Projekt
- Praca z zawartością znacznika HEAD strony
- Wstawianie dołączeń po stronie serwera w programie Dreamweaver
- Korzystanie z bibliotek znaczników w programie Dreamweaver
- Importowanie własnych znaczników do programu Dreamweaver
- Używanie zachowań JavaScript (instrukcje ogólne)
- Stosowanie wbudowanych zachowań JavaScript
- Omówienie języków XML i XSLT
- Wykonywanie transformacji XSL po stronie serwera w programie Dreamweaver
- Wykonywanie przekształceń XSL po stronie klienta w programie Dreamweaver
- Dodawanie encji znaków w kodzie XSLT w programie Dreamweaver
- Formatowanie kodu
- Obiegi pracy związane z wieloma produktami
- Instalowanie i używanie rozszerzeń programu Dreamweaver
- Aktualizacje w aplikacji w programie Dreamweaver
- Wstawianie dokumentów Microsoft Office w programie Dreamweaver (tylko Windows)
- Praca z programami Fireworks i Dreamweaver
- Edycja zawartości w stronach programu Dreamweaver za pomocą aplikacji Contribute
- Integracja programu Dreamweaver z aplikacją Business Catalyst
- Tworzenie spersonalizowanych kampanii rozsyłanych pocztą elektroniczną
- Szablony
- Informacje o szablonach programu Dreamweaver
- Rozpoznawanie szablonów oraz dokumentów opartych na szablonach
- Tworzenie szablonu programu Dreamweaver
- Tworzenie edytowalnych regionów w szablonach
- Tworzenie powtarzalnych regionów i tabel w programie Dreamweaver
- Używanie regionów opcjonalnych w szablonach
- Definiowanie edytowalnych atrybutów znacznika w programie Dreamweaver
- Tworzenie zagnieżdżonych szablonów w programie Dreamweaver
- Edytowanie, aktualizowanie i usuwanie szablonów
- Eksportowanie i importowanie zawartości XML w programie Dreamweaver
- Stosowanie szablonu lub usuwanie go z istniejącego dokumentu
- Edycja zawartości w szablonach programu Dreamweaver
- Reguły składni dla znaczników szablonu w programie Dreamweaver
- Ustawianie preferencji podświetlenia dla regionów szablonów
- Korzyści wynikające z używania szablonów w programie Dreamweaver
- Urządzenia mobilne i obsługa wielu ekranów
- Dynamiczne serwisy, strony i formularze WWW
- Podstawowe informacje o aplikacjach internetowych
- Konfigurowanie komputera do programowania aplikacji
- Rozwiązywanie problemów z połączeniami z bazą danych
- Usuwanie skryptów połączenia w programie Dreamweaver
- Projektowanie stron dynamicznych
- Omówienie źródeł zawartości dynamicznej
- Definiowanie źródeł zawartości dynamicznej
- Dodawanie dynamicznej zawartości do stron
- Modyfikowanie dynamicznej zawartości w programie Dreamweaver
- Wyświetlanie rekordów z bazy danych
- Udostępnianie aktywnych danych w programie Dreamweaver oraz rozwiązywanie problemów z takimi danymi
- Dodawanie własnych zachowań serwerowych w programie Dreamweaver
- Tworzenie formularzy w programie Dreamweaver
- Zbieranie informacji od użytkowników za pomocą formularzy
- Tworzenie oraz włączanie formularzy ColdFusion w programie Dreamweaver
- Tworzenie formularzy WWW
- Rozszerzona obsługa elementów formularza w języku HTML5
- Tworzenie formularzy za pomocą programu Dreamweaver
- Tworzenie aplikacji metodą graficzną
- Tworzenie stron wzorca i szczegółów w programie Dreamweaver
- Tworzenie stron wyszukiwania i wyników
- Tworzenie strony wstawiania rekordów
- Tworzenie strony uaktualniania rekordów w programie Dreamweaver
- Tworzenie stron usuwania rekordów w programie Dreamweaver
- Używanie poleceń ASP do modyfikacji bazy danych w programie Dreamweaver
- Tworzenie strony rejestracji
- Tworzenie strony logowania
- Tworzenie strony, do której dostęp będą mieli tylko uwierzytelnieni użytkownicy
- Zabezpieczanie folderów w aplikacji ColdFusion za pomocą programu Dreamweaver
- Korzystanie ze składników ColdFusion w programie Dreamweaver
- Testowanie, podgląd i publikacja serwisów WWW
- Rozwiązywanie problemów
Okno dialogowe Zarządzaj czcionkami umożliwia dodawanie i modyfikowanie kombinacji czcionek w programie Dreamweaver.
Od 1 lipca 2022 r. czcionki Adobe Edge Web Fonts zostaną wycofane z programu Dreamweaver w wersji 21.2 i wcześniejszych. Jeśli używasz czcionek Edge Web Fonts w swoich serwisach, możesz je zastąpić czcionkami Adobe Fonts lub dowolnymi innymi czcionkami.
Kombinacje czcionek decydują o tym, w jaki sposób przeglądarka wyświetla tekst na twojej stronie WWW. Przeglądarka użyje pierwszej czcionki z listy kombinacji, która będzie zainstalowana w systemie użytkownika. Jeżeli nie będzie zainstalowana żadna czcionka z kombinacji, to przeglądarka wyświetli tekst zgodnie z preferencjami użytkownika.
Dodawanie czcionek z biblioteki Adobe Edge Web Fonts do listy Czcionka
Na stronach WWW można używać czcionek Adobe Edge Web Fonts. Użycie czcionki Edge na stronie wiąże się z dodaniem do kodu strony dodatkowego skryptu, zawierającego odwołanie do pliku JavaScript. Jest to plik pobierający czcionkę bezpośrednio z serwera Creative Cloud do bufora przeglądarki.
Podczas wyświetlania strony czcionki są pobierane z serwera Creative Cloud, nawet jeśli dana czcionka jest dostępna w komputerze użytkownika.
Poniżej znajduje się przykład znacznika Script, który używa tylko czcionki „Abel”:
<!--Następujący znacznik Script pobiera czcionkę z serwera usługi Adobe Edge Web Fonts, aby można jej było użyć na tej stronie WWW. Zaleca się niemodyfikowanie tego znacznika.-->
<script>var adobewebfontsappname ="dreamweaver"</script>
<script src="http://use.edgefonts.net/abel:n4:default.js" type="text/javascript"></script>
-
Zakładka Czcionki Adobe Edge wyświetla wszystkie czcionki Adobe Edge Web Fonts, które można dodać do listy Czcionka.
-
Aby odszukać czcionki i dodać je do listy Czcionka, wykonaj następujące czynności:
- Kliknij czcionkę, którą chcesz dodać do listy czcionek.
- Aby usunąć zaznaczenie czcionki, kliknij ją ponownie.
- Skorzystaj z filtrów, aby ograniczyć wyświetlanie do preferowanych czcionek. Można na przykład wybrać wyświetlanie tylko czcionek szeryfowych, klikając ikonę .
- Można używać wielu filtrów naraz. Aby na przykład wyświetlić listę ograniczoną do czcionek szeryfowych, których można używać w akapitach, kliknij ikony oraz .
- Aby wyszukać czcionkę według nazwy, wpisz odpowiednią nazwę w pole wyszukiwania.
-
Kliknij ikonę , aby przefiltrować zaznaczone czcionki.
-
Kliknij przycisk Gotowe.
Otwórz listę Czcionka w dowolnym miejscu programu. Może to być np. lista Czcionka w sekcji CSS panelu Właściwości.
Na liście Czcionka na początku umieszczone są stosy czcionek programu Dreamweaver, a za nimi czcionki internetowe. Przewiń listę, aby odnaleźć wybrane czcionki.
Dodawanie lokalnych czcionek internetowych do listy Czcionka
Lokalne czcionki internetowe z własnego komputera można dodawać do listy Czcionka w programie Dreamweaver. Dodane czcionki będą widoczne we wszystkich menu Czcionka w programie Dreamweaver. Obsługiwane są czcionki następujących typów: EOT, WOFF, TTF oraz SVG.
-
Wybierz polecenie Narzędzia > Zarządzaj czcionkami.
-
W oknie dialogowym Zarządzaj czcionkami wybierz opcję Lokalne czcionki internetowe.
-
Kliknij przycisk Przeglądaj odpowiadający typowi czcionki, która ma zostać dodana. Na przykład jeśli chcesz dodać czcionkę w formacie EOT, kliknij przycisk Przeglądaj dla pozycji Czcionka EOT.
-
Przejdź do lokalizacji czcionki na swoim komputerze. Wybierz plik i otwórz go. Jeśli w danej lokalizacji istnieją inne formaty tej samej czcionki, to zostaną automatycznie dodane do okna dialogowego. Nazwa czcionki jest również uzyskiwana automatycznie z pliku czcionki.
-
Zaznacz opcję, która zawiera prośbę o potwierdzenie, że masz licencję na używanie danej czcionki w serwisie WWW.
-
Kliknij przycisk Gotowe.
Lista czcionek jest wyświetlana w polu Bieżąca lista lokalnych czcionek internetowych.
Aby usunąć czcionkę internetową z listy czcionek, zaznacz ją na liście Bieżąca lista lokalnych czcionek i kliknij opcję Usuń.
Tworzenie niestandardowych stosów czcionek
Stos czcionek to lista czcionek w deklaracji font-family stylu CSS.
-
Wybierz polecenie Narzędzia > Zarządzaj czcionkami, a następnie opcję Niestandardowe stosy czcionek.
-
Wybierz kombinację czcionek z listy na górze okna dialogowego.
Czcionki z wybranej kombinacji będą wyświetlane na liście Wybrane czcionki po lewej stronie tego okna dialogowego. Po prawej stronie znajduje się lista wszystkich dostępnych czcionek, zainstalowanych na tym komputerze.
-
Wykonaj jedną z następujących czynności:
Aby dodać lub usunąć czcionki z kombinacji, użyj przycisków strzałek (<< lub >>) między listą Wybrane czcionki a listą Dostępne czcionki.
Aby dodać lub usunąć kombinację czcionek, kliknij przycisk Plus (+) lub Minus (-) na górze okna dialogowego.
Aby dodać czcionkę niezainstalowaną na tym komputerze, wpisz nazwę tej czcionki w polu tekstowym pod listą Dostępne czcionki. Kliknij przycisk <<, aby dodać ją do kombinacji. Dodanie czcionki niezainstalowanej na komputerze może być przydatne np. wtedy, gdy chcesz wybrać czcionkę dostępną tylko w systemie Windows, a pracujesz nad stronami na komputerze Macintosh.
Aby przenieść kombinację czcionek w górę lub w dół listy, użyj przycisków strzałek na górze okna dialogowego.
Dodawanie nowej kombinacji do listy czcionek
-
Wybierz polecenie Narzędzia > Zarządzaj czcionkami.
-
Wybierz czcionkę z listy Dostępne czcionki i kliknij przycisk <<, aby przenieść ją na listę Wybrane czcionki.
-
Powtórz krok 2 dla każdej kolejnej czcionki w kombinacji.
Aby dodać czcionkę niezainstalowaną na tym komputerze, wpisz nazwę tej czcionki w polu tekstowym pod listą Dostępne czcionki. Kliknij przycisk <<, aby dodać ją do kombinacji. Dodanie czcionki niezainstalowanej na komputerze może być przydatne np. wtedy, gdy chcesz wybrać czcionkę dostępną tylko w systemie Windows, a pracujesz nad stronami na komputerze Macintosh.
-
Gdy zakończysz wybieranie konkretnych czcionek, wybierz ogólną rodzinę czcionek z menu Dostępne czcionki i kliknij przycisk <<, aby dodać ją do listy Wybrane czcionki.
Ogólne rodziny czcionek to Cursive (kursywa), Fantasy (fantazyjna), Monospace (o stałej szerokości), Sans-Serif (bezszeryfowa) oraz Serif (z szeryfami). Jeżeli żadna z czcionek na liście Wybrane czcionki nie będzie dostępna w systemie użytkownika, tekst zostanie wyświetlony domyślną czcionką, skojarzoną z tą ogólną rodziną czcionek. Np. domyślną czcionką o stałej szerokości jest w większości systemów czcionka Courier.
Podgląd wstawionych czcionek
W widoku Projekt nie można wyświetlić podglądu czcionek Edge i czcionek internetowych. Aby je zobaczyć, należy przejść do widoku aktywnego lub wyświetlić podgląd strony w przeglądarce.
Aktualizowanie znacznika Script czcionek internetowych we wszystkich plikach
Po uaktualnieniu czcionki w pliku CSS, który jest powiązany z wieloma plikami HTML, program wyświetli monit o aktualizację znacznika Script w takich powiązanych plikach HTML. Kliknięcie przycisku Aktualizuj spowoduje uaktualnienie znaczników Script we wszystkich plikach HTML, których dotyczy zmiana.
Aktualizowanie znacznika Script czcionek internetowych na stronie
Wybierz polecenie Narzędzia > Oczyść znacznik Script czcionek internetowych (bieżąca strona), aby uaktualnić te czcionki internetowe użyte na stronie, które nie są uwzględnione w znaczniku Script.