电子商务网页设计与制作(微课版)
上QQ阅读APP看书,第一时间看更新

【综合实训】规划并创建“祥和家居”网站站点

制作任何网站的第一步都是创建一个“站点”,这样可以使整个网站的脉络结构清晰,避免以后再进行复杂的管理。下面讲述规划并创建“祥和家居”网站站点的相关内容。

一、实训目的

本实训的目的为规划并创建“祥和家居”网站站点。

(1)掌握本地站点的创建方法。

(2)掌握站点内文件夹的建立方法。

二、实训内容

完成本实训需要先创建站点,然后创建站点内的文件夹,具体实训内容如下。

1.创建站点

使用Dreamweaver创建“祥和家居”本地站点,具体操作步骤如下。

(1)将案例素材复制到本地计算机硬盘(如E盘)中的已经创建好的同名文件夹“xianghe”中。

(2)启动Dreamweaver,选择菜单中的“站点”→“新建站点”命令,弹出“站点设置对象”对话框,在对话框中选择“站点”,在“站点名称”文本框中输入站点名称“祥和家居”,单击“本地站点文件夹”文本框右边的“浏览文件夹”按钮,如图1-26所示。

(3)弹出“选择根文件夹”对话框,找到文件夹后单击“选择文件夹”按钮,如图1-27所示。

图1-26 “站点设置对象 祥和家居”对话框

图1-27 “选择根文件夹”对话框

(4)返回“站点设置对象 祥和家居”对话框,单击“保存”按钮,在“文件”面板中出现“祥和家居”站点,并列出了该站点文件夹中的所有文件,如图1-28所示。

图1-28 站点文件夹中的所有文件

2.建立站点内文件夹

接着建立站点内文件夹,具体操作步骤如下。

(1)在“文件”面板中的站点根文件夹上单击鼠标右键,在弹出的快捷菜单中选择“新建文件夹”,如图1-29所示。可以看到在“文件”面板中新建了一个名为untitled的文件夹,将文件夹名修改为images,如图1-30所示。

图1-29 选择“新建文件夹”

图1-30 将文件夹名修改为images

(2)在“文件”面板中借助“Ctrl”键选中所有图片文件,如图1-31所示,在所选的文件上按住鼠标左键将其拖到站点文件夹images上,松开鼠标左键,即可将所选文件移动到images文件夹内,如图1-32所示。

图1-31 选中所有图片文件

图1-32 将所选文件移动到images文件夹内