项目准备认知

153 阅读1分钟

ico图标设置

  • 场景:显示在标签页标题左侧的小图标,习惯使用.ico格式的图标
  • 常见代码:
<link rel="shortcut icon" href="ico图标路径" type="image/x-icon">

文件和目录准备

    1. 新建项目文件夹xtx-pc-client,在VScode中打开
  • 在实际开发中,项目文件夹不建议使用中文
  • 所以项目相关文件都保存在xtx-pc-client目录中
    1. 复制favicon.ico到xtx-pc-client目录中
  • 一般习惯将ico图标放在项目根目录
    1. 复制images和uploads目录到xtx-pc-client目录中
  • images:存放网站固定使用的图片素材,如:logo,样式修饰图片...等
  • uploads:存放网站非固定使用的图片素材,如:商品图片,宣传图片...等
    1. 新建index.html在根目录
    1. 新建css文件夹保存网站的样式,并新建以下css文件:
  • base.css基础公式
  • +common.css:该网站多个网页相同模块的重复样式,如:头部,底部
  • +index.css首页样式