R07_01.PDF

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ć:

<HTML>

<HEAD>

<TITLE>Strona testowa</TITLE>

</HEAD>

<BODY>

<H1>Strona testowa</H1>

</BODY>

</HTML>

Ć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

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. Sprawdź, 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 .

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: