网页设计与制作实用教程

出版时间：2006-1  出版社：高等教育出版社  作者：刘艳丽 编  页数：329  
Tag标签：无  

前言

　　基于对当前教材的深入了解及教学实践需要，我们着手编写了21世纪高等学校应用型教材《网页设计与制作实用教程》。本书具有如下特点：　　·实例引导，任务驱动　　以网页设计为中心，以实例贯穿全书。每个章节均以具有代表性、实用性、趣味性的实例导入，在分析实例的基础上，展开具体实现的过程，然后详细地介绍该章节的相关内容和功能，使读者能够快速把握实际操作的思路，并在操作过程中掌握网页设计与制作的方法和要点。　　在编写本书前，作者已构思了一个典型的“畅想未来”网站，整个教材内容围绕这个网站的具体实现而展开，读者只要掌握这些实例，就能对网页的设计和制作有一个完整的了解，从而顺利地建立起个人网站。　　·注重网页设计与制作思想，符合教学规律　　本书在内容的安排上，由浅人深、循序渐进、逐步拓宽知识点。全书内容从最简单的页面开始，逐步丰富完善，最后制作出较复杂的高级页面。　　本书淡化工具意识，注重网页的设计与制作思想，这样读者在学习的同时，自然而然地便掌握了网页设计的基本方法和技巧。　　为彻底解决近年来课堂教学中理论与实践脱节、学生普遍缺乏实际应用能力的问题，本书各章均以实例导入，所有实例均是从网页制作实践中提炼、总结、归纳出来的。讲与练紧密结合，每一章均安排有思考题和上机实训题，不仅符合学生听讲、复习与自学的实际需要，也弥补了大多数网页制作教材重理论讲解、缺少网页制作实例、无上机练习与思考题的不足。　　·以实用为目的，具有高职教育特色　　本书不追求面面俱到，而是大胆舍去不用或根本就不实用的内容，适合“理论够用，重在实践”的高职高专教学的特点。　　本书以Dreamweaver为主，其他工具为辅。即以Dreamweaver制作网页为主线，根据实际需要将内容拓展到Fireworks、Flash、.IavaScript等。

内容概要

　　《网页设计与制作实用教程》分为基础篇和拓展篇两大部分。基础篇主要讲述了Dreamweaver的使用方法，包括本地站点的创建和管理、各种超级链接、表格、框架、图层、时间轴、行为、CSS样式、表单、模板和网页发布等内容，掌握该篇即可创建个人网站。同时为了达到更专业的水平，又增加了拓展篇。拓展篇包括页面中一些特殊效果的实现方法以及使用Fireworks处理图像和常见Flash动画的制作方法等内容，用于弥补Dreamweaver-的不足之处，进一步丰富和完善个人网页。　　《网页设计与制作实用教程》采用实例引导、任务驱动的编写方式，详细介绍了网页设计与制作的方法和技巧。内容安排由浅入深、循序渐进、逐步拓宽。章节组织以实例贯穿，条理清晰、通俗易懂、即学即会。书中的所有实例，都精选自作者积累的教学素材，具有较强的代表性。读者只要按照书中实例的操作步骤学习，就容易掌握网页设计与制作的技能，并轻松地创建出具有个性化的个人网站。　　《网页设计与制作实用教程》不仅适用于高职高专非计算机专业的学生，还适用于各大专院校非计算机专业的学生，同时也可作为网页制作的培训教程及网页制作爱好者或相关从业人员的自学用书。

书籍目录

