![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=1739293901-aYVuxfVCnYWIrlxqsJqeBhvc72UFuwXq-0-ccefbda9753b7e0bd87063b91b2699f4)
图2-12
![](https://epubservercos.yuewen.com/59AEC0/18130706301255006/epubprivate/OEBPS/Images/figure-0028-0022.jpg?sign=1739293901-slpnnPJ5mBYEutHtahYqh191flQeUVbW-0-503555bf5294e99b8a96c55f7bcf5d0f)
图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=1739293901-xxFPyTzUPNNCXP0qAX2MWt6i3tGzLhSO-0-f7dd692fe73962e6bef597f03f4d2b82)
图2-14
![](https://epubservercos.yuewen.com/59AEC0/18130706301255006/epubprivate/OEBPS/Images/figure-0029-0024.jpg?sign=1739293901-8B9Os1cS38aorHzbXt2P54eVafa6vOvR-0-fa1a5d5d9f6f58e9db1796e7610d49f9)
图2-15
如果需要删除文档,在“文件”面板中单击HTML文档前的按钮,再按Delete键即可,或右击并在弹出的快捷菜单中执行“编辑-删除”命令即可。
方法2
选中新建的站点并右击,在弹出的快捷菜单中执行“新建文件”命令,如图2-16所示。
![](https://epubservercos.yuewen.com/59AEC0/18130706301255006/epubprivate/OEBPS/Images/figure-0029-0026.jpg?sign=1739293901-sxXGKdddyki7Cddlu15IE9D2UKWdvgCw-0-8eb5bbcb2ec11100d04047d311280f61)
图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=1739293901-71nzhrcex5qTXrQ5hWWMG3fDUZuT4gk3-0-8a0a1364ab536feb874e3c97cc4f468b)
图2-17