![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=1739297955-5TSxtZOqUDgAcjSnVBXyFPGJ1PvSvRU5-0-fedf787b53e10932cd3031208782101d)
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=1739297955-NwAmYmCXe9d2TY78tUn5KMPFL1bVTrTG-0-acfb820e700a29d43473c6ac3accded1)
图1-45 “新建文档”对话框
![](https://epubservercos.yuewen.com/1AFB80/26947480604637406/epubprivate/OEBPS/Images/44465_25_3.jpg?sign=1739297955-ulI3kvIcN8reJXFC4hBGwy7aV4Knv5HZ-0-049db000bf4b57ceab391cbeebb2d59f)
图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=1739297955-y2w9MCyyX66qvfKXLmopntSy0dOJ1pZ9-0-cfd3660b4b7a479fd173372a25dc977e)
图1-47 HTML代码
![](https://epubservercos.yuewen.com/1AFB80/26947480604637406/epubprivate/OEBPS/Images/44465_25_5.jpg?sign=1739297955-8M5Ry7caibou19N2H8HUJKlwa894vZky-0-0c11ba8bd759bbaa95af66c6886ccdbf)
图1-48 “另存为”对话框