网站制作与编辑3.ppt

* 网页设计与制作 $ [知识目标] 　　认识Dreamweaver8操作界面 　　掌握如何规划站点的结构 　　掌握网页文件的基本操作 8 [能力目标] 　　熟悉工作界面和使用各种面板 　　能够建立和管理本地站点 　　熟练网页文件的基本操作 第3章 Dream weaver基础 3.1 Dream weaver 8工作界面 3.2 规划与创建站点 3.3 网页文件的基本操作 本章小结 第3章 Dream weaver基础 3.1 Dream weaver 8工作界面 3.1.1 启动Dreamweaver8 3.1.2 Dreamweaver8操作界面 　　单击“开始”按钮，在开始菜单中依次选择“程序”—“Macromedia”—“Macromedia Dreamweaver8”，启动Dreamweaver8程序。启动Dreamweaver8后出现开始界面。 3.1.1 启动和退出Dreamweaver8 3.1 Dream weaver 8工作界面 3.1.2 Dreamweaver8操作界面 3.1 Dream weaver 8工作界面 3.1.2 Dreamweaver8操作界面 文档工具栏 面板组和文件面板 3.2 规划与创建站点 3.2.1 规划网站的整体结构 3.2.2 建立本地站点 3.2.3 管理本地站点 　　规划网站的结构要注意以下几个方面： 　　1．文件及文件夹的命名要规范 　　2．不要将所有文件存放在站点根目录下 　　3．建立子文件夹对文件进行分类存放 　　4．每个主栏目下都建立独立的Image目录 　　5．模板（Library）和库(Templates)文件夹一定要位于站点根目录之下并不能被更名，否则在使用模板和库就会出错。 3.2.1 规划网站的整体结构 3.2 规划与创建站点 　　1．在本地电脑硬盘上建立一个空的文件夹 　　2．在Dreamweaver8中建立站点的操作： 　　（1）单击菜单栏中“站点”|“新建站点”命令，打开“未命名站点1的站点定义为”对话框。 3.2.2 建立本地站点 　　（2）在“您打算为您的站点起什么名字？”对话框中输入站点的名称，如我们在此输入“长春悠游网”。然后单击下一步。 3.2.2 建立本地站点 　　（3）在对话框中选择“否，我不想使用服务器技术”，单击“下一步”，打开对话框。 3.2.2 建立本地站点 　　（4）选择“编辑我的计算机上的本地副本，完成后再上传到服务（推荐）（E）”选项。 　　（5）单击“浏览”按钮 ，打开对话框，选择D盘上创建的“myweb1”文件夹为站点本地根文件夹。 　　（6）单击“下一步”打开对话框如下右图。 3.2.2 建立本地站点 　　（7）在“如何连接到远程服务器？”选项的下拉列表中选择“无”，单击下一步，打开站点定义的“总结”对话框如左图。 　　（8）单击“完成”后，可以在“文件”面板中看到所设置的站点，如右图所示。 　单击菜单栏中“站点”|“站点管理”命令,打开“站点管理”对话框。 　　（一）复制站点 　　1．在“管理站点”对话框中，选择要复制的站点，如选择“依林小镇”。 　　2．单击对话框中的“复制”按钮，即可复制出“依林小镇复制”的站点。 3.2.3 管理本地站点 　　（二）删除站点 　　1．在“管理站点”对话框中，选择要删除的站点，如选择“依林小镇”。 　　2．单击对话框中的“删除”按钮，弹出提示对话框，询问是否删除本地站点（如图所示），单击“是”，即可删除本地站点“依林小镇”。 3.2.3 管理本地站点 　　（三）编辑站点：编辑站点是对己创建的本地站点进行修改和编辑。将“依林小镇复制”站点的名称改为“依林小镇”为例的操作为： 　　1．在“管理站点”对话框中选择要编辑的站点——“依林小镇复制”。 　　2．单击对话框中的“编辑”按钮，打开“依林小镇复制的站点定义为对话框”，单击高级选项卡。 　　3.在站点名称对话框中，将“依林小镇复制”改为“依林小镇”，单击“确定”按钮即可。 3.2.3 管理本地站点 3.3 网页文件的基本操作 3.3.1 新建网页 3.3.2 保存网页 3.3.3 关闭网页 3.3.4 打开网页 3.3.5 预览网页 　　1．执行以下操作之一： 　　?单击菜单栏中“文件”|“新建”命令。 　　?单击标准工具栏上的　 按钮。 　　2．打开“新建文档”对话框。 　　3．选择“基本页”选项中的“HTML”，单击“创建”按钮，即可新建一个空白的文档。 3.3.1 新建网页 3.3 网页文件的基本操作 3.3.2 保存网页 3.3 网页文件的基本操作 3.3.3 关闭网页 3.3.4 打开网页 　　以在Iexplore中预览为例，执行以下操作之一： 　　?单击菜单栏中“文件”|“在浏览