İnteraktif CD Nasıl Yapılır ~ Webkolog

Merhaba Webkolog takipçileri,

Bu ay, hepimizin yazılım dergileriyle birlikte gelen o kullanışlı CD'lerden ilham alarak, kendi interaktif CD'lerimizi nasıl hazırlayacağımızı adım adım inceleyeceğiz. Bir CD'yi sürücüye taktığınızda otomatik olarak bir menü veya kurulum ekranının açılması, kullanıcıya kolaylık sağlamanın en etkili yollarından biri. İşte tam da bu noktada, autorun.ini, baslat.bat ve index.html dosyalarının sihrinden faydalanacağız.

Amacımız çok net: CD'mizi taktığımız anda, özel olarak tasarlanmış bir HTML sayfasının açılmasını sağlamak. Bu HTML sayfası üzerinden de kullanıcılarımıza CD'mizin içinde yer alan programlara, belgelere veya diğer tüm içeriklere kolayca erişim imkanı sunacağız. Bu rehberde, kodlarımızı düzenlerken Alleycode HTML Editor'ün bize sunduğu pratik ve hızlı çalışma ortamından faydalanacağım.

Gerekli Dosyaları Hazırlıyoruz

İnteraktif CD'mizin otomatik başlatma özelliğini etkinleştirmek için CD'mizin ana dizininde bulunması gereken üç temel dosyamız var:

autorun.ini: Windows'un otomatik çalıştırma ayarlarını içerir.
baslat.bat: HTML sayfamızı çalıştırmak için görev alacak basit bir toplu iş dosyasıdır.
index.html: CD içeriğini kullanıcılara sunacağımız ana arayüz sayfasıdır.

Bu dosyaları Alleycode HTML Editor'ü kullanarak kolayca oluşturabilir ve düzenleyebilirsiniz. Alleycode'un renkli kodlama ve pratik özellikleri sayesinde işimiz daha da hızlanacak.

autorun.ini Dosyası

Bu dosya, CD sürücüye takıldığında Windows'a ne yapması gerektiğini söyler. İşte içeriği:

[autorun]
OPEN=baslat.bat
ICON=dergi.ico
ACTION=CD İçeriğini Başlat
SHELL\open\command=baslat.bat
SHELL\open=CD İçeriğini Başlat

Bu kodda dikkat etmemiz gerekenler:

OPEN=baslat.bat: CD takıldığında çalıştırılacak ilk dosyanın baslat.bat olduğunu belirtir.
ICON=dergi.ico: CD'mizin bilgisayarımda görünmesini istediğimiz simgeyi tanımlar. Buraya kendi .ico uzantılı ikon dosyanızın adını yazmalısınız. Eğer belirtmezseniz, Windows varsayılan bir CD simgesi kullanır.
ACTION=CD İçeriğini Başlat: CD'ye sağ tıkladığınızda veya otomatik çalıştırma iletişim kutusunda görünecek eylem metnidir.

Alleycode'da yeni bir dosya oluşturup bu içeriği yapıştırdıktan sonra, dosyayı autorun.ini adıyla kaydetmeyi unutmayın.

baslat.bat Dosyası

Bu küçük .bat (batch) dosyası, autorun.ini tarafından çağrılacak ve asıl interaktif sayfamız olan index.html'i açacak olan komutu içerir.

@echo off
start index.html
exit

Burada:

@echo off: Komut istemcisinin gereksiz çıktıları göstermesini engeller, böylece kullanıcıya daha temiz bir deneyim sunarız.
start index.html: Bu komut, index.html dosyasını kullanıcının varsayılan web tarayıcısında açar.
exit: İşlem tamamlandığında komut istemcisini kapatır.

Bu dosyayı da Alleycode'da yeni bir metin dosyası olarak oluşturup baslat.bat adıyla kaydediyorum.

index.html Dosyası

