2、小兔鲜项目-文件+目录准备

简介: 2、小兔鲜项目-文件+目录准备

1.新建项目文件夹 xtx-pc-client,在VScode中打开

• 在实际开发中,项目文件夹不建议使用中文

• 所有项目相关文件都保存在 xtx-pc-client 目录中


2.复制 favicon.ico 到 xtx-pc-client 目录


• 一般习惯将ico图标放在项目根目录


3.复制 images 和 uploads 目录到 xtx-pc-client 目录中

• images :存放网站 固定使用 的图片素材,如:logo、样式修饰图片… 等

• uploads:存放网站 非固定使用 的图片素材,如:商品图片、宣传图片…等


4.新建 index.html 在根目录


5.新建 css 文件夹保存网站的样式,并新建以下CSS文件:

• base.css:基础公共样式

• common.css:该网站中多个网页相同模块的重复样式,如:头部、底部

• index.css:首页样式


e47dcce0d63c4c3896d9e05494b9f92a.png

dabfc6b48f5347e989c28931b58e9006.png

相关文章
|
6月前
|
Python
揭秘Python安装目录:你的编程宝库隐藏了哪些宝藏?
揭秘Python安装目录:你的编程宝库隐藏了哪些宝藏?
|
安全 Linux C++
[目录]读书书单
[目录]读书书单
|
人工智能 开发工具 Python
大家都是拷贝,凭什么你这么秀?
当时我留了个提示,说和浅拷贝、深拷贝有关,现在我们就来具体说一说。
|
API
使用文心大模型制作《十五的月亮》MV
使用文心大模型制作《十五的月亮》MV
231 0
使用文心大模型制作《十五的月亮》MV
|
Java Nacos 开发者
项目第十天内容介绍 | 学习笔记
快速学习 项目第十天内容介绍
|
小程序 API 开发者
基于wxapp的圣诞帽头像小程序【完整项目源码】
基于wxapp的圣诞帽头像小程序【完整项目源码】
基于wxapp的圣诞帽头像小程序【完整项目源码】
|
Java Go Spring
Springboot 居然可以设置动态的Banner!!(悄悄滴~)|牛气冲天新年征文
正题开始啦~ 牛年啦~ 咋们也研究下怎么给我们滴 IDEA 添加点 过年滴气氛,像这样 Spring boot 源码 之 Banner 源码看起来 <( ̄︶ ̄)↗[GO!] Springboot 启动时,会先去创建SpringApplication 对象 。 SpringApplication 构造器 指定banner的模式 Banner 函数式接口 这里有三种模式 run 方法 创建banner对象 进入上图红框中,可以看到这里如果不是 OFF 模式的话会去创建 SpringApplicationBannerPrinter 对象 可以看到该类中还定义了 图片的类型(居然还支持 gif
290 0
|
存储 Java Linux
小师妹学JavaIO之:目录还是文件
小师妹学JavaIO之:目录还是文件
小师妹学JavaIO之:目录还是文件
|
NoSQL 关系型数据库 MySQL
商城项目总结目录
商城项目总结目录
119 0
|
XML Java 开发工具
【朝花夕拾】Android性能篇之(四)Apk打包
随着IDE功能的不断加强,APK的打包几乎被一手包办,使得很多Android程序员并不了解其过程。而深入了解APK的打包流程,有助于更好地理解APK的结构及Android机制,也能很好地感受到Anroid虚拟机在优化道路上孜孜不倦的追求。
2012 0