İnteraktif E-Kitap Örnekleri

CHM türündeki e-kitaplar internet sayfası tabanlı olduğundan internet sayfalarında gördüğünüz çok şey derlenmiş kitaplarda çalışır. JavaScript ve Flash bunların başında gelir.

Not: E-kitabınızı HTML Help Workshop ile derlerken bu program sayfa içindeki linkleri arayıp, linklerin gittiği dosyaları da derlenen kitaba otomatik olarak kitaba ekliyor. JavaScript ve resim dosyaları da bu şekilde ekleniyor. İş JavaScript kodu içinde işaret edilen dosyalara, Flash dosyalarına ve internet sayfası içinde indirme linki olarak verdiğiniz diğer dosyalara gelince, HTML Help Workshop bunu beceremiyor. Bu dosyaları derlerken ortaya çıkan .hhp uzantılı dosyayı NotePad ile açıp el ile ekleyip tekrar derleyebilirsiniz.

Dosyayı NotePad ile açtığınızda aşağıdakine benzer kod görmeniz lazım.

[OPTIONS]
Compatibility=1.1 or later
Compiled file=Tecvid Kitabı.chm
Contents file=Tecvid Kitabı.hhc

[FILES]
tecvid00.htm
tecvid01.htm
tecvid.css
pictures/1.jpg
## buraya daha başka dosya eklenilebilir.

Şimdi, kendi derlediğim örnekleri sunayım. Boyutları 30 KB'tan az olan bu küçük programcıklar, hem hızlı, hem de taşınabilirdir (portable).

Download

İlk sekiz tanesini buradan indirebiliriniz. (64 KB)
Uygulamalı Tecvid Kitabı 4.0'ı aşağıdaki sunuculardan indirebilirsiniz. (92.6 MB)
rapidshare, depositfiles, megaupload, hotfile

Bu e-kitapları açmakla ilgili bir sorun yaşarsanız buraya bakın:

E-Kitap Açılmıyor Sorunu

Açıklamaları

1) Türkçe Karakter Basitleyici
Bozuk karakterli olan ve okunmasında güçlük çekilen e-postaları okunabilir hale getirmeye yarayan bu program aynı zamanda göndermek üzere yazdığınız e-posta metinlerindeki Türkçe karakterleri de gönderdiğiniz kişinin bilgisayarında bozuk görüntülenmemesi için en yakın karşılıklarına çevirebiliyor. Kısacası iki farklı işlemi tek kutuda yapabiliyorsunuz.

2) Günün Yemekleri
Hangi yemeği yapacağına karar veremeyenler için hazırlanmış hoş bir uygulama. Yemek türüne göre tıklayın program size bir yemek önersin.

3) Kili Scientific Calculator
Bir bilimsel hesap makinesi. Türkçe'ye çevirmeye gerek yok zaten.

4) PathGenerator
PathGenerator internet sitesi hazırlayan ve sayfası açıldığında bir şeyin (metin, resim veya her ikisi) istenilen patika boyunca hareket ettirmesine yardımcı olur. Farenizle patikanızı çizin, önizlemesini görün ve beğenirseniz "Kodu Gör" düğmesine basarak sayfanıza ekleyeceğiiniz kodu görüntüleyin.

5) Periyodik Tablo
Elementlerin adını, atom numarasını, keşif yılını, erime kaynama noktasını, atom ağırlığını, öz kütlesini, izotoplarının sayısını, elektronların dağılımını ve son yörünge orbitalini gösteren Türkçe bir periyodik cetvel.

6) Popup Window Generator
İnternette gezerken karşılaştığınız (mesela bu sayfada) bazen sayfanın açılmasıyla açılan, bazen bir linke tıkladığınız zaman açılan, bazen menü çubuğu ve araç çubuğu olmayan, bazen de köşesinden tutup uzatamadığınız "Popup Pencere" denilen pencerelerden siz de sayfanıza koymak istiyorsanız bu programı kullanarak kendinize göre ayarlarınızı yapın "Kodu Göster" düğmesine basıp kopyalayın ve sayfanın tarif edilen yerine yapıştırın.

7) Takvim - Saat
Hoş bir takvim ve saat uygulaması.

8) VML Editor
VML Editor, bir çizim aracıdır. Ancak "Paint"ten farklı olarak burda çizdiğiniz şekillerin kodunu tek tıklamayla görebilirsiniz. HTML belgenizin içinde grafik olsun ama bu belge dışarıdan bir resme ihtiyaç duymasın diyorsanız bu programla şeklinizi çizip kodunuzu belgenizin içine yapıştırarak amacınıza ulaşabilirsiniz.

9) Uygulamalı Tecvid Kitabı'na sesli okumayı durdurma ve devam etme özelliği ekledim.


Daha başka neler yapılabileceğini siz düşünün.

Download

