(111)
* Zmiana szerokości i koloru tła strony (114)
* Zmiana istniejącej zawartości i formatowania (115)
* Wstawianie obrazów tymczasowych (118)
* Wstawianie tekstu tymczasowego (119)
* Edycja stopki (119)
* Testowanie zgodności przeglądarki (120)
6. Kaskadowe arkusze stylów (CSS) (122)
* Tematyka lekcji (122)
* Podgląd ukończonego projektu (124)
* Obsługa panelu CSS Styles (Style CSS) (124)
* Tworzenie nowej reguły CSS (128)
* Tworzenie interaktywnego menu (133)
* Modyfikowanie zachowań łączy (136)
* Tworzenie sztucznych kolumn (139)
* Przenoszenie reguł do zewnętrznych arkuszy stylów (141)
* Tworzenie arkusza stylów na potrzeby innych nośników (142)
7. Tworzenie szablonów (150)
* Tematyka lekcji (150)
* Przegląd ukończonego projektu (152)
* Tworzenie szablonów na podstawie gotowych układów strony (153)
* Tworzenie regionów edytowalnych (155)
* Tworzenie stron potomnych (156)
* Aktualizacja szablonu (159)
* Biblioteki (162)
* Dołączenia po stronie serwera (167)
8. Praca z tekstem, listami i tabelami (176)
* Tematyka lekcji (176)
* Przegląd ukończonego projektu (178)
* Importowanie materiału tekstowego z innych źródeł (180)
* Tworzenie nagłówków (181)
* Tworzenie list (183)
* Tworzenie wcięć tekstu (185)
* Tworzenie tabel (188)
* Sprawdzanie pisowni w dokumencie (202)
* Wyszukiwanie i zastępowanie tekstu (203)
9. Elementy graficzne (208)
* Tematyka lekcji (208)
* Podstawy grafiki WWW (210)
* Przegląd ukończonego projektu (214)
* Wstawianie zdjęć (215)
* Dostosowanie położenia obrazu za pomocą klas CSS (217)
* Praca z panelem Insert (Wstaw) (219)
* Program Adobe Bridge (220)
* Wstawianie plików o niezgodnych formatach (222)
* Inteligentne obiekty programu Photoshop (225)
* Kopiowanie i wklejanie grafiki z programu Fireworks i Photoshop (227)
* Wstawianie obrazów metodą przeciągnij i upuść (229)
* Korzystanie z panelu Properties (Właściwości) do pracy z grafiką (230)
10. Nawigacja (234)
* Tematyka lekcji (234)
* Podstawy łączy hipertekstowych (236)
* Przegląd ukończonego projektu (237)
* Łącza do stron należących do tego samego serwisu (240)
* Tworzenie łączy w postaci elementu graficznego (243)
* Tworzenie łączy do stron zewnętrznych (244)
* Tworzenie łączy e-mail (245)
* Łącza w obrębie strony (247)
* Tworzenie paska menu Spry (250)
* Umieszczanie menu Spry jako elementu biblioteki (268)
* Sprawdzanie strony (272)
11. Projektowanie interaktywnych stron WWW (276)
* Tematyka lekcji (276)
* Kilka informacji o zachowaniach programu Dreamweaver (278)
* Przegląd ukończonego projektu (279)
* Stosowanie zachowań programu Dreamweaver (281)
* Tworzenie paneli harmonijkowych Spry (287)
12. Praca z obiektami programu Flash (294)
* Tematyka lekcji (294)
* Zrozumieć technologię Flash (296)
* Przegląd ukończonego projektu (296)
* Umieszczanie animacji Flash na stronie WWW (297)
* Wyświetlanie filmów wideo przy użyciu technologii Flash (301)
13. Projektowanie formularzy (306)
* Tematyka lekcji (306)
* Przegląd ukończonego projektu (308)
* Ogólne informacje o formularzach (310)
* Umieszczenie formularza na stronie (311)
* Wstawianie pól tekstowych (313)
* Tworzenie pól wyboru (322)
* Przyciski opcji (324)
* Tworzenie list (327)
* Tworzenie przycisku wysyłania danych (329)
* Określanie operacji formularza (331)
* Przesyłanie danych za pomocą poczty elektronicznej (333)
* Projektowanie stylów dla formularzy (337)
14. Praca z danymi on-line (342)
* Tematyka lekcji (342)
* Tworzenie dynamicznej treści (344)
* Przegląd ukończonego projektu (344)
* Dołączanie danych HTML oraz XML (346)
* Wybór modelu serwera (356)
* Konfiguracja lokalnego serwera (358)
* Konfiguracja serwera testowego (358)
* Tworzenie aplikacji wykorzystujących bazy danych (361)
15. Tworzenie dynamicznych stron WWW (370)
* Tematyka lekcji (370)
* Tworzenie stron WWW za pomocą ASP, ColdFusion oraz PHP (372)
* Tworzenie zestawów stron macierzystych i szczegółowych (381)
* Tworzenie strony szczegółowej (393)
16. Praca z kodem (398)
* Tematyka lekcji (398)
* Przegląd narzędzi trybu Code (Kod) (400)
* Zaznaczanie kodu (401)
* Zwijanie kodu (402)
* Rozwijanie kodu (403)
* Dodawanie nowego kodu (404)
* Korzystanie z narzędzia Code Navigator (Nawigator kodu) (406)
* Dostęp do trybu Live Code (Aktywny kod) (407)
* Korzystanie z trybu inspekcji (409)
* Praca z plikami powiązanymi (410)
* Włączanie trybu Split Code (Podziel kod) (411)
* Tworzenie komentarzy (411)
17. Publikowanie strony w internecie (414)
* Tematyka lekcji (414)
* Konfigurowanie zdalnego serwisu (416)
* Maskowanie folderów i plików (423)
* Czynności końcowe (425)
* Publikowanie strony w internecie (428)
* Synchronizacja serwisów lokalnych i zdalnych (431)
Skorowidz (434)
Fragment książki:
Rozwiń >>
Dostosowywanie paneli harmonijkowych Spry
Podobnie jak inne obiekty typu Spry, również panele harmonijkowe są połączone
z arkuszami CSS. W kolejnym ćwiczeniu zmodyfikujesz wygląd paneli i zmienisz kolorystykę
zakładek.
1 Umieść kursor w etykiecie zakładki At Home i sprawdź, jakie znaczniki i w jakiej
kolejności wyświetlone są w dolnej części okna dokumentu.
Zakładki są sformatowane za pomocą klasy .AccordionPanelTab.
2 Odszukaj arkusz stylów SpryAccordion.css w panelu CSS Styles (Style CSS) i wyświetl
jego zawartość. Kliknij dwukrotnie regułę .AccordionPanelTab, aby ją edytować.
3 Wpisz 120% w polu Font-size w kategorii Type (Typ), zaś w polu Color wpisz #FFC.
4 Wybierz kategorię Background (Tło). W polu Background-color zmień kolor
na #090.
Kliknij przycisk Browse (Przeglądaj) znajdujący się obok pola Background-image
i wybierz plik background.jpg.
Wybierz opcję repeat-x z listy Background-repeat.