在帅气的辟砾老师带领下，小伙伴们继续关于前端的学习，Fighting!!!

猜一猜 哪个是程序猿的最终case

其实 这只是第一轮调整

保存这么多文件，是不是想一想就很崩溃，嘿嘿 但我们有GitHub呀！

理论篇： Git&GitHub

Git：帮助我们快速高效地处理或大或小的文本文件项目。作为一种免费且开源的版本控制系统，它可以让你通过提交(commit)对自己做的更改进行注释，方便对系统历史进行导航。这些提交就是对系统在给定时间点作出的“快照”。

GitHub：可以获取这些提交历史并且存储在互联网上，大家就可以从任意一台电脑进行访问！同时也允许多人协作且使得工作不会重叠。

diff：可以清楚看到代码修改内容，及出现什么效果；

issue tracker：可以搜寻前人遇到的与我们类似的问题，同时可以添加新的issue，并向开发者报问题；

branch & tag：当需要开发不同版本时，可帮助我们找到开发的最新结果，branch就像一个新的征程，而tag则像一个标志，它们本质都是commit的别名，但应用场景不一样。

GitHub是一个非常好的学习平台，当别人有好的项目，我们可以fork一下，学习别人是怎么完成的。

操作篇：Go Stylish

熟悉Git、GitHub和网络结构后，在昨天网页的基础之上，我们将进入CSS的世界，今天的内容用一句话形容就是：

Go Stylish!!!

• 工具准备

Visual Studio Code和GitHub Desktop相互配合，前者编辑代码，后者记录改变。将制作的网页所在文件夹拖进VS code后，每进行一次修改，都可以在GitHub Desktop中显示出来，而将这些修改commit后，点击fetch origin，我们就能同步远程仓库了。

Visual Studio Code页面

GitHub Desktop页面

• CSS操作

准备工作做好后，就可以“磨刀霍霍”写网页了！我们今天主要掌握CSS，负责让网页变美变酷变漂亮～

辟砾老师演示了三种定义文本style的方式，分别是inner tag； CSS file；#id和.Class。用这些来定义标签的颜色、字体、大小、位置等等样式，可实现对昨天完成的网页初版内容的再加工。

可通过此图简单了解一些属性

实际操作过程中，我们写网页需要运用到的CSS语法远远不止课堂上提到的color、font-size、font-family、text-align这些简单的属性，需要大家反复练习使用哟～

用助教Spe的一张图来勉励大家~~

如果对于课上的内容有上图中的感受，一定要记得努力提问哦！并且要课后花时间自己学习！“师傅领进门，修行靠个人”！

Tips

最后附上辟砾老师留给大家超好用的自学HTML和CSS网站课程，大家加油！

https://www.codecademy.com/learn/web

数字媒介研修班简介

“数字媒介研修班”是由北京大学汇丰商学院财经传媒专业主办，参照哥伦比亚大学的LEDE项目，开设为期5周的数字媒介教学。由北京大学汇丰商学院财经传媒专业徐泓教授担任学术总指导，并邀请到纽约大学、迈阿密大学、香港浸会大学的教授授课，每周六邀请数据新闻资深媒体人联合指导。本期研修班共有30名学员，其中包括12名媒体学员和18名在校学员。

撰稿丨张凌云、苏洁、张晓雨、张姝欣

来源丨北大财小晴

编辑丨吴婉玲

审核丨丁杰英

本文已获转载授权