![Dreamweaver基础与实战教程](https://wfqqreader-1252317822.image.myqcloud.com/cover/816/47548816/b_47548816.jpg)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
课堂练习 新建并保存网页文件
![](https://epubservercos.yuewen.com/1AFB80/26947480604637406/epubprivate/OEBPS/Images/44465_25_1.jpg?sign=1738845643-eHdxxNjLLpUm4QP6zgyYkh5Ye9occamX-0-89119ce5b26ddf9f4d136c6153236c1e)
1.练习思路
在开始制作网站页面之前,首先需要在Dreamweaver CC中创建一个空白页面,在创建的空白页面中进行制作,并且还需要对新建的网页文件进行保存,从而避免网页文件意外丢失。
2.制作步骤
Step 01 执行“文件>新建”命令,弹出“新建文档”对话框,在“文档类型”列表框中选择“HTML”选项,其他参数保持默认设置,如图1-45所示。单击“创建”按钮,即可在Dreamweaver中新建一个空白的HTML页面,如图1-46所示。
![](https://epubservercos.yuewen.com/1AFB80/26947480604637406/epubprivate/OEBPS/Images/44465_25_2.jpg?sign=1738845643-30efsLVvwBieL68sEYD5y2WVNqbkaJtT-0-a2ddac8101087774283d5f11b8301dd8)
图1-45 “新建文档”对话框
![](https://epubservercos.yuewen.com/1AFB80/26947480604637406/epubprivate/OEBPS/Images/44465_25_3.jpg?sign=1738845643-IApRe8PUWRNMk4OoliYmRYZsTdID57m9-0-70c4795470dbde2a8f359de8aa6f8496)
图1-46 新建空白HTML页面
Step 02 在“视图模式”选项组中单击“代码”选项卡,切换到代码视图,可以看到空白HTML页面的HTML代码,如图1-47所示。执行“文件>保存”命令,弹出“另存为”对话框,设置文件名称和保存位置,如图1-48所示。单击“保存”按钮,即可保存该网页文件。
![](https://epubservercos.yuewen.com/1AFB80/26947480604637406/epubprivate/OEBPS/Images/44465_25_4.jpg?sign=1738845643-VdS402TAOHBDsLgWlMglLim1nbdo8Dxm-0-d96ac89d218546aa4437bc3e1988d198)
图1-47 HTML代码
![](https://epubservercos.yuewen.com/1AFB80/26947480604637406/epubprivate/OEBPS/Images/44465_25_5.jpg?sign=1738845643-HNUhGYxyuKKpbrskPNftp2w1CnmEqrmp-0-6bcecbe196a5e915a2acd57557b0cba7)
图1-48 “另存为”对话框