上进计划 | 前端小白党最佳上手项目——腾讯视频官网首页制作

　　上进计划 | 前端小白党最佳上手项目——腾讯视频官网首页制作

　　前端网页制作一直以来都是深受同学们欢迎的小型实战项目，我们《上进计划》在之前就给同学们上过一个项目案例，不知道有没有同学之前完整地学习完那期课程并最终实现自己的小米网页效果呢？有完成的同学可以文末留言哦！

　　【仿小米官网项目案例教程】回顾

　　↓ ↓ ↓

　　‍‍

　　本期呢，还是给学习前端的小伙伴们一波福利！众所周知，前端网页开发是较为简单的编程技术，大家只要认真扎实的理解Html和Css的基础知识，基本上都可以按照我们的课程内容循序渐进的实现一个具体的项目效果，给刚入门的编程小白带来很强烈的成就感，让大家学习的驱动力变得更强，更愿意动手实战，而不是面对那些枯燥且长篇大论的知识点去挨个思考理解。

　　介绍课程内容前先聊聊大家可能比较感兴趣的题外话，因为咱们要制作的是视频平台腾讯视频的一个PC端网页，那么说到视频平台，咱们就不得不提起国内无人不知的三大巨头——“爱优腾”，也就是目前国内的主流视频平台三霸主爱奇艺、优酷视频、腾讯视频。

　　近十年的视频平台发展历程，腾讯视频

　　2011年4月腾讯视频上线，开始奋力追击已占有绝大部分市场的主流平台，蓄力启航，同年6月闯入前10，并超越芒果TV和A站坐上第8的席位。

　　2016年7月开始，“爱优腾”三足鼎立的局面开始成型，三家平台各自造势争流、激烈角逐，开启了持续性竞争。

　　时间来到2021年8月，短视频的疯狂崛起，给传统视频平台带来了沉重的打击，腾讯视频凭借自身的巨大用户池留存，随着短视频的热度持续上升，各大平台流量暴涨，所有用户的目光都被锁在了内容多样化、看点丰富的短视频媒体平台，所以B站也借着自身内容多维度，娱乐、学习一网打尽的优势登上视频网站TOP1的宝座。

　　回归主题本期项目主题呢是动手制作一个腾讯视频的官方网页，主要学习前端语言编程技巧和逻辑，并掌握html标签的使用和css的基本语法，能够运用盒子模型进行网页布局，并能合理使用样式进行网页的美化与设计。基础与实战相结合，腾讯视频官网首页制作贯穿网页开发核心知识点。

　　前端网页设计的基本原则

　　1、前端视觉

　　对于那些刚刚触及网站前端设计的同学来说，他们总是认为界面设计越漂亮越好。这是一种非常不合理的设计方法。用户的审美观念已经转移到时尚方向，因此，设计网站以更接近这个方向，设计一些高调的网站而不是一些俗气的特效。由于界面效果对网站的内容没有帮助，这些内容的唯一作用是阻碍用户访问网站的信息内容，这浪费了用户的时间并造成不良印象，从而提高了跳出率网站。

　　2、字体方面✏️✏️

　　设计网站界面不同于设计普通平面工程。设计网站需要相对简单和简单的字体，比如系统默认的黑体、宋体、楷体等，因为根据网站字体的调用规则，网站上使用的字体必须在计算机中。在这些默认字体中，像黑体这样的水平和垂直笔画更适合设计页面新闻标题和网站。宋体结构相对纤细，当字体较小时，文字结构仍清晰可见。因此，它更适合作为网站的文本来设计，节省空间和显示更多的文本内容。

　　3、所用图片的尺寸与规格️️

　　图片不是网站不可或缺的元素，甚至视频网站都与图片密不可分，图片使网站丰富多彩。网站设计公司需要使用图片来表达某些风格的效果，有些设计人员在设计界面时不满足要求。某些图像的大小超出正常范围，导致界面加载缓慢。我们需要知道，如果已加载网站的内容，则尚未加载该界面。因此，在设计网站的前端界面时，应尽量减少图像的体积，确保图像的打开顺畅！

　　话不多说，一起来康康

　　我们本期课程学习内容的网页实现效果图！

　　恍然一看，还真有一种以假乱真的错觉！本期课程学完，大家都可以把自己喜欢的电视剧、综艺以及电影都排上榜单啦！

　　领取方式还是老样子啦！

　　扫码添加东小萌私信回复“腾讯视频”即可领取课程观看视频及配套资料，

　　抓住暑期空暇时间弯道超车，

　　让自己的项目经验更加丰富，

　　实战能力得以提升

　　扫码添加东小萌微信