nqkk58 发表于 2024-7-27 15:42:43

新书举荐|网页设计与制作教程(第4版)

<img src="https://mmbiz.qpic.cn/mmbiz_jpg/IEccNBf01Kia9IYKzk3zvMbVaMw5fjaOeicEe9keiasdiaicGughgCDzY9WZwWMxIbvCrzBNSIRbfJr69c4QXQXicGww/640?wx_fmt=jpeg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">《网页设计与制作教程(第4版)》</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">ISBN:</strong>9787302615071</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">作者:</strong>杨选辉</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">定价:</strong>69.90元</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">作者寄语</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">随着信息技术的飞速发展,网站与人们的联系越来越密切,人们<span style="color: black;">亦</span>更想<span style="color: black;">认识</span>或学习网页设计与制作方面的知识。本书的前3版及配套的实验<span style="color: black;">指点</span><span style="color: black;">迄今</span>已累积发行逾15万册,<span style="color: black;">得到</span>高校师生和社会读者的一致好评。正因如此,每次改版都是一种压力,<span style="color: black;">亦</span>是一种责任,历经一年多的思考和半年多的编写,第4版<span style="color: black;">最终</span>与读者见面了,<span style="color: black;">期盼</span>本版能够再次得到读者的认可。</p><img src="https://mmbiz.qpic.cn/mmbiz_jpg/IEccNBf01Kia9IYKzk3zvMbVaMw5fjaOepwABzZib5UU63YaibCqfQQxWF9TibuL53ZIPK4zzcq6Nvia948iaJLVSwEw/640?wx_fmt=jpeg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">内容简介</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">本书是一本全面介绍网页设计与制作技术的教程,以<span style="color: black;">日前</span>流行的网页设计软件<span style="color: black;">做为</span>技术支持,系统介绍网页的构思、规划、制作和网站建设的全过程。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">本书共10章。第1~7章面向入门,介绍网页制作<span style="color: black;">基本</span>知识、网站<span style="color: black;">研发</span>流程、HTML<span style="color: black;">基本</span>知识、CSS<span style="color: black;">基本</span>知识、网页可视化设计、主流的网页制作工具Dreamweaver CC 2019和网站赏析;第8~10章面向<span style="color: black;">加强</span>,介绍利用CSS修饰网页元素、CSS盒子模型和Div+CSS布局技术;每章最后均<span style="color: black;">供给</span>形式多样的思考与练习题。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">本书构思清晰、结构<span style="color: black;">恰当</span>、内容丰富、循序渐进,兼顾入门和<span style="color: black;">加强</span>两个层次,关注<span style="color: black;">研发</span>环节最重要和最实用的部分,<span style="color: black;">尤其</span>注重实践能力的培养,实用性、可操作性和可模仿性较强,<span style="color: black;">同期</span>融入课程思政元素。<span style="color: black;">另外</span>,本书配套的多<span style="color: black;">媒介</span><span style="color: black;">教育</span>课件<span style="color: black;">能够</span><span style="color: black;">帮忙</span>读者在较短的时间内学会网页设计的<span style="color: black;">关联</span>知识,<span style="color: black;">把握</span>制作网站的技能,创建自己<span style="color: black;">喜欢</span>的网站。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">本书可<span style="color: black;">做为</span>高等院校网页设计类课程的教材或网站<span style="color: black;">研发</span>培训班的教材,<span style="color: black;">亦</span>可<span style="color: black;">做为</span>网页设计与制作<span style="color: black;">兴趣</span>者的自学参考书。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">作者简介&nbsp;</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">杨选辉,男,1974年6月生,江西南昌人,南昌大学教授,硕士生导师;主持参与国家级及省级课题10余项,<span style="color: black;">发布</span>论文20余篇,主编教材9部,其中2部获评普通高等教育“十一五”国家级规划教材;主持省级一流课程2门、省级<span style="color: black;">科研</span>生<span style="color: black;">优秀</span>课程1门、教育部<span style="color: black;">优秀</span>慕课2门;获评省级教材奖一等奖2次,混合式优秀<span style="color: black;">教育</span>案例奖、省级<span style="color: black;">教育</span>成果二等奖、<span style="color: black;">教育</span><span style="color: black;">优秀</span>课二等奖、多<span style="color: black;">媒介</span>课件二等奖各1次。</p><img src="https://mmbiz.qpic.cn/mmbiz_jpg/IEccNBf01Kia9IYKzk3zvMbVaMw5fjaOeOOaa6HbheLDZZYfvPkNeayMEWUQMhoeMQicDo60qEX9uq3zicWlcNuBQ/640?wx_fmt=jpeg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">+</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">&nbsp;本书<span style="color: black;">特殊</span>&nbsp;</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">●&nbsp;</span>畅销教材《网页设计与制作教程(第3版)》的再版升级,前三版主辅教材已累积发行逾15万册。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">●&nbsp;</span>系统介绍网页的构思、规划、制作和网站建设的全过程,<span style="color: black;">包含</span>网站<span style="color: black;">研发</span>流程、HTML、CSS、Dreamweaver和Div+CSS等<span style="color: black;">重点</span>内容。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">●&nbsp;</span><span style="color: black;">教育</span>内容精简实用,着重介绍网页制作技术中最基本、最实用的知识。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">●&nbsp;</span> 从软件<span style="color: black;">研发</span>的<span style="color: black;">方向</span><span style="color: black;">仔细</span>描述网站<span style="color: black;">研发</span>的各<span style="color: black;">周期</span>,由浅入深,循序渐进,兼顾入门和<span style="color: black;">加强</span>。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">●&nbsp;</span>主辅教材合二为一,降低读者购书成本。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">●&nbsp;</span>每章均<span style="color: black;">供给</span><span style="color: black;">海量</span>形式多样的思考与练习题,与本书配套的多<span style="color: black;">媒介</span><span style="color: black;">教育</span>课件可在清华大学出版社官方网站免费下载。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">新版说明</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">这次</span>改版对内容进行了<span style="color: black;">很强</span>规模的<span style="color: black;">调节</span>,<span style="color: black;">重点</span><span style="color: black;">表现</span>在以下几点:</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">首要</span>,取消了配套的实验<span style="color: black;">指点</span>教材,实现了主辅教材合二为一,精选和<span style="color: black;">增多</span>了主教材中的实例,<span style="color: black;">加强</span>了教材在<span style="color: black;">运用</span>上的<span style="color: black;">方便</span>性,降低了读者的购书成本。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">其次,删除了Photoshop和Flash的<span style="color: black;">关联</span>内容,大幅<span style="color: black;">增多</span>了<span style="color: black;">相关</span>CSS的内容,以适应网页设计技术的发展趋势。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">第三,对Dreamweaver的<span style="color: black;">关联</span>内容进行了优化,在软件版本方面并<span style="color: black;">无</span><span style="color: black;">茫然</span>求新,而是<span style="color: black;">选取</span>了版本相对成熟且稳定的Dreamweaver CC 2019。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">第四,<span style="color: black;">增多</span>了两章新内容,即第7章“网站赏析”和第8章“CSS常用样式处理”;前者<span style="color: black;">能够</span><span style="color: black;">帮忙</span>读者<span style="color: black;">把握</span>客观<span style="color: black;">评估</span>网站的技能,后者<span style="color: black;">能够</span><span style="color: black;">帮忙</span>读者<span style="color: black;">提高</span>网页的美观度。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">目录</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">向上滑动阅览</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">第1章&nbsp; 网页制作<span style="color: black;">基本</span>知识 2</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.1 Internet的<span style="color: black;">基本</span>知识 2</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.1.1&nbsp; Internet简介&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.1.2&nbsp; Internet的发展历程&nbsp;&nbsp; 2</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.1.3&nbsp; Internet的<span style="color: black;">关联</span>组织&nbsp;&nbsp; 3</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.1.4&nbsp; Internet的功能&nbsp;&nbsp; 5</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.2 万维网的<span style="color: black;">基本</span>知识 6</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.2.1 WWW简介&nbsp;&nbsp; 6</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.2.2 HTTP和HTTPS&nbsp;&nbsp; 8</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.2.3 超链接和超文本&nbsp; 9</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.2.4 Internet<span style="color: black;">位置</span>&nbsp; 9</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.2.5 域名&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 11</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.2.6 URL&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 12</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.2.7 服务器和客户机&nbsp; 13</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.2.8 搜索引擎&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 13</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.3网页与网站的<span style="color: black;">基本</span>知识&nbsp; 14</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.3.1 网站、网页和主页&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 14</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.3.2 网站的<span style="color: black;">归类</span>&nbsp; 14</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.3.3 静态网页和动态网页&nbsp; 15</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.3.4 网页界面的<span style="color: black;">形成</span>&nbsp; 15</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.3.5 网站<span style="color: black;">研发</span>工具&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 16</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.3.6 网页编程语言&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 17</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.4网站<span style="color: black;">研发</span>者应具备的能力及职业规划&nbsp; 18</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">思考与练习&nbsp;&nbsp;&nbsp; 19</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">第2章&nbsp; 网站的<span style="color: black;">研发</span>流程&nbsp;&nbsp;&nbsp; 2</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.1 网站<span style="color: black;">研发</span>流程概述 2</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.2 网站的规划&nbsp;&nbsp;&nbsp;&nbsp; 2</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.2.1 网站<span style="color: black;">目的</span>的确定&nbsp; 2</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.2.2 网站主题的确定&nbsp; 3</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.2.3 网站域名的设计&nbsp; 4</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.2.4 网站素材的准备&nbsp; 5</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.3 网站的设计&nbsp;&nbsp;&nbsp;&nbsp; 6</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.3.1 确定网站的栏目和版块&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 6</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.3.2 确定网站的整体风格&nbsp; 9</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.3.3 确定网站的目录结构&nbsp; 11</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.3.4 确定网站的链接结构&nbsp; 13</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.3.5 撰写网站设计规划报告&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 13</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.4 网站的实现&nbsp;&nbsp;&nbsp;&nbsp; 15</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.5 网站的测试和发布 17</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.6 网站的推广和<span style="color: black;">守护</span> 19</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.6.1 网站的宣传与推广&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 19</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.6.2 网站的更新和反馈<span style="color: black;">评估</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 22</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">思考与练习&nbsp;&nbsp;&nbsp; 23</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">第3章 HTML简介&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.1&nbsp; HTML概述&nbsp;&nbsp; 2</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.1.1 HTML的发展历程&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.1.2 一个简单的HTML实例&nbsp;&nbsp;&nbsp;&nbsp; 3</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.1.3 HTML的基本概念&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 4</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.1.4 HTML文档的基本结构&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 4</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.1.5 HTML的基本语法规则&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 6</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.2&nbsp; HTML的文本格式标记&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 6</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.2.1 标题标记&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 6</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.2.2 字体标记&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 7</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.2.3 文本修饰标记&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 8</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.2.4 段落标记&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 9</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.2.5 强制换行标记&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 9</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.2.6 水平线标记&nbsp; 10</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.2.7 缩排标记&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 11</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.2.8 滚动效果标记&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 11</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.2.9 注释标记&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 12</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.2.10 特殊符号&nbsp;&nbsp;&nbsp; 12</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.2.11 列表标记&nbsp;&nbsp;&nbsp; 13</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.3&nbsp; HTML的图像与多<span style="color: black;">媒介</span>标记&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 16</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.3.1 图像标记&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 16</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.3.2 声音和视频标记&nbsp; 20</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.3.3 多<span style="color: black;">媒介</span>标记&nbsp; 20</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.4 HTML的超链接标记&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 20</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.5&nbsp; HTML的表格标记&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 21</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.6&nbsp; HTML的表单标记&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 27</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.7&nbsp; HTML的框架标记&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 32</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.8&nbsp; HTML综合实例&nbsp;&nbsp; 35</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">思考与练习&nbsp;&nbsp;&nbsp; 37</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">第4章 CSS<span style="color: black;">基本</span>知识&nbsp; 2</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.1 CSS概述&nbsp; 2</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.1.1 CSS与HTML的关系 2</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.1.2 CSS的优点&nbsp;&nbsp; 2</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.1.3 一个CSS的应用实例 3</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.2 CSS的基本语法&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 4</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.2.1 CSS 的语法&nbsp; 4</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.2.2 CSS的语法规则&nbsp;&nbsp; 4</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.3 CSS的<span style="color: black;">运用</span><span style="color: black;">办法</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 5</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.3.1 行内式&nbsp; 5</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.3.2 嵌入式&nbsp; 6</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.3.3 链接式&nbsp; 7</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.3.4 导入式&nbsp; 8</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.3.5 引入方式的优先级&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 8</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.4 CSS<span style="color: black;">选取</span>器&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 8</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.4.1 标记<span style="color: black;">选取</span>器&nbsp; 9</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.4.2 类<span style="color: black;">选取</span>器&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 10</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.4.3 ID<span style="color: black;">选取</span>器&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 11</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.4.4 伪类<span style="color: black;">选取</span>器&nbsp; 13</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.4.5 后代<span style="color: black;">选取</span>器&nbsp; 14</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.4.6 通用<span style="color: black;">选取</span>器&nbsp; 14</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.4.7 <span style="color: black;">选取</span>器的集体声明&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 14</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.5 CSS的属性单位&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 16</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.5.1 长度、百分比单位&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 16</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.5.2 颜色单位&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 17</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.6 CSS的层叠性&nbsp; 17</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.7 CSS的继承性&nbsp; 20</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">思考与练习&nbsp;&nbsp;&nbsp; 21</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">第5章&nbsp; 网页可视化设计&nbsp;&nbsp;&nbsp; 2</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">5.1 网页的版面布局&nbsp;&nbsp;&nbsp;&nbsp; 2</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">5.1.1 网页版面布局概述&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">5.1.2 网页版面布局的<span style="color: black;">办法</span>&nbsp; 6</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">5.2 网页的色彩运用&nbsp;&nbsp;&nbsp;&nbsp; 10</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">5.2.1 网页色彩概述&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 11</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">5.2.2 网页色彩的搭配<span style="color: black;">办法</span>&nbsp; 13</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">5.3 网页的艺术设计&nbsp;&nbsp;&nbsp;&nbsp; 15</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">5.4 网页的点、线、面的运用&nbsp;&nbsp;&nbsp;&nbsp; 20</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">5.5 网页中文字和图形的设计&nbsp;&nbsp;&nbsp;&nbsp; 24</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">5.6 网页设计原则 27</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">思考与练习&nbsp;&nbsp;&nbsp; 31</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">第6章 Dreamweaver CC 2019<span style="color: black;">基本</span>知识&nbsp;&nbsp; 3</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.1 Dreamweaver CC 2019概述&nbsp;&nbsp; 3</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.1.1 初识Dreamweaver CC 2019&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 3</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.1.2 Dreamweaver CC 2019的工作界面&nbsp;&nbsp;&nbsp; 3</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.2 站点的创建和管理 5</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.2.1 创建本地站点&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 5</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.2.2 管理本地站点&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 6</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.2.3 管理本地站点中的文件&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 7</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.3 网页文档的基本操作&nbsp;&nbsp;&nbsp;&nbsp; 7</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.3.1 新建网页&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 7</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.3.2 设置页面属性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 8</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.3.3 <span style="color: black;">保留</span>、打开和预览网页&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 13</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.4 设置网页文档头部信息 13</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.4.1 <span style="color: black;">插进</span>搜索关键字&nbsp; 13</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.4.2<span style="color: black;">插进</span>作者和版权信息&nbsp;&nbsp; 14</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.4.3设置刷新时间&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 14</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.4.4设置说明信息&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 14</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.5 编辑与设置网页文本&nbsp;&nbsp;&nbsp;&nbsp; 15</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.5.1 输入普通文本&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 15</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.5.2 设置文本格式&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 16</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.5.3<span style="color: black;">插进</span>其他元素&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 18</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.5.4 创建一个纯文字页面的实例&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 21</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.6 <span style="color: black;">插进</span>图像 24</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.6.1图像的添加&nbsp;&nbsp; 24</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.6.2图像属性的设置&nbsp;&nbsp; 25</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.6.3 给图像添加文字说明&nbsp; 25</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.6.4 编辑图像&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 27</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.6.5 创建添加图像元素的页面的实例&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 28</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.7 <span style="color: black;">插进</span>多<span style="color: black;">媒介</span>&nbsp;&nbsp;&nbsp;&nbsp; 29</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.7.1 <span style="color: black;">插进</span>Flash&nbsp;&nbsp;&nbsp; 30</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.7.2 插入音频&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 30</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.7.3 <span style="color: black;">插进</span>视频&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 32</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.7.4 创建添加多<span style="color: black;">媒介</span>元素的页面的实例&nbsp; 33</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.8 创建超链接&nbsp;&nbsp;&nbsp;&nbsp; 35</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.8.1 创建文本链接&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 35</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.8.2 创建图像链接&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 36</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.8.3 创建电子邮件链接&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 37</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.8.4 创建锚记链接&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 37</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.8.5 创建空链接&nbsp; 39</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.8.6 创建鼠标经过图像&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 39</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.8.7 <span style="color: black;">检测</span>与修复链接&nbsp; 40</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.8.8 创建添加超链接的页面的实例&nbsp; 41</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.9 表格的<span style="color: black;">运用</span>&nbsp;&nbsp;&nbsp;&nbsp; 42</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.9.1 创建表格&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 42</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.9.2 <span style="color: black;">选取</span>表格元素&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 43</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.9.3 表格的属性设置&nbsp; 44</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.9.4 表格的基本操作&nbsp; 45</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.9.5表格运用的实例&nbsp;&nbsp; 48</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.9.6 表格的布局功能&nbsp; 50</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.9.7 应用表格布局设计网页的实例&nbsp; 53</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.9.8 嵌入式框架在表格中的应用&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 57</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.10 表单的<span style="color: black;">运用</span>&nbsp;&nbsp; 60</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.10.1 创建表单&nbsp;&nbsp;&nbsp; 60</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.10.2 添加表单元素&nbsp;&nbsp;&nbsp; 61</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.10.3 制作表单页面的实例&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 67</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.11 模板的<span style="color: black;">运用</span>&nbsp;&nbsp; 68</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.11.1 模板的基本操作 69</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.11.2 模板的应用实例 72</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.12 <span style="color: black;">行径</span>的应用&nbsp;&nbsp; 74</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.12.1 <span style="color: black;">行径</span>的基本操作&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 74</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.12.2 <span style="color: black;">平常</span>的<span style="color: black;">行径</span>事件和<span style="color: black;">行径</span>动作&nbsp;&nbsp;&nbsp; 75</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.12.3 <span style="color: black;">行径</span>的应用实例&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 77</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.13 CSS的应用&nbsp;&nbsp;&nbsp; 79</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.13.1 “CSS设计器”面板&nbsp;&nbsp;&nbsp;&nbsp; 79</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.13.2 创建CSS样式&nbsp;&nbsp; 80</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.13.3 应用CSS样式&nbsp;&nbsp; 81</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.13.4 创建和附加<span style="color: black;">外边</span>样式&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 82</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.13.5 编辑样式&nbsp;&nbsp;&nbsp; 83</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.13.6 CSS属性&nbsp;&nbsp;&nbsp;&nbsp; 84</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.13.7 CSS的应用实例 88</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">思考与练习&nbsp;&nbsp;&nbsp; 90</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">第7章 网站赏析&nbsp; 2</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">7.1 <span style="color: black;">评估</span>指标的<span style="color: black;">形成</span>&nbsp;&nbsp;&nbsp;&nbsp; 2</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">7.2 内容性&nbsp;&nbsp;&nbsp;&nbsp; 2</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">7.2.1 主题鲜明有价值&nbsp; 2</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">7.2.2 内容准确丰富&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 6</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">7.2.3 表现形式多样&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 8</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">7.2.4 <span style="color: black;">加强</span>原创<span style="color: black;">成份</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 9</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">7.3 艺术性&nbsp;&nbsp;&nbsp;&nbsp; 10</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">7.3.1布局巧妙构思独特&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 10</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">7.3.2 色彩<span style="color: black;">平衡</span>搭配恰当&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 12</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">7.3.3 风格新颖富有创意&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 13</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">7.4 <span style="color: black;">运用</span>性&nbsp;&nbsp;&nbsp;&nbsp; 14</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">7.4.1 导航清晰易用&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 14</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">7.4.2 栏目设置丰富&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 15</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">7.4.3 结构简洁<span style="color: black;">恰当</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 16</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">第8章 利用CSS修饰网页元素 1</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.1 设置文本样式 3</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.1.1 设置字体类型&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 3</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.1.2 设置字体尺寸&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 4</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.1.3 设置字体粗细&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 5</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.1.4 设置字体倾斜&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 6</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.1.5 设置文本颜色&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 6</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.1.6 设置文本的背景颜色&nbsp; 7</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.1.7 设置文本的修饰效果&nbsp; 8</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.2 设置段落样式 9</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.2.1 设置文本水平对齐方式&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 9</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.2.2 设置首行缩进&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 10</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.2.3 设置首字下沉&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 11</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.2.4 设置行间距&nbsp; 12</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.2.5 设置字符间距&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 13</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.2.6 设置文本溢出效果&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 14</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.3 设置图像样式 15</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.3.1 设置图像边框&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 15</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.3.2 设置图像缩放&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 17</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.3.3 设置图像横向对齐方式&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 18</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.3.4 设置图像纵向对齐方式&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 19</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.3.5 设置背景图像&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 20</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.3.6 设置背景重复&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 21</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.3.7 设置背景图像定位&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 22</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.4 设置图文混排效果 25</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.4.1 设置文字环绕效果&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 25</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.4.2 设置图像与文字的间距&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 26</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.5 设置表格样式 27</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.5.1 常用的CSS表格属性 27</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.5.2 用CSS样式美化表格实例 31</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.6 设置表单样式 35</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.6.1 美化常用的表单元素&nbsp; 35</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.6.2 用CSS样式美化表单实例 38</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.7 设置超链接效果&nbsp;&nbsp;&nbsp;&nbsp; 42</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.7.1 改变超链接基本样式&nbsp; 42</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.7.2 制作带有提示信息的超链接&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 43</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.7.3 制作有背景图的超链接&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 44</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.7.4 制作按钮式的超链接&nbsp; 45</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.8 设置列表效果 46</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.8.1设置列表项标志的类型&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 46</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.8.2 设置列表项图像符号&nbsp; 48</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.8.3 设置列表项位置&nbsp; 49</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.8.4 用CSS样式制作<span style="color: black;">资讯</span>标题列表 50</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.9 制作导航菜单 54</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.9.1 制作垂直链接导航菜单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 54</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.9.2 制作纵向列表垂直导航菜单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 57</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.9.3 制作水平导航菜单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 59</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">思考与练习&nbsp;&nbsp;&nbsp; 61</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">第9章 CSS盒子模型&nbsp; 2</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">9.1 盒子模型 2</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">9.1.1盒子模型的属性及设置&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">9.1.2盒子模型的计算&nbsp;&nbsp; 6</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">9.1.3盒子模型的应用举例&nbsp;&nbsp; 7</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">9.2 普通流:display属性&nbsp;&nbsp;&nbsp; 10</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">9.2.1 display的引入&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 10</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">9.2.2 display属性的取值&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 11</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">9.2.3 display的应用举例&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 13</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">9.3 浮动:float属性&nbsp;&nbsp;&nbsp;&nbsp; 15</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">9.3.1 float属性的取值&nbsp;&nbsp; 15</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">9.3.2 浮动的清除&nbsp; 18</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">9.3.3 float属性的应用举例&nbsp;&nbsp; 19</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">9.4 定位:position属性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 21</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">9.4.1 position属性的取值&nbsp;&nbsp;&nbsp;&nbsp; 21</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">9.4.2 相对定位&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 22</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">9.4.3 绝对定位&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 24</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">思考与练习&nbsp;&nbsp;&nbsp; 27</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">第10章 Div+CSS布局技术&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">10.1 Div+CSS布局概述&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">10.1.1 Div+CSS布局思想&nbsp;&nbsp;&nbsp; 2</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">10.1.2 构思页面并用div分块&nbsp;&nbsp;&nbsp;&nbsp; 2</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">10.1.3 对各个块用CSS定位&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 3</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">10.1.4 <span style="color: black;">平常</span>的布局种类&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 6</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">10.2 固定宽度布局解析&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 6</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">10.2.1 单列固定宽度布局模式&nbsp;&nbsp;&nbsp; 6</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">10.2.2 1-2-1型固定宽度布局模式&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 9</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">10.2.3 1-3-1型固定宽度布局模式&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 12</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">10.3 可变宽度布局解析&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 15</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">10.3.1 单列可变宽度布局模式&nbsp;&nbsp;&nbsp; 15</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">10.3.2 1-2-1型可变宽度布局模式&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 16</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">10.3.3 三列可变宽度布局模式&nbsp;&nbsp;&nbsp; 20</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">10.4 可变高度布局解析&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 29</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">10.5 应用实例&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 32</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">10.5.1 布局实例一&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 32</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">10.5.2 布局实例二&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 41</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">思考与练习&nbsp;&nbsp;&nbsp; 62</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">配套资源</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">教育</span>课件、多<span style="color: black;">媒介</span>平台、<span style="color: black;">教育</span>大纲、实验大纲、<span style="color: black;">教育</span>进度表、课程考核表、习题答案、自测试题、源代码、优秀学生作品赏析</p><img src="https://mmbiz.qpic.cn/mmbiz_png/IEccNBf01Kia9IYKzk3zvMbVaMw5fjaOeLBvHseTVb7waSicLm3qmbiaFyT4CfEmSsTGnu8fvh2YSfsnxxxCx9vibw/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"><img src="https://mmbiz.qpic.cn/mmbiz_png/IEccNBf01Kia9IYKzk3zvMbVaMw5fjaOe4t9Omr5UtoaaYxE0WzFGykrPTlomvltTSicCkEflJzUjVIP9JIhpT5Q/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"><img src="https://mmbiz.qpic.cn/mmbiz_png/IEccNBf01Kia9IYKzk3zvMbVaMw5fjaOeZvJWrnTRvw65gteF5zpWDFsst3rfZBiaGqRym7BZEUiabNQLFIicvOvRQ/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"><img src="https://mmbiz.qpic.cn/mmbiz_png/IEccNBf01Kia9IYKzk3zvMbVaMw5fjaOexYeT9IO2nmYfKEJzgic2xYP80JibJypkpvoI1UhtWdY7QEtFRAxS9RUA/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"><img src="https://mmbiz.qpic.cn/mmbiz_png/IEccNBf01Kia9IYKzk3zvMbVaMw5fjaOeMYPCYxB56gicb7SA89NoshyThoszLKcIT0RicxXjBcc2jfXYAbwmaXQw/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"><img src="https://mmbiz.qpic.cn/mmbiz_png/IEccNBf01Kia9IYKzk3zvMbVaMw5fjaOeZJUX1ZEMwGYBkUSS4u5tCAj1bREyNJZjnMgU9dAXSrHdEYSycF58cA/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"><img src="https://mmbiz.qpic.cn/mmbiz_jpg/IEccNBf01Kia9IYKzk3zvMbVaMw5fjaOeW6grM7AQ6sb9UrGnvEXa2iaicX3B1V0iaaQLibO85iafO9btkF1zicnWEAlQ/640?wx_fmt=jpeg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/mmbiz_png/IEccNBf01KgT7Yzr9gcl5GZZXPklqQgVLJdCXwv6ktPTJrJfzCyJDedxBcd9pNP8M3jC31RE2EraNpEJ7sr2Rw/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p><span style="color: black;"><strong style="color: blue;">扫码京东优惠购书</strong></span>




fjyf880 发表于 2024-9-8 07:01:44

楼主果然英明!不得不赞美你一下!

7wu1wm0 发表于 2024-9-9 03:16:40

楼主听话,多发外链好处多,快到碗里来!外链论坛 http://www.fok120.com/

1fy07h 发表于 2024-10-16 21:55:29

交流如星光璀璨,点亮思想夜空。

nykek5i 发表于 2024-11-13 04:19:11

楼主节操掉了,还不快捡起来!

b1gc8v 发表于 4 天前

感谢楼主分享,祝愿外链论坛越办越好!

1fy07h 发表于 3 天前

你字句如珍珠,我珍藏这份情。
页: [1]
查看完整版本: 新书举荐|网页设计与制作教程(第4版)