Hướng dẫn Biên tập ebook dạng epub từ A-Z

Thảo luận trong 'Hướng dẫn chung' bắt đầu bởi hanhdb, 16/6/14.

  1. NQK

    NQK Lớp 10

    Tình cờ mình cũng đang định làm cái chú thích cho bộ sách lịch sử Việt Nam Giai Thoại. Cũng có một số chú thích ở nhiều truyện cùng trỏ về một đích như bạn đề cập. Mình tạm thời giải quyết như file đính kèm. Đang làm dở dang nên bạn có thể thử với chú thích số 2 (Bắc Thành) có trỏ tới cả tập số 7 và số 12.

    Cái này mới thử trên FBReader Premium thì hiện tốt. Hôm nay không mang PaperWhite lẫn Voyager nên không thử cho Kindle được, nhưng khả năng cao là ok. Những phần mềm khác mình không (có hứng thú để) thử, các bạn tự kiểm chứng và điều chỉnh theo ý nhé.

    Chúc vui.
     

    Các file đính kèm:

  2. Rafa

    Rafa SV

    Cảm ơn @NQK!
    Mình thích cách làm chú thích này.
    Screenshot_2015-11-27-12-04-50.png
    Có cách nào chỉnh cho các dòng chữ thẳng hàng dọc không nhỉ?
    GPU
    Tổng cục tình báo quốc gia.
    OGPU
    Các cơ quan Tổng cục an ninh quốc gia. (1), (2)
     
    tducchau thích bài này.
  3. NQK

    NQK Lớp 10

    Cái đó nằm trong file css đó rafa. Bạn nghịch với các giá trị margin-left, text-indent sẽ thấy.
     
    Văn.Cường, tducchau and Rafa like this.
  4. Rafa

    Rafa SV

    Một lỗi thường hay gặp khi dùng Calibre để chuyển đổi sang định dạng mobi:
    toc title.png

    Khắc phục:

    toc1.png
     
  5. NQK

    NQK Lớp 10

    @Heoconmtv,

    Ebook bạn làm, xét về css, là rất sạch. Cái này là cực tốt cho việc chỉnh trang. Tuy nhiên bạn nên thêm phần body {} vào trong css nữa. Và phần margin của thẻ p bạn để là 1 mà không ghi rõ là 1px, 1pt hay 1em. Với epub mình đề xuất nên dùng giá trị em (có thể là 0.2em chẳng hạn cho lề trên và dưới). Nói gì thì nói, so với các cuốn trước thì cuốn này ngon rồi. :D. Cám ơn nhiều nhé.

    Thông tin "ngoài" về sách (gọi là metadata) nên đưa vào càng nhiều càng tốt. Ví dụ mình thấy ghi dịch giả là Lê Thành, mình bấm cái trong kho của mình là xem "Lê Thành" dịch những quyển nào, và thấy là chất lượng dịch có phải lăn tăn không (trường hợp này thì có vẻ không phải nghĩ, Lê Thành dịch quyển gần đây mình mới đọc là Vũng Lầy (Murder on High - 1973).

    [​IMG]

    Đây là ví dụ về metadata trên Calibre
    [​IMG]
     
    Chỉnh sửa cuối: 30/11/15
  6. Heoconmtv

    Heoconmtv Moderator Thành viên BQT

    Chân thành cảm ơn góp ý của @NQK. Thật ra mình làm file epub này dựa trên các video bạn hướng dẫn kể cả css. Mình gà lắm đang cố gắng học hỏi để hoàn thiện. @NQK có thể cho mình biết tác dụng của phần body {} không và body như thế nào là chuẩn cho cuốn này.

    Về phần metadata là do mình lười thôi.
     
    vancuong7975 thích bài này.
  7. NQK

    NQK Lớp 10

    Hì, thế nào là "chuẩn" thì là do bạn quyết, mỗi người có một tiêu chí khác nhau. Ý nghĩa của body là nó quy định chung cho toàn thể file đó, thường thì mình để là:

    body {
    margin: 0; /* cái này là để khi đọc trên điện thoại không bị thừa sang hai bên, phí cả diện tích màn hình */
    text-align: justify; /* để cho cân chỉnh đều cho chữ hai bên, áp dụng mặc định cho tất cả các loại thẻ con, nếu không ghi giá trị gì khác ở thẻ con đó */
    font-family: serif; /* mình luôn thích sử dụng font chữ có chân cho phần chữ chính, còn phần tên chương thì mình để font dạng không chân (san-serif) */
    }
     
  8. Heoconmtv

    Heoconmtv Moderator Thành viên BQT

    Ngoài phần body và phần metadata thì mình cần bổ sung gì thêm nữa cho hoàn thiện ebook định dạng epub của mình.

    Quy trình làm ebook định dạng epub của mình là:

    1. Copy từ website sau đó paste vào wordpad cho sạch;

    2. Dán vào Sigil;

    3. Soát lỗi chính tả và làm chú thích như cách của @tamchec đã hướng dẫn;

    4. Làm CSS như @NQK hướng dẫn trong video thứ nhất;

    5. Cuối cùng là thêm bìa và thông tin.

    Bạn nhận xét như vậy có ổn không, nếu cần thì bổ sung gì nữa. Bạn hướng dẫn kỹ hơn giúp mình về CSS được không ngoài p {}; body {}; h2 {}... thì còn gì nữa không?

    Xin chân thành cảm ơn.
     
    thanhbt thích bài này.
  9. NQK

    NQK Lớp 10

    Cho đến giờ thì bạn đang đi đúng hướng và mới dừng ở một số truyện có format đơn giản. Nhưng có một số truyện đòi hỏi format phức tạp hơn để đạt những hiệu quả mong muốn. Thế nên nó đòi hỏi phải có thêm nhiều thẻ phụ cho p, ví dụ như những đoạn về "bức thư", "trích dẫn bài báo" v.v., bạn có thể lựa chọn cho margin 4 phía hoặc nghiêng ngả phù hợp v.v. (vui lòng đừng dùng màu sắc........)

    Tóm lại là bạn chỉ cần làm chủ css là sách sẽ ngon ngay. À, nhớ thử nghiệm trên thiết bị đọc nhé, vì css thì rất mạnh nhưng cái được hỗ trợ lại không phải lúc nào cũng như ý. Ví dụ như thằng Moon+ Reader lại không hiểu giá trị "margin-left, margin-right" hay thằng FBreader lại nhiều lúc ngu ngơ với giá trị "margin-top".

    Do đó, bạn cần xác định trước là "sách của mình cần trông như thế nào" và "trên những thiết bị gì". Sau đó mới có câu trả lời được.

    À, có một mẹo mình hay dùng là "nhúng font" để tạo hiệu ứng. Sách nào trông cũng giống nhau thì tẻ nhạt lắm.
     
  10. quocsan

    quocsan Lớp 12

    Đồng ý với bạn.
    Dùng file css thì định dạng nhất quán. Nhưng nhúng font không khéo thì file phình ra. :)
    Bạn có file css nào tâm đắc thì chia sẻ đi! TVE nếu có một file css thống nhất thì hay biết bao!

    «via ZF2»
     
  11. Heoconmtv

    Heoconmtv Moderator Thành viên BQT

    Mình làm như bạn hướng dẫn nhưng font chữ nhỏ quá nếu điều chỉnh lên 2em thì lớn quá, có cách nào không?
     
  12. quocsan

    quocsan Lớp 12

    Dùng số lẻ: 1.2em, 1.5em, …

    «via ZF2»
     
    Văn.Cường thích bài này.
  13. tamchec

    tamchec Sinh viên năm I

    Mình thường dùng nhất mỗi cái này:
    Mã:
    p {
        margin-top: 0em;
        margin-right: 0em;
        margin-bottom: 0.6em;
        margin-left: 0em;
        text-align: justify;
        text-indent: 1.5em;
        display: block;
        font-family: Calibri;
        font-size: 1.2em;
    }
    Thấy cũng chỉ cần vậy là đủ rồi. :D
    Bác @quocsan share đi ạ.
     
  14. NQK

    NQK Lớp 10

    Mình thì
    Mã:
    p {margin: 0;
    text-indent: 1.2em;
    font-family: serif; }
    Tuy nhiên còn nhiều thành phần khác cần phải chỉnh khi gặp những văn bản phức tạp. Ví dụ sau đây là trong truyện Dữ Liệu Tử Thần

    Danh mục (bullets)
    [​IMG]

    Giới thiệu cho phần II.
    [​IMG]
     
  15. Heoconmtv

    Heoconmtv Moderator Thành viên BQT

    Gặp tình huống như trên thì @NQK áp dụng thẻ gì trong CSS giúp mình với, mình đang làm một cuốn có định dạng tương tự. Chân thành cảm ơn.

    Ngoài lề một chút, hình như hdvnbits giờ chuyển qua torviet.com đúng không? Hình như muốn đăng ký phải có thành viên cũ giới thiệu đúng không? Nếu được @NQK giới thiệu để mình đăng ký được không?
     
  16. quocsan

    quocsan Lớp 12

    Có lẽ bác nào chủ xướng lập một thread chuyên về css chuẩn cho TVE.
    Sau khi thống nhất có thể dùng 1 file css ấy để tạo ebook.

    «via ZF2»
     
    Văn.Cường, teacher.anh and Rafa like this.
  17. tamchec

    tamchec Sinh viên năm I

    Nếu là heading (thẻ h1, h2...) thì anh thêm ở file css style tương ứng. h1{...}
    Chỗ bên dưới thì để thẻ p với class cụ thể.
    Ví dụ nội dung là:
    Mã:
    <p class="quote">Bạn vẫn hay nghe đến câu chuyện...</p>
    thì ở file css sẽ là:
    Mã:
    p.quote {
        font-style: italic;
        ...
    }
    //pm em email, em invite vào torviet.

    Em ủng hộ. :D
     
    Heoconmtv, teacher.anh and Rafa like this.
  18. hungbc1010

    hungbc1010 Lớp 4

    Cái này là đọc bằng ứng dụng gì, trên máy nào mà đẹp vậy Bạn?
     
  19. NQK

    NQK Lớp 10

    FBreader Premium trên Android

    Sent from my LG-D850 using Tapatalk
     
    Văn.Cường thích bài này.
  20. quocsan

    quocsan Lớp 12

    Nhờ bạn @NQK một chút: Bạn có thể trích một vài đoạn sách (hay văn bản bất kỳ) định dạng ordered/unordered list (các tag ol, ul) được không? Mình cần tham khảo.
    Cảm ơn nhiều!

    «via ZF2»
     
    Văn.Cường thích bài này.
: epub

Chia sẻ trang này