在有很多文檔采用的是PDF文件格式,我們可以通過“云展網”之類的在線服務,將這些PDF轉換成帶3D翻頁效果的電子書,不但閱讀方便,效果酷炫,而且還能很方便地分享給自己的好友。
簡單上傳,PDF變身在線電子書
首先準備好需要轉換的PDF文件,登錄https://book.yunzhan365.com/后按提示先注冊為用戶,登錄后選擇“創建HTML5文檔”,接著點擊“上傳我的文檔”,然后按提示將需要轉換的PDF文件上傳到網站進行轉換處理,在這里還可以為在線電子書設置背景色、音樂等信息(圖1)。
圖1 轉換文件
小提示:如果要將常見的DOC、PPT等文檔轉化為在線書籍,那么可以利用Word 2016、PPT 2016等,打開文檔后點擊“文件→導出→創建PDF/XPS”,將文件轉化為PDF后再進行上傳即可。
文件轉換完畢后會在“我的圖書”看到已經轉換的書籍,按提示點擊即可開始閱讀,轉換后的書籍和在線電子書非常類似,在電腦上我們直接使用鼠標進行翻頁閱讀即可(圖2)。
圖2 閱讀轉換后的書籍
當然這個在線書籍同樣可以轉發給微信、QQ好友,點擊上述頁面的分享按鈕,然后將類似http://www.yunzhan365.com/read/gnsc/biec/mobile/index.html這樣的網址復制。這樣我們需要和微信好友共享超過25MB的PDF文檔時。只要先通過上述的方法轉化為在線文檔,然后將分享的網址發動給好友。好友在微信中直接打開其中的鏈接,在微信中就可以直接進行閱讀,省去直接傳送PDF和微信25MB文件大小的限制,因為這里分享的只是一個網址(圖3)。
圖3 微信里閱讀在線書籍
當然如果是企業宣傳使用,如直接把產品的說明文檔制作成翻頁電子書。那么可以將文檔上傳轉化,接著點擊“分享鏈接”,在彈出的窗口將“插入到網站”代碼復制。在公司主頁頁面,將這段代碼插入到首頁文件中,這樣用戶在訪問官網時,就可以通過點擊鏈接直接打開宣傳點在文檔了(圖4)。
圖4 插入網頁代碼
存在閱讀要求的項目,一般都是以pdf.js插件閱讀PDF文件,但存在閱讀體驗不理想的情況,所以參考手機上的電子書閱讀器,使用國外的[鏈接描述][1]http://fliphtml5.com 制作電子書示例。
效果如下
完整代碼已上傳git,標題搜索即可。
插件功能強大,縮略圖,鼠標翻頁,放大縮小都可以,部分配置代碼config.js如下
var bookConfig = { appName:'flippdf', totalPageCount : 0, largePageWidth : 1080, largePageHeight : 1440, normalPath : "files/page/", largePath : "files/large/", thumbPath : "files/thumb/", ToolBarsSettings:"", TitleBar:"", appLogoLinkURL:"", bookTitle:"FLIPBUILDER", bookDescription:"", ButtonsBar:"", ShareButton:"", ThumbnailsButton:"", ThumbnailsButtonVisible:"Hide", ZoomButton:"", ZoomButtonVisible:"No", FlashDisplaySettings:"", MainBgConfig:"", bgBeginColor:"#cccccc", bgEndColor:"#eeeeee", bgMRotation:45, pageBackgroundColor:"#FFFFFF", flipshortcutbutton:"Hide", BookMargins:"", topMargin:10, bottomMargin:10, leftMargin:10, rightMargin:10, HTMLControlSettings:"", linkconfig:"", LinkDownColor:"#808080", LinkAlpha:0.5, OpenWindow:"_Blank", BookMarkButtonVisible:'False', productName : 'Demo created by Flip PDF', homePage : 'http://www.html5.com/', isFlipPdf : "False", TableOfContentButtonVisible:"False", searchTextJS:'javascript/search_config.js', searchPositionJS:undefined };
插件顯示實際是使用的jpg圖片,可以由pdf文檔生成,其中涉及的是正常圖片和縮略圖的生成。
具體如下
maven引入
<dependency> <groupId>org.apache.pdfbox</groupId> <artifactId>fontbox</artifactId> <version>2.0.9</version> </dependency> <dependency> <groupId>org.apache.pdfbox</groupId> <artifactId>pdfbox</artifactId> <version>2.0.9</version> </dependency>
核心程序
在建造任何規模的建筑物時,密切關注結構要求的基礎類型是您可以做的最重要的事情。如果你有堅實的基礎,在它之上構建的后續層將得到有效實施,你不必擔心第三個懷疑的聲音讓你徹夜難眠。在制作藝術杰作時也是如此。一幅畫得很巧妙,但質量不夠的畫布,由于它所畫的織物,將無法經受住時間的考驗。完成這個快速任務后,讓我們回到手頭的工作,即完成這篇關于最適合學習 HTML 和HTML5的書籍的簡短文章。
所有 Web 開發人員都知道,就像建筑物或繪畫一樣,如果 Web 的壯麗基礎無法抵抗時間和發展的狂暴,那么 Web 就無法蓬勃發展。這是所有 Web 開發人員都知道的事情。時間已經沖刷掉了很多技術框架、工具和語言。盡管如此,超文本標記語言 (HTML) 仍然是我們今天看到的所有網絡奇跡的基礎。HTML 是每個在線頁面的基礎,這足以讓我們尊重該語言。
在這篇文章中,我們將討論每個有抱負的 Web 開發人員都需要的一些資源,以及其他將握住他們的手并與他們一起走每一步以確保他們理解超文本標記語言(HTML 和 HTML5)的資源。我們將列出書籍并為他們提供所有鏈接和位置,以便他們可以輕松地獲取這些書籍的副本以存儲在他們的知識庫中。有了這個,讓我們開始吧。
找到最好的 HTML 書籍和資源可能并不像聽起來那么簡單,盡管有大量關于 HTML 編碼的信息。
例如,可以在 Internet 上找到的大多數 指南和教程都以一種令人困惑的方式組合它們的內容,并且難以從頭到尾遵循。然后,如果你碰巧翻看 YouTube 視頻,你會發現,盡管其中一些提供了有用的插圖,但大多數都非常簡短,并沒有提供足夠的解釋。
但是你到底從哪里開始呢?
你很幸運,因為你不必為了你需要的東西而看得很遠或很遠。本文列出了最好的 HTML 書籍的列表和排名,并為新手和有經驗的程序員提供了建議。如果您想知道,答案是肯定的;我們確實花時間聽取了業內各種經驗豐富的專業人士的意見。
現在我們已經解決了這個問題,事不宜遲,這里是十本最佳 HTML 書籍的完整指南(沒有特定順序)。
這本 HTML/CSS 書籍是亞馬遜上的暢銷書,由擁有超過 15 年專業知識的著名網頁設計師和開發人員 Jon Duckett 撰寫。它在我們最偉大的 HTML/CSS 書籍列表中排名第一。
在這本書中,他試圖通過使用簡單、色彩鮮艷的信息圖表和屏幕截圖讓 HTML 和 CSS 更易于理解。這些旨在說明難以理解的想法。布局設計本身是令人愉悅的基本,您應該可以輕松跟蹤從一個封面到下一個封面發生的事情。
這本書通常涵蓋了 HTML 和 CSS 的所有基礎知識。您將有機會學習如何從頭開始構建網站,如何處理 macOS 和 PC 上的語言,以及如何創建可以在網站上找到的各個方面。Duckett 先生甚至發送了文本編輯器的圖片,并附有標簽。這些屏幕截圖以最初編寫的顏色顯示代碼示例。
如果您厭倦了在 HTML/CSS 教程和討論板中找到的所有技術術語,這本書適合您。Eric Freeman 和 Elisabeth Robson 共同編寫了一本獨一無二的書,是一本易于理解的靜態網頁開發指南。他們幾乎解釋了有關該主題的所有信息。
內容不會以大的技術塊呈現給您;相反,本書將帶您逐步了解這些原則,就像一個經驗豐富的教師在課堂環境中所做的真實案例一樣。它以有條不紊和逐步的方式向您展示如何在每個網頁上使用 HTML 和 CSS。它還為您提供相關的圖形,以幫助您一路走好。
正如標題為“學習 HTML 和 CSS 的更智能方法:更快地學習”的文章中所述。Mark Myers 通過結合互動練習將學習過程提升到一個新的水平。這將幫助您更長時間地記住材料。您不僅會閱讀有關 HTML 和 CSS 的信息;取而代之的是,您可以將所學的所有內容在線上付諸實踐。
是不是覺得很費解?所以,讓我解釋一下一切是如何運作的。這本書將在每一章的末尾將您連接到一個練習網站。在這些網站上,您會發現以互動練習的形式提出的問題。在繼續之前,您需要對所有內容提供準確的響應。此外,如果您輸入,系統會將您發送回問題并繼續這樣做,直到您正確輸入為止。
如果您正在搜索目前市場上可用的兒童 HTML/CSS 書籍,這本書可能值得一看。這本書本身是由 Young Rewired State 的成員編寫的,這是一個面向世界各地對技術感興趣的年輕人的在線社區。您已經猜到了:這就是該廣告系列針對的確切人群。
本書的眾多優勢之一是它不僅涵蓋了 HTML 和 CSS。相反,它還幫助孩子們學習如何使用 JavaScript 進行編碼。
您還會注意到,所選擇的文本很容易理解,即使是只有八歲的人也能理解。逐步引導讀者了解這三種編程語言中的每一種的基礎知識,然后再繼續了解更復雜的想法。當這一切結束時,閱讀它的人應該已經掌握了使用 HTML、CSS 和 JavaScript 構建網站、游戲和應用程序所需的基本能力。
想象一下,有機會從世界上一些最有經驗的網頁設計師那里學習 HTML 和 CSS。無論如何,這正是您通過閱讀本書獲得的。
您需要了解,自 1993 年以來,Jennifer Robins 一直在開發網站。由于這一事實,她被認為是世界上經驗最豐富的退伍軍人之一,也是網頁設計領域為數不多的先驅之一。
因此,如果你讀了這本書,你可以期望你不僅會學到數十年來對 HTML 和 CSS 的深刻見解,還會學到 JavaScript。這是因為這兩種語言已經存在了很長時間。這些是您在 21 世紀建立網站需要了解的三種最重要的語言。
更具體地說,本書將引導您完成使用各種元素(例如表單、表格、照片、鏈接和文本)配置 HTML 頁面的過程。談到 CSS,您將有機會學習如何將其應用于動畫效果、頁面布局、文本格式、背景、顏色和網站的其他方面。
當您掌握了這些信息時,您將處于一個理想的位置,通過閱讀一些可用的最偉大的出版物來完善您的 PHP 專業知識。
Meloni 和 Kyrin 的“HTML、CSS 和 JavaScript All in One”是另一本綜合性參考書,對新手和有經驗的程序員都有好處。它特別是關于 HTML/CSS 和 JavaScript。您可以將其視為權威的參考資料,可以幫助您開始使用 Web 開發中使用的三種主要語言。
這本書提供了關于如何同時使用所有三種技術的清晰、分步說明。它首先解釋 HTML、CSS 和 JavaScript 如何在現代 Web 開發中協同工作。您還會發現 HTML5、CSS3 和 ECMAScript 6 的基礎知識已經巧妙地添加到每一章中。從本質上講,這本書解釋了 HTML、CSS 和 JavaScript 如何協同工作來創建網站。
您還會發現HTML5、 CSS3 和 ECMAScript 6 的基礎知識已經巧妙地添加到每一章中。這樣做的目的是向您展示如何在許多不同的網頁設計情況下使用它們。
由 Bruce Hyslop 和 Elizabeth Castro 撰寫的“HTML 和 CSS:視覺快速入門指南”一書完全側重于 HTML 和 CSS 的最新基礎知識。本指南將教您如何利用當今使用的網頁設計最佳實踐來設計、組織和設計您的網站。它通過將直截了當、平易近人的語氣與清晰的圖形相結合來做到這一點。
您應該毫不費力地弄清楚 HTML 和 CSS 是什么以及如何使用它們來制作您網站的多媒體、音頻、視頻、表單、樣式、鏈接、照片和視覺效果。
但這還不是結束。兩位作者還為您提供了一些技巧,您可以使用這些技巧來測試您的網站并查找和修復任何 HTML/CSS 問題。
對于剛開始學習如何編碼、構建響應式網站和掌握現代網頁設計的人來說,這本書是一本易于閱讀的指南。我必須說這個標題非常令人印象深刻。但是,考慮到 David Durocher 在他的作品中討論的所有其他內容,我想這可能是可以理解的。
您不僅可以在這里找到 HTML 和 CSS 的基礎知識;您還將發現有關 CSS 樣式、HTML 標簽和 CSS 組件的有用評論,以及有關如何將所有內容組合在一起以使網站足夠靈活的分步課程。
例如,您將學習如何設計、構建和排列網站漸變、精靈、表單、多媒體、照片、字體和格式。將涵蓋的其他主題包括:除此之外,本書還提供了有關使用標記的最有效方法的指導,并提供了有關如何排除故障和更新網站的相關實際示例。
Ben Frain 所著的《使用 HTML5 和 CSS 進行響應式網頁設計》一書推薦給對用戶界面設計感興趣的任何人閱讀。它是為數不多的優秀 HTML/CSS 書籍之一。它涵蓋了桌面計算機、平板電腦和移動設備上的用戶界面響應性主題被非常詳細地介紹。
從第一頁開始,作者以一種隨意的對話風格寫作。他牽著讀者的手,引導他們了解影響網站使用難易程度的所有 HTML 和 CSS 元素。例如,您會發現專門介紹 CSS Grid、CSS Scroll Snap、字體加載、可變字體、用戶可訪問性等等的章節。
然而,這并不是故事的結局。這本書有更多關于設計 CSS 前端自定義的技巧,如動畫、轉換、過渡、網格布局、媒體查詢等。
這本“面向傻瓜”的一體化教程是我們學習 HTML 和 CSS 的最佳書籍列表中的最后一本書。它幾乎涵蓋了 HTML5 和 CSS3 的所有基礎知識,使其成為初學者的絕佳選擇。
從本質上講,這是您將獲得對最新版本的 HTML 和 CSS 的初學者友好的注釋的位置。Andy Harris 首先介紹了使用 HTML5和 CSS3 的原則,然后繼續演示如何輕松地將這些技術與 Ajax、MySQL 和 JavaScript 結合起來創建真正具有功能的網站。
換句話說,您可以期望不僅基本的設計和布局,而且客戶端和服務器端的部分都將被完整地覆蓋。對于新手和有經驗的計算機程序員來說,這似乎都是一本好書。
當您開始從事 Web 開發職業時,您首先要開始為您將設計的每個網站構建和建立基礎的過程是 HTML。有了這些信息,任何 Web 開發人員都應該能夠看到 HTML 不能被忽略或推遲到以后。如果沒有 HTML 的基礎,您網站上的所有墻壁都無法支撐自己。抓住它,不斷磨練你的才能,因為你的目標是成為你所在領域最有成就的建設者。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。