CD'mizin ana yüzü, yani kullanıcılarımızın etkileşim kuracağı HTML sayfası burası. İçerik ve tasarım tamamen sizin yaratıcılığınıza kalmış olsa da, ben temel bir yapı ve şık bir görünüm sunmak için aşağıdaki gibi bir kod hazırladım:

<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Webkolog Dergisi Mayıs 2006 CD İçeriği</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f0f0f0;
            color: #333;
            margin: 0;
            padding: 20px;
            text-align: center;
        }
        .container {
            background-color: #fff;
            margin: 20px auto;
            padding: 30px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            max-width: 800px;
        }
        h1 {
            color: #0056b3;
            margin-bottom: 20px;
        }
        ul {
            list-style-type: none;
            padding: 0;
        }
        li {
            margin-bottom: 10px;
        }
        a {
            color: #007bff;
            text-decoration: none;
            font-weight: bold;
        }
        a:hover {
            text-decoration: underline;
        }
        .footer {
            margin-top: 30px;
            font-size: 0.9em;
            color: #666;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>Webkolog Dergisi Mayıs 2006 CD İçeriğine Hoş Geldiniz!</h1>
        <p>Aşağıdaki linklerden dergimizle birlikte verilen yazılımlara ve özel içeriklere ulaşabilirsiniz:</p>
        <ul>
            <li><a href="Programlar/WinRAR_3-51.exe">WinRAR 3.51 Kurulum Dosyası</a></li>
            <li><a href="Oyunlar/TankSavaslariDemo.exe">Tank Savaşları Demo Oyunu</a></li>
            <li><a href="Makaleler/DirecX_Kurulum.pdf">DirectX Kurulum Rehberi (PDF)</a></li>
            <li><a href="Ekstralar/MasaustuArkaplanlari.zip">Özel Masaüstü Arka Planları</a></li>
            <li><a href="Hakkinda.html">CD Hakkında Bilgi</a></li>
        </ul>
        <p>Tüm içeriğin keyfini çıkarmanız dileğiyle!</p>
    </div>
    <div class="footer">
        <p>&copy; 2006 Webkolog. Tüm hakları saklıdır.</p>
    </div>
</body>
</html>

Alleycode'da yeni bir HTML sayfası açıp bu kodu içine yapıştırabilir ve dilediğiniz gibi düzenleyebilirsiniz. Unutmayın, bu HTML dosyasında belirtilen linkler (örneğin Programlar/WinRAR_3-51.exe), CD'nizin ana dizininde oluşturmanız gereken alt klasörleri ve içerisindeki dosyaları işaret ediyor. Bu klasörleri (Programlar, Oyunlar, Makaleler, Ekstralar gibi) ve içlerindeki dosyaları CD'nizin ana dizininde bulundurduğunuzdan emin olun.

CD'mizi Yazdırma İşlemi

Tüm bu dosyaları ve içindeki içeriklerle birlikte ilgili alt klasörleri hazırladıktan sonra, sıra geldi bunları bir CD'ye yazdırmaya. Elinizdeki herhangi bir CD yazma programını (örneğin Nero Burning ROM veya benzeri bir yazılımı) kullanarak tüm bu klasörleri ve dosyaları CD'nizin ana dizinine bir veri CD'si olarak yazmanız yeterli. CD'yi bilgisayarınıza taktığınızda, Windows otomatik çalıştırma özelliğini algılayacak ve autorun.ini sayesinde baslat.bat çalıştırılarak index.html sayfanız otomatik olarak karşınıza gelecek. İşte bu kadar! Kendi interaktif CD'nizi başarıyla hazırlamış oldunuz.

Bu yöntemle, dağıttığınız CD'lere profesyonel bir dokunuş katabilir, kullanıcıların içeriklerinize çok daha kolay erişmesini sağlayabilirsiniz.

---

Webkolog'u takipte kalın!

Hepinize bol kodlu ve başarılı projeler dilerim!

4 Nisan 2006 Salı