2.图像文件
图片文件还包括：页面装饰（如背景图片）、商品图片、横幅广告和网站标志图片等。我们可以将产品图片单独放在名为product的文件夹中，并放在images文件夹下； 还有一些横幅广告等图片可以单独放在一个名为media的文件夹中，并放在同一个文件夹中。 图片文件夹下。 对于比较大的网站项目来说，这样做是有必要的。 将所有图片按类别放在各个文件夹中，这样查找和更改都非常方便。 图片命名与html命名类似，但也有区别。 命名图像时，最好指定其适用的蓝筹股名称或函数名称。
因为同一类型的文件通常有多个，比如一个banner，可能一个网站的每个页面的不同位置都有不同的banner，所以需要用这些方法来区分，可以这样命名: header的banner名为headerBanner； 新闻页面的横幅 横幅的名称为 newsBanner 等。 网站标志一般是唯一的，直接命名为标志。 如果有两个标志，比如尺寸，可以分别命名为logoBg和logoSm。 另外，再举几个例子：用作按钮的图片可以在自己的属性名前加上“btn_”前缀，表明它是一个按钮，如登录按钮btn_login； 用作背景的图片可以在其自身的属性名称“Bg”后面添加，例如导航背景图片可以命名为navBg等。
3.css样式表文件
一般大型网站项目如果样式比较简单，我们只需要创建一个css样式表，直接命名为style.css即可； 细分功能，如：全局样式（名为global.css）、框架布局（名为layout.css）、打印样式（名为print.css）、链接样式（名为link.css）等。 这样，当我们改变网站的布局时，我们就可以很容易地找到要改变的文件和地方，非常方便。 比如一个网站为了讨好某个节日需要改变文案布局，那么我们可以直接改变print.css，或者新建一个print.css直接替换之前的html 命名html 命名，而不影响其他地方的样式总而言之，对于网站的稳定性也是有帮助的。
4.JS脚本文件
JS文件命名规则与图片命名规则类似。 要指示蓝筹股及其目标功能（例如专用于标题菜单的脚本），请将其命名为 topMenu.js。 我不会对此进行过多的详细介绍。 了解了以上几点之后，这里自然就清楚了。
总结一下：无论是考虑团队开发效率还是后期维护方便，Web项目中的各种命名约定都非常重要。 这次我们只讨论文件夹和文件的命名。 至于CSS的命名约定，放在最后单独解释，这是一个深奥的话题。
在网页中，画布默认不存在。 用户首先需要创建一个画布，然后使用一些对象和方法在画布上绘制图案。 下面将逐步讲解画布的使用技巧。
1. 创建画布
使用 HTML5 中的 canvas 标签在网页中创建画布。 创建画布的基本句子格式如下。
您的浏览器不支持canvas
在上面的句子格式中，canvas标签用于定义画布，id属性用于在JavaScript代码中引用画布。 canvas标签是一个双标签。 用户可以在中间输入文本。 当浏览器不支持canvas标签时，会显示输入的文本信息。 画布有两个属性，宽度和高度，用于定义画布的长度和高度，值可以是数字或像素。
创建的画布是透明的html 画布，没有任何样式，可以使用CSS为其设置边框、背景等。 需要注意的是html 画布，在设置画布的宽度和高度时，尽量不要使用CSS样式来控制其宽度和高度，否则画布中的图案可能会变形。
2. 获取画布
要在 JavaScript 中控制画布，首先要获取画布。 使用 getElementById() 方法获取网页中的画布对象。 例如，下面的示例代码是获取id为“cavs”的画布，并将获取到的画布对象保存在变量“canvas”中。
var canvas = document.getElementById('cavs');
3.准备笔画
有了画布之后，要开始绘图，您需要准备笔划，即上下文对象。 上下文对象也称为绘图环境，通过它可以在画布上绘制图形。 上下文对象可以使用JavaScript脚本获取，具体语法如下：
canvas.getContext('2d');
前面的句型中，参数“2d”代表笔画类型，表示二维绘图的笔画。 如果要绘制三维图形，可以将参数替换为“webgl”。 由于三维运算目前应用还不是很广泛，所以可以在这里了解一下。
在JavaScript中，我们一般会定义一个变量来保存获取到的上下文对象，比如下面的代码。
var context = canvas.getContext('2d');
