中文版DREAMWEAR8网页设计教程.ppt
课堂讲解 上机实战,第2课 站点的基本操作,课堂讲解,站点的规划 创建本地站点 创建远程站点 管理本地站点 管理站点地图 页面设置,站点的规划,Dreamweaver 8的站点类型规划站点结构 绘制网站结构草图,Dreamweaver 8的站点类型,本地站点远程站点测试站点,规划站点结构,规划站点结构是设计站点的必要前提,其操作是将不同的文件分类存放在文件夹中以便于设计者管理。合理地组织站点结构,可提高工作效率,加快对站点的设计。,绘制网站结构草图,站点规划好之后,就可以根据规划绘制出一个网站结构草图,以便于有一个清晰的思路。,创建本地站点,新建站点 新建文件夹 新建网页文件,新建站点,通过站点新建站点菜单命令或“文件”面板新建站点。,新建站点,新建文件夹,建立好站点后就可以在站点中新建文件夹,该文件夹主要用来存储这个网站中用到的网页元素,如图片、音乐等。,新建网页文件,新建网页文件的方法与新建文件夹的方法相同。,创建远程站点,创建远程站点的方法与创建本地站点的方法类似,只是无需在站点文件夹下再新建文件夹或网页文件。,管理本地站点,编辑本地站点 删除本地站点,编辑本地站点,选择本地站点删除站点中的文 件和文件夹更改站点信息,删除本地站点,如果不需要某个站点时,可以将其从站点列表中删除。,管理站点地图,定义主页 查看站点地图 在站点地图中管理页面文件,定义主页,在使用站点地图查看站点时必须保证这个站点已定义了一个主页,因为主页是一个站点的根节点,必须有根节点才有各个支节点,也就是各个子页。,查看站点地图,查看站点地图是在Dreamweaver 8的“文件”面板的“视图”下拉列表框中选择“地图视图”选项。,在站点地图中管理页面文件,选择页面文件打开页面文件新建页面文件更改页面标题,选择页面文件,在站点地图中的某个页面文件上单击鼠标即可选择该文件。按住【Shift】键的同时单击需要选取的文件,可选择多个连续的页面文件。按住【Ctrl】键的同时单击需要选取的文件,可选择多个不连续的页面文件。,打开页面文件,在页面文件上双击鼠标即可打开该文件。在选择页面之后,选择文件打开菜单命令打开页面。选择页面后单击鼠标右键,在弹出的快捷菜单中选择“打开”命令可打开页面。,新建页面文件,在建立好站点地图之后,如果还需要在其中添加新的网页文件,可以在站点地图中新建一个页面文件。,更改页面标题,在站点地图中可对页面标题进行更改,以方便绝对站点的管理。,页面设置,当站点建立好之后,就可以进行具体的网页编辑操作了,但在编辑网页之前,还需要对页面进行一些简单的属性设置以方便以后的工作。,上机实战,本课上机实战将练习创建一个名为“国画欣赏”的站点,将其中的本地站点保存在“D:guohua”文件夹下,远程站点保存在“E:guohua”文件夹下。然后为“国画欣赏”网站建立一个存放图片的文件夹“pic”,并新建名为“index.html”、“ghzs.html”、“jrmh.html”、“ghds.html”、“flxs.html”、“ghlt.html”和“lxwm.html”的网页文件,最后设置“index.html”的页面属性。,