![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=1739528520-hR81K3pL5lTVpnOlNC0uo1KMYE7622j9-0-d29321dd868091720c7324676a73c7f6)
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=1739528520-Lz2TzNI93Zl62px0jY7bKnX45XcNBfY8-0-4026ad8e73a35acc677d89c5c57d7454)
图2-27 选择“新建文件夹”命令
![](https://epubservercos.yuewen.com/1AFB80/26947480604637406/epubprivate/OEBPS/Images/44465_35_2.jpg?sign=1739528520-8JwVRyBlcKNp2YJ2oZOMlzIrwlBv6DPS-0-e47fbb09576709c3c13947fa0221f6a8)
图2-28 重命名文件夹
![](https://epubservercos.yuewen.com/1AFB80/26947480604637406/epubprivate/OEBPS/Images/44465_35_3.jpg?sign=1739528520-5YJemBlcglO6U1mdZthpnk1EaTqNgpyS-0-f0ac02e8784f60a978e388448801e89c)
图2-29 确认文件夹名称
![](https://epubservercos.yuewen.com/1AFB80/26947480604637406/epubprivate/OEBPS/Images/44465_35_4.jpg?sign=1739528520-PyPTFzPC1dIWHlkrlW8dTEn0RClywOQv-0-905031206fcfb12d48b3afee33ace1b8)
图2-30 选择“新建文件”命令
![](https://epubservercos.yuewen.com/1AFB80/26947480604637406/epubprivate/OEBPS/Images/44465_35_5.jpg?sign=1739528520-NuuwFb8vWQtio5lsHia2SMz5SKFDmGAR-0-3892d30e2cb191d6a25d4b465c6618a0)
图2-31 重命名网页文件
![](https://epubservercos.yuewen.com/1AFB80/26947480604637406/epubprivate/OEBPS/Images/44465_35_6.jpg?sign=1739528520-lSHpgZYuqm3fLgJ8Cxqy21RX82fXpnIz-0-ae3d6abdf5416d74f476cf1f62a7859d)
图2-32 新建网页文件