《Web前端框架应用》课程设计说明书

《Web前端框架应用》课程设计

课程设计总体任务：

灵活运用所学知识（HTML、CSS、Bootstrap），联系实际，设计制作出具有一定特色的主题网站。网站题材不限，除主页外至少3个子页，内容充实完整，界面美观，结构合理，操作方便。

任务要求：

1、创建站点

根文件夹为自己的班级学号姓名，如“01_16XX_张三”，根文件夹下面依次放置主页index.html以及其他类别文件夹比如css、js 、fonts、img、webs 等文件夹。

2、主题鲜明

主题不限，根据自己的兴趣爱好完成课程设计，可以发挥自己的创意、张扬自己的个性。以下是一些参考主题(除个人简历、个人主页外)：

（1）企业宣传网站：介绍企业形象、相关产品、企业文化、相关活动等；

（2）电子商务网站：为某一知名企业重新设计一个网站；

（3）旅游网站：介绍自己家乡风光、风土人情、景点等；

（4）精品课程网站：介绍某一门课程的教学信息资源、主讲教师介绍、课程介绍等。

（5）休闲娱乐网站：介绍音乐、动漫、游戏、体育、书籍等。

3、技术要求

结合本课程所学知识，利用CSS样式和栅格系统进行布局，并且利用

Bootstrap框架中的CSS组件和javascript插件丰富页面，增加页面的美观

和互动。

4、内容要求

（1）主题鲜明，思想明确，内容健康，积极向上；突出主题，全站点围绕一个主题及其相关内容进行设计，设计思路清晰。

（2）各栏目功能明确，方便使用，页面内容清晰明了。

（3）子页面及其父页面方便返回访问，打开关闭方便。

（4）页面上图片、表格、动画效果元素不变形，不错位。

（5）页面设计美观大方，图片使用得当，色彩协调，布局合理。

5、运行效果

能在中等和超小型设备下正常显示作品

页面内容水平居中

操作方便，各网页之间连通无障碍

无明显错误