网页设计与制作教程与实训

出版时间：2009-6  出版社：于巧娥 北京大学出版社 (2009-06出版)  作者：于巧娥 编  页数：308  

前言

本书第1版自2006年1月出版以来，深受广大师生的青睐，同时也受到了网页制作爱好者的喜爱，在两年多的时间里已销售近3万册，并在北京大学出版社启动的“2008年度高职高专计算机类优秀教材评比”工作中，荣获“优秀教材评比一等奖”。为了与技术的发展同步，我们在第1版的基础上进行了去粗取精、扬长避短的升级工作。本教程采用贴近教与学实际需要的章节结构，即具体章节均以教学提示和教学要求一知识讲解一实训一习题的结构进行编排。章首的教学提示和教学要求，既能指导学生自学，又方便教师讲授；每章的知识点均结合实例详细讲解，使学生能更加直观、通俗地理解相应的知识；章尾都有一个或几个紧密结合该章知识点的实例，以及一些难度适中的习题。每个实例都配有详细的操作步骤，使学生能够做到边学边练，快速掌握并灵活运用所学章节的知识；课后习题分判断题、填空题及上机操作题，且配有答案。通过练习，可以达到巩固每课知识的目的。本教程计划授课学时为64学时左右，使用的版本是Dreamweaver 8。教学内容的采用以实用为原则，从学生的实际需要出发，对学生感兴趣的实用知识要详解、讲透，使学生能完全掌握。而教学中没有涉及的内容可通过课后练习、指导和问题讨论的方式让学生自学完成。在教学中，应格外重视学生操作能力的培养，强调实用技能的训练，提倡采用讲练结合的教学方式，给学生更多的动手机会。本教程由大连水产学院职业技术学院的于巧娥老师担任主编，淄博职业学院的谭景老师、辽东学院的鲁琴老师、大连水产学院职业技术学院王林毅老师担任副主编，参与编写工作的还有重庆电子职业学院的黄源老师、苏州职业大学的李会芳老师。具体分工如下：王林毅编写第1章（除1.2节和1.6节之外）；李会芳编写第2章和第4章（除2.6节和4.2节之外）；谭景编写第3章和第9章f除3.7节和9.6节之外）；鲁琴编写第5章（除5.5节之外）和第10章；于巧娥编写2.6节、3.7节、4.2节、5.5节、第6章和9.6节；黄源编写1.2节、1.6节和第7章；于巧娥和王林毅编写第8章。北京科技大学的孙建伟老师对书中的内容进行了一定的审阅。最后由于巧娥老师总纂成书。在编写过程中，我们参考了有关教材和某些网站的资料，在此表示感谢！由于编者水平有限，时间仓促，不妥之处在所难免，衷心希望广大读者批评指正！

内容概要

　　《21世纪全国高职高专计算机系列实用规划教材：网页设计与制作教程与实训（第2版）》系统地介绍了Macromedia公司最新推出的Dreamweaver 8中文版的使用方法和技巧。全书共10章，先从网页制作基本知识入手，循序渐进、由浅入深地介绍了站点的规划和创建，文本和图像元素的添加和编辑，超链接的创建，CSS样式的应用，表格、框架、层等网页定位技术，行为的具体应用，模板和库的创建与编辑，表单及表单对象的添加，数据库与动态数据的运用，网页设计范例等。　　《21世纪全国高职高专计算机系列实用规划教材：网页设计与制作教程与实训（第2版）》的突出特点在于将知识讲解与实例操作紧密结合，且一些典型实例均来自编者多年的教学经验总结，具有很高的实用价值。知识讲解全面具体，语言表达通俗易懂，可以作为高职高专及其他院校的专业课教程，对于专门从事网页制作的读者也有一定的借鉴价值。

书籍目录

