Kết quả 1 đến 10 của 24
Chủ đề: Cách tạo Ebook dạng dongping
Hybrid View
-
27-02-2012, 05:04 PM #1
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
Mã nguồn PHP:[DhtmlXQ]
[DhtmlXQ_ver]www_dpxq_com[/DhtmlXQ_ver]
[DhtmlXQ_init]500,350[/DhtmlXQ_init]
[DhtmlXQ_binit]9999259959990799848770999999995128999932405299999919994899999999[/DhtmlXQ_binit]
[DhtmlXQ_pver]110514[/DhtmlXQ_pver]
[DhtmlXQ_adddate]2008-11-3 12:19:00[/DhtmlXQ_adddate]
[DhtmlXQ_editdate]2008-11-3 12:19:00[/DhtmlXQ_editdate]
[DhtmlXQ_title]B其他的杀着-第45局[/DhtmlXQ_title]
[DhtmlXQ_movelist]844440304440303187813241403031305150[/DhtmlXQ_movelist]
[DhtmlXQ_firstnum]0[/DhtmlXQ_firstnum]
[DhtmlXQ_length]9[/DhtmlXQ_length]
[DhtmlXQ_type]全局[/DhtmlXQ_type]
[DhtmlXQ_gametype]慢棋[/DhtmlXQ_gametype]
[DhtmlXQ_class]象棋谱大全-近现代残排局[/DhtmlXQ_class]
[DhtmlXQ_event]象棋杀着大全[/DhtmlXQ_event]
[DhtmlXQ_round]27其他类[/DhtmlXQ_round]
[DhtmlXQ_date]0000-00-00[/DhtmlXQ_date]
[DhtmlXQ_other] [/DhtmlXQ_other]
[DhtmlXQ_hits]1910[/DhtmlXQ_hits]
[DhtmlXQ_sortid]973160[/DhtmlXQ_sortid]
[DhtmlXQ_owner]象棋谱大全[/DhtmlXQ_owner]
[DhtmlXQ_oldowner]象棋谱大全[/DhtmlXQ_oldowner]
[DhtmlXQ_comment9]红胜[/DhtmlXQ_comment9]
[DhtmlXQ_refer]http%3A//dpxq.com/%0D%0Ahttp%3A//dpxq.com/hldcg/search/[/DhtmlXQ_refer]
[DhtmlXQ_generator]www.dpxq.com[/DhtmlXQ_generator]
[/DhtmlXQ]
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 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:
Mã nguồn PHP:<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>
Mã nguồn PHP:<div id="Game01" style="display:none;">
</div>
Nội dung được như sau:
Mã nguồn PHP:<html>
<body>
<div id="Game01" style="display:none;">
[DhtmlXQ]
[DhtmlXQ_ver]www_dpxq_com[/DhtmlXQ_ver]
[DhtmlXQ_init]500,350[/DhtmlXQ_init]
[DhtmlXQ_binit]9999259959990799848770999999995128999932405299999919994899999999[/DhtmlXQ_binit]
[DhtmlXQ_pver]110514[/DhtmlXQ_pver]
[DhtmlXQ_adddate]2008-11-3 12:19:00[/DhtmlXQ_adddate]
[DhtmlXQ_editdate]2008-11-3 12:19:00[/DhtmlXQ_editdate]
[DhtmlXQ_title]B其他的杀着-第45局[/DhtmlXQ_title]
[DhtmlXQ_movelist]844440304440303187813241403031305150[/DhtmlXQ_movelist]
[DhtmlXQ_firstnum]0[/DhtmlXQ_firstnum]
[DhtmlXQ_length]9[/DhtmlXQ_length]
[DhtmlXQ_type]全局[/DhtmlXQ_type]
[DhtmlXQ_gametype]慢棋[/DhtmlXQ_gametype]
[DhtmlXQ_class]象棋谱大全-近现代残排局[/DhtmlXQ_class]
[DhtmlXQ_event]象棋杀着大全[/DhtmlXQ_event]
[DhtmlXQ_round]27其他类[/DhtmlXQ_round]
[DhtmlXQ_date]0000-00-00[/DhtmlXQ_date]
[DhtmlXQ_other] [/DhtmlXQ_other]
[DhtmlXQ_hits]1910[/DhtmlXQ_hits]
[DhtmlXQ_sortid]973160[/DhtmlXQ_sortid]
[DhtmlXQ_owner]象棋谱大全[/DhtmlXQ_owner]
[DhtmlXQ_oldowner]象棋谱大全[/DhtmlXQ_oldowner]
[DhtmlXQ_comment9]红胜[/DhtmlXQ_comment9]
[DhtmlXQ_refer]http%3A//dpxq.com/%0D%0Ahttp%3A//dpxq.com/hldcg/search/[/DhtmlXQ_refer]
[DhtmlXQ_generator]www.dpxq.com[/DhtmlXQ_generator]
[/DhtmlXQ]
</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>
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!
-
27-02-2012, 05:57 PM #2
Được sự đồng ý của bạn Quocvuong82, toi coppy bài viết này thành 1 Topic riệng trong mục hướng dẫn chung .
Nếu các bạn có ý kiến trao đổi với tác giả thì xin comments trong tocpic này .
Bên Topic http://www.thanglongkydao.com/tai-li...tml#post200908 nên để làm nơi cập nhật các Ebook dạng này của bạn Quocvuong82
-
27-02-2012, 10:25 PM #3
-
27-02-2012, 11:20 PM #4
-
27-02-2012, 11:48 PM #5
Tiện đây, giải thích luôn một số điểm chính của file html:
Mã nguồn PHP:<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>
Thẻ div
Mã nguồn PHP:<div id="Game01" style="display:none;">
</div>
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
Mã nguồn PHP:[DhtmlXQ]
...
[/DhtmlXQ]
1) [DhtmlXQ_zoom]1.25.500[/DhtmlXQ_zoom]
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) [DhtmlXQ_movenotation]en[/DhtmlXQ_movenotation]
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) [DhtmlXQ_hidemove]1[/DhtmlXQ_hidemove]
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) [DhtmlXQ_firstnum]0[/DhtmlXQ_firstnum]
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
Mã nguồn PHP:<iframe ...> ... </iframe>
Mã nguồn PHP:src="XQBase/XQBase.htm"
Mã nguồn PHP: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.Lần sửa cuối bởi Quocvuong82, ngày 27-02-2012 lúc 11:51 PM.
-
27-02-2012, 11:58 PM #6
Ví dụ, các bác chèn hai bàn cờ khác nhau như sau:
Mã nguồn PHP:<html>
<body>
<div id="Game01" style="display:none;">
[DhtmlXQ]
[DhtmlXQ_ver]www_dpxq_com[/DhtmlXQ_ver]
[DhtmlXQ_init]500,350[/DhtmlXQ_init]
[DhtmlXQ_binit]9999259959990799848770999999995128999932405299999919994899999999[/DhtmlXQ_binit]
[DhtmlXQ_pver]110514[/DhtmlXQ_pver]
[DhtmlXQ_adddate]2008-11-3 12:19:00[/DhtmlXQ_adddate]
[DhtmlXQ_editdate]2008-11-3 12:19:00[/DhtmlXQ_editdate]
[DhtmlXQ_title]B其他的杀着-第45局[/DhtmlXQ_title]
[DhtmlXQ_movelist]844440304440303187813241403031305150[/DhtmlXQ_movelist]
[DhtmlXQ_length]9[/DhtmlXQ_length]
[DhtmlXQ_type]全局[/DhtmlXQ_type]
[DhtmlXQ_gametype]慢棋[/DhtmlXQ_gametype]
[DhtmlXQ_class]象棋谱大全-近现代残排局[/DhtmlXQ_class]
[DhtmlXQ_event]象棋杀着大全[/DhtmlXQ_event]
[DhtmlXQ_round]27其他类[/DhtmlXQ_round]
[DhtmlXQ_date]0000-00-00[/DhtmlXQ_date]
[DhtmlXQ_other] [/DhtmlXQ_other]
[DhtmlXQ_hits]1910[/DhtmlXQ_hits]
[DhtmlXQ_sortid]973160[/DhtmlXQ_sortid]
[DhtmlXQ_owner]象棋谱大全[/DhtmlXQ_owner]
[DhtmlXQ_oldowner]象棋谱大全[/DhtmlXQ_oldowner]
[DhtmlXQ_comment9]红胜[/DhtmlXQ_comment9]
[DhtmlXQ_refer]http%3A//dpxq.com/%0D%0Ahttp%3A//dpxq.com/hldcg/search/[/DhtmlXQ_refer]
[DhtmlXQ_generator]www.dpxq.com[/DhtmlXQ_generator]
[/DhtmlXQ]
[DhtmlXQ_hidemove][/DhtmlXQ_hidemove]
[DhtmlXQ_zoom]1.25.500[/DhtmlXQ_zoom]
[DhtmlXQ_movenotation]cn[/DhtmlXQ_movenotation]
[DhtmlXQ_firstnum]5[/DhtmlXQ_firstnum]
</div>
<div id="Game02" style="display:none;">
[DhtmlXQ]
[DhtmlXQ]
[DhtmlXQ_ver]www_dpxq_com[/DhtmlXQ_ver]
[DhtmlXQ_init]500,350[/DhtmlXQ_init]
[DhtmlXQ_title]Cục thứ 002. Mã điệp át thị[/DhtmlXQ_title]
[DhtmlXQ_event]适情雅趣[/DhtmlXQ_event]
[DhtmlXQ_date]0000-00-00[/DhtmlXQ_date]
[DhtmlXQ_place]
[/DhtmlXQ_place]
[DhtmlXQ_round]卷一[/DhtmlXQ_round]
[DhtmlXQ_table]
[/DhtmlXQ_table]
[DhtmlXQ_red]
[/DhtmlXQ_red]
[DhtmlXQ_redteam]
[/DhtmlXQ_redteam]
[DhtmlXQ_redrating]
[/DhtmlXQ_redrating]
[DhtmlXQ_blacktime]
[/DhtmlXQ_time]
[DhtmlXQ_black]
[/DhtmlXQ_black]
[DhtmlXQ_blackteam]
[/DhtmlXQ_blackteam]
[DhtmlXQ_blackrating]
[/DhtmlXQ_blackrating]
[DhtmlXQ_blacktime]
[/DhtmlXQ_time]
[DhtmlXQ_result]红胜[/DhtmlXQ_result]
[DhtmlXQ_remark]
[/DhtmlXQ_remark]
[DhtmlXQ_author]
[/DhtmlXQ_author]
[DhtmlXQ_binit]1433473949999969150028064664999929026041405099629909420338435863[/DhtmlXQ_binit]
[DhtmlXQ_movelist]141041301011304128200210202841301141504133214050155542525552415228585241695741525776524176554152554352414362505162435150435541525563524163715051715251526454[/DhtmlXQ_movelist]
[DhtmlXQ_move_0_9_1]332140412142[/DhtmlXQ_move_0_9_1]
[DhtmlXQ_move_0_7_2]20224130332140412142[/DhtmlXQ_move_0_7_2]
[DhtmlXQ_comment0]红弃车马,炮胜[/DhtmlXQ_comment0]
[DhtmlXQ_type]实战中残局[/DhtmlXQ_type]
[DhtmlXQ_timerule]
[/DhtmlXQ_timerule]
[DhtmlXQ_endtype]
[/DhtmlXQ_endtype]
[DhtmlXQ_owner]
[/DhtmlXQ_owner]
[DhtmlXQ_firstnum]0[/DhtmlXQ_firstnum]
[DhtmlXQ_gametype]
[/DhtmlXQ_gametype]
[DhtmlXQ_generator]www.ccbridge.net[/DhtmlXQ_generator]
[/DhtmlXQ]
[/DhtmlXQ]
[DhtmlXQ_zoom]1.25.500[/DhtmlXQ_zoom]
[DhtmlXQ_hidemove]1[/DhtmlXQ_hidemove]
[DhtmlXQ_movenotation]en[/DhtmlXQ_movenotation]
</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>
<p>
</p>
<iframe src="XQBase/XQBase.htm" name="name_Game02" id="id_Game02" width="500" height="350" frameborder="0" allowTransparency="true" bgcolor="transparent" scrolling="no" marginwidth="0" marginheight="0"></iframe>
</body>
</html>
-
28-02-2012, 01:48 AM #7
Mình sử dụng Notepad, copy đoạn code sau:
Mã nguồn PHP:<html>
<body>
<div id="Game01" style="display:none;">
[DhtmlXQ]
[DhtmlXQ_ver]www_dpxq_com[/DhtmlXQ_ver]
[DhtmlXQ_init]500,350[/DhtmlXQ_init]
[DhtmlXQ_binit]1327293949596967744763062646658610340230405082623112420324438399[/DhtmlXQ_binit]
[DhtmlXQ_title]第7题[/DhtmlXQ_title]
[DhtmlXQ_result]未知[/DhtmlXQ_result]
[DhtmlXQ_movelist]13436243474342524344525374721214724231414243342244455354432341216343544443733041737121206775141523534030533330407563242563821545594841328261[/DhtmlXQ_movelist]
[DhtmlXQ_move_0_12_1]5356444130414333562663434152694726363323[/DhtmlXQ_move_0_12_1]
[DhtmlXQ_move_0_10_2]5041428240504454534359483446274614548242[/DhtmlXQ_move_0_10_2]
[DhtmlXQ_move_2_14_3]5040828053506343344254571013675513435543[/DhtmlXQ_move_2_14_3]
[DhtmlXQ_move_0_7_4]6755121455433442[/DhtmlXQ_move_0_7_4]
[DhtmlXQ_move_0_2_5]4241434531334535121474733353060541476947344235450220677530414515[/DhtmlXQ_move_0_2_5]
[DhtmlXQ_move_0_2_6]30417434313443426281428281608262608162613433634340306181[/DhtmlXQ_move_0_2_6]
[DhtmlXQ_move_0_2_7]504174343134434262504282[/DhtmlXQ_move_0_2_7]
[DhtmlXQ_move_7_6_8]6270427270516361[/DhtmlXQ_move_7_6_8]
[DhtmlXQ_comment1]弃车杀中卒,是夺取优势的一步妙着。如此时不吃中卒,改走车八退二,炮2进2,车八平六,车2进1,车二进一,炮5平3,局势复杂。[/DhtmlXQ_comment1]
[DhtmlXQ_comment2]除此之外,还有三种走法,见变着。[/DhtmlXQ_comment2]
[DhtmlXQ_comment7]进车准备平车抽将,如改走马三进四,炮2进2,马四进五,马4退5,红空头炮被兑,黑局势较优。[/DhtmlXQ_comment7]
[DhtmlXQ_comment8]升炮巡河,随时准备兑换红空头炮,是黑方目前的最佳应手。[/DhtmlXQ_comment8]
[DhtmlXQ_comment12]退马踩车,但红有炮五退一的妙解,黑局面反而难以收拾,如改走炮6进3(见变着)[/DhtmlXQ_comment12]
[DhtmlXQ_comment35]红胜[/DhtmlXQ_comment35]
[DhtmlXQ_comment1_21]红也占优[/DhtmlXQ_comment1_21]
[DhtmlXQ_comment2_11]切忌走车五平八,否则黑马4退5反成黑优[/DhtmlXQ_comment2_11]
[DhtmlXQ_comment2_19]红多兵得象占优[/DhtmlXQ_comment2_19]
[DhtmlXQ_comment3_23]红优[/DhtmlXQ_comment3_23]
[DhtmlXQ_comment5_17]红优[/DhtmlXQ_comment5_17]
[DhtmlXQ_comment6_15]红得子占优[/DhtmlXQ_comment6_15]
[DhtmlXQ_comment7_7]红大占优势[/DhtmlXQ_comment7_7]
[DhtmlXQ_refer]http%3A//www.dpxq.com/%0D%0Ahttp%3A//www.dpxq.com/hldcg/dhtmlxq/frame.htm[/DhtmlXQ_refer]
[DhtmlXQ_generator]www.dpxq.com[/DhtmlXQ_generator]
[/DhtmlXQ]
</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>
Sau đó Save As lại vào Folder gốc, và thử mở bằng trình duyệt Google Chorme, thì nhận được dòng lệnh:
Mã nguồn PHP:[DhtmlXQ_diyimg]mxq,1,0,1,1,0,38,40,-355,-26[/DhtmlXQ_diyimg]
[DhtmlXQ_zoom]1.50.500[/DhtmlXQ_zoom][/DhtmlXQiFrame]'>
-
28-02-2012, 08:49 AM #8
@cyc: Bác đã tạo thư mục XQBase trong thư mục gốc và bỏ 2 filoe XQBase.js và XQBase.htm vào đó chưa? Tôi thử đoạn code đó thấy bình thường mà.
-
28-02-2012, 08:52 AM #9
@cyc: Mà tôi nhầm, mở bằng IE, Opera, Firefox thì bình thường mà mở bằng Google Chrome lại không được, không hiểu tại sao.
-
28-02-2012, 11:04 AM #10
Cách tạo Ebook dạng dongping
Đánh dấu