![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_34_8.jpg?sign=1739296599-qj7x1zENFKYNgdvG0VuScOsfqbHpOas7-0-fc4149831436883dc99e695efb03a04f)
1.练习思路
在Dreamweaver的“文件”面板中可以对站点中的文件进行管理,包括新建文件夹/文件、删除文件夹/文件等。“文件”面板是用户在设计制作网页的过程中常用的面板之一,大家需要熟练掌握在“文件”面板中对网页文件进行管理的操作。
2.制作步骤
Step 01 在“文件”面板中的站点根目录上单击鼠标右键,在弹出的快捷菜单中选择“新建文件夹”命令,如图2-27所示。在当前站点根目录中新建一个文件夹,并自动进入该文件夹的重命名状态,如图2-28所示。
Step 02 输入文件夹名称,按Enter键确认,完成文件夹的创建,如图2-29所示。在刚新建的文件夹上单击鼠标右键,在弹出的快捷菜单中选择“新建文件”命令,如图2-30所示。
Step 03 在当前文件夹中新建一个HTML网页文件,并自动进入该网页文件的重命名状态,如图2-31所示。输入文件名称,按Enter键确认,完成网页文件的创建,如图2-32所示。
![](https://epubservercos.yuewen.com/1AFB80/26947480604637406/epubprivate/OEBPS/Images/44465_35_1.jpg?sign=1739296599-8hfwbV0ZnSfmNBUZg7k9XnBu3PZcxlih-0-e46f7f29755177803d386491de6d1a77)
图2-27 选择“新建文件夹”命令
![](https://epubservercos.yuewen.com/1AFB80/26947480604637406/epubprivate/OEBPS/Images/44465_35_2.jpg?sign=1739296599-xhKpjqz5GYY1lTQLxmxKUdNwmFbjoUVe-0-dfc2edda352f42ee5d998ba00b905989)
图2-28 重命名文件夹
![](https://epubservercos.yuewen.com/1AFB80/26947480604637406/epubprivate/OEBPS/Images/44465_35_3.jpg?sign=1739296599-tk1zx4eq4VDgvbuGUoygAmPDlvNoiCqD-0-ac00466435c31f88be28d71dd0da11ab)
图2-29 确认文件夹名称
![](https://epubservercos.yuewen.com/1AFB80/26947480604637406/epubprivate/OEBPS/Images/44465_35_4.jpg?sign=1739296599-aq1SGXN7yoGTz8ob13Mg72Y1UtwcM8dg-0-a941ae09732f3d278fc5d9e622025707)
图2-30 选择“新建文件”命令
![](https://epubservercos.yuewen.com/1AFB80/26947480604637406/epubprivate/OEBPS/Images/44465_35_5.jpg?sign=1739296599-ZTCprHnImCBpPyy6qICAvPLbYNwnGvyZ-0-4bc2036222f2aa2807c5ceca557864a1)
图2-31 重命名网页文件
![](https://epubservercos.yuewen.com/1AFB80/26947480604637406/epubprivate/OEBPS/Images/44465_35_6.jpg?sign=1739296599-qYhWJaqg5lR2rXiYpJ1uHLFkmirGIFta-0-f2b60dfd05681a82687417a1fffe0b76)
图2-32 新建网页文件