![Adobe Dreamweaver 2020基础培训教材](https://wfqqreader-1252317822.image.myqcloud.com/cover/72/33903072/b_33903072.jpg)
上QQ阅读APP看书,第一时间看更新
知识点3 创建文档
创建好站点后,接下来就需要创建文档,常用方法有以下两种。
方法1
单击开始界面的“新建”按钮,或者执行“文件-新建”命令(快捷键Ctrl+N),在弹出的“新建文档”对话框中选择文档类型,在本书中会用到HTML和CSS两种文档类型,默认为HTML5类型,单击“创建”按钮,如图2-12所示。
执行上述操作后,HTML类型的文档就创建完毕,如图2-13所示。
![](https://epubservercos.yuewen.com/59AEC0/18130706301255006/epubprivate/OEBPS/Images/figure-0028-0021.jpg?sign=1739307048-L31J9kTlV1nflrWeO1Lwuknaw6yypXqz-0-851b1f5941089a2c6ec573d0ce77b319)
图2-12
![](https://epubservercos.yuewen.com/59AEC0/18130706301255006/epubprivate/OEBPS/Images/figure-0028-0022.jpg?sign=1739307048-f2EO0AO4RfNDW9p7K6dOtDqWEECZ8M89-0-b8b7c02302270df12bd550a7245c94f3)
图2-13
HTML类型的文档创建好后,默认命名是以untitled为前缀的无标题文档,非常不便于后期识别,因此需要对文档进行命名保存。
执行“文件-保存”命令(快捷键Ctrl+S),进行保存并命名,一般情况下将网站首页命名为index,单击“保存”按钮即可,如图2-14所示。
HTML文档保存好后,会自动出现在“文件”面板的“本地文件”列表中,如图2-15所示。
![](https://epubservercos.yuewen.com/59AEC0/18130706301255006/epubprivate/OEBPS/Images/figure-0029-0023.jpg?sign=1739307048-1WOeUZZ9YdXldsBtJgO1cyrC9EubHVpt-0-c4fa9c7789ba5fd7aa424c923e3d7614)
图2-14
![](https://epubservercos.yuewen.com/59AEC0/18130706301255006/epubprivate/OEBPS/Images/figure-0029-0024.jpg?sign=1739307048-piZ5AS16j6PEQwtLXcRgGjeEBUu1aqUP-0-7646a32d4b7abafde1b647569a730452)
图2-15
如果需要删除文档,在“文件”面板中单击HTML文档前的按钮,再按Delete键即可,或右击并在弹出的快捷菜单中执行“编辑-删除”命令即可。
方法2
选中新建的站点并右击,在弹出的快捷菜单中执行“新建文件”命令,如图2-16所示。
![](https://epubservercos.yuewen.com/59AEC0/18130706301255006/epubprivate/OEBPS/Images/figure-0029-0026.jpg?sign=1739307048-RgQz9joFwcipsCWdO7yJ52OIJMMAkE9l-0-e22b9dc550dd722fe27958155db414e4)
图2-16
默认会生成untitled.html文件,将文件重命名为index.html。如果要创建CSS类型的文档,直接将文件后缀名.html改为.css即可,例如style.css,如图2-17所示。
观察图2-17,可以看出在站点中创建了两个不同类型的文档。
![](https://epubservercos.yuewen.com/59AEC0/18130706301255006/epubprivate/OEBPS/Images/figure-0029-0027.jpg?sign=1739307048-BfOlG8Tzj04WcEmid10QZlQTHXtCgiXu-0-f271d9ad030f7cbbce09085aab2bdaac)
图2-17