本书是为满足网页设计课程教学的需要,并配合清华大学出版社出版的《网页设计与开发HTML、CSS、JavaScript实例教程(第3版)》而编写的实验与实践教程。
全书共11章,包含网页设计基础、页面布局、CSS、JavaScript以及HTML5的应用等几个方面的内容。每章分为讲述与示范、理论解答题和学生实验三个部分。讲述与示范部分首先精选知名网站的典型页面进行赏析,然后针对代表性案例通过讲述与示范逐步分解其中的技术实现,学生能够对技术在具体页面设计中的灵活使用有深刻的感受; 理论解答题提供大量选择、填空类型题型; 学生实验部分提供指定素材与效果图供学生模仿完成。
本书结构合理,实验内容由浅入深,从实践的角度讲述了网页元素如何应用于商业化网站的设计和开发,可作为高等学校本科计算机及相关专业网页设计课程的实验与实践教材,也可提供给网页设计与制作、网站开发、网页编程等行业人员参考。
为清华大学出版社出版的《网页设计与开发HTML、CSS、JavaScript实例教程(第3版)》一书在网页设计基本元素、页面布局和整站建设等方面通过实验指导、理论习题、学生实验提供有力支持。为方便学习者,主版教材中的学生作业题在该实验教材的各章节中都进行了详细的实验讲解。 在实验案例的安排上,从培养学生面向商业化网页开发的角度出发,所有实验都精选知名网站的典型页面作为案例,并通过讲述和示范逐步分解其中的技术实现,使学生能够对技术在具体设计中的灵活使用有深刻的感受。充分考虑了学生在课后学习中对理论知识的巩固和实践技能的提升要求,教材配备大量的理论试题和学生实验,方便学生进行考试复习及自我评测和练习使用。
前言
网页设计课程是高等院校计算机及其相关专业的一门重要的基础课程,也是一门实践性和技能性要求都很强的学科。本书是为满足网页设计课程教学的需要,并配合清华大学出版社出版的《网页设计与开发HTML、CSS、JavaScript实例教程(第3版)》而编写的实验与实践教程。全书共分为11章,每章分为讲述与示范、理论解答题和学生实验三个部分。讲述与示范提供3~5个相关内容的实验分析、规划、步骤和最终代码; 理论解答题部分提供30~40道填空、选择、简答等类型习题; 学生实验部分提供指定案例图文素材及效果图供学生练习。主要内容全书内容大致分为网页基本元素、CSS、JavaScript、HTML5的应用以及页面布局和整站建设六大内容。第1、2章主要练习网页设计的基本概念和文档结构,完成相关工具的安装。第3~7章主要练习网页元素在实际应用中的使用,包含文字与段落涉及的图文混排方式、列表涉及的导航制作、表格布局局部页面、表单页面设计约三十个实践实验的讲述。第8章主要练习DIV CSS的页面布局。第9章主要练习JavaScript在交互式网页开发中的基本应用。第10章主要练习HTML5新增特性的应用。第11章主要练习从需求分析到栏目设计最终进行布局和细节处理以及发布的整站建设过程。本书特点为清华大学出版社出版的《网页设计与开发HTML、CSS、JavaScript实例教程(第3版)》一书在网页设计基本元素、页面布局和整站建设等方面通过实验指导、理论习题、学生实验提供有力支持。为方便学习者,主版教材中的学生作业题在该实验教材的各章节中都进行了详细的实验讲解。在实验案例的安排上,从培养学生面向商业化网页开发的角度出发,所有实验都精选知名网站的典型页面作为案例,并通过讲述与示范逐步分解其中的技术实现,学生能够对技术在具体页面设计中的灵活使用有深刻的感受。充分考虑了学生在课后学习中对理论知识的巩固和实践技能的提升要求,教材配备大量的理论试题和学生实验,方便学生进行考试复习及自我评测和练习使用。教学资源为了读者学习方便,书中提供了大量的程序,这些程序均提供相应的电子资源。为了帮助任课教师更好地使用本教材,我们提供以下教辅材料。(1) 讲解实验的完整源代码;(2) 学生作业的图文素材及代码;(3) 理论习题的参考答案;(4) 商业网站设计的全站代码。
这些资料可以通过http://www.tup.com.cn下载或与编者(zlzyf@126.com)直接联系索取。本书的几位作者都是工作于教学与科研一线的骨干教师,具有丰富的教学实践经验。全书由张永强和郑娅峰负责策划。具体分工如下: 第1~4章由李继蕊编写,第5~7章由郑娅峰编写,第8、9章由张永强编写,第10章由韦付芝编写,第11章由郑娅峰编写。最后全书由张永强、郑娅峰进行了编排和审定。本教材在编写过程中,得到了清华大学出版社魏江江、薛阳老师的大力支持与合作。此外,赵文艳在本书整理、校对、绘图等工作中付出了艰辛的劳动,使本教材能如期地与读者见面。在此谨向以上各位表示衷心感谢。本教材虽经多次校对审稿,但限于编者水平,仍难免会有疏漏和不当之处,恳请读者批评指正。编者2016年6月
目录
第1章网页设计简介
1.1讲述与示范
实验1:
优秀网站赏析
实验2:
体会超链接在网页中的广泛应用
实验3:
多种URL资源的访问方法
实验4:
使用记事本编写网页
实验5:
了解EditPlus编辑器
实验6:
了解浏览工具的安装
1.2理论解答题
1.3学生实验
第2章HTML基础
2.1讲述与示范
实验1: HTML文件的编写规则
实验2:
标记元素的属性
实验3:
利用style标记定义样式
2.2理论解答题
2.3学生实验
第3章文字与段落
3.1讲述与示范
实验1:
网页欣赏
实验2:
唐诗页面设计
实验3:
文章排版
3.2理论解答题
3.3学生实验
第4章列表
4.1讲述与示范
实验1:
网页欣赏
实验2:
新闻列表的实现
实验3:
利用无序列表制作页面导航
实验4:
电子相册的实现
实验5:
在网页中实现图文混排
4.2理论解答题
4.3学生实验
第5章超链接
5.1讲述与示范
实验1:
网页欣赏
实验2:
新闻列表的制作
实验3:
利用书签链接制作帮助文档
实验4:
电子相册的制作
5.2理论解答题
5.3学生实验
第6章表格
6.1讲述与示范
实验1:
网页设计欣赏
实验2:
成绩登记表的制作
实验3:
旅游路线页面的制作
6.2理论解答题
6.3学生实验
第7章表单
7.1讲述与示范
实验1:
网页欣赏
实验2:
会员登录
实验3:
调查问卷
实验4:
中国大学生在线注册表单
7.2理论解答题
7.3学生实验
第8章使用CSS格式化网页
8.1讲述与示范
实验1:
网页欣赏
实验2:
常用页面布局设计
实验3: CSS文件的4种引用方式
实验4:
利用CSS定位页面元素
实验5:
用DIV CSS布局网页结构
8.2理论解答题
8.3学生实验
第9章JavaScript基础
9.1讲述与示范
实验1:
认识JavaScript
实验2:
创建自定义函数
实验3:
建立外部JS文件
实验4:
对象创建与复制
实验5:
表单验证
实验6:
动态改变样式
实验7: Cookie操作
9.2理论解答题
9.3学生实验
第10章HTML5应用
10.1讲述与示范
实验1:
语义化页面布局设计
实验2:
画布Canvas的应用
实验3:
新增表单元素及属性应用
实验4:
音频和视频文件播放
10.2理论解答题
10.3学生实验
第11章综合网站案例制作
11.1讲述与示范
实验1:
网站欣赏
实验2:
网站设计规划
实验3: IIS服务器安装及站点本地发布
11.2学生实验