网页设计案例教程
2012-10
朱艳丽、 宋毓震 清华大学出版社 (2012-10出版)
朱艳丽，宋毓震，王建平，等 编
226
《高等学校计算机课程规划教材：网页设计案例教程》系统地介绍了DreamweaverCS5的基础知识和操作，由网页制作概述、始建站点、网页设计基础操作、布局元素的应用、CSS样式应用、使用行为、框架的应用、网页色彩设计、网页整合设计及发布10章组成。 书中使用大量的案例进行知识点的分析与运用，并给出一些比较成熟的开发步骤，帮助读者进行网页设计与开发，让每一位读者能够看清楚知识点运用的来龙去脉和运行效果，从而能够真正灵活地运用网页设计的常用技巧。全书还在每一章后面附加实训项目，读者可以通过实训检验自己本章节各个知识点的综合掌握情况。 《高等学校计算机课程规划教材：网页设计案例教程》结构清晰，内容翔实，具有很强的专业性和操作性，切实做到理论与实践相结合。适合作为高等院校各专业计算机公共基础课程网页设计方面的教材，也可以作为网页制作从业人员及自学者的参考用书。
第1章 网页制作概述 1.1 域名与ip地址 1.2 网站的工作原理 1.3 HTML 1.3.1 基本标签 1.3.2 文字标签 1.3.3 段落标签 1.3.4 图像标签和超链接标签 1.3.5 多媒体标签 1.3.6 表格标签 1.4 Dreamweaver CS5简介 第2章 始建站点“驴友天下” 2.1 Dreamweaver CS5的操作界面 2.2 建立站点 2.3 设置页面 2.3.1 页面背景 2.3.2 页面默认字体 2.3.3 页面边距 2.4 上传和下载站点 2.4.1 上传站点 2.4.2 下载站点 实训 创建“美食天下”网站 第3章 网页设计基础操作——“热门景点” 3.1 麻姑山简介——网页文本 3.1.1 编辑文本 3.1.2 设置段落 3.2 麻姑山美景——网页图片 3.2.1 插入图片 3.2.2 修改图片 3.2.3 对齐图片 3.2.4 图片边距 3.2.5 鼠标经过图像 3.2.6 页面保存 3.3 西湖映像——网页多媒体 3.3.1 插入Flash动画 3.3.2 插入Flash视频 3.3.3 插入音频 3.4“热门景点”首页 3.4.1 文本超链接 3.4.2 图片超链接 实训 创建“美食天下”网站的子版块“齐鲁菜肴” 第4章 布局元素的应用——“驴友宝典” 4.1 新建“户外须知”页面——AP Div的基本操作 4.1.1 理解AP Div的概念 4.1.2 创建AP Div 4.1.3 选择AP Div 4.1.4 移动AP Div 4.1.5 调整AP Div的大小 4.1.6 更改AP Div的名称 4.2 完善“户外须知”页面——使用AP Div布局页面 4.2.1 创建多个AP Div进行页面布局 4.2.2 创建嵌套AP Div 4.2.3 在AP Div中添加图片 4.2.4 在AP Div中添加文字 4.2.5 设置AP Div的背景 4.2.6 其他设置 4.3 新建“旅途常备”页面——表格的基本操作 4.3.1 插入表格 4.3.2 选取表格元素 4.3.3 设置表格属性 4.3.4 设置单元格属性 4.3.5 添加和删除行或列 4.3.6 在表格中添加内容 4.4 完善“旅途常备”页面——使用表格进行页面布局 4.4.1 用表格布局页面 4.4.2 加入页面标题图片 4.4.3 拆分单元格 4.4.4 加入文字和图片元素 4.4.5 设置单元格的背景颜色 4.4.6 插入嵌套表格 4.4.7 设置表格的背景图片和边框颜色 4.4.8 合并单元格 4.4.9 绘制立体表格 4.4.10 完成“旅途常备”页面 4.4.11 AP Div和表格之间的转换 4.5 美化“旅途常备”页面——使用Spry框架高效使用页面空间 4.5.1 生成选项卡面板 4.5.2 编辑选项卡标签 4.5.3 编辑选项卡面板内容区 4.5.4 设置默认显示面板 4.5.5 创建和编辑Spry菜单栏 4.5.6 创建Spry折叠式面板 4.5.7 使用Spry框架美化“旅途常备”页面效果展示 实训 创建“美食天下”的子版块“饮食宜忌” 第5章 CSS样式应用——“老谈游记” 5.1 梦回千岛湖 5.1.1 CSS样式的分类 5.1.2 CSS选择器的分类 5.2 千古晋祠 5.3 蝴蝶泉 5.4 麦积山 5.5 太阳岛 实训 魂绕回龙 第6章 行为的应用——“摄影部落” 6.1 欢迎进入摄影部落——弹出信息 6.2 摄影部落简介——弹出窗口 6.3 人物摄影——交换图像 6.4 风景摄影——效果行为 6.5 民俗摄影——显示—隐藏元素 6.6 美食摄影——设置文本 6.7 建筑摄影——改变属性 实训 创建“魅力城市”网站的子版块“青岛” 第7章 框架——首页的建设 7.1 首页的规划 7.1.1 首页规划设计的原则 7.1.2“驴友天下”网站的首页规划 7.2 编辑“标题.html”框架页 7.2.1“标题.html”框架页效果描述 7.2.2 制作“标题.html”框架页 7.3 编辑“导航.html”框架页 7.3.1“导航.html”框架页效果描述 7.3.2 制作“导航.html”框架页 7.4 编辑“主体.html”框架页 7.4.1“主体.html”框架页效果描述 7.4.2 制作“主体.html”框架页 7.5 编辑“底部.html”框架页 7.5.1“底部.html”框架页效果描述 7.5.2 制作“底部.html”框架页 7.6 新建和设置框架集 7.6.1“驴友天下”网站首页的框架集描述 7.6.2 创建“驴友天下”网站首页的框架集 7.7 创建框架间链接。 7.7.1“驴友天下”网站首页框架间链接的效果描述 7.7.2 创建“驴友天下”网站首页的框架间链接 7.8 保存“驴友天下”网站首页的框架 实训 创建“唐诗宋词欣赏”网站的首页 第8章 网页配色基础 8.1 色彩理论基础 8.1.1 色彩的三要素 8.1.2 HSB色彩空间 8.2 网页配色的一般方法 8.2.1 网页安全色 8.2.2 网页元素分析 8.2.3 网页色彩分析 8.2.4 网页配色的基本方法 8.3 常见色系的配色 第9章 综合实例 9.1 网站规划 9.2 页面制作 9.2.1“名作欣赏”页面 9.2.2 站点首页的制作 实训“图酷在线”网站的建设 …… 第10章 建立web服务器
版权页： 插图： 要求建设主题为“色友之家”的站点，在其中介绍摄影类的内容。主要分类可以涉及摄影技艺、照片赏析、器材博览、旅途记闻等。 1.确定网站内容 所谓站点内容，指的是在网站主题指导下，站点的主攻方向。站点内容应与站点主题涵义一致。在此基础上，站点可以根据自身特长、喜好及同业人员需要，而有所偏重。 比如本处站点主题为“色友之家”，主要内容设定为照片赏析、摄影技艺、摄影新闻、摄影器材以及摄影旅游。在此基础上，将“照片赏析”作为网站特色内容，着重笔墨介绍。 2.确定网站子栏目 根据站点内容要求，确定站点的子栏目。此处将网站分为“色界新闻”、“名作欣赏”、“摄影教程”、“个人影展”、“色友论坛”、“单反世界”、“镜头探析”、“色驴装备”共8个栏目。 3.确定主色彩及网站logo 首先要根据网站主题确定主色彩。“摄影”是用图片说话，以无声的画面替代有声的语言。此处选择蓝色系，寓意“深沉”、“广阔”。 所谓logo，就是公司或品牌的徽标，集中体现了公司或组织的特点和文化。有条件的网站可以委托专门人员设计logo。此处使用如图9—1所示的图片作为网站logo。 4.布局首页及子页面 网站首页是网站最重要的页面。可以使用专门的作图工具制作出首页的布局效果图并撰写说明文档。这要求制作者既能熟练操作作图工具，又对网页元素有深刻理解。 布局首页即决定了哪些内容要显示在首页，及其显示位置。一般来说，要求通过首页能够到达所有的子栏目。并且，重要的子栏目内容应当直接显示在首页。页面布局一旦确定，即不可轻易更改。 根据以上要求，本网站首页的效果如图9—2所示。页面上方是网站logo及横幅。栏目导航放在了页面左侧。中间是每日图片及文章推介，其下方是“摄影教程”栏目。
《高等学校计算机课程规划教材:网页设计案例教程》由朱艳丽、宋毓霞主编，《高等学校计算机课程规划教材:网页设计案例教程》的编写特色为，以案例的形式编排，读者可以在阅读的同时逐渐完成全书的目标。在此基础上，还安排了必要的实训，使读者有机会实践课本所学。《高等学校计算机课程规划教材:网页设计案例教程》结构清晰，内容翔实，具有很强的专业性和操作性，切实做到理论与实践相结合。适合作为高等院校各专业计算机公共基础课程网页设计方面的教材，也可以作为网页制作从业人员及自学者的参考用书。
