Na pewno macie na dyskach jakieś potrzebne programy, tapety lub coś podobnego. Jeśli używacie tego rzadko, albo potrzebne jest wam tylko po formatowaniu dysku (np. są to programy instalacyjne), zapiszcie dane na płycie CD-ROM. Możecie powsadzać dane do dowolnych folderów lub zrobić dla nich jakieś menu. Ja przedstawię teraz kilka pomysłów.

Dane w odpowiednich folderach

Jeśli nie chce Ci się pisać specjalnego menu do płyty, powsadzaj dane do odpowiednich folderów. Przykład:
 CD-ROM
 Programy
 Program 1
 Program 2
 Program 3
 Wygaszacze
 Zestaw 1
 Zestaw 2
 Tapety
 Zestaw 1
 Zestaw 2
 Inne

Ikona

Przydatne jest ustawienie ikony płyty. Należy w tym celu umieścić w dowolnym miejscu płyty (najlepiej na katalogu głównym) plik z dowolną ikoną w jednej lub kilku wersjach. W katalogu głównym należy utworzyć plik Autorun.inf, a w nim wpisać:
[autorun]
icon=ikona.ico
Nazwa ikony może być inna, w przypadku zapisania jej w którymś z podkatalogów płyty, należy również zapisać ścieżkę dostępu.

Proste menu HTML

Pokażę wam jak można łatwo i szybko zrobić menu w HTM służące jako spis treści płyty. Gdy na płycie jest takie menu, najlepiej wszystkie dane zapisać do jednego folderu. Można go nazwać programy. Przykład:
 CD-ROM
 Programy
 Program 1
 Program 2
 Gra 1
 Gra 2
 Tapety
 Inne
 Data
 gfx
 htm
 Autorun.inf
 Ikona.ico
 index.htm
W folderze programy zapisywane są wszystkie dane, a w folderze data, pliki menu HTML. Pierwsze dwa pliki są oczywiste. Trzeci plik to strona główna, czyli plik tekstowy z rozszerzeniem *.htm. Należy w nim napisać (lub wkleić) taką treść:
<HTML>
<TITLE>Tytuł okna</TITLE>
<FRAMESET COLS="200,*">
<FRAME SCROLLING="AUTO" NAME="menu" SRC="data/htm/menu.htm">
<FRAME SCROLLING="AUTO" NAME="opis" SRC="data/htm/home.htm" NORESIZE>
</FRAMESET>
<NOFRAMES>
<BODY>
 Tekst dla przeglądarek nie obsługujących ramek.
</BODY>
</NOFRAMES>
</HTML>
Liczba 200 to szerokość lewego menu. Dzięki parametrowi NORESIZE nie można zmienić szerokości menu. Można go usunąć. Tekst dla przeglądarek nie obsługujących ramek w dzisiejszych czasach nie jest już konieczny. Obecnie każda przeglądarka obsługuje ramki. Najlepiej w tym miejscu wstawić tekst "Zainstaluj ponownie Internet Explorer".

W pliku Autorun.inf zapisz taką zawartość:
[autorun]
open=c:\windows\explorer.exe index.htm
icon=ikona.ico
Informacja open definiuje program uruchamiany przy starcie płyty. Jeśli na płycie jest specjalny plik, który trzeba uruchomić na starcie, zapisz w tym miejscu jego relatywną ścieżkę. Powyższy wpis spowoduje uruchomienie Internet Explorer'a i załadowanie do niego pliku index.htm z głównego katalogu płyty. Icon to obrazek ikony płyty.

Kolejny plik, który trzeba utworzyć to menu.htm, który należy zapisać w folderze data\htm. W nim trzeba wpisać:
<HTML>
<HEAD>
<TITLE>Menu</TITLE>
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML; CHARSET=WINDOWS-1250">
</HEAD>
<BODY background="../gfx/menu.jpg" bgcolor="silver" link=blue vlink=blue alink=red>

<a href="sciezka.htm" target=opis>Nazwa programu</a><br>

</BODY>
</HTML>
W znaczniku <BODY> znajduje się kilka elementów. Oto ich opis:
background="../gfx/menu.jpg" - ścieżka dostępu do tła menu. Jeśli chcesz zastosować w menu tło, zapisz je jako plik menu.jpg w folderze data\gfx. Można zrezygnować z tej opcji.
bgcolor="silver" - kolor tła. Może być nazwą koloru w języku angielskim lub trzema liczbami RGB w systemie szesnastkowym poprzedzonymi znakiem #. Przykładowe kolory: white - biały; silver - srebrny; gray - szary; #DDDDDD - jasnoszary.
link="blue" - kolor hiperłącza. Przykładowe kolory: blue - niebieski; red - czerwony; green - zielony; navy - ciemnoniebieski.
vlink="blue" - kolor odwiedzonego hiperłącza.
alink="red" - kolor aktywnego hiperłącza.

