用户登录

页面上的样式还有交互功能,除了要自己动手去创建,我们也可以使用一些现成的东西。我们现在做的这个页面,就用了不少别人做好的东西。

比如 semantic ui ,现在我用了它里面的一些样式 ... 页面上的这个旋转木马,用了一个叫 slick 的东西 .. 它就是别人做好的一个旋转木马功能,起了个名字叫 slick,它还会告诉你具体的使用方法 ..

在网页上使用别人做好的样式或者交互功能,你只需要保证页面已经链接了这些样式还有脚本资源 .. 一般就是一些 css 还有 js 文件 ..

在浏览器上访问这个页面的时候,浏览器需要能正常的把这些资源下载下来 ..

这些资源可以是存储在 cdn 上 .. 就是存储在别人服务器上的资源 ... 比如这里我就用了存储在 cdn 上的 slick,有两个 css 文件,还有一个 js 文件 ..

这个资源地址里面有两个斜线,如果我们的网页是用 http 协议传输的,那这两条斜线的前面就相当于是 http: ,如果用的是 https 传输的 .. 它前面就相当于是 https:

有时候我们可能希望自己去存储这些资源 ...

因为网站运行的地方不一定能连接到互联网 .. 或者你不信任这些 cdn 提供的服务 ..

你可以直接在浏览器上打开这些资源的地址 ... 然后把它们保存到本地 ... 放在项目服务器能访问到的地方 ..

一般我们用的东西你都可以在 github 网站上找到它们的仓库 ..

在这个仓库页面上,你可以下载一个压缩包 .. 这个压缩包里面会包含项目里的资源,然后你可以把这些资源放到自己的项目里面 ..

也可以直接去克隆这个项目的仓库 .. 这样也可以打开项目里的资源 ..

还可以使用一些包管理工具去下载它们 .. 比如 bower ,npm,yarn ..

推荐使用包管理工具去管理项目需要的这些 package .. 好处是它们可以帮助你管理依赖关系,比如我们用的这个 slick ,它需要 jquery,如果在我们的项目里还没有 jquery,包管理工具会给我们下载一个 jquery ..

你把自己做好的东西分享给别人,别人很容易知道你的项目里面都用了什么,他只需要执行一行命令就可以下载你的项目依赖的所有的东西 ..

在页面上使用第三方功能库《 网页设计案例:旋转木马 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点