基础篇第1章 网页制作技术概述1.1 常用的网页制作工具1.1.1 FrontPage2000简介1.1.2 Dreamweaver简介1.1.3 Dreamweaver和FrontPage2000的简单比较1.2 美化网页的主要工具1.2.1 图像处理工具Fireworks1.2.2 动画制作工具Flash1.3 网页中的脚本语言1.3.1 JavaScript1.3.2 VBScript1.4 服务器端主要技术1.4.1 ASP与JSP技术1.4.2 DreamweaverUltraDevr1.5 认识：Dreamweaver41.5.1 安装Dreamweaver41.5.2 Dreamweaver4的用户界面1.5.3 如何获取帮助信息1.6 建立网站的基本流程本章 小结思考题上机练习第2章 创建和管理本地站点2.1 规划站点结构2.2 建立本地站点2.3 站点的基本操作2.3.1 打开站点2.3.2 定义站点2.4 站点管理器的使用2.4.1 显示站点管理器2.4.2 操作站点文件2.4.3 设置网站首页2.4.4 显示站点地图2.5 网页文件的基本操作2.5.1 新建、保存和打开网页2.5.2 预览网页本章 小结思考题上机练习第3章 制作一个简单的网页3.1 简单网页实例3.2 在页面中插入基本的网页元素3.2.1 在页面中添加和处理文字3.2.2 在页面中插入和处理图像3.2.3 插入水平线3.2.4 插入日期和时间3.3 简单网页实例二3.4 设置网页属性3.4.1 认识网页属性对话框3.4.2 在标题栏中增添网页标题3.4.3 为网页增添背景图像3.4.4 调整网页的边距3.4.5 相关知识点本章 小结思考题上机练习第4章 在网页中建立各种超级链接4.1 创建超级链接4.1.1 创建内部超级链接4.1.2 创建外部超级链接4.1.3 创建空链接和脚本链接4.1.4 在新的浏览窗口中打开链接文件4.2 创建E.mail链接4.3 创建锚点链接4.3.1 插入命名锚点4.3.2 链接锚点4.4 设置链接颜色4.5 制作ImageMap4.5.1 制作热区4.5.2 为热区添加说明文字和制作超级链接4.5.3 编辑热区4.6 其他链接形式4.6.1 跳转菜单4.6.2 制作翻转图像实例4.6.3 制作导航栏实例本章 小结思考题上机练习第5章 利用表格设计和制作网页5.1 一个利用表格进行页面布局的实例5.2 创建表格和表格的基本操作5.2.1 插入空白表格5.2.2 调整表格的大小或行高／列宽5.2.3 合并与拆分单元格5.2.4 表格的嵌套5.2.5 表格的复制与粘贴5.2.6 插入行和列5.2.7 删除表格或行／列5.3 在表格中插入页面元素5.4 设置表格属性5.4.1 选择表格或单元格5.4.2 设置表格行、列及单元格属性5.4.3 设置表格的总体属性5.5 表格的高级应用技巧5.5.1 利用表格制作水平线和垂直线5.5.2 制作简单的圆角表格5.6 表格的其他应用5.6.1 表格数据的导入和导出5.6.2 一个自动套用表格格式的实例本章 小结思考题上机练习第6章 应用框架技术制作网页6.1 框架应用实例6.2 创建框架结构6.2.1 插入框架集6.2.2 选取框架和框架集6.2.3 增加框架6.2.4 删除框架6.2.5 调整框架的大小6.3 编辑框架集页面内容与保存框架集文件6.3.1 编辑框架集页面内容6.3.2 保存框架集文件6.4 设置框架中的链接目标6.4.1 将链接目标设置在创建的框架中6.4.2 将链接目标设置在默认的框架中6.5 修饰框架集网页外观6.5.1 设置框架集属性6.5.2 没置框架属性本章 小结思考题上机练习第7章 应用图层技术制作网页7.1 一个图层应用的实例7.2 图层的基本操作7.2.1 创建图层7.2.2 选择图层7.2.3 激活图层7.2.4 移动图层7.2.5 调整图层大小7.2.6 对齐图层7.2.7 吸附图层到网格7.3 图层的管理7.3.1 更改图层的名称7.3.2 改变图层的叠放次序7.3.3 改变图层的可见性7.3.4 创建嵌套层7.4 图层与表格7.4.1 将图层转换为表格7.4.2 将表格转换为图层本章 小结思考题上机练习第8章 利用时间线制作动画8.1 认识时间线8.2 创建时间线动画8.2.1 一个简单的直线运动的时间线动画实例8.2.2 认识时间线面板8.2.3 一个曲线运动的时间线动画实例8.2.4 创建复杂路径的时间线动画实例8.3 使用时间线改变图像和层属性8.3.1 实现幻灯片效果8.3.2 实现图像的渐推式显示效果本章 小结思考题上机练习第9章 为页面元素添加行为9.1 行为概述9.2 使用行为9.2.1 添加行为9.2.2 编辑行为9.3 Dreamweaver内置行为实例9.3.1 弹出消息框（PopupMessage）9.3.2 打开浏览器窗口（Open.BrowserWindow）9.3.3 调用JavaScript程序（CallJavaScfipt）9.3.4 在状态栏显示信息（SetTextofStatusBar）9.3.5 设置图层中的文本（setTextofLayer）9.3.6 改变对象属性（ChangeProperty）9.3.7 播放声音（PlaySound）9.3.8 跳转到URL（GoToURL)^9.3.9 控制Shockwave或Flash（ControlShockwaveorFlash）9.3.1 0拖动图层（DragLayer）9.3.1 1显示一隐藏图层（show-HideLayers）9.3.1 2用行为控制时间线（Timeline）本章 小结思考题上机练习第10章 在网页中使用CSS样式10.1 利用CSS样式美化文本10.1.1 使用CSS样式面板创建样式10.1.2 创建自定义样式，10.1.3 重新定义HIML标签10.1.4 应用CSS样式10.1.5 修改CSS样式10.2 利用CSS样式改变超级链接10.2.1 创建外部CSS样式表控制整个站点的风格10.2.2 使用CSS选择器10.2.3 修改样式文件10.2.4 链接外部样式文件10.3 CSS样式综合应用10.3.1 一个CSS样式综合应用的实例10.3.2 样式冲突本章 小结思考题上机练习第11章 用表单收集数据11.1 表单实例1——畅想未来调查表11.2 了解创建表单的基本方法11.3 创建“调查表”表单11.3.1 创建表单11.3.2 设置表单属性11.4 插入“调查表”表单对象11.4.1 插入文本框：11.4.2 插入复选框和单选按钮11.4.3 插入下拉菜单和命令按钮11.5 表单实例2——友情链接11.6 其他表单对象的用法11.6.1 文件域11.6.2 图像域11.6.3 隐藏域_11.7 在表单中使用行为11.7.1 验证表单11.7.2 设置文本域的文本本章 小结思考题上机练习第12章 应用模板和库快速设计网页12.1 利用模板创建新页面12.1.1 创建模板12.1.2 定义可编辑区域12.1.3 创建基于模板的新页面12.2 利用模板更新网页12.2.1 应用模板到当前网页12.2.2 修改模板和更新网页12.2.3 模板的管理12.3 利用库项目维护网页12.3.1 库项目的创建12.3.2 库项目的应用12.3.3 通过编辑库项目更新网页12.3.4 库项目的管理本章 小结思考题上机练习第13章 在网页中制作多媒体13.1 制作交互对象13.1.1 插入Flash按钮13.1.2 插入Flash文本对象13.1.3 插入其他交互对象13.2 插入媒体对象13.2.1 插入媒体对象的基本方法13.2.2 插入F：lash电影13.2.3 插入Generator（发生器）对象13.2.4 插入Shockwave电影13.2.5 插入ActiveX控件和Java程序13.3 插入声音13.3.1 关于声音文件的格式13.3.2 链接声音文件13.3.3 在页面中插入声音13.3.4 在页面中嵌入背景声音本章 小结思考题上机练习第14章 测试和发布网页14.1 申请域名和主页空间14.1.1 如何申请域名14.1.2 如何申请主页空间14.2 申请计数器和留言板14.2.1 如何申请计数器14.2.2 如何申请留言板14.3 如何测试网页14.3.1 检测浏览器兼容性14.3.2 检查链接错误14.3.3 在浏览器中预览14.4 将网页发布到Internet上14.4.1 用Dreamweaver的站点管理器上传网页14.4.2 用CuteFTP上传网页14.5 推广你的网站——加入搜索引擎本章 小结思考题上机练习拓展篇第15章 页面中一些特殊效果的实现方法15.1 页面的后台代码（HTML源代码）15.1.1 查看和编辑当前页面的HTML代码15.1.2 快速编辑HTML标签15.1.3 定制HTML代码格式15.1.4 清理HTML代码15.2 使用脚本丰富网页15.2.1 特效实例15.2.2 脚本的基本操作15.2.3 显示当前日期和星期15.2.4 实现文字跟随鼠标的特效15.3 使用插件15.3.1 特效实例15.3.2 安装插件15.3.3 使用插件15.3.4 删除插件本章 小结思考题上机练习第16章 使用Fireworks处理图像16.1 图像优化16.2 切割图像16.3 导出图像16.3.1 导出一个图像16.3.2 导出一个区域的图像16.3.3 导出切片16.4 制作按钮16.5 制作下拉菜单16.6 Dreamweaver和Fireworks联合作业（294）16.6.1 使用Fireworks编辑和优化Dreamweaver中的图像（294）16.6.2 在Dreamweaver中插入Fireworks文件16.6.3 使用Dreamweaver-和Fireworks结合创建网页相册本章 小结上机练习第17章 页面中常见Flash动画的制作方法17.1 Flash的几个重要概念17.1.1 Flash动画的格式17.1.2 矢量图和位图17.1.3 舞台和工作区17.1.4 帧和时间线17.1.5 符号和实例17.2 简单动画的制作17.2.1 运动渐变动画17.2.2 形状渐变动画17.3 层动画的制作17.3.1 使用遮罩图层17.3.2 使用运动导向图层本章 小结思考题上机练习第18章 动态网页技术简介18.1 动态网页技术概述18.2 动态网页的实现技术18.2.1 CGI技术18.2.2 ASP技术18.2.3 PHP技术18.2.4.JSP技术18.3 DreamweaverUhraDev4简介18.3.1 UhraDev的可视化特点18.3.2 UhraDev的开发流程和开发环境18.4 用DreamweaverUhraDev4处理表单数据18.4.1 数据库设计和页面结构规划18.4.2 设计投票页面18.4.3 设计处理表单页面18.4.4 设计结果页面本章 小结思考题

