网页设计与制作实例教程

第1章 网页设计与网站规划

1.1网页、网站的概念

1.1.1基本术语

1.1.2网页、网站和主页

1.1.3静态网页和动态网页

1.2认识Web标准

1.2.1Web标准的概念

1.2.2认识Web标准

1.3常用网页设计工具

1.3.1网页图形图像处理工具

1.3.2网页编辑工具

1.3.3网页动画制作工具

1.3.4网页CMS系统应用软件

1.3.5网页上传工具

1.4网站规划

1.4.1网站策划书

1.4.2“爱上设计”网站策划书

1.5实战练习

第2章 项目展示与Dreamweaver入门

2.1项目页面展示

2.2认识网页基本组成元素

2.3操作演练： Dreamweaver CS5入门

2.3.1Dreamweaver CS5工作环境

2.3.2创建网站站点

2.4操作演练： 制作网页基本页面

2.4.1网页文档与HTML

2.4.2网页文档与字体

2.4.3网页页面整体设置

2.5实战练习

第3章 利用HTML+CSS格式化网页排版

3.1HTML基础

3.1.1基本概念

3.1.2常用元素

3.2CSS基础

3.2.1在HTML中使用CSS的3种形式

3.2.2各种样式表的优先级

3.2.3CSS语法结构

3.2.4CSS盒子模型

3.3Dreamweaver CS5与CSS样式属性

3.3.1定义CSS样式“类型”属性

3.3.2定义CSS样式“背景”属性

3.3.3定义CSS样式“区块”属性

3.3.4定义CSS样式“方框”属性

3.3.5定义CSS样式“边框”属性

3.3.6定义CSS样式“列表”属性

3.3.7定义CSS样式“定位”属性

3.3.8定义CSS样式“扩展”属性

3.4操作演练： 效果图切片导出网页

3.5操作演练： “服务范围”页面排版

3.5.1网页段落排版

3.5.2CSS文档统筹与编码优化

3.5.3输入段落文字排版内容

3.5.4建立新样式表与应用样式表

3.5.5优化样式表

3.6操作演练： “关于我们”页面排版

3.6.1网页图像

3.6.2图像热区

3.6.3网页链接

3.6.4关于“关于我们”页面排版

3.7实战练习

第4章 利用Table+CSS组织显示网页数据

4.1表格基础

4.1.1基本概念

4.1.2常用的表格元素

4.1.3常用的表格属性

4.1.4与表格相关的CSS属性

4.2操作演练： 效果图切片导出网页

4.3操作演练： “查看所有选题”页面数据表格

4.3.1表格中重要的排版属性

4.3.2CSS控制表格边框

4.3.3制作“查看所有选题”页面数据表格

4.4操作演练： “后台登录”页面表格布局

4.4.1表格布局技术

4.4.2利用表格布局 “后台登录”页面

4.5 实战练习

第5章 利用Form+CSS设计交互式表单

5.1表格基础

5.1.1基本概念

5.1.2表单标签

5.1.3表单域

5.2操作演练： 效果图切片导出网页

5.3操作演练： 制作“后台登录”页面表单

5.3.1表单版式

5.3.2制作“后台登录”页面登录表单

5.4操作演练： 制作“留言本”页面表单

5.4.1表单布局

5.4.2制作“留言本”页面表单

5.4.3美化下拉列表框

5.5实战练习

第6章 网页布局技术

6.1网页布局基础

6.1.1基本概念

6.1.2CSS定位

6.1.3CSS浮动

6.2框架布局基础

6.2.1基本概念

6.2.2框架的使用

6.3DIV+CSS布局基础

6.4操作演练： 利用DIV+CSS布局前台“首页”

6.4.1DIV+CSS布局思路

6.4.2DIV+CSS常用页面布局

6.4.3网站开发常用命名规范

6.4.4利用DIV+CSS布局前台“首页”

6.5实战练习

第7章 利用库和模板批量创建网页

7.1模板

7.1.1基本概念

7.1.2建立模板

7.1.3定义模板区域

7.1.4模板的应用

7.2操作演练： 利用模板创建重复的网页

7.3库

7.3.1基本概念

7.3.2库项目的创建

7.3.3编辑库项目

7.4操作演练： 利用库创建每页相似的内容

7.5实战练习

第8章 利用JavaScript行为创建特效网页

8.1DOM模型

8.1.1基本概念

8.1.2DOM顶级对象

8.2JavaScript脚本语言简介

8.2.1基本概念

8.2.2基本语法

8.2.3JavaScript事件

8.2.4JavaScript常用内置对象

8.3操作演练： 验证“后台登录”页面表单

8.3.1常见的表单验证

8.3.2验证“后台登录”页面表单

8.4操作演练： 实现前台“首页”菜单翻转功能

8.4.1设置鼠标经过图像

8.4.2制作前台“首页”菜单翻转功能

8.5操作演练： 制作 “首页”图像滚动效果

8.6实战练习

参考文献

本书根据作者多年的网页设计软件教学经验编写，内容既考虑了网页设计软件的通用性，又考虑了网页设计的方法与技巧，还考虑了学生制作网页的商业实用价值等学习方面的需求，将三者有机结合。本书以Dreamweaver CS5 为软件平台，采用一个实用商业“爱上设计”静态网站来组织网页设计与制作内容，从网站策划、效果设计、网页排版到整体网站站点建设，从无到有给出一个相对完整的制作流程。本书共分为8章，内容包括网页设计与网站规划、项目展示与Dreamweaver入门、利用HTML+CSS格式化网页排版、利用Table+CSS组织显示网页数据、利用Form+CSS设计交互式表单、网页布局技术、利用库和模板批量创建网页、利用JavaScript行为创建特效网页等。每一章都是网站建设的一个环节，把本书每一章的实例结合在一起，就构成了一个完整的网站。书中所讲的核心技术几乎涉及所有网页制作与设计中可能碰到的技术问题。本书可作为高职高专院校的网页设计课程的教材，也可以作为有一定网页设计基础和操作能力的人员的自学用书或参考资料，还可以作为企事业单位网页设计人员的培训教材。