第1章 网页制作基本知识1.1 与网页制作相关的术语1.1.1 网站与网页1.1.2 服务器与浏览器1.1.3 远程站点和本地站点1.1.4 统一资源定位器1.2 HTML简介1.2.1 HTML基本格式及特点1.2.2 HTML的基本语句1.3 网页界面的构成要素1.4 网站开发的流程1.4.1 确定网站的目的和主题1.4.2 定位网站CI形象1.4.3 收集、制作与整理资料1.4.4 规划网站的结构1.4.5 设计与制作主页1.4.6 测试与发布网站1.4.7 维护与推广网站1.5 网站设计的要求1.5.1 主题引入注目1.5.2 栏目布局合理1.5.3 网站的结构清晰1.5.4 色彩搭配悦目1.6 实训1.6.1 滚动字幕的制作1.6.2 网页过渡效果1.7 小结1.8 习题第2章 认识Dreamweaver82.1 Dreamweaver8简介2.2 Dreamweaver8的工作界面2.3 常用面板的使用2.3.1 使用插入栏2.3.2 使用[属性]面板2.3.3 使用[文件]文件面板2.3.4 资源面板2.4 Dreamweaver8的个性设置2.5 站点的基本操作2.5.1 定义站点2.5.2 编辑站点2.5.3 操作站点文件2.6 实训2.7 小结2.8 习题第3章 创建文档3.1 文档的操作3.2 页面属性的设置3.3 文本元素的添加和编辑3.3.1 文字的格式化3.3.2 其他文本的输入3.3.3 查找和替换文本3.4 图像和媒体的处理3.4.1 图像的处理3.4.2 插入FireworksHTML3.4.3 添加Flash影片3.4.4 添加内置的Flash交互对象3.5 超链接的创建与管理3.5.1 超链接概述3.5.2 超链接的创建3.5.3 管理站点内的链接3.6 创建文档的小技巧3.6.1 去除页面的空白3.6.2 输入文字空格的方法3.7 实训3.7.1 幻灯片动画3.7.2 大小图的转换3.8 小结3.9 习题第4章 样式4.1 CSS样式表4.1.1 关于CSS样式表4.1.2 创建和应用新的CSS样式4.1.3 编辑样式4.1.4 将样式从选定内容中删除4.1.5 CSS样式参数4.2 实训4.2.1 用图像美化项目符号列表4.2.2 用CSS滤镜制作文字特效4.3 小结4.4 习题第5章 Dreamweaver8的网页定位技术5.1 表格5.1.1 创建表格5.1.2 选择表格5.1.3 编辑表格5.1.4 表格的格式化和排序5.2 布局表格和布局单元格5.2.1 使用布局视图和网格辅助线5.2.2 绘制布局表格和布局单元格5.2.3 绘制嵌套布局表格5.2.4 设置布局表格和布局单元格的属性5.3 框架5.3.1 框架概述5.3.2 创建框架5.3.3 框架的编辑和制作5.3.4 处理无框架浏览器5.4 层5.4.1 层的创建5.4.2 层的基本操作5.4.3 层与表格的相互转换5.5 实训5.6 小结5.7 习题第6章 行为的操作6.1 行为的基础6.1.1 行为的基础6.1.2 行为的编辑6.2 行为的具体应用6.2.1 调用JavaScript6.2.2 弹出信息6.2.3 转到URL6.2.4 弹出广告窗口6.2.5 播放背景音乐6.2.6 时间轴行为6.3 实训6.3.1 动态文本6.3.2 下拉菜单6.3.3 脸谱游戏6.4 小结6.5 习题第7章 模板和库7.1 创建模板7.2 编辑模板7.3 应用模板7.4 更新模板7.5 库7.6 实训7.7 小结7.8 习题第8章 表单8.1 创建表单8.2 添加表单对象8.3 实训8.3.1 电子邮件表单8.3.2 搜索引擎的添加8.4 小结8.5 习题第9章 数据库与动态数据9.1 动态网站执行流程9.1.1 什么是动态网站9.1.2 动态网站原理及开发流程9.2 配置Web服务器9.2.1 选择Web服务器软件9.2.2 安装ⅡS9.2.3 定义根目录9.2.4 配置ⅡS9.3 定义动态站点连接远程服务器9.3.1 定义本地和远程站点9.3.2 指定测试服务器9.3.3 连接远程服务器9.4 数据库配置与ODBC连接9.4.1 创建数据库9.4.2 创建数据源9.4.3 连接数据库9.5 创建动态网页9.5.1 创建记录集9.5.2 添加记录集9.5.3 显示记录9.5.4 分页显示多条记录9.6 实训9.7 小结9.8 习题第10章 网页设计范例10.1 设计站点10.1.1 网站的总体结构10.1.2 建立站点10.1.3 生成网页10.2 制作进站页面10.2.1 用表格进行整体布局10.2.2 页面属性设置及样式定义10.2.3 添加网页元素10.3 制作主页10.3.1 整体效果设计10.3.2 用表格进行整体布局并设置10.3.3 页面属性设置及样式定义10.3.4 网页横幅及标志部分的设计10.3.5 导航区的设计10.3.6 主体部分的设计10.3.7 添加页面动态效果10.4 制作“时尚话题”页面10.4.1 网页横幅的制作10.4.2 主体部分制作10.5 制作“时尚话题”相关页面10.5.1 创建“时尚话题模板”页10.5.2 使用“时尚话题模板”创建文档10.6 制作“心情文章 ”页面10.6.1 网页横幅的制作10.6.2 主体部分制作10.7 制作“热点讨论”页面10.7.1 网页横幅的制作10.7.2 主体部分制作10.8 测试和上传站点10.8.1 测试站点10.8.2 上传站点10.9 小结10.1 0习题参考文献

章节摘录

插图：2.链接结构网站的链接结构是指页面之间相互链接的拓扑结构，它建立在目录结构基础之上，但可以跨越目录。形象地说，每个页面都是一个固定点，链接则是在两个固定点之间的连线。更重要的是，这些点并不是分布在一个平面上，而是存在于一个立体的空间中。确立网站的链接结构的目的是用最少的链接，使得浏览最有效率。一般来说，网站的链接结构有两种基本方式。1） 1树状链接结构树状链接结构类似DOS的目录结构，页面与页面是一对一的关系。主页链接指向一级页面，一级页面链接指向二级页面。浏览者浏览页面时，一级级进入，一级级退出。优点是条理清晰。缺点是浏览效率低，从一个栏目下的子页面跳到另一个栏目下的子页面，必须回经主页，如图1.8所示。2） 星状链接结构星状链接结构类似网络服务器的链接。页面与页面是一对多的关系，每个页面相互之间都建立有链接关系。这种链接结构的优点是方便浏览，浏览者可以随时到达自己喜欢的页面。缺点是链接太多，浏览者容易迷路，很难搞清楚自己在什么位置，如图1.9所示。

编辑推荐

《网页设计与制作教程与实训(第2版)》的突出特点在于将知识讲解与实例操作紧密结合，且一些典型实例均来自编者多年的教学经验总结，具有很高的实用价值。知识讲解全面具体，语言表达通俗易懂，可以作为高职高专及其他院校的专业课教程，对于专门从事网页制作的读者也有一定的借鉴价值。