[关闭]
@liujiale 2018-10-04T14:07:46.000000Z 字数 734 阅读 256

SME杯——前端2

web前端


下面仅写一点简单的指导

(ps:下文中蓝色字体可能有超链接呦)


指导:

  1. 慕课网上入门学习的话,搜索HTML(入门)或者CSS(入门)的字样,然后找一个看上去比较靠谱的课程进行学习就可以,顺便提示一下,慕课网上代码实践练习的部分可能会出现代码正确运行效果正确但就是说你做错的情况,在确认自己没有问题之后直接无视就好。
  2. 做淘宝网的题目时候,可以去淘宝网上面使用开发者工具(自行百度学习了解)去了解淘宝网的制作代码以及使用的图片的链接(图片链接直接复制下来粘贴到自己的代码中即可,网页代码不允许大段复制)。开发者工具可以在这个网站上实践操作。
  3. 浏览器最好使用chrome浏览器,这个浏览器很好用,广告也不像360那么多,而且我们测评也是使用chrome浏览器进行测评。
  4. 淘宝网上有很多小图标,比如购物车小图标,收藏夹小图标,淘宝网上是利用font-face来自定义字体从而实现图标字体的效果,大家可以用这种方法制作,也可以用雪碧图来做,还可以直接弄出图标的图片,然后插入到指定位置,font-face雪碧图的做法主要是为了提高网页运行速度。
  5. 淘宝网上的隐藏布局方法用css就可以做出来,做法和下拉菜单的做法相似,可以通过学习理解下拉菜单的做法来完成这个布局。
  6. 淘宝网上的图片轮播和内容轮播做法相同,可以通过搜索学习理解图片轮播的做法来完成。
  7. 开发者工具中也可以搜索相关代码内容,ctrl+F就可以哦。

ps:

给大家一个图标库的网站,有需要的同学可以收藏一下,icon-阿里巴巴矢量图标库-手机淘宝图标库


最后送大家一个小鸡巧小fu狸,按住ctrl然后敲击键盘26个字母中的某些键,会实现各种快捷功能,(例如,ctrl+C是复制)可以方便你的比赛乃至今后的生活呦。

添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注