Merhaba Webkolog takipçileri,
Bu yazımda, hepimizin bilgisayar dergileriyle birlikte hediye gelen o kullanışlı CD'lerden ilham alarak, kendi interaktif CD'lerimizi nasıl hazırlayacağımızı adım adım anlatacağım. 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. Bu işi başarmak için 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 PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta charset="UTF-8">
<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>© 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.
Sizlere faydalı bilgiler sunmaya devam edeceğim. Bir sonraki yazımızda görüşmek üzere!
Hepinize iyi günler dilerim!
0 yorum:
Yorum Gönder