网页设计与制作cs8 第1章.ppt

* 1.5 练习制作简单的网页站点 1.创建一个名为“计算机基础精品课程”的站点，将其中的本地站点保存在“D:﹨computer”文件夹下，远程站点保存在“D:﹨computer”文件夹下。根据如图所示的网站的逻辑图，为“计算机基础精品课程”网站建立一个存放图片的文件夹“images”，并新建名为“index.html”、“teacher.html”、“jiaoxue.html”、“shiyan.html”、“rili.html”、“kejian.html”和“luxiang.html”的网页文件，最后设置index.html的页面属性。 * 2. 创建一个“个人求职主页”的站点，将其中的本地站点保存在“D:﹨self”文件夹下，远程站点保存在“D:﹨self”文件夹下。根据网站的主页，为“个人求职主页”网站建立一个存放图片的文件夹“images”，并依据如图所示的网页建立网站目录，建立所需要的网页文件，最后设置index.html的页面属性。 * 3. 创建一个“公司产品销售”的站点，根据网站的主页，为“公司产品销售”网站建立一个站点，并依据如图所示的网页建立网站目录，建立所需要的网页文件，最后设置index.html的页面属性。 * 21世纪高等院校规划教材 Dreamweaver 8 基础与实例教程 马宪敏 主编 中国水利水电出版社 第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中可以同时存在多个站点，在文件面板