网页报告

组长:杜雷豪

人数:1

学号:0223387

班级:软件工程2211班

名称:选择人生

主题:如果给你一次重生的机会,你会选择?

动机:有两条路摆在你面前,你会选择哪一条?fighting or 摆烂?

内容板块:header,main,footer,bottom,table,course,banner,无序列表,表单

页面组织结构:线性结构(导航栏,内容,正文,结束区,广告)

页面引导:

1. 点击主页面开始选择进入<开始选择>界面
2. 点击主页图片中的文字链接<网页报告click>进入选择页面
3. 点击<成魔>进入<子页面>游戏界面,点击<成仙>进入<子页面>学习网站
4. 点击成魔界面"商城/合作"<二级导航>中的<皮服>进入<子页面>精美图片展示界面

主要技术:

1. 手机自适应(适配)
2. 主页面立体边框
3. 圆角边框,少部分flex布局
4. <开始选择界面>采用炫酷动画边框
5. <成仙>页面右下角fixed定位采用四角边框
6. <皮肤>界面采用图片鼠标悬停图片自动放大并显示mask层

主要工具:visual stdio

主要内容与步骤:带着前世的记忆,喝下孟婆汤开始选择新的人生,成仙,进入知识的海洋卷起惊涛骇浪?成人,重新投胎?成魔,掉入游戏的深渊堕落?成精灵,守护着世间元素?

失败部分:

1. 想给图片设计曲线阴影和翘边阴影没成功
2. 制作炫酷的二级导航栏失败
3. 有些动画坍塌没使用,flex布局只用了一点点

遇到问题:js不熟悉,很多技巧只知道一点点,边框动画效果和悬浮放大花了好长时间做

亮点

1. 手机自适应(适配)
2. 主页面立体边框
3. 圆角边框,少部分flex布局
4. <开始选择界面>采用炫酷动画边框
5. <成仙>页面右下角fixed定位采用四角边框
6. <皮肤>界面采用图片鼠标悬停图片自动放大并显示mask层

自我评价与总结:花费10多天的时间边学边做,做得比较慢,还是比较有耐心,但是也体现不够熟练,要更加努力,在排版方面要注意,注意子绝父相,清楚浮动等...但是这是我比较满意的一次作品,它让我们明白选择的重要性,让我学到很多新的知识.

展望:希望在以后能在网页设计中如鱼得水,自由发挥,使用js设计出更炫酷的网页.