课程简介
《时尚网页设计》在线课程针对艺术类和非计算机专业学生的职业规划需求与学生的特点，在学习web前端技术的同时，增加了对多个时尚网站案例进行分析的过程，以案例教学的方式，训练学生通过技术实现视觉传达效果的网页设计方法，这是本课程与现有众多前端设计类课程最大的区别。 本课程兼顾了时尚网页设计的技术性与艺术性两个方面，针对不同章节的知识点，依靠大量时尚网页原型相关局部的制作视频，在理论课程的基础上实施分析。 时尚网页原型制作视频是本次在线课程的重点，从时尚网站的选定，页面还原，到操作设计要符合章节知识点的要求，我们从前期准备的时尚网站原型中，经过反复推敲，甄选出17个网站，分别作为课程学习过程中的课堂演示案例与练习案例。学生在学习过程中，通过线上指导结合线下自主练习，能够有效地实现理论与实践相结合，达到学习目标，真正提升其的设计能力。
课程大纲
第一章HTML5技术
1.初识HTML5
2.HTML5的语法与标签
3.HTML5常用标签
4.简单图像插入案例-茶叶网站
5.高级图像设置案例-墙体装饰网站
6.超级链接应用案例-婚礼网站
7.锚点链接应用案例-生物科普网
章节测试-实战演练-室内设计网
第二章CSS3技术
1.CSS基本概念
2.CSS的引入方法
3.CSS的定义-选择器
4.链接伪类的定义
5.盒子模型的概念
6.盒子的浮动
7.盒子的定位
8.基本CSS样式设置案例-百货公司
9.时尚CSS样式应用案例-服装推广软文
10.利用盒子模型实现布局案例-连锁餐厅1
11.利用盒子模型设置样式外观案例-连锁餐厅2
章节测试-实战演练-雅派服饰网
第三章媒体和动画
1.HTML5中嵌入音视频
2.过渡效果综合案例
3.音频插入案例-古典音乐网
4.视频插入案例-瑜伽会所网
章节测试-实战演练-米克音乐网
第四章时尚网页设计案例实训
1.典型导航条制作案例-在线课程
2.经典时尚布局案例-梵客雅宝珠宝网
3.复杂时尚布局案例-Clarks官网1
4.时尚CSS样式设置案例-Clarks官网2
综合测试-实战演练-小米官网
1.初识HTML5
2.HTML5的语法与标签
3.HTML5常用标签
4.简单图像插入案例-茶叶网站
5.高级图像设置案例-墙体装饰网站
6.超级链接应用案例-婚礼网站
7.锚点链接应用案例-生物科普网
章节测试-实战演练-室内设计网
第二章CSS3技术
1.CSS基本概念
2.CSS的引入方法
3.CSS的定义-选择器
4.链接伪类的定义
5.盒子模型的概念
6.盒子的浮动
7.盒子的定位
8.基本CSS样式设置案例-百货公司
9.时尚CSS样式应用案例-服装推广软文
10.利用盒子模型实现布局案例-连锁餐厅1
11.利用盒子模型设置样式外观案例-连锁餐厅2
章节测试-实战演练-雅派服饰网
第三章媒体和动画
1.HTML5中嵌入音视频
2.过渡效果综合案例
3.音频插入案例-古典音乐网
4.视频插入案例-瑜伽会所网
章节测试-实战演练-米克音乐网
第四章时尚网页设计案例实训
1.典型导航条制作案例-在线课程
2.经典时尚布局案例-梵客雅宝珠宝网
3.复杂时尚布局案例-Clarks官网1
4.时尚CSS样式设置案例-Clarks官网2
综合测试-实战演练-小米官网
