一、 首先在你的桌面或你喜欢的地方新创一个大文件夹,然后在大文件夹里创建三个到四个子文件夹,分别是html 、css、JavaScript(js)、images,等文件。
二、
1、 然后到DW里面去点击左上角“文件”再然后点击创建,就会弹出选择框,之后选择到html,那里双击鼠标会弹出一些其它内容,但不管它,直接点击右下角创建,与下图
(图一)
(图二)
(图三)
(图四)
2、 创建完成之后,就会是下图那样;然后点击快捷键,ctrl+s 保存,当然如果你不嫌麻烦,你也可以“点击左上角的“文件”那里有保存选项,选中保存然后点击一下就行了。
3、 保存之后会弹出路径选择框,然后选中到你刚刚所新建的文件夹所在的位置,再然后选择到html文件夹点击进去点击保存。
注意:文件名一定要是字母或英语否则以后写代码的时候找不到(识别不到)名称,顺便说下文件名写自己喜欢的就行,但前提是字母或英语。
PS:因我所创文件夹在桌面,所以,我们的路径可能不一样;因此,一定要选中自己所创文件夹处(重要)。见下图:
(图一)
(图二)
(图三)
(图四)
三、 好了html创建之后,接下来开始创建css步骤。
首先第一步创建css:点击左上角“文件“,然后选中”新建“点击会弹出选择框,然后再选中“css”双击,就可以了,然后crtl+s(保存)选择路径。
PS:步骤和上面新建html一样,所以在这里就不哆嗦了。
值得注意的是保存路径,css保存在css的子文件夹,如此类推,是下面css的路径图:
(图一)
(图二)
四、因JavaScript(js)和html和css创建是一样的,所以就省略了。
五、 html和css和js都建好了,那接下来就是先建立(引入)关系。
1、首先到html界面,然后在
(图一)
(图二)
B:看看是否引入成功,如果引入成功就是下图一样的,见下图:
六、引入成功之后,在标签里面打个
(图一)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190121080728953.png)
(图二)
在这里插入图片描述
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190121080759470.png)
(图三)
![在这里插入图片描述](https://img-blog.csdnimg.cn/2019012108094540.png)
那么这就是整个DW框架的创建过程。谢谢各位阅览!!