在有很多文档采用的是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小时内与您取得联系。