美文网首页后浪 · 正青春
H5+CSS3经验总结(下)

H5+CSS3经验总结(下)

作者: 谭少康__家族三期 | 来源:发表于2021-01-23 19:45 被阅读0次

    经过了又一周坚持不懈的的奋斗,将剩余的四个半网页全部完成,因为第一个页面总会遇到各种各样的问题,并且内容相对较多,所以在做其他页面的时候,问题也就少了很多,恩栋学长指导了我很多,我受益匪浅,也加快了我的脚步.

我的五个网页分别是

1. 《英雄联盟》官网

2.《华为》官网

3. 《原神》官网

4.   登录注册表单页面

5.  视频以及动画页面

简述一下这五个页面:

英雄联盟是第一个开始做的,也是本阶段的主页,这里面没有用到弹性布局,所以有些代码比较多,包含单列,多列,居中等布局,除了一些必要的JS操作,其他基本按照原动画而做,这里就不列举了;

华为官网基本九成以上使用了flex布局,12个属性牢记于心,并利用媒体查询等实现最大效应的响应式布局,增强可观看性;

原神官网使用视频背景,全比例图片,flex,宽高比例增大变小调整,页面整体来看较为简洁;

登录注册表单页面,使用lol通用表头,用公共样式来进行修饰,用css表单属性实现美化,并且熟练掌握正则表达式规则,与站点相连。

视频以及动画页面,视频为背景,背景音乐为衬托,用audio和video标签展现页面特色,其中立体魔方3D旋转为本页面亮点,熟练掌握css3D效果即可.

    整体来说,阶段走了整整两周,不算慢也不算快,我认为重点主要是各个标签的使用,以及css各种定位的用法,各种布局的特点,遇见什么情况用哪种办法,在不浪费时间的情况下,基本不到一周时间就可以完成一个高质量静态网站, 当然程序不只是需要敲,敲完之后要进行总结,思考,要不然下次遇到同样问题还是得纠结,还得不断进行尝试,这样效率是低下的每学一样东西都得知道它的精髓所在,这才不愧对时间,不愧对自己的努力,自己也能真正学到东西,每一个人都有每一个人的学习方法,静下心来,不焦躁,深入去了解,才能一点一点的看透彻,自己得向着自己想成为的样子出发,这样才有动力,才有拼搏力,才觉得值得!!!

相关文章

  • H5+CSS3经验总结(下)

    经过了又一周坚持不懈的的奋斗,将剩余的四个半网页全部完成,因为第一个页面总会遇到各种各样的问题,并且内容相对较多,...

  • H5+CSS3经验总结(上)

    注:(这个时候我英雄联盟官网页面效果已经实现了四成,代码大概1800多行(无视频),希望为我的文章添加一丝丝的信服...

  • 阶段总结

    今天总结了java阶段和H5+css3阶段的知识点,其实H5+CSS3的知识点,在写网页的时候就已经总结过了...

  • iOS开发经验总结

    iOS开发经验总结 iOS开发经验总结

  • iOS开发经验

    多年iOS开发经验总结(一) 多年iOS开发经验总结(二) 多年iOS开发经验总结(三)

  • 多年iOS开发经验总结

    多年iOS开发经验总结 多年iOS开发经验总结

  • H5+CSS3 杂记

    TEST H5 大标题>>测试 返回顶部 返回图...

  • H5+CSS3总结

    声明文档类型是Html5标准 H5中字符串之间多个空格以及换行会当作一个空格解析 转义字符 一些特殊字符不能直接使...

  • 考核感慨

    回家了,晚上有点失眠了 想起昨天下午的考核,h5+css3的制作网页考核,考核效果不尽如人意,可以说是很差 基础知...

  • [IOS经验总结]UIWebView与JS之间的数据交互(转自神

    [IOS经验总结]UIWebView与JS之间的数据交互 [IOS经验总结]UIWebView与JS之间的数据交互...

网友评论

    本文标题:H5+CSS3经验总结(下)

    本文链接:https://www.haomeiwen.com/subject/hsvuzktx.html