电子课件第七章网页设计—Dreamweaver8.pptVIP

教学内容 第1章 计算机基础及常见故障排查 第2章 操作系统 第3章 文字处理软件Word2003 第4章 电子表格处理软件Excel2003 第5章 演示文稿制作软件PowerPoint2003 第6章 计算机网络基础及Internet应用 第7章 网页设计Dreamweaver８ 第8章 数据库概述 第9章 常用工具软件 第七章 网页设计Dreamweaver8 1、网页内容便于阅读 网页内容要及时更新，那么访问者就不会再有兴趣访问你的网站 2、站点内容要及时更新 要让浏览者容易找到要找的东西，也就是要有导航功能。 3、注重色彩的搭配 一个网站的标准色彩不超过3种，太多则让人眼花缭乱。 4、考虑适应不同浏览器和分辨率 设计好主页能够适应不同浏览器及不同分辨率。 5、提供交互性 Dreamweaver是有可视化编辑界面，用户不必编写复杂的HTML源代码就可以生成跨平台、跨浏览器的网页 2、Dreamweaver 8 启动与退出 选择【开始】/【所有程序】/【Macromedia】/【Macromedia Dreamweaver8】命令，如图7-1所示。 双击桌面上的Dreamweaver 8快捷方式图标，如图7-2所示。 1、认识站点 （1）本地站点:本地站点是用户工作的目录，是存放用户网页、素材等的本地文件夹。 （2）远程站点:若需要不连接Internet就能对所建的站点进行测试，可以在本地电脑上创建远程站点模拟真实的Web服务器环境进行测试。 （3）测试站点：是Dreamweaver 8处理动态页面的文件夹。使用此文件夹生成动态内容并在工作时连接到数据库。 2、规划站点结构 站点是管理网页与素材的场所。规划站点结构是指利用不同的文件夹将不同的网页内容分门别类地保存，合理地组织站点结构，可提高工作效率。 应该事先在本地磁盘上创建一个文件夹作为站点的根目录，然后在文件夹下建若干个子文件夹，形成合理的目录结构，将不同类型的文件分门别类地存放在不同的目录中，在网站设计中所有创建和编辑的网页都应当保存在该文件夹中。在发布站点时，只需将此文件夹中的所有内容上传到Web服务器上即可。 提示：在制作网页时应将所有的文件夹和文件都统一用小写的英文字母命名，否则可能会出现找不到文件的错误。 3、制作导航流程 可以根据规划制作一个导航流程图，以便理清思路，制作时可直接在纸上粗略地绘出导航流程图。如图7-18所示是一个班级网站最初的导航草图。 1、进入Dreamweaver 8工作界面后，选择【站点】/【新建站点】命令或【站点】/【管理站点】命令，弹出“管理站点”对话框。单击按钮，在弹出的下拉菜单中选择【站点】命令，如图7-19所示。 4、单击“下一步”按钮，在弹出的对话框中选择在开发过程中如何使用文件，这里选中单选按钮，在“您将把文件存储在计算机上的什么位置?”文本框中输入本地站点存储的位置，如“f:\dw\”，如图7-22所示。 5、单击“下一步”按钮，在弹出的对话框中的“您如何连接到远程服务器？”下拉列表框中选择“无”选项，如图7-23所示。 1、编辑站点 （1）选择【站点】/【管理站点】命令，弹出“管理站点”对话框，选择需要编辑的站点，这里选择“班级网站”站点，如图7-26所示。 （2）单击按钮，弹出“班级网站 的站点定义为”对话框，如图7-27所示。 （3）在该对话框中即可对站点进行编辑，其操作过程和站点的创建方法类似，只需按提示进行操作即可。 2、删除站点 （1）选择【站点】/【管理站点】命令，弹出如图7-29(a)所示的“管理站点”对话框，在左侧列表框中选择要删除的站点后单击按钮。 （2）弹出一个警告对话框，提示执行本操作后将不能撤销，如图7-29(b)所示。单击按钮返回“管理站点”对话框，可以看见站点已被删除，如图7-29(c)所示。 （3）单击按钮即可删除所选的站点。 （2）删除文件或文件夹文件夹 如果某个站点下不需要一些文件或文件夹，可以将其删除。删除文件或文件夹的方法是：选择需删除的文件或文件夹并单击鼠标右键，在弹出的快捷菜单中选择【编辑】/【删除】命令，或直接按Del键，在弹出的确认对话框中单击按钮即可，如图7-31所示。 （3）重命名文件或文件夹 为了使文件名或文件夹名更加直观，常常需要为文件或文件夹重命名，其方法是：选择需重命名的文件或文件夹并单击鼠标右键，在弹出的快捷菜单中选择【编辑】/【重命名】命令如图7-32所示，使文件或文件夹名进入可改写状态，然后输入新的名称，按Enter键确认名称即可。 （4）编辑文件 如果需要对站点中的文件进行编辑，除了可以使用第2章介绍的打开文件的方法外，还可以直接在“文件”面板中双击需要