
上QQ阅读APP看书,第一时间看更新
知识点3 创建文档
创建好站点后,接下来就需要创建文档,常用方法有以下两种。
方法1
单击开始界面的“新建”按钮,或者执行“文件-新建”命令(快捷键Ctrl+N),在弹出的“新建文档”对话框中选择文档类型,在本书中会用到HTML和CSS两种文档类型,默认为HTML5类型,单击“创建”按钮,如图2-12所示。
执行上述操作后,HTML类型的文档就创建完毕,如图2-13所示。

图2-12

图2-13
HTML类型的文档创建好后,默认命名是以untitled为前缀的无标题文档,非常不便于后期识别,因此需要对文档进行命名保存。
执行“文件-保存”命令(快捷键Ctrl+S),进行保存并命名,一般情况下将网站首页命名为index,单击“保存”按钮即可,如图2-14所示。
HTML文档保存好后,会自动出现在“文件”面板的“本地文件”列表中,如图2-15所示。

图2-14

图2-15
如果需要删除文档,在“文件”面板中单击HTML文档前的按钮,再按Delete键即可,或右击并在弹出的快捷菜单中执行“编辑-删除”命令即可。
方法2
选中新建的站点并右击,在弹出的快捷菜单中执行“新建文件”命令,如图2-16所示。

图2-16
默认会生成untitled.html文件,将文件重命名为index.html。如果要创建CSS类型的文档,直接将文件后缀名.html改为.css即可,例如style.css,如图2-17所示。
观察图2-17,可以看出在站点中创建了两个不同类型的文档。

图2-17