《Dreamwaver_8基础与实例教程》.ppt

基础知识——网页设计简介 0.1　网页设计概述 0.2　初识Dreamweaver 8 0.1　网页设计概述 0.1.1　网页设计遵循的理念 0.1.2　网站整体风格的确定 0.1.3　网页创意 0.1.4　网页色彩搭配简介 0.1.5　常用网页设计工具简介 / /cn/ 确定网站的整体风格需要注意以下几个方面： （1）网站标志要放在醒目位置要保持不变。 （2）反应网站精髓的标语并动态显示。 （3）导航放在每一张网页的相同位置。 （4）确定网站的主体颜色并注意颜色。 （5）页面的布局一般采用左边导航右边文字，或者上面导航下面文字的方法，或两者结合使用。 （6）内容结构简单且分类要简而精。 第1讲 Dreamweaver 8.0 界面及站点建设 第1讲 Dreamweaver 8.0 界面及站点建设 1.1 Dreamweaver 8.0简介 1.2 创建站点 1.3 网页文件的基本操作 1.4 设置页面属性 1.5 练习制作简单的网页站点 1.1 Dreamweaver 8.0简介 1.1.1 Dreamweaver 8.0的启动和退出 1.1.2 Dreamweaver 8.0的工作环境 1.1.1 Dreamweaver 8.0的启动和退出 1.启动Dreamweaver8.0 在Windows操作系统下，单击左下角的【开始】按钮，从【程序】菜单中选择Macromedia菜单，然后从子菜单中单击【Macromedia Dreamweaver 8】即可启动，如图所示。 2.退出Dreamweaver 8.0 退出Dreamweaver 8.0的方法很简单，我们可以有以下几种方式退出编辑界面： （1）单击Dreamweaver 8窗口右上方的关闭按钮； （2）按下“Alt+F4”组合键； （3）选择“文件”菜单中的“退出”命令，或按快捷键Ctrl+Q退出系统。 1.1.2 Dreamweaver 8.0的工作环境 Dreamweaver 8.0的操作窗口 1.2创建站点 1.2.1 创建本地站点 1.2.2 管理站点 1.2.3 管理网站中的文件和文件夹 1.2.1 创建本地站点 步骤1：在本地硬盘上建立一个用来存放站点的文件夹，命名为“site”，该文件夹就是本地站点的根目录，是为网站特别建立的一个文件夹。 步骤2:打开Dreamweaver 8.0，选择“站点”菜单下的“管理站点”命令，或者选择文件面板中的“管理站点”命令，打开 “管理站点”对话框。 步骤3:单击“管理站点”对话框中的“新建”按钮，在弹出菜单中选择“站点”命令。 步骤4：单击“站点”命令后，系统会弹出窗口，这是一个定义站点的向导，选择“基本”选项卡，给网站定义一个名称，例如“数学与计算机系”。 步骤5：单击“下一步”按钮，在窗口中设置网站是否使用服务器技术，例如：ASP、PHP等。由于我们要制作的是基本的静态网站，所以选择“否，我不想使用服务器技术”单选按钮。 步骤6：单击“下一步”按钮，开始设置网页的存储方法和存储路径。在上半部分的单选项中选择第一项“编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）”。如果申请的网站空间支持在线编辑功能，那么可以选择“使用本地网络直接在服务器上编辑”单选项。 步骤7：完成以上的设置后单击“下一步”按钮，在这里选择连接服务器的方式，以及网页在服务器上的存储位置。 步骤8：单击“下一步”按钮。在这里选择是否使用“存回”和“取出”。选中“是，启用存回和取出”选项，可以多人共同完成网站的维护工作。如果只需一个就能够完成网站的维护工作，可以选择“否”。 步骤9：至此完成了对网站的基本定义。单击“下一步”按钮，Dreamweaver 8.0会弹出对话框询问设置的信息是否准确，单击“完成”按钮，本地站点就创建成功了。 1.2.2 管理站点 1.切换站点 Dreamweaver 8.0中可以同时存在多个站点，在文件面板左边的下拉列表框中选中某个已创建的站点，就可切换到对这个站点进行操作的状态。 1.2.2 管理站点 2．编辑站点 如果要对站点进行编辑，可以在“管理站点”对话框中，选择要编辑的站点，然后用鼠标单击“管理站点”对话框中的“编辑”按钮，重新打开“站点定义”向导，根据需要一步一步修改站点的属性即可。 1.2.2 管理站点 3．删除站点 如果不需要某个站点时，可以将其从站点列表中删除。选择“站点”菜单下的“管理站点”命令，打开“管理站点”对话框，在该对话框中选择一个站点，单击“删除”按钮，即可删除一个站点，对某一个站点进行删除操作后，网站的文件仍保存在硬盘原来的位置上，并没有从硬盘上删除。 1.2.3管理网站中的文件和文件夹 1．创建文件夹和文件 文件面板通常显示站点中的所有文件和文件夹，但新建