Linijka <A href=... definiuje odnośnik do danego programu. W miejsce wpisu sciezka należy wpisać nazwę pliku HTML powiązanego z odpowiednim programem. Najlepiej żeby nazwa nie miała spacji. Zamiast nich można użyć znaku _. Radzę, aby w nazwie były wyłącznie litery alfabetu łacińskiego i cyfry. Odradzam stosowanie polskich znaków. W drugiej części linijki definiuje się nazwę programu, jaka widnieć będzie w oknie przeglądarki.
Całe menu można podzielić na kategorie. Aby wstawić tytuł kategorii należy wpisać:
<H3>Tytuł kategorii<H3>
Zamiast H3 można wpisać H z liczbą od 1 do 6, z tym że 1 oznacza wielką czcionkę, a 6 malutką.

Teraz należy stworzyć stronę główną. W tym celu w pliku home.htm znajdującym się w folderze data/htm, należy wpisać:
<HTML>
<HEAD>
<TITLE>Program</TITLE>
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML; CHARSET=WINDOWS-1250">
</HEAD>
<BODY background="../gfx/tlo.jpg" bgcolor="silver" link=blue vlink=blue alink=red>

 Treść dokumentu HTML.

</BODY>
</HTML>
Tak wygląda strona główna. Ci, którzy znają się na HTML-u mogą pominąć ten akapit. Wartości <BODY> można zmieniać tak, jak w pliku menu.htm. Treść zalecam zostawić pustą.

Teraz trzeba utworzyć pliki do odpowiednich programów. Muszą być kompatybilne z menu. Mamy na przykład w menu taki wpis:
<a href="irfanview.htm" target=opis>IrfanView</a><br>
Aby link działał należy utworzyć plik irfanview.htm. W nim trzeba wpisać kod taki jak w home.htm. Jako treść należy wstawić nazwę programu, opis, link do niego i ew. screen. Jak znasz HTML, wiesz jak to się robi, jak nie, to skorzystaj z szablonu:
<H1>Nazwa programu</H1>
<IMG SRC="../gfx/sciezka.jpg"><BR>
Tutaj wstaw opis programu.<BR>
<a href="../../Programy/irfanview/irfanview.exe" target=opis>Uruchom</a>
Pierwsza linijka to nazwa programu. Druga to opcjonalnie screen. Jego ścieżkę definiuje się w SRC="xx". Trzecia linia to opis programu. Ostatnia to hiperłącze uruchamiające program. Może ono mieć kilka postaci. Najzwyklejsza to taka:
<a href="../../Programy/irfanview/irfanview.exe">Uruchom</a>
Po kliknięciu w link uruchomi się od razu odpowiedni program. Czasami może być to niewygodne, bo np. aby uruchomić program trzeba kilka razy potwierdzić onka dialogowe, a plik tekstowy, HTML lub grafika ładuje się w oknie przeglądarki. Napis Uruchom można zmienić na inny. Będzie on wyświetlany w oknie przeglądarki. Zamiast linku do pliku można utworzyć link do folderu, w którym się znajduje. Należy wtedy wpisać:
<a href="../../Programy/irfanview" target=_blank>Uruchom</a>
W nowym oknie uruchomi się folder nadrzędny. Można, korzystając z JavaScript uruchomić folder w mniejszym oknie bez menu i niepotrzebnych pasków. W tym celu należy wpisać:
<a href="#" onclick="javascript:open('../../Programy/irfanview','','width=400,height=300')">Uruchom</a>
Liczby 400 i 300 to wymiary wewnętrznej części okna. Można też umieścić link do powiązanego z programem projektu logo, którego uruchomienie jest bardzo łatwe. W takim wypadku trzeba dobrze znać się na języku Logo.

Ostatecznie twoja płyta powinna wyglądać mniej więcej tak:
 CD-ROM
 Programy
 Data
 gfx
 irfanview.jpg
 menu.jpg
 tlo.jpg
 htm
 home.htm
 menu.htm
 irfanview.htm
 Autorun.inf
 Ikona.ico
 index.htm


W następnym numerze pokażę, jak można zrobić praktyczne menu do przeglądania tapet, dźwięków itp.

WRIM