bootstrapWEB前端框架课程设计报告模板

武汉软件工程职业学院《Web 前端框架应用》课程设计报告2019-2020 学年度第一学期题目：特效设计学习网站名：班级：软件 1809 日期：2019 年 12 月 28 日Cocos 产品子页面 01・html分页、网站策划本部分主要对网站各页面的布局进行规划，并进行简单的文字说明。Index・html 设计图1=1Hostpost・htmI-子页面 02 设计图footer一提示工貝Shopping-子页面 03 设计图二、效果图本部分主要是对各页面进行截图，并对每页所用技术进行说明，必要时，可以添加简单的代码说明。Index・html 效果图1. 首页基于 bootstrap 响应式开发，登录（表单）与注册（表单）按钮运用了模态框2.Banne 图运用了轮播并用 JS 代码设置轮播间隔时间为 2s3. 导航栏采用带有下拉菜单的响应式导航，搜索框运用了字体图标4. 内容部分左侧采用轮播，右侧采用标签页插件5. 在线课程部分也采用了栅格系统（大屏是 4 列，小屏 2 列，超小屏 1 列）缩略图、标签页插件Hlilll1辟6. 社区版块采用了徽章、折叠插件。7.点击导航栏热榜跳转至 hostpost-子页面 02.htm1，点击导航栏 Cocos2D 跳转至 Cocos 产品 01.html 子页面，点击在线课程里的推荐课程第一个（学点模型干动画）跳转至 shopping 子页面，各页面点击首页均可来回跳转。Cocos 产品子页面 01・html 效果图…一 au-l—JB 匚 4：O^j>ra43(B><£>-ry F—I T«|j^x'1.本子页面导航栏采用了响应式导航栏2•中间采用了面板布局组件。3•主体内容部分采用了附加导航、滚动监听插件。4.Footer 部分采用了分页布局组件。Hostpost・htmI-子页面 02 效果图fl亠谒■WI*W：5 事 T#rtflRZH：.iXHE4 尿©8■CCJOTXOMctucv=料虫芥>Bsujffiuas^ricp^■ 占 fc. 〒CGJOY.COMdwi(wcpiti2ca2i&i 号 i-n 碣師日甲孵(电•挪 ases 号 CM 唧 i 灯•.码2MOT2?I1.本子页面采用了左侧导航采用了提示工具插件，注册，登录按钮采用模态框，内容运用了表单。所厲扳块-BW：»KHnMwmrSprert'EIJJWFSJJ!忒皿臨稈曲迥<1wwtsE4^>uwrXUIBAT#UW|i±]40*.fcff「rm 加i''re 十昭 mi 瞬 sag 低 i 毎脚戢 i 棒 GM 以 iiffl：於M-I 鈕曲櫛 KEI*SiKfrcsi 轴 H 决 IMrflTCSjftj 忖:Mm|JEW:|工讦 tSK£frIMA1SX|M.帕H 饰"M|feU!-sr^.w=^|KilMHH[RKI3RiH：5KM.!企 I 待 F 性！Jihi4AAA.IBVb 沖!*兢沟 10IBUSKS!I1WFT2KSBZ«?|SPBMPffliIflSEiW：ISW：IRS：M?rAHnili 龄 iK...