网页设计与制作是一门综合性学科,涉及到美工设计、图像处理、动画制作、HTML、DIV+CSS布局排版、网页脚本设计等多方面的内容。
《Div+CSS网页制作实战教程》是作者在多年从事网页设计与制作课程教学及网站开发实践的基础上,采用工作任务驱动的教学方法,对网页静态模板制作流程中所涉及的主要知识点进行了梳理,涵盖的内容包括网站创建、页面配色、HTML标签、DIV+CSS布局、JavaScript基础等,其中对HTML5的新增标签和CSS3的新增属性进行了补充讲解,后本书提供了几个网页制作综合实训的例子,逐步引导学生完成整体网站界面的制作。
本书共分五个项目单元,分别是项目1(网站建设基础知识)、项目2(HTML网页文档的编辑)、项目3(网页外观制作技术)、项目4(网页的脚本设计)、项目5(网页制作综合实训)。
本书层次清楚,内容丰富,代码遵循Web标准,知识实用,特别适合作为高职高专学校的网页设计与制作及相关课程用书或培训教材,也可作为中职计算机应用、计算机网络技术等专业相关课程的教材及广大网页设计制作爱好者的学习参考书。
适读人群 :高职高专学生
浅显易懂,理论与实践相结合
采用项目式编写,后提供综合实训
在互联网蓬勃发展的今天,每个企业或个人都希望在Internet上拥有自己的一片天地,以展示形象和宣传产品,网页正是作为这样一种信息表现媒介得到了充分的重视和广泛的应用。
《Div+CSS网页制作实战教程》作为一本介绍网页制作的教材,主要从实际的工作过程需要和知识的实用性来讲解网页制作的知识点,在完成各个工作任务的过程中逐步展开所涉及的知识点。
本书内容丰富实用,理论与实践紧密结合,我们在网页制作的教学和应用开发中坚持遵守Web标准、坚持制作流程的规范化及代码的简洁实用性等设计理念。
在本书项目五的综合实训中我们提供了几个应用实例供学生在整周实训或课程设计中选用。
为达到较好的学习效果,本书的计划学时应不低于120学时,其中课堂讲授45学时,上机操作45学时,再加30学时的综合实训。
本书的项目1由陈文明编写,项目2和项目3由周苏峡编写,项目4由陈玉平、何峡峰编写,项目5由刘本军、张菁嵘、黄亚娴、王靓靓、刘桂兰等编写,全书由周苏峡统稿。
本书适用于高职高专类学校《网页设计与制作》、《CSS+DIV网页样式与布局》等课程的教材,也可以作为网页设计爱好者的学习参考书。
由于本书的编写时间仓促,书中难免有不妥与疏漏之处,敬请各位读者批评指正。
项目1 网站建设基础知识
任务1.1 网站的创建流程
1.1.1 任务分析
1.1.2 网站服务器的创建流程
1.1.3 IIS的安装与配置
1.1.4 Apache的安装与配置
1.1.5 网站内容的上传与下载
1.1.6 任务实施
任务1.2 网站的分类与用色基础
1.2.1 任务分析
1.2.2 网页的分类
1.2.3 网页配色原则
1.2.4 任务实施
项目2 HTML网页文档的编辑
任务2.1 根据页面效果图切片
2.1.1 任务分析
2.1.2 Fireworks基本操作
2.1.3 任务实施
任务2.2 网页编辑软件Dreamweaver CS6的基本操作
2.2.1 任务分析
2.2.2 Dreamweaver CS6的特点与基本操作
2.2.3 任务实施
任务2.3 HTML文档及常用标签
2.3.1 任务分析
2.3.2 HTML文档
2.3.3 段落、转行及水平线标签
2.3.4 div与span标签
2.3.5 插入文本
2.3.6 插入图片
2.3.7 插入超链接
2.3.8 插入列表
2.3.9 表格设计
2.3.10插入多媒体元素
2.3.11表单页设计
2.3.12滚动字幕设计
2.3.13分组(fieldset)标签
2.3.14浮动框架(iframe)标签
2.3.15HTML的注释
2.3.16导入外部样式与脚本
2.3.17框架页制作
2.3.18HTML5的新增标签
2.3.19任务实施
项目3 网页外观制作技术
任务3.1 网页样式表基础
3.1.1 任务分析
3.1.2 层叠样式表(CSS)的基本概念
3.1.3 层叠样式表(CSS)定义与引用
3.1.4 选择器的集体声明与CSS的注释
3.1.5 选择器的嵌套与继承
3.1.6 HTML文档与外部样式文档的关联
3.1.7 样式的优先级
3.1.8 任务实施
任务3.2 常见页面效果的样式设计
3.2.1 任务分析
3.2.2 CSS文字效果
3.2.3 CSS图片效果
3.2.4 CSS网页背景效果
3.2.5 CSS链接效果
3.2.6 CSS定位
3.2.7 CSS滤镜
3.2.8 任务实施
任务3.3 DIV+CSS网页布局与导航设计
3.3.1 任务分析
3.3.2 DIV+CSS网页布局
3.3.3 CSS导航设计
3.3.4 CSS的简写及其他控制效果
3.3.5 任务实施
任务3.4 CSS 3.0 新增属性及其应用
3.4.1 任务分析
3.4.2 CSS 3.0 的新增属性
3.4.3 CSS 3.0应用实例
3.4.4 任务实施
任务3.5 网页样式的兼容性设计
3.5.1 任务分析
3.5.2 常见浏览器及其特点
3.5.3 网页样式的兼容性设计
3.5.4 任务实施
项目4 网页的脚本设计
任务4.1 网页脚本基础
4.1.1任务分析
4.1.2JavaScript语言基础
4.1.3JavaScript常用对象
4.1.4任务实施
任务4.2 网页脚本应用实例
4.2.1 任务分析
4.2.2 任务实施
项目5 网页制作综合实训
任务5.1 登录页面制作
5.1.1 任务分析
5.1.2 页面结构分析
5.1.3 任务实施
任务5.2 咖啡店首页制作
5.2.1 任务分析
5.2.2 页面结构分析
5.2.3 任务实施
任务5.3 游戏页面首页制作
5.3.1 任务分析
5.3.2 页面结构分析
5.3.3 任务实施
任务5.4 购物网首页制作
5.4.1 任务分析
5.4.2 页面结构分析
5.4.3 任务实施
任务5.5 音乐网首页制作
5.5.1 任务分析
5.5.2 页面结构分析
5.5.3 任务实施
参考文献