![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=1738884779-zJhHCpxWcUi5J53KgnwH00Zy2wqusulq-0-2b1f8548ff415b39db73c50081815594)
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=1738884779-TkbDOvY6mbDpF8k93tm5lwY0xQ7KZvvd-0-7b55db626d71afa6c2aef1ebc1c0348e)
图1-45 “新建文档”对话框
![](https://epubservercos.yuewen.com/1AFB80/26947480604637406/epubprivate/OEBPS/Images/44465_25_3.jpg?sign=1738884779-uogSvHotNmsOOsBpguv07N3jT0wntCyN-0-040e5d3ad4b08069a741ef51b11dd97e)
图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=1738884779-rFwfvxETmABko6BfP4ytuG5LeCf50Fof-0-ce718314b1a1a1a14eed765fd2ba583b)
图1-47 HTML代码
![](https://epubservercos.yuewen.com/1AFB80/26947480604637406/epubprivate/OEBPS/Images/44465_25_5.jpg?sign=1738884779-xaPT8r2dnBr3ren8lKNqmkaxkqN4ZXeP-0-37e17be865aaa45bed0234f5e568d8b4)
图1-48 “另存为”对话框