Rozdział 7. Wstawianie plików *.swf do dokumentu *.html Ćwiczenie 7.1. Wyświetl w przeglądarce stron WWW dokument w formacie *.html. Sposób wykonania: Włóż do napędu dyskietkę dołączoną do książki. Wyświetl jej zawartość. Dwukrotnie kliknij plik index.html. Rysunek 7.1. Dokument index.html wyświetlony w przeglądarce
Plik zostanie wyświetlony w oknie przeglądarki (rysunek 7.1). Ćwiczenie 7.2. Wyświetl kod pliku index.html w Notatniku. Sposób wykonania: Włóż na napędu dyskietkę dołączoną do książki. Wyświetl jej zawartość. Kliknij plik index.htm. Wciśnij i przytrzymaj klawisz Shift. Kliknij plik index.htm prawym przyciskiem myszy. Rysunek 7.2. Wyświetlanie okna Otwórz z
Z podręcznego menu wybierz polecenie Otwórz z (rysunek 7.2). Rysunek 7.3. Wybieranie aplikacji, w której zostanie otworzony plik index.html
Po wyświetleniu okna Otwórz z zaznacz aplikację Notepad (rysunek 7.3). Kliknij przycisk OK. Plik zostanie wyświetlony w oknie programu Notatnik. Kod zapisany w pliku index.html ma postać:
Strona testowa
Strona testowa
Ćwiczenie 7.3. Wczytaj plik voteus1.swf z dołączonej do książki dyskietki. Sposób wykonania: Plik jest zapisany w formacie *.swf. Corel R.A.V.E. może plik w takim formacie importować do uprzednio utworzonego dokumentu. Uruchom program Corel R.A.V.E. Utwórz pusty dokument. Wybierz polecenia File / Import. Po wyświetleniu okna Import wyświetl zawartość dyskietki i zaznacz plik voteus1.swf. Rysunek 7.4. Okno Import z plikiem przeznaczonym do importowania
Kliknij przycisk Import (rysunek 7.4). Ćwiczenie 7.4. Wstaw plik voteus1.swf do dokumentu *.html. Sposób wykonania: Wykonaj ćwiczenie 7.3. Rysunek 7.5. Tworzenie strony WWW
Wybierz polecenia File / Publish To The Web (rysunek 7.5). Po wyświetleniu okna Export wybierz napęd i folder docelowy. Zaznacz opcję Web_safe_filenames. W tym przypadku jest to zbędne (w nazwie pliku nie ma spacji). Istotne jest jednak nabranie dobrych przyzwyczajeń. W większych projektach nie zawsze pamiętamy o zmianie nazw plików na rozpoznawane przez przeglądarki. Zaznaczenie opcji powoduje automatyczne sprawdzenie, a w razie potrzeby także zmianę nazw tworzonych plików. Kliknij widoczny w prawym górnym rogu okna Export przycisk Export. Rysunek 7.6. Ogólne opcje eksportu
Po wyświetleniu okna Flash Export kliknij kartę General (rysunek 7.6). Okno to służy do określenia opcji zapisywania publikacji. W lewym dolnym rogu okna oszukaj opcję Use sound behaviors i zaznacz ją. Rozwiń listę Compressions znajdującą się pod opcją Use sound behaviors. Z listy wybierz opcję Highest. Rozwiń znajdującą się na dole okna listę Presets. Z listy wybierz opcję High Quality - Optimized. Rysunek 7.7. Parametry tworzonego dokumentu *.html
Kliknij kartę HTML (rysunek 7.7). Sprawdź, czy ustawienia są zgodne z podanymi na rysunku 7.7. Kliknij przycisk OK. Dokument zostanie wyeksportowany. W folderze docelowym pojawią się dwa pliki, *.html oraz *.swf. Plik *.html to strona WWW szkielet publikacji. Plik *.swf to przycisk rollover. Ćwiczenie 7.5. Obejrzyj stronę WWW z interaktywnym przyciskiem. Sposób wykonania: Wykonaj ćwiczenie 7.4. Odszukaj utworzone pliki *.html oraz *.swf. Dwukrotnie kliknij plik *.html. Strona WWW z przyciskiem zostanie wyświetlona w przeglądarce. Umieść kursor na przycisku. Kliknij przycisk. Ćwiczenie 7.6. Wyświetl kod strony WWW z interaktywnym przyciskiem. Sposób wykonania: Wykonaj ćwiczenie 7.4. Odszukaj utworzone pliki *.html oraz *.swf. Kliknij plik *.htm. Wciśnij i przytrzymaj klawisz Shift. Kliknij plik *.htm prawym przyciskiem myszy. Z podręcznego menu wybierz polecenie Otwórz z. Po wyświetleniu okna Otwórz z zaznacz aplikację Notepad. Kliknij przycisk OK. Plik zostanie wyświetlony w oknie programu Notatnik.