网络设计配套教材课件完整版电子教案.ppt

图3.208 练习题图 返回 第4章 网页制作 4.1 站点规划 4.2 网页布局与实现 4.3 网页美化 4.4 网页交互 4.1 站点规划 4.1.1实例介绍 如果在一开始就对站点进行仔细地规划和组织，将可以为后期的工作节约时间。组织站点不仅包括确定将在哪里发布文件，还包括检查站点要求、访问者情况以及站点目标。此外，还应考虑诸如用户访问以及浏览器、插件和下载限制等技术要求。当组织好信息并确定结构后，就可以开始创建站点了。要制作一个网站，第一步操作都是一样的，就是要创建一个“站点”，这样可以使整个网站的脉络结构请晰地展现在面前，避免以后再进行纷杂的管理。 下一页 返回 4.1 站点规划 1.新建站点 (1)进入Dreamweave8工作界面后选择【站点/新建站点】菜单命令，打开【站点定义】对话框。 (2)设置站点名称:在“您打算为您的站点起什么名字?”文本框中输入站点名称dakang后单击【下一步】按钮。 (3)确定是否使用服务器技术:在打开的对话框中选择【否，我不想使用服务器技术】选项，再单击【下一步】按钮。 (4)输入文件存储位置:在打开的选择存储位置对话框的“您将把文件存储在计算机上的什么位置?”文本框中输入本地站点存储的位置，再单击【下一步】按钮。 上一页 下一页 返回 4.1 站点规划 (5)设置连接方式:在打开的【连接方式】对话框的“您如何连接到远程服务器?”下拉列表框中选择【无】，再单击【下一步】按钮。 (6)完成站点创建:在打开的完成站点创建对话框中，单击【完成】按钮完成本地站点的创建。 2.管理站点 (1)打开【文件】面板，选择【窗口】→【文件】菜单命令打开【文件】面板。 (2)选择“新建文件夹”菜单命令:在站点根目录图标上单击鼠标右键，在弹出的快捷菜单中选择【新建文件夹】菜单命令。 上一页 下一页 返回 4.1 站点规划 (3)修改文件夹名称:刚建好的文件夹名称处于改写状态，输入“image”文件夹名，“image”文件夹用来存放网页中的图片，按回车键确认输入。 (4)创建新文件夹并命名:在站点根目录图标上单击鼠标右键，在弹出的快捷菜单中选择【新建文件夹】菜单命令。刚建好的文件夹名称处于改写状态，输入“media”文件夹名，media”文件夹用来存放网页中的Flash等文件，按回车键确认输入。 (5)在站点中添加文件“index.html:为站点添加首页文件，在站点根目录图标上单击鼠标右键，在弹出的快捷菜单中选择【新建文件】菜单命令。刚建好的文件名称处于改写状态，输入文件名index.html。 上一页 下一页 返回 4.1 站点规划 4.1.2相关知识 1.关于Dreamweaver站点 Web站点是一组具有共享属性(如相关主题、类似的设计或共同目的)的链接文档和资源。MacromediaDreamweaver8是一个站点创建和管理工具，因此使用它不仅可以创建单独的文档，还可以创建完整的Web站点。创建Web站点的第一步是规划。为了达到最佳效果，在创建任何Web站点页面之前，应对站点的结构进行设计和规划。 Dreamweaver站点提供一种组织所有与Web站点关联的文档的方法。通过在站点中组织文件，可以利用 上一页 下一页 返回 4.1 站点规划 Dreamweaver将站点上传到Web服务器、自动跟踪和维护链接、管理文件以及共享文件。若要充分利用Dreamweaver的功能，需要定义一个站点。本地文件夹是您的工作目录。Dreamweaver将该文件夹称为“本地站点”。此文件夹可以位于本地计算机上，也可以位于网络服务器上。这就是为Dreamweaver站点所处理的文件的存储位置。只需建立本地文件夹即可定义Dreamweaver站点。若要向Web服务器传输文件或开发Web应用程序，还需添加远端设置新的Dreamweaver站点。规划站点结构后，或者如果己经存在一个站点，应该先在Dreamweave:中定义站点，然后才能进行开发。设置Dreamweaver站点是一种组 上一页 下一页 返回 4.1 站点规划 织所有与Web站点关联的文档的方法。设置好Dreamweaver站点后，最好将该站点导出，以便拥有一个本地备份副本。 2.定义一个不使用服务器技术的站点 (1)单击【新建】按钮 出现【站点定义】对话框。 (2)执行下列操作之一 ①单击【基本】选项卡以使用【站点定义向导】，它将引导您逐步完成设置过程。 ②单击【高级】选项卡以使用【高级】设置，它使您可以根据击要分别设置本地、远端和测试文件夹。 上一页 下一页 返回 4.1 站点规划 (3)完成Dreamweaver站点设置过程: ①在【站点定义向导】中，回答每一屏上出现的问题，然后单击【下一步】继续进行设置，或者单击【上一步】