网页设计与制作 教学课件 作者 王海军 网页设计与制作 2.pptVIP

网页设计与制作教 学 课 件 第2章网站开发与网页制作准备 本章主要内容： 2.1 任务一：Dreamweaver MX 2004的工作界面 左边是“设计者”工作区布局，右边是“代码编写者”工作区布局。 “设计者”工作区布局 2.1 任务一：Dreamweaver MX 2004的工作界面 2、代码编写者工作区模式 2.1.2 Dreamweaver MX 2004的工作窗口 2.2 任务二：创建站点 2.2.1 站点规划 2.2 任务二：创建站点 另外在规划站点结构时，应该遵循一下一些规则： (1)合理的命名文件名称 为了方便管理，文件夹和文件的名称最好要有具体的含义。还有，应该尽量避免使用中文文件名。 (2)本地站点与远程站点结构统一 为了方便维护和管理，设置本地站点时，应该将位于本地计算机上的本地站点与位于Internet服务器上的远程站点的结构设计保持一致。 2.2 任务二：创建站点 2.2.2 建立测试服务器 测试服务器在动态网页的制作过程中必不可少。制作和数据库连接的动态网页时，很多服务器端的脚本，如ASP、JSP等都需要在服务器端运行。这时就不能用本地预览功能来预览网页，而必须架设真正的WWW服务器来提供服务器脚本执行的功能。但Dreamweaver MX本身不提供测试服务器，设计者应该根据需要安装第三方的服务器软件。下面将介绍如何使用微软公司的IIS（Internet Information Service）软件来实现测试服务器的功能。 2.2 任务二：创建站点 1、IIS的安装 打开【控制面板】→【添加删除程序】，打开“添加删除程序”对话框，选择【添加删除windows组件】，此时打开如图2-12所示的“windows组件向导”对话框。复选【Internet信息服务（IIS）】，单击【下一步】按钮开始安装。 图2-12 windows组件向导 2.2 任务二：创建站点 2、配置测试服务器 安装了IIS后，计算机就启动了Web服务器服务，接下来需要对服务器进行配置。配置过程如下： (1)打开【控制面板】→【管理工具】→【Internet服务管理器】。 (2)右击【默认的Web站点】，在弹出菜单中选择【属性】。打开“默认Web属性”对话框，选择【主目录】选项卡。 (3)有关www服务的配置选项很多，大部分选项设置为默认值即可，仅需要更改少数选项。 2.2 任务二：创建站点 3、配置远程服务器 Dreamweaver MX支持多种类型的远程服务器，但最常用的是FTP服务器的方式，即通过FTP服务实现本地服务器与远程服务器之间的上传下载，安装了IIS后，计算机就启动了FTP服务，可以作为Dreamweaver MX的远程服务器。可在计算机管理窗口中右击【默认FTP服务】→【属性】，打开如图2-15所示的默认FTP站点属性对话框，配置服务器的本地路径和访问权限。 图2-15 默认FTP站点属性 2.2 任务二：创建站点 2.2.3 创建本地站点 创建一个新站点的步骤如下： 1、在本地硬盘上建立一个用来存放站点的文件夹，这个文件夹就是本地站点的根目录。 2、启动Dreamweaver MX 2004，选择菜单【站点】→【管理站点】命令，打开“站点管理”对话框，继续执行【新建】→【站点】命令。 3、弹出站点定义对话框，在其中设置新建站点的参数。默认状态下，激活的是“高级”页框，并且页框中“分类”列表选中的是“本地信息”。这部分主要定义了如下信息： 2.2 任务二：创建站点 ?站点名称：输入网站的名称，网站名显示在站点面板中的站点下拉列表中。站点名称可以使用喜欢的任何名称，它不会在浏览器上显示，只是用来做参考。 本地根文件夹：指定放置该站点文件、模板、库的本地文件夹。 自动刷新本地文件夹列表：选择是否每次拷贝文件到本地站点时都自动更新本地文件夹列表。 默认图像文件夹：设定站点默认的图片存放文件夹的位置。 HTTP地址：输入你使用的完整网站的URL。 缓存：选择是否创建一个缓存以提高链接和网站维护任务的速度。 2.2 任务二：创建站点 2.2.4 创建动态站点 1、启动Dreamweaver MX 2004，选择菜单下【站点】→【管理站点】命令，打开“站点管理”对话框，继续执行【新建】→【站点】命令，选择【基本】选项卡，弹出如图2-18所示的站点定义对话框，为网站起个名字 。 2、完成后单击【下一步】按钮，在如图2-19所示的对话框中设置网站是否使用服务器技术。这里制作的是动态网页，所以选择第二项“是，我想使用服务器技术”。在“哪种服务技术？”下拉表单中，选择“ASP VBScript”。 2.2 任务二：创建站点 3、完成后单击【下一步】按钮