web大项目.docxVIP

day011_项目目标 2_项目选题 3_项目进度安排 4_选题示例李文华liwenhua@我的大项目1.项目目标 (1)补充课上项目不足，页面多且完整，工期长规模大 (2)自选题目，数量在1+2/3个 (3)写在简历上，体现技术差异性 (4)提高代码行数，提高编程数量程度2.项目选题 (1)每个人项目选题不同！ (2)1个个人简历项目——炫酷！2~3自选题项目！ (3)项目题目首选自己曾经参与过的项目——体现工作经验。 (4)项目题目次选自己使用过的软件产品——体现跨行业/领域知识。 (5)项目题目再选自己熟悉的行业/领域产品——项目有内容可言。 (6)项目题目最后选：/将其中的模板作为实际工作中是设计图纸来用。3.项目进度安排 工期暂定为4个月，实际过程与公司中项目过程基本一致： (1)Version1.0：静态版本 —— HTML+CSS(2)Version2.0：用户交互 —— 动画 + JS/DOM (3)Version3.0：动态版本 —— DB + PHP + AJAX (4)Version4.0：响应式版本 —— 媒体查询+ Bootstrap (5)Version5.0：移动版本 —— NG + IONIC4.选题示例 我的电影网课后任务：(1)键速：350次/分钟 topspeeder(2)确定项目选题(3)开始每个项目的Version1.0day021_项目阶段验收 2_如何评价一个Web项目的优劣 3_申请云服务器，把自己的项目页面上传到互联网上 4_Web页面中实现动画效果的技术 5_CSS动画框架/动画特效库 —— Animate.css我的大项目1.项目阶段验收Version1.0：静态版本 —— HTML/CSS Version2.0：用户交互 —— JS/DOM/jQueryVersion3.0：动态版本 —— DB/PHP/AJAX Version4.0：响应式版本Version5.0：移动版本2.如何评价一个Web项目的优劣 (1)UI设计足够吸引人 —— 20’ (2)用户交互足够丰富 —— 40’ (3)后台数据交互足够—— 40’ (4)页面访问是否经过了足够的优化 —— 20’3.申请云服务器，把自己的项目页面上传到互联网上 (1)注册新浪微博账号官网： (2)使用微博账号关联一个新浪云服务器账号不送云豆的地址： 赠送云豆的地址：/R4WcToI (3)开通Web网站，申请免费域名官网： (4)上传自己的代码到云服务器上官网： (5)通过电脑/手机访问云服务器上的网页4.Web页面中实现动画效果的技术 (1)CSS3 Transition—— 80’(2)CSS3 Keyframes—— 80’ (3)JS定时器动画—— 50’ (4)requestAnimationFrame——90’5.CSS动画框架/动画特效库 —— Animate.css 官网：https://daneden.github.io/animate.css/Animate.css是一个使用CSS3 Keyframes实现的动画特效库，提供了将近100动画特效。 使用方法：(1)在HTML中引入animate.css(2)为需要动画的元素添加class：animated；若需要无限循环的动画效果，再添加class：infinite(3)从100个动画特效中选取一个需要的——看说明手册ANY class=animated bounceANY class=animated infinite bounce 课后任务：(1)申请自己的新浪云服务器，上传Version1.0(2)升级Version1.0为Version1.1，使用Animate.css为页面标签添加交互动画day031_阶段验收2_网页中实现动画效果技术3_如何处理Web页面中的通用小图标4_CSS中如何使用服务器端字体我的大项目1.阶段验收Version1：静态版本 —— HTML+CSS Version1.1：Animate.css Version2：用户交互 —— JS+DOM+jQuery Version3：动态版本 —— MySQL+PHP+AJAX Version4：响应式版本Version5：移动版本2.网页中实现动画效果技术 (1)CSS3 Transition80(2)CSS3 Keyframes80(3)定时器修改DOM属性50 (4)requestAnimationFrame90 jQuery1和2中的动画函数都是靠setTimeout、setInterval实现的。jQuery3中的动画函数是用requestAnimationFrame实现的。