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: 1. Włóż do napędu dyskietkę dołączoną do książki. 2. Wyświetl jej zawartość. 3. Dwukrotnie kliknij plik index.html. Rysunek 7.1. Dokument index.html wyświetlony w przeglądarce 4. 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: 1. Włóż na napędu dyskietkę dołączoną do książki. 2. Wyświetl jej zawartość. 3. Kliknij plik index.htm. 4. Wciśnij i przytrzymaj klawisz Shift. 5. Kliknij plik index.htm prawym przyciskiem myszy. Rysunek 7.2. Wyświetlanie okna Otwórz z 6. 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 7. Po wyświetleniu okna Otwórz z zaznacz aplikację Notepad (rysunek 7.3). 8. Kliknij przycisk OK. 9. 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: 1. 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. 2. Utwórz pusty dokument. 3. Wybierz polecenia File / Import. 4. Po wyświetleniu okna Import wyświetl zawartość dyskietki i zaznacz plik voteus1.swf. Rysunek 7.4. Okno Import z plikiem przeznaczonym do importowania 5. Kliknij przycisk Import (rysunek 7.4). Ćwiczenie 7.4. Wstaw plik voteus1.swf do dokumentu *.html. Sposób wykonania: 1. Wykonaj ćwiczenie 7.3. Rysunek 7.5. Tworzenie strony WWW 2. Wybierz polecenia File / Publish To The Web (rysunek 7.5). 3. Po wyświetleniu okna Export wybierz napęd i folder docelowy. 4. 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. 5. Kliknij widoczny w prawym górnym rogu okna Export przycisk Export. Rysunek 7.6. Ogólne opcje eksportu 6. Po wyświetleniu okna Flash Export kliknij kartę General (rysunek 7.6). Okno to służy do określenia opcji zapisywania publikacji. 7. W lewym dolnym rogu okna oszukaj opcję Use sound behaviors i zaznacz ją. 8. Rozwiń listę Compressions znajdującą się pod opcją Use sound behaviors. 9. Z listy wybierz opcję Highest. 10. Rozwiń znajdującą się na dole okna listę Presets. 11. Z listy wybierz opcję High Quality - Optimized. Rysunek 7.7. Parametry tworzonego dokumentu *.html 12. Kliknij kartę HTML (rysunek 7.7). 13. Sprawdz, czy ustawienia są zgodne z podanymi na rysunku 7.7. 14. 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: 1. Wykonaj ćwiczenie 7.4. Odszukaj utworzone pliki *.html oraz *.swf. 2. Dwukrotnie kliknij plik *.html. Strona WWW z przyciskiem zostanie wyświetlona w przeglądarce. 3. Umieść kursor na przycisku. 4. Kliknij przycisk. Ćwiczenie 7.6. Wyświetl kod strony WWW z interaktywnym przyciskiem. Sposób wykonania: 1. Wykonaj ćwiczenie 7.4. Odszukaj utworzone pliki *.html oraz *.swf. 2. Kliknij plik *.htm. 3. Wciśnij i przytrzymaj klawisz Shift. 4. Kliknij plik *.htm prawym przyciskiem myszy. 5. Z podręcznego menu wybierz polecenie Otwórz z. 6. Po wyświetleniu okna Otwórz z zaznacz aplikację Notepad. 7. Kliknij przycisk OK. 8. Plik zostanie wyświetlony w oknie programu Notatnik. Kod zapisany w pliku ma postać: voteus1