案例学——网页设计与网站建设

目录
第1篇　网站制作基础篇
随着网络的日益普及，网站的数量及种类也日渐增多。网站是一个存放在网络服务器上的完整信息集合体，它包含一个或多个网页。网站的类型包括公司网站、企业网站、政府网站、个人网站等。针对如此多设计风格各异的网站，我们要完成制作都需要从认识网站开始。
第1章网页设计入门
1.1?认识网页
★?重点?1.1.1?网页的定义
★?重点?1.1.2?网页的构成要素
1.1.3?网页与网站的关系
1.2?常用的网络术语
1.2.1?域名
1.2.2?HTTP协议
1.2.3?FTP协议
1.2.4?超链接
1.2.5?站点
1.3?网页设计常用工具
1.3.1?网页设计软件Dreamweaver
1.3.2?动画设计软件Flash
1.3.3?图像设计软件Photoshop
1.3.4?HTML标记
1.3.5?CSS样式表
1.4?网页设计的基本原则
1.4.1?明确建立网站的目标和用户需求
1.4.2?总体设计方案主题鲜明
1.4.3?网页形式与内容相统一
1.4.4?三维空间的构成
1.4.5?多媒体功能的使用
1.4.6?合理运用新技术
1.5?移动端（手机/平板）网页的设计
★?重点?1.5.1?移动端网站与PC端网站设计的区别
★?重点?1.5.2?移动端网页设计的原则
1.5.3?规划不同产品上的功能
本章小结
第2章网站建设的规范与流程
2.1?常见的网站类型
2.1.1?门户网站
2.1.2?企业网站
2.1.3?个人网站
2.1.4?娱乐网站
2.1.5?机构网站
2.1.6?电子商务网站
2.2?网站建设规范
2.2.1?组建开发团队规范
2.2.2?开发工具规范
2.2.3?超链接规范
2.2.4?数据库开发
2.2.5?文件夹和文件命名规范
2.3?网站的制作流程
★?重点?2.3.1?网站整体规划
2.3.2?确定网站的内容和服务
★?重点?2.3.3?规划网站目录结构
★?重点?2.3.4?收集资源
2.3.5?网页效果图设计
★?重点?2.3.6?编辑制作网页
★?重点?2.3.7?申请域名和服务器空间
★?重点?2.3.8?网站的维护、测试和发布
★?重点?2.3.9?网站的宣传推广
本章小结
第3章网站的策划与版面布局
3.1?网站的整体CI策划
3.1.1?CI简介
3.1.2?MI设计简介
3.1.3?BI设计简介
3.1.4?VI设计简介
3.2?网站的风格、标志与字体
★?重点?3.2.1?网站的风格定位
★?重点?3.2.2?网站的标志
★?重点?3.2.3?网站的标准字体
3.3?网页版面布局设计
★?重点?3.2.1?网页版面布局原则
★?重点?3.2.2?点、线、面的构成
3.4?网页的基本版式
3.4.1?骨骼型
3.4.2?满版型
3.4.3?上下分割型
3.4.4?左右分割型
3.4.5?中轴型
3.4.6?曲线型
3.4.7?倾斜型
3.4.8?重心型
3.4.9?自由型
本章小结
第4章网页的颜色搭配
4.1?网页色彩的分类
★?重点?4.1.1?有彩色
★?重点?4.1.2?无彩色
4.2?网页配色基础
4.2.1?RGB
4.2.2?HSB
4.2.3?色环
4.2.4?原色
4.3?网页色彩的三要素
4.3.1?明度
4.3.2?色相
4.3.3?纯度
4.4?网页的色彩对比
★?重点?4.4.1?明度对比
★?重点?4.4.2?色相对比
★?重点?4.4.3?纯度对比
★?重点?4.4.4?色彩的冷暖对比
4.5?选择网页色彩
4.5.1?网页色彩与人的情绪
★?重点?4.5.2?网页的标准色
★?重点?4.5.3?网页的色彩选择与搭配
本章小结
第2篇　静态网页制作篇
Dreamweaver CC是Adobe公司推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合为一个功能强大的工具系统，使每个级别的开发人员和设计人员都可利用它快速地创建网页界面。在计算机中安装Dreamweaver CC之后，即可启用该软件进行网页制作。
第5章Dreamweaver CC的基础操作
5.1?认识Dreamweaver CC
5.1.1?Dreamweaver CC的启动与退出
5.1.2?Dreamweaver CC的工作界面
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.5?项目列表与编号列表
★?重点?5.5.1?插入项目列表
★?重点?5.5.2?插入编号列表
5.6?使用标尺与网格
★?重点?5.6.1?使用标尺
★?重点?5.6.2?使用网格
妙招技法
技巧01如何自定义快捷键
技巧02如何自定义代码视图
技巧03如何插入特殊字符
技巧04 怎样在网页中制作彩色水平线
上机实训——制作公司介绍网页
本章小结
……
第21章JavaScript语法
21.1?JavaScript概述
21.1.1?JavaScript的定义
21.1.2?JavaScript的特点
21.2?JavaScript在HTML中的使用
★?重点?21.2.1?JavaScript加入HTML中
★?重点?21.2.2?实战：创建**个JavaScript程序
21.3?JavaScript基本数据类型、表达式?和运算符
★?重点?21.3.1?基本数据类型
★?重点?21.3.2?表达式
★?重点?21.3.3?运算符
21.4?JavaScript程序语句
★?重点?21.4.1?使用If语句
★?重点?21.4.2?使用For循环
★?重点?21.4.3?使用While语句
21.5?JavaScript函数
21.5.1?函数的定义
21.5.2?函数中的形式参数
妙招技法
技巧01如何在图片上添加播放按钮
技巧02单击表格变换颜色
技巧03实现网页字体大、中、小的操作
上机实训——检测用户屏幕分辨率
本章小结
第6篇　网站建设实战篇
随着Internet的发展与普及，互联网信息技术彻底改变了人们的生活和工作。越来越多不同类型的企业建立了网站。本篇将详细讲解3个不同类型网站项目的分析与制作。
第22章制作企业官方网站
22.1?企业官方网站的相关制作知识
22.1.1?网站项目分析
22.1.2?确定网站风格
22.2?制作网站
22.2.1?处理网站图像
22.2.2?制作按钮
22.2.3?制作网页导航条
22.2.4?制作网站首页
22.3?发布为手机/平板端网页
本章小结
第23章制作在线娱乐网站
23.1?在线娱乐网站的相关制作知识
23.1.1?网站项目分析
23.1.2?确定网站风格
23.2?制作网站
23.2.1?使用Flash制作动画
23.2.2?制作网站引导页
23.2.3?使用HTML制作视频播放页
23.3?发布为手机/平板端网页
本章小结
第24章制作购物网站
24.1?购物网站的相关行业知识
24.1.1?网站项目分析
24.1.2?确定网站风格
24.2?制作网站
24.2.1?处理网站Banner
24.2.2?制作网站促销信息特效
24.2.3?制作网站主体部分
24.3?发布为手机/平板端网页
本章小结
第7篇　网站维护推广篇
在网站制作完成后，需要对其进行测试；当网站能够稳定地运行后，就可以将站点上传到远程Web服务器上；*后还要进行必要的管理和推广等工作。本篇主要介绍网站的维护与推广知识。
第25章网站的测试与上传
25.1?本地站点的测试
25.1.1?检测浏览器的兼容性
★?重点?25.1.2?检查站点的链接
25.1.3?创建站点报告
25.2?网站的上传
25.2.1?使用Dreamweaver上传
★?重点?25.2.2?使用上传工具上传
本章小结
第26章网站管理、维护与推广
26.1?网站的管理
★?重点?26.1.1?网站的管理问题
26.1.2?网站管理的作用与意义
26.1.3?网站管理的原则
26.2?网站日常维护与管理
26.2.1?网站日常维护的目的
★?重点?26.2.2?网站日常维护的内容
26.3?传统方式推广网站
26.3.1?电视
26.3.2?报纸杂志
26.3.3?户外广告
26.3.4?其他印刷品
26.4?网络推广
26.4.1?网络广告
26.4.2?电子邮件
26.4.3?使用论坛
26.4.4?友情链接
26.5?注册到搜索引擎
26.5.1?注册搜索引擎需要注意的问题
26.5.2?手工注册搜索引擎
26.5.3?利用搜索引擎注册工具注册
26.5.4?到注册网站注册
26.5.5?利用META设置
本章小结
附录
附录A?HTML代码的标签
附录B?CSS层叠样式表属性
附录C?综合上机实训项目