Dreamweaver学习:[25]如何制作电子书网页
1、下图是要制作的电子书页面,标题为仙侠奇缘之花千骨,点击左边的章节,在右边的窗口内会分别显示不同的章节内容。
![Dreamweaver学习:[25]如何制作电子书网页](https://exp-picture.cdn.bcebos.com/07c98f2ca5cadce8be39d34ffcf7980e5e2095c4.jpg)
![Dreamweaver学习:[25]如何制作电子书网页](https://exp-picture.cdn.bcebos.com/5e9a2820b93acd8918b4f5bc0335dd8a58de8bc4.jpg)
2、打开Dreamweaver,直接点击框架集,选择上方固定,左侧嵌套,点击创建,然后保存,要根据上篇讲解的要分别保存。
![Dreamweaver学习:[25]如何制作电子书网页](https://exp-picture.cdn.bcebos.com/589f5b07880138709530e93f2d08a50f95fc83c4.jpg)
![Dreamweaver学习:[25]如何制作电子书网页](https://exp-picture.cdn.bcebos.com/51cd85cec7f88a7714ac5bff6e4a2f27e6eff8c4.jpg)
![Dreamweaver学习:[25]如何制作电子书网页](https://exp-picture.cdn.bcebos.com/2947750192dd3340e4824234881c99c0aefcf1c4.jpg)
3、在最上方的页面中插入图片。
![Dreamweaver学习:[25]如何制作电子书网页](https://exp-picture.cdn.bcebos.com/aebdff86242fa872ce6e6d57bfdaf05e4b23e9c4.jpg)
![Dreamweaver学习:[25]如何制作电子书网页](https://exp-picture.cdn.bcebos.com/f11f54237971fe1df7a9cbaaea20a7cd0d6ee0c4.jpg)
4、在图片后面输入标题“仙侠奇缘之花千骨”,点中图片,在属性面板对齐中选择“绝对居中”。
![Dreamweaver学习:[25]如何制作电子书网页](https://exp-picture.cdn.bcebos.com/a68c126efbf202b31da64ac830f4da5873dadbc4.jpg)
![Dreamweaver学习:[25]如何制作电子书网页](https://exp-picture.cdn.bcebos.com/983aa5f4da5872dab338b2bc0056ad042f68d4c4.jpg)
![Dreamweaver学习:[25]如何制作电子书网页](https://exp-picture.cdn.bcebos.com/8a17b3042e6817e92290dd4bd356d53da924cec4.jpg)
5、选中标题,更改文本属性,字体,大小和文本颜色。
![Dreamweaver学习:[25]如何制作电子书网页](https://exp-picture.cdn.bcebos.com/d47cb624d8e9ccd2c11782ea0e40102a05e2c9c4.jpg)
6、在左侧页面中插入表格,一列三行,每个单元格分别输入文本,右边输入作品介绍的内容。
![Dreamweaver学习:[25]如何制作电子书网页](https://exp-picture.cdn.bcebos.com/50189b40102a04e241d3e9f12b7aa010bd33c2c4.jpg)
![Dreamweaver学习:[25]如何制作电子书网页](https://exp-picture.cdn.bcebos.com/a13bbe10bc33ec38b1caca5c295f0c14c37b3cc5.jpg)
![Dreamweaver学习:[25]如何制作电子书网页](https://exp-picture.cdn.bcebos.com/18aebc5f0c14c27b58f3553a2a46b7b1eff939c5.jpg)
7、在新建两个html页面,分别命名于1、2,用来输入各个章节的内容,插入一个文本一行一列的文本表格,输入内容,居中对齐。
![Dreamweaver学习:[25]如何制作电子书网页](https://exp-picture.cdn.bcebos.com/a007a9b1eef97fbddc0de700b74133bad24133c5.jpg)
![Dreamweaver学习:[25]如何制作电子书网页](https://exp-picture.cdn.bcebos.com/35f2224133bad341960c3284427622bc7cc52cc5.jpg)
![Dreamweaver学习:[25]如何制作电子书网页](https://exp-picture.cdn.bcebos.com/023cff37c97622bce4b41cd4a05fd546049628c5.jpg)
8、给1和2两个章节分别设置链接,在目标中选择mainframe.这样一个电子书页面就设置好了。
![Dreamweaver学习:[25]如何制作电子书网页](https://exp-picture.cdn.bcebos.com/7c84d1672b5fd54698e76ba77fd0b503c9d224c5.jpg)
![Dreamweaver学习:[25]如何制作电子书网页](https://exp-picture.cdn.bcebos.com/04d7a614f4d0b50369a3954dcc4ec28332bf20c5.jpg)