Có nhiều bác muốn chia sẻ cách làm ebook để tự làm, vậy nay
tôi sẽ trình bày cách tạo các ebook (như những ebook mình đã làm để chia sẻ với
các bác, do có khá nhiều vấn đề nên tôi sẽ trình bày từ từ, các bác đừng sốt
ruột nhé.
Bước 1. Chuẩn bị game để làm ebook:
1. Định dạng game: UBB, đây là định dạng để trình bày bàn cờ
động dongping, định dạng mà trang dpxq.com sử dụng. Để có các game ở định dạng
này, có 2 nguồn chính, một là dữ liệu cờ trên trang dpxq.com hoặc bất cứ đâu có
bàn cờ dạng dongping, cách lấy như sau:
lúc này ta được một đoạn code UBB, đây chính là dữ liện một
game
www_dpxq_com
500,350
9999259959990799848770999999995128999932405299999919994899999999
110514
2008-11-3 12:19:00
2008-11-3 12:19:00
B其他的杀着-第45局
844440304440303187813241403031305150
0
9
全局
慢棋
象棋谱大全-近现代残排局
象棋杀着大全
27其他类
0000-00-00
1910
973160
象棋谱大全
象棋谱大全
红胜
http%3A//dpxq.com/%0D%0Ahttp%3A//dpxq.com/hldcg/search/
www.dpxq.com
Một nguồn nữa cũng có thể lấy được code game dạng UBB chính
là CCBridge, các bạn mở từng ván cờ ra và vào menu "Xuất dữ liệu",
chọn Menuitem thứ 2, có chữ UBB ấy, ở đây tôi nói CCBridge đã việt hoá bởi
"Đời mây trắng" ấy.
Tất nhiên đây là cách thủ công, sẽ mất khá nhiều thời gian.
Như vậy phần lấy game dạng UBB đã ok chưa các bác? bác nào
còn thắc mắc chỗ nào thì cứ hỏi nhé.
Bước 2. Tạo các file html có bàn cờ động
Để tạo file ebook dạng chm thì chúng ta phải tạo ra các file
html làm nội dung của ebook.
1. Các bác download
(http://www.mediafire.com/?597fpqkqa6gv1b4) cái này về, giải nén ra được 2 file
XQBase.htm và XQBase.js, file XQBase.js chính là file javascript để trình bày
game UBB, cái này tôi đã việt hoá gần hết, nếu bác nào muốn lấy file triếng trung
thì lên tiếng, tôi gửi cho. Các bác tạo một folder chứa các file html sẽ tạo
(Chẳng hạn "Contents", gọi là thư mục gốc), trong folder này tạo một
folder con, chẳng hạn "XQBase", copy 2 file vừa giải nén được vào
folder con đó, vậy là khâu chuẩn bị đã OK, chuẩn bị làm web html nhé các bác.
2. Trong thư mục gốc, tạo một file Game01.html, dùng một
trình soạn html nào đó, hay đơn giản là Notepad hoặc tốt nhất là Notepad++ mở
file đó lên (tất nhiên là chưa có gì), chuyển sang chế độ Charset là
"Encode in UTF-8", để đảm bào những comment của game không bị hỏng.
(Xem hình dười, tôi hướng dẫn đối với Notepad++)
Sau đó các bác gõ vào nội dung như sau:
<html>
<body>
<div id="Game01" style="display:none;">
</div>
<iframe src="XQBase/XQBase.htm"
name="name_Game01" id="id_Game01" width="500"
height="350" frameborder="0"
allowTransparency="true" bgcolor="transparent"
scrolling="no" marginwidth="0"
marginheight="0"></iframe>
</body>
</html>
Trong thẻ div
<div id="Game01"
style="display:none;">
</div>
Các bác chèn và giữa 2 dòng đó nội dung UBB (trong Bước 1 đã
lấy được)
Nội dung được như sau:
<html>
<body>
<div id="Game01"
style="display:none;">
www_dpxq_com
500,350
9999259959990799848770999999995128999932405299999919994899999999
110514
2008-11-3 12:19:00
2008-11-3 12:19:00
B其他的杀着-第45局
844440304440303187813241403031305150
0
9
全局
慢棋
象棋谱大全-近现代残排局
象棋杀着大全
27其他类
0000-00-00
1910
973160
象棋谱大全
象棋谱大全
红胜
http%3A//dpxq.com/%0D%0Ahttp%3A//dpxq.com/hldcg/search/
www.dpxq.com
</div>
<iframe src="XQBase/XQBase.htm"
name="name_Game01" id="id_Game01" width="500"
height="350" frameborder="0"
allowTransparency="true" bgcolor="transparent"
scrolling="no" marginwidth="0"
marginheight="0"></iframe>
</body>
</html>
Ghi lại, dùng trình duyệt mở file Game01.html lên và xem kết
quá.
Phù, mệt quá, dần dần em sẽ giải thích kỹ hơn cách tạo file
html này, giờ thì các bác luyện tập đi đã, chúc thành công!
Tiện đây, giải thích luôn một số điểm chính của file html:
<html>
<body>
<div id="Game01"
style="display:none;">
</div>
<iframe src="XQBase/XQBase.htm" name="name_Game01"
id="id_Game01" width="500" height="350"
frameborder="0" allowTransparency="true"
bgcolor="transparent" scrolling="no"
marginwidth="0" marginheight="0"></iframe>
</body>
</html>
Đây là file html rất đơn giản, các bác có thể tạo những file
phức tạp, muốn chèn bàn cờ vào đâu cũng được, chèn bao nhiêu bàn cờ cũng được,
chỉ cần tuân theo những quy tắc sau:
Thẻ div
<div id="Game01"
style="display:none;">
</div>
Có hai điểm chú ý:
id=Game01, đây là id của game sẽ hiển thị trong thẻ iframe,
tí sẽ nói sau
display:none, tức ;à thẻ này ở dạng ẩn, không cho hiện nội
dung của nó, nội dung của nó sẽ được truy cập bằng Javascript vẽ bàn cờ (chỉ
cần hiểu thế là được rồi).
Sau khi chèn nội dung game (UBB) vào trong thẻ div, tức là
toàn bộ cái đoạn
...
sau dòng [/DhtmlXQ], chúng ta có thể chèn thêm 3 Option nữa:
1) 1.25.500
Cái này để điều chỉnh mức to nhỏ của bàn cờ (ví dụ 1.00.500
là bàn cờ nhỏ, 1.25.500 bàn cờ tương đối to, 1.45.500 là bàn cờ to
2) en
Cái này là tôi thêm vào, bình thường Script của dpxq.com nó
chỉ có ký hiệu các nước đi bằng tiếng trung thôi,ở đây có những lựa chọn: en là
tiếng anh (mặc định là en), cn là tiếng trung (giống của dpxq.com), vi là tiếng
việt (không chuẩn lắm đâu), ja thì các nước đi với tên quân cờ là hình quân cờ
(cũng không chính xác lắm đâu).
3) 1
Cái này để ẩn các nước đi hay hiện các nước đi, nếu không có
hoặc nội dung trong thẻ này rỗng thì các nước đi sẽ hiện, nếu có nội dung thì
các nước đi sẽ ẩn đi.
4) 0
Cái này để cài đặt lúc load ván cờ đã nhẩy đến "nửa
nước đi" với số thứ tự được đưa ra là số trong cặp thẻ đó, nếu là 0 thì từ
vị trí xuất phát.
Tiếp theo là cặp thẻ iframe
<iframe ...> ... </iframe>
Chú ý những thông số sau:
src="XQBase/XQBase.htm"
Đây chính là đường dẫn tới file XQBase.htm, trong này cũng
phải có file XQBase.js
name="name_Game01" id="id_Game01"
Chú ý hai chữ in đậm: name="name_Game01"
id="id_Game01
Hai cái này phải trùng với id trong thẻ div nói ở trên, và dùng
các id khác nhau ta có thể trình bày nhiều bàn cờ trong một trang.
Vidụ mẫu:
<html>
<body>
<div class="content" style="background-color: white; color: #333333; font-family: "Open Sans", sans-serif; font-size: 13px; margin: 0px; padding: 0px;">
<div id="post_message_551306" style="margin: 0px; padding: 0px;">
<blockquote class="postcontent restore" style="margin: 0px; overflow: hidden; padding: 0px; word-wrap: break-word;">
<div style="margin: 0px; padding: 0px; text-align: center;">
<span style="color: darkgreen;"><span style="font-size: x-small;"><b><br /><br /><iframe frameborder="0" height="560" name="NoFile_[DhtmlXQiFrame]
[DhtmlXQ_ver]www_dpxq_com[/DhtmlXQ_ver]
[DhtmlXQ_init]500,350[/DhtmlXQ_init]
[DhtmlXQ_title]hoimeco.tk[/DhtmlXQ_title]
[DhtmlXQ_movelist]9[DhtmlXQ]<br />
[DhtmlXQ_ver]www_dpxq_com[/DhtmlXQ_ver]<br />
[DhtmlXQ_init]500,350[/DhtmlXQ_init]<br />
[DhtmlXQ_binit]8979695949392919097717866646260600102030405060708012720323436383[/DhtmlXQ_binit]<br />
[DhtmlXQ_title]Thang Long Ky Dao (Ko H? Tr? FireFox v22)[/DhtmlXQ_title]<br />
[DhtmlXQ_movelist]1747102226256364192712110908001008586042798770625855112147571014694723242524142427157276666576068979807077677079877962746787242615276465556506462746264687834686837386667370426065757462707162837573837173713041717520427958666775552234555634135837133239483224371624455646456416354132575167774626212447657717355664525101248448371715567752442686846465471575775675555677555777856484856484748676748459485754648554510100445676748482741451538564566849398289647253593938592972518982141040411011414051436847111040414362413162503141506241311011313011814766485729238180667800608288808878573848232848472888[/DhtmlXQ_movelist]<br />
[DhtmlXQ_refer]hoimeco.tk[/DhtmlXQ_refer]<br />
[DhtmlXQ_generator]www.dpxq.com[/DhtmlXQ_generator]<br />
[/DhtmlXQ]9[/DhtmlXQ_movelist]
[DhtmlXQ_viewtype]jmg[/DhtmlXQ_viewtype]
[DhtmlXQ_diyjmg]mxq,0,1,0,1,0,39,40,-368,-25[/DhtmlXQ_diyjmg]
[DhtmlXQ_zoom]1.25.500[/DhtmlXQ_zoom][/DhtmlXQiFrame]" scrolling="no" src="XQBase/XQBase.htm" style="height: 560px; width: 800px;" width="800"></iframe></b></span></span></div>
</blockquote>
</div>
</div>
<blockquote class="postcontent lastedited" style="background-color: white; color: #3e3e3e; font-family: "Open Sans", sans-serif; font-size: 11px; font-style: italic; margin: 0px; overflow: hidden; padding: 1em 0px 0px; word-wrap: break-word;">
<br /></blockquote>
</body>
</html>
