《网页设计》以艺术设计为前提,以HTML、CSS语言为技术手段,主要针对艺术类专业的学生进行网页实操实践讲解,力图使学生在规定课时之内,能有效地学习和掌握目前网页设计的理论与技能,同时对理工科如计算机等专业的学生起到开阔眼界、优势互补的指导作用,达到探索将技术与艺术相融合的目的。
网页设计是一门综合了网页界面设计、用户体验、程序设计等各方面知识技能的综合实践性课程。目前,网页设计课程主要有两种形式:一种是以计算机专业为主,通过编程、脚本设计,以HTML、CSS、JavaScript、PHP等语言为载体实现;另一种是以艺术设计为前提,通过预先对网页界面色彩、版式等进行设计,然后利用一些所见即所得的网页设计软件实现。两种教学方式各有优势,但局限性也不少。
鉴于此,我们组织和编写了《网页设计》一书。本教材以艺术设计为前提,以HTML、CSS语言为技术手段,主要针对艺术类专业的学生进行网页实操实践讲解,力图使学生在规定课时之内,能有效地学习和掌握目前网页设计的理论与技能,同时对理工科如计算机等专业的学生起到开阔眼界、优势互补的指导作用,达到探索将技术与艺术相融合的目的。
本教材重在实践,通过具体的案例进行讲解和分析,并在实践应用前把案例所需的基础常识进行讲解归纳。这样设置的原因和好处有两点:
一是网页设计是一门综合知识集聚的课程,不但需要清晰了解互联网基础知识,而且还涉及大量行业知识、计算机软件相关技术基础知识、案例设计中的流程基础知识等内容。如果单纯将基础知识放在前面章节介绍,势必让学生产生畏难和迷茫情绪。从心理学角度来讲,一个有趣又不失严谨的目录,会让学生保持良好的心态来完成最终的自主学习,这也是我们所提倡的翻转课堂教学形式的有力支持。
第一单元 “一览了然”——网页设计基础
第一课 网页设计规范
1.网页的尺寸
2.网页的色彩
3.网页的文字
4.网页的导航条
5.网页的“统一”设计
第二课 网页设计趋势
1.网页布局设计
2.视差滚动设计
3.无限滚动加载
4.全屏大图设计
5.扁平化模式
6.三维动态效果
第三课 网站类型
1.门户网站
2.交易类网站
3.专业网站
4.论坛
5.政府网站
6.企业网站
7.个人博客
第二单元 “水清石现”——网页设计流程与推广
第四课 设计流程
1.客户需求
2.收集资料
3.网站策划
4.原型设计
5.界面设计
6.合成效果
7.测试修改
8.安全维护
第五课 发布推广
1.域名及申请方式
2.网站发布
3.网站推广
第三单元 “知行合一”——网页设计实现
第六课 工具
1.网页浏览器
2.网页设计软件
第七课 代码
1.HTML超文本标识语言
2.CSS层叠样式表
3.其他计算机编程语言
第八课 界面设计
1.网页构成元素
2.Photoshop的使用步骤
第四单元 “天外有天”——网页设计鉴赏
第九课 学生作品解析
第十课 国外优秀网页赏析
第五单元 “神会心融”——综合实例
第十一课 “本心”网站——从策划到样稿诞生
1.网站前期策划
2.网站草图绘制
3.网页界面设计
第十二课 “巫溪盐文化”网站——从样稿到网页实现
1.完成网页切片
2.切片编辑
3.保存
4.效果展示
5.网页交互
6.代码设置
致谢