网页设计与制作目录
任务1 认识网页（1）
1.1 初识网页（1）
1.1.1 任务引入（1）
1.1.2 网页构成（2）
1.2 网站赏析（4）
1.2.1 静态网站（4）
1.2.2 动态网站（5）
1.3 网页设计思路（6）
1.3.1 网站主题（6）
1.3.2 表现形式和用户浏览设置（6）
1.3.3 创造性和有效性（6）
1.4 网页编辑工具（6）
1.4.1 编辑工具（7）
1.4.2 素材处理与创作工具（8）
1.5 任务小结（9）
1.6 课后习题（10）
任务2 站点建立与管理（11）
2.1 安装IIS（11）
2.1.1 初识IIS（11）
2.1.2 安装IIS 70（12）
2.2 站点配置（15）
2.2.1 配置IIS站点属性（15）
2.2.2 长江商业职业技术学院站点属性（20）
2.3 站点建立（23）
2.3.1 定义长江商业职业技术学院站点（23）
2.3.2 修改长江商业职业技术学院站点信息（26）
2.4 站点管理（27）
2.4.1 新建站点（27）
2.4.2 站点之间切换（28）
2.4.3 站点编辑（28）
2.4.4 站点复制与删除（28）
2.4.5 站点导出与导入（29）
2.4.6 站点文件管理（29）
2.5 任务小结（34）
2.6 课后习题（34）
任务3 HTML代码基础（35）
3.1 初识HTML（35）
3.2 简单的HTML（35）
3.2.1 基本的HTML（35）
3.2.2 标签解释（36）
3.2.3 HTML元素（36）
3.2.4 HTML元素的属性（37）
3.2.5 基础的Tag（37）
3.2.6 表格（40）
3.2.7 常用格式（41）
3.2.8 超链接（41）
3.3 任务小结（42）
3.4 课后习题（42）
任务4 使用表格布局与美化网页（44）
4.1 任务引入（44）
4.1.1 长江商业职业技术学院首页（44）
4.1.2 长江商业职业技术学院二级页面（45）
4.2 附加样式表（45）
4.2.1 创建首页indexhtml（45）
4.2.2 新建CSS样式表（46）
4.2.3 附加样式表（46）
4.3 表格布局Banner（47）
4.3.1 添加表格（47）
4.3.2 插入Banner图片（48）
4.4 表格布局导航栏（49）
4.4.1 表格背景设置（49）
4.4.2 导航栏表格（50）
4.4.3 导航栏文字（51）
4.5 表格布局main内容区（52）
4.5.1 表格背景设置（52）
4.5.2 添加表格（54）
4.5.3 站内搜索（60）
4.5.4 联系方式（63）
4.5.5 友情链接（66）
4.6 表格布局图片新闻、审前公示、法规制度（68）
4.6.1 添加表格（68）
4.6.2 图片新闻（69）
4.6.3 审前公示（71）
4.6.4 法规制度（76）
4.7 表格布局新闻动态、审后公告、学习之窗（76）
4.7.1 添加表格（76）
4.7.2 新闻动态（77）
4.7.3 审后公告（81）
4.7.4 学习之窗（81）
4.8 表格布局水平线与版权区（82）
4.8.1 添加水平线（82）
4.8.2 版权区（82）
4.9 任务小结（83）
4.10 课后习题（83）
任务5 使用DIV布局网页（85）
5.1 任务引入（85）
5.1.1 长江商业职业技术学院首页（85）
5.1.2 长江商业职业技术学院二级页面（86）
5.2 附加样式表（87）
5.2.1 创建首页indexhtml（87）
5.2.2 新建CSS样式表（88）
5.2.3 附加样式表（88）
5.3 DIV布局lay（89）
5.3.1 lay生成（89）
5.3.2 lay居中（90）
5.4 DIV布局Header（91）
5.4.1 Banner生成（91）
5.4.2 Nav生成（92）
5.5 DIV布局main（94）
5.5.1 main部分（94）
5.5.2 main_left部分（96）
5.5.3 main_middle部分（102）
5.5.4 main_right部分（108）
5.6 DIV布局footer（115）
5.6.1 footer（115）
5.6.2 水平线（116）
5.6.3 版权区（118）
5.7 任务小结（120）
5.8 课后习题（120）
任务6 应用CSS美化网页（121）
6.1 认识CSS样式（121）
6.1.1 初识CSS（121）
6.1.2 基本的CSS模型（121）
6.1.3 CSS样式设置（123）
6.2 美化网页（127）
6.2.1 任务引入（127）
6.2.2 任务构成（128）
6.3 CSS样式美化header（129）
6.3.1 CSS样式美化Banner（129）
6.3.2 CSS样式美化Nav（130）
6.4 CSS样式美化Main（136）
6.4.1 main背景（136）
6.4.2 main_left样式美化（137）
6.4.3 main_middle样式美化（150）
6.4.4 main_right样式美化（158）
6.5 CSS样式美化footer（167）
6.5.1 水平线（167）
6.5.2 CSS样式美化版权区（168）
6.6 任务小结（169）
6.7 课后习题（169）
任务7 使用表单制作用户注册页（170）
7.1 认识表单（170）
7.1.1 表单基础（170）
7.1.2 创建表单域（170）
7.1.3 设置表单域属性（170）
7.2 任务引入（171）
7.2.1 用户注册页面（171）
7.2.2 任务分析（171）
7.3 制作表单（172）
7.3.1 添加表单项（172）
7.3.2 添加表格（172）
7.3.3 添加文本域（173）
7.3.4 添加单选按钮（174）
7.3.5 添加选择（列表/菜单）（175）
7.3.6 添加文本区域（175）
7.3.7 添加注册按钮（176）
7.3.8 完成效果（176）
7.4 任务小结（177）
7.5 课后习题（177）
任务8 使用模板制作二级页面（179）
8.1 创建模板（179）
8.1.1 页面属性设置（179）
8.1.2 Banner设置（179）
8.1.3 导航栏设置（180）
8.1.4 新联动态、站内搜索、联系方式、友情链接、机构概况（181）
8.1.5 版权区（184）
8.1.6 生成模板文件（184）
8.2 编辑模板（186）
8.2.1 新建可编辑区域（186）
8.2.2 生成编辑区域（186）
8.3 应用模板（187）
8.3.1 调出模板（187）
8.3.2 运用模板（188）
8.4 更新模板（190）
8.4.1 打开模板（190）
8.4.2 修改模板（191）
8.5 任务小结（192）
8.6 课后习题（192）
任务9 应用行为增加网页特效（194）
9.1 滚动文字特效（194）
9.1.1 初识Marquee（194）
9.1.2 建立Marquee（194）
9.2 对联广告的实现（197）
9.2.1 插入左侧广告层leftDiv（197）
9.2.2 插入右侧广告层rightDiv（198）
9.2.3 添加javascript脚本代码（200）
9.3 漂浮广告的实现（201）
9.3.1 插入漂浮广告层fly（202）
9.3.2 添加javascript脚本代码（202）
9.4 轮播广告的实现（204）
9.4.1 插入轮播广告层（204）
9.4.2 添加javascript脚本代码（206）
9.5 任务小结（207）
9.6 课后习题（207）
任务10 测试与发布网站（209）
10.1 网站测试（209）
10.1.1 兼容性测试（209）
10.1.2 网页链接测试（211）
10.2 申请空间和域名（214）
10.2.1 申请空间（214）
10.2.2 申请域名（214）
10.3 网站发布（215）
10.3.1 设置站点远程信息（215）
10.3.2 上传站点（217）
10.3.3 下载站点（218）
10.3.4 文件上传和取回（219）
10.4 同步文件（219）
10.5 常见错误信息（221）
10.6 任务小结（223）
10.7 课后习题（223）
本书以 Dreamweaver CS 5这个网页设计业界的标准应用软件作为教学主体，通过一个完整的项目长江商业职业技术学院网站页面的设计与制作，由浅入深、由基础操作到案例设计的方式，详细介绍了Dreamweaver CS 5软件的界面操作和网页构成、站点建立与管理、HTML代码、表格布局与美化网页、使用DIV布局网页、CSS美化网页、表单对象、模板的应用、行为的应用、测试与发布网站。完整介绍了长江商业职业技术学院网站静态网页的开发过程。《网页设计与制作——Dreamweaver》既可作为中等职业学校计算机相关专业师生和网页设计培训班的参考用书，也可作为从事网页设计与开发行业的人员以及众多Dreamweaver网页开发爱好者或业余用户的指导用书。关于本书Dreamweaver CS 5是Adobe公司推出的可视化网页设计制作与管理软件，被广泛应用于网页设计领域，此版本操作界面简单明了，还在以往版本的基础上新增了许多实用的功能，深受广大网页设计爱好者的喜爱。为了使广大读者能够更全面地掌握该软件，我们组织编写了该教程。本书以长江商业职业技术学院网站页面设计为项目，采用成熟的教学模式，项目教学任务驱动教学方式，通过Web设计到软件应用方法，让读者轻松学习网站设计。本书结构本书共分10个任务，各任务具体内容安排如下。任务1 认识网页，了解网站基本知识，网页构成元素、网站类型、网页设计思路、网站主题、表现形式和用户浏览设置、网站设计方法、网页编辑工具、素材处理与创作工具。任务2 站点建立与管理，介绍了IIS类型及安装方法，以及静态站点与动态站点的配置。任务3 HTML代码基础，学习简单HTML代码，了解代码的作用。任务4 使用表格布局与美化网页，介绍附加样式表的使用、使用表格及单元格规划长江商业职业技术学院首页面布局、编排、美化表格和单元格，以及表格自动处理的操作技巧。任务5 使用DIV布局网页，主要介绍使用DIV技术布局长江商业职业技术学院首页面包括附加样式表、DIV布局操作方法。任务6应用 CSS美化网页，利用DIV和CSS功能对长江商业职业技术学院首页面进行页面美化。任务7 使用表单制作用户注册页，介绍网页表单的设计与操作方法。任务8使用模板制作二级页面，主要学习二级页面模板编辑、创建模板、更新模板、应用模板，完成长江商业职业技术学院所有二级页面设计。任务9应用行为增加网页特效，通过为网页添加行为的四个实例，了解行为的概念、“行为”面板，以及动作和事件的类型。任务10 测试与发布网站，以长江商业职业技术学院网站的测试与发布为任务，了解网站的测试方法与发布流程。本书课时分配本书学习总课时为64课时。其中：教材基本内容讲解18课时，技能应用实操训练46课时。建议在多媒体网络实训室完成全部教学任务。本书定位本书适合作为中等职业学校计算机相关专业师生和网页设计培训的参考用书，也可作为从事网页设计与开发行业的人员以及众多Dreamweaver网页开发爱好者或业余用户的指导用书。
