实验一、准备电商实战项目所需工具资源

【实验内容】

本实验主要是完成电商实战项目的前期准备工作。

【实验目的】

1、学习如何创建规范的项目目录结构;

2、熟悉获取和解压资源包所需要的工具;

3、掌握下载项目所需要资源包的方法;

4、熟悉如何配置项目的公共css样式。

【实验步骤】

步骤1 创建项目目录结构

步骤2 安装项目所需要的工具

步骤3 下载项目所需要的资源包并解压

步骤4 配置项目的公共css样式

步骤1  创建项目目录结构

如下图:

Web前端开发唯众商城(html+css+js)——实验一、准备电商实战项目所需工具资源

步骤2  安装项目所需要的工具

点击编辑器左侧目录选择Terminal->New Terminal,在终端执行命令:

yum install wget
yum install unzip

分别安装下载文件的工具wget和解压缩工具unzip。

步骤3  下载项目所需要的资源包并解压

点击右侧工具栏的资源包,复制所需要的资源包的链接,执行命令:

wget 资源包的路径

下载对应的资源包后执行命令:

unzip 对应的文件名

解压资源包到根目录中,如下图:

Web前端开发唯众商城(html+css+js)——实验一、准备电商实战项目所需工具资源

步骤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;
}

相关新闻

联系我们

027-87870986

在线咨询:点击这里给我发消息

邮件:931234110@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息