![电子商务网页设计与制作(微课版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/963/50533963/b_50533963.jpg)
【综合实训】规划并创建“祥和家居”网站站点
制作任何网站的第一步都是创建一个“站点”,这样可以使整个网站的脉络结构清晰,避免以后再进行复杂的管理。下面讲述规划并创建“祥和家居”网站站点的相关内容。
一、实训目的
本实训的目的为规划并创建“祥和家居”网站站点。
(1)掌握本地站点的创建方法。
(2)掌握站点内文件夹的建立方法。
二、实训内容
完成本实训需要先创建站点,然后创建站点内的文件夹,具体实训内容如下。
1.创建站点
使用Dreamweaver创建“祥和家居”本地站点,具体操作步骤如下。
(1)将案例素材复制到本地计算机硬盘(如E盘)中的已经创建好的同名文件夹“xianghe”中。
(2)启动Dreamweaver,选择菜单中的“站点”→“新建站点”命令,弹出“站点设置对象”对话框,在对话框中选择“站点”,在“站点名称”文本框中输入站点名称“祥和家居”,单击“本地站点文件夹”文本框右边的“浏览文件夹”按钮,如图1-26所示。
(3)弹出“选择根文件夹”对话框,找到文件夹后单击“选择文件夹”按钮,如图1-27所示。
![](https://epubservercos.yuewen.com/6443B4/29764758703057606/epubprivate/OEBPS/Images/cutq_22_12317_m.jpg?sign=1739661627-JvVCVywIFfj62reaGluwxY6mpdtD2HtP-0-c8bdc78f97ba60f6b5bfd73a77ab94dc)
图1-26 “站点设置对象 祥和家居”对话框
![](https://epubservercos.yuewen.com/6443B4/29764758703057606/epubprivate/OEBPS/Images/cutq_22_16814_m.jpg?sign=1739661627-0F8npzMz3MIZk7JpFz5OGY8TNPXTxE48-0-440c720ca0846c23891e1f7c8173755d)
图1-27 “选择根文件夹”对话框
(4)返回“站点设置对象 祥和家居”对话框,单击“保存”按钮,在“文件”面板中出现“祥和家居”站点,并列出了该站点文件夹中的所有文件,如图1-28所示。
![](https://epubservercos.yuewen.com/6443B4/29764758703057606/epubprivate/OEBPS/Images/cutq_22_22574_m.jpg?sign=1739661627-HACdZqmRgkPFrZf22jWN1fxLFjZ4pEML-0-2896d15e046e8f52ec02c752941ffa16)
图1-28 站点文件夹中的所有文件
2.建立站点内文件夹
接着建立站点内文件夹,具体操作步骤如下。
(1)在“文件”面板中的站点根文件夹上单击鼠标右键,在弹出的快捷菜单中选择“新建文件夹”,如图1-29所示。可以看到在“文件”面板中新建了一个名为untitled的文件夹,将文件夹名修改为images,如图1-30所示。
![](https://epubservercos.yuewen.com/6443B4/29764758703057606/epubprivate/OEBPS/Images/cutq_22_27401_m.jpg?sign=1739661627-zjgvFFJmUl3p3WbSxB2XMpnowRiw2OWO-0-2ea4846f6766c0b2454731ed87595b95)
图1-29 选择“新建文件夹”
![](https://epubservercos.yuewen.com/6443B4/29764758703057606/epubprivate/OEBPS/Images/cutq_22_32107_m.jpg?sign=1739661627-xwXM0DIGfARxhN57nE0L7cKouODKdoiT-0-84847d0add27c7642fc8173c6fed4c3d)
图1-30 将文件夹名修改为images
(2)在“文件”面板中借助“Ctrl”键选中所有图片文件,如图1-31所示,在所选的文件上按住鼠标左键将其拖到站点文件夹images上,松开鼠标左键,即可将所选文件移动到images文件夹内,如图1-32所示。
![](https://epubservercos.yuewen.com/6443B4/29764758703057606/epubprivate/OEBPS/Images/cutq_23_5560_m.jpg?sign=1739661627-KsAG6zhhp9aFEX6BqzEQ2u9cJBngJ6vl-0-c0b077400608d6b7699143f192caf71a)
图1-31 选中所有图片文件
![](https://epubservercos.yuewen.com/6443B4/29764758703057606/epubprivate/OEBPS/Images/cutq_23_13777_m.jpg?sign=1739661627-Z5hNhf4SiW1IQ8GKvKGVQa8Wjmtu85sZ-0-25f4349380a86859db74b608616ac309)
图1-32 将所选文件移动到images文件夹内