实验一、准备官网实战项目
【实验内容】
本实验主要是完成官网实战项目的前期准备工作。
【实验目的】
1、学习如何创建规范的项目目录结构；
2、熟悉获取和解压资源包所需要的工具；
3、掌握下载项目所需要资源包的方法；
4、熟悉如何配置项目的公共css样式；
5、掌握下载第三方依赖包bootstrap、swiper、iconfont的js、css文件；
【实验步骤】
步骤1 创建项目目录结构；
步骤2 安装项目所需要的工具；
步骤3 下载项目所需要的资源包并解压；
步骤4 配置项目的公共css样式；
步骤1 创建项目目录结构
如下图:
步骤2 安装项目所需要的工具
点击编辑器左侧目录选择Terminal->New Terminal，在终端执行命令。
yum install wget yum install unzip
分别安装下载文件的工具wget和解压缩工具unzip。
步骤3下载项目所需要的资源包并解压
点击右侧工具栏的资源包，复制所需要的资源包的链接执行命令。
wget 资源包的路径
下载对应的资源包后执行命令。
unzip 对应的文件名
解压资源包到根目录中,如下图:
步骤4 配置项目的公共css样式
body {
padding: 0;
margin: 0;
/* 这是字体大小及字体风格 */
font: 12px/1.5 Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, 5FAE8F6F96C59ED1, tahoma, simsun, 5b8b4f53;
font-weight: 500;
overflow-x: hidden;
}
a {
/* 这是一个设置超链接的下划线为空的办法，text-decoration让文本修饰为none，就可以将下划线去掉 */
text-decoration: none;
}
