
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
课堂练习 在站点中新建文件夹和网页文件

1.练习思路
在Dreamweaver的“文件”面板中可以对站点中的文件进行管理,包括新建文件夹/文件、删除文件夹/文件等。“文件”面板是用户在设计制作网页的过程中常用的面板之一,大家需要熟练掌握在“文件”面板中对网页文件进行管理的操作。
2.制作步骤
Step 01 在“文件”面板中的站点根目录上单击鼠标右键,在弹出的快捷菜单中选择“新建文件夹”命令,如图2-27所示。在当前站点根目录中新建一个文件夹,并自动进入该文件夹的重命名状态,如图2-28所示。
Step 02 输入文件夹名称,按Enter键确认,完成文件夹的创建,如图2-29所示。在刚新建的文件夹上单击鼠标右键,在弹出的快捷菜单中选择“新建文件”命令,如图2-30所示。
Step 03 在当前文件夹中新建一个HTML网页文件,并自动进入该网页文件的重命名状态,如图2-31所示。输入文件名称,按Enter键确认,完成网页文件的创建,如图2-32所示。

图2-27 选择“新建文件夹”命令

图2-28 重命名文件夹

图2-29 确认文件夹名称

图2-30 选择“新建文件”命令

图2-31 重命名网页文件

图2-32 新建网页文件