章节摘录

　　Dreamweaver是Macromedia公司出品的一套专业化的网页创作工具，它采用“所见即所得”的可视化编辑方式，通过特有的行为、模板、时间轴等技术，使用户能够快速高效地创建各种具有专业水平的网页，而不需要编写任何代码。如果需要在代码界面进行工作，只需进入HTMI.代码窗口或原代码检视器中，即可同步看到Dreamweaver生成的源代码。在这个代码窗口中，可以编辑任何内容，也可以方便地返回可视化编辑器。　　Dreamweaver支持最新的DHTML和CSS标准，完全支持分层技术，可以用它设计出生动的DHTML动画、多层次的页面以及CSS样式表。不仅如此，它还提供了完善的站点管理机制，是一个集网页设计和站点管理两大功能于一身的专业软件。　　另外，Dreamweaver创建的网页具有极好的兼容性，可以适用于各种平台和各种浏览器。它能够使设计的网页在国内、国外乃至多种操作平台和多浏览器共存的环境中，都可以毫无障碍地进行访问。　　值得一提的是，Dreamweaver一是充分可定制的。通过它可以创建出自己的对象、命令、修改菜单和键盘快捷键，甚至可以通过自己编写JavaScript代码来为Dreamweaver创建新的行为和属性面板，以扩展Dreamweaver的能力。　　Dreamweaver创建的网页可以与用网页动画软件Flash和网页图形处理软件Fireworks创建的文件之间实现“无缝连接”。事实上，这也正是为什么.Macromedia公司出品的这3个软件被称为网页制作“梦幻组合”、“网页设计三剑客”的原因。在实际设计时会发现，这3个软件是网页设计工作中最亲密的伙伴。