İlk sekiz tanesini buradan indirebiliriniz. (64 KB)
Uygulamalı Tecvid Kitabı 4.0'ı aşağıdaki sunuculardan indirebilirsiniz. (92.6 MB)
rapidshare, depositfiles, megaupload, hotfile

HTML Help Workshop ile Kitap Ayarları

Bu gönderide kitap HTML Help Workshop ile kitap derleme ayrınıtlı olarak anlatılacaktır.

Elinizde aşağıdaki gibi HTML dosyaları varsa bunları HTML Help Workshop ile derleyip tek bir dosya haline getirebilirsiniz. (Bu dosyaları buradan indirebilirsiniz.)

Derlenen dosyanın simgesi sarı renkli soru işareti gibi olur.

Öncelikle HTML Help Workshop programını buradan indirin.

1) HTML Help Workshop programını çalştırın ve yeni bir Project dosyası açın:

2) Karşınıza çıkan pencerede Convert WinHelp Project seçeneğini boş bırakın ve ileri deyin:

3) Sonraki pencerede Browse düğmesine tıklayın ve dosyanızın adını ve kaydedileceği yeri belirtin. HTML dosyalarızla aynı klasör olması tercih edilir. Sonra Aç düğmesine basın. Şimdi tekrar ileri diyebilirsiniz:

4) Bu pencerede bize şimdi kullanmak üzere daha önce bir dosya hazırlayıp hazırlamadığımızı soracak. Biz hazırlamadığımız için seçenekleri boş bırakarak ileri diyeceğiz:

5) Geri gelip bir değişiklik yapmak isteyip istemediğimizi soracak. Biz Sona tıklayalım:

6) Ana pencerenin sol kısmındaki birinci düğmeye tıklayın. Açılan Options penceresindeki Title kısmına pencerenizin adını yazın ve Tamama tıklayın:

7) Sol kısımdaki ikinci düğmeden açılşta hangi sayfanın görüneceğini belirleyin.

8) Şimdi ana pencereden contents sekmesine geçelim. Gelen iki seçenekli pencerede bir değişiklik yapmadan OKa tıklayın ve content dosyasının kaydedileceği yeri belirtin.

9) Heading eklemek içi soldaki düğmelerden ikincisine tıklayın.

10) Bize şu anda heading lazım olmadığı için kullanmaıyoruz. Silemek için sol taraftaki 5. düğme olan silme düğmesine basın. Soldaki üçüncü düğmeyi kullanarak bir page ekleyelim.

11) Açılan pencerede Entry Title kısmına birinci HTML sayfamızın konusunu yazalım. Add düğmesine basarak birinci HTML dosyasının yolunu Browse düğmesiyle belirtin. İki kere Tamama tıklayın ve böylece birinci konu eklenmiş oldu.

12) Bitmiş hali şekildeki gibi olabilir. İsterseniz önceki basamaklarda atladığımız heading ile bu konular için bir nevi kasör yapabilirsiniz. Sol taraftaki altıncı, yedinci ve sekizinci düğmelerle oluşturduğunuz nesneleri aşağı, yukarı, sağa ve sola kaydırabilirsiniz. Geri kalanı teker teker yapabilirsiniz.

13) Daha sonra ana pencerenin File Menüsünden compile seçeneğini seçerek projemizi tamamlamış oluyoruz.

Böylece bitmiş oluyor.

HTML Help Workshop ile Kitap Derleme

Elinizde aşağıdaki gibi HTML dosyaları varsa bunları HTML Help Workshop ile derleyip tek bir dosya haline getirebilirsiniz. (Bu dosyaları buradan indirebilirsiniz.)

Derlenen dosyanın simgesi sarı renkli soru işareti gibi olur.

Öncelikle HTML Help Workshop programını buradan indirin.

1) HTML Help Workshop programını çalştırın ve yeni bir Project dosyası açın:

2) Karşınıza çıkan pencerede Convert WinHelp Project seçeneğini boş bırakın ve ileri deyin:

3) Sonraki pencerede Browse düğmesine tıklayın ve dosyanızın adını ve kaydedileceği yeri belirtin. HTML dosyalarızla aynı klasör olması tercih edilir. Sonra Aç düğmesine basın. Şimdi tekrar ileri diyebilirsiniz:

4) Bu pencerede bize şimdi kullanmak üzere daha önce bir dosya hazırlayıp hazırlamadığımızı soracak. Biz HTML filesi seçip ileri diyeceğiz:

5) Yeni pencerede Add düğmesine basarak HTML sayfanızın yerini gösterin (Alt sayfalar otomatik olarak eklenecektir).

Geri gelip bir değişiklik yapmak isteyip istemediğimizi soracak. Biz Sona tıklayalım:

Yapacağınız bir ayar yoksa ana pencerenin File Menüsünden compile seçeneğini seçerek projemizi tamamlamış oluyoruz.