风光旅游网站制作.pptVIP

项目3 风光旅游网站制作 本项目内容提要： 本项目结合“风光旅游网站”的规划设计与制作过程，讲述了中文Dreamweaver CS5表格、样式、链接，中文Fireworks CS5文字特效、图像处理、按钮导航、动画制作等相关知识。 本项目能力目标： 1 具备应用表格结构规划设计网站的基本能力。 2 掌握中文Dreamweaver CS5表格技术、中文Fireworks CS5文字、图像、按钮、动画操作技术。 本项目知识目标： 1 掌握中文Dreamweaver CS5表格、样式、超链接等基本知识。 2 掌握中文Fireworks CS5文字特效、图像、按钮、动画制作等相关知识。 3.1 风光旅游网站制作过程 任务3-1 设计规划风光旅游网站 【子任务3-1-1】设计规划风光旅游网站 本网站主要采用表格整体布局方案，一般主页内容较少时多采用此布局方式。 网站的主题栏目是景区精品、辽阳简史、文化名片、住在辽阳、饮食特色、风景欣赏。 网站主页规划的结构如下图3-1所示： 设计网页尽寸。选择1024×768规格,实际尺寸为：1000×768。 【子任务3-1-2】收集辽阳风光旅游网站所需要的素材 收集的素材包括：辽阳风光图片、辽阳历史文化知识、辽宁饮食特色等。 【子任务3-1-3】确定辽阳风光旅游网站色彩风格 以绿色与蓝色相结合的色调为主。 任务3-1 设计规划风光旅游网站 任务3-2 创建风光旅游网站站点 【子任务3-2-1】设置本地站点文件夹 操作步骤如下： （1）在桌面双击“我的电脑”图标。 （2）在“我的电脑”窗口中双击打开用于存储站点的硬盘驱动器（例如为E盘）。 （3）使用【文件】→新建→文件夹命令，在硬盘中建立一个新文件夹。 （4）在新文件夹上单击右键，选择“重命名”选项，在英文输入法状态下输入站点名称。例如输入 “Tourism”，然后在空白处单击确定。如图3-2所示。 任务3-2 创建风光旅游网站站点 任务3-2 创建风光旅游网站站点 【子任务3-2-2】建立一个名称为“旅游”的站点 操作步骤如下： （1）启动Dreamweaver CS5 （2）执行“站点”菜单中的“新建站点”命令，弹出“站点设置对象”对话框。 （3）在菜单中选择“站点”选项， 在“站点名称”文本框中输入：“旅游”，在“本地站点文件夹”中输入E:\Tourism（或单击浏览器按钮，选择“E:\Tourism”）作为本地根文件夹。 （4）单击【保存】按钮，完成“风光旅游”站点创建。 任务3-2 创建风光旅游网站站点 【子任务3-2-3】在“旅游”站点中建立站点子文件夹 本网站将建立以下子文件夹即子文件夹jingqu（介绍主要景区）、子文件夹lishi（用于简述辽阳简史）、子文件夹wenhua（用于介绍辽阳文化品牌）、子文件夹binguan（用于介绍辽阳主要宾馆）、子文件夹yinshi（用于介绍辽阳饮食文化）、子文件夹fengjing（用于存放风景图片）。另外再建一个图片文件夹Images，一个音乐文件夹Music。 操作步骤如下： （1）在文件面板中选择“站点-旅游（E:\Tourism）”文件夹，单击鼠标右键，在快捷菜单中选择“新建文件夹”选项。 （2）单击untitled文件夹的名称部分，输入jingqu，将文件夹改名为jingqu，此文件夹用于介绍主要景区； （3）参照步骤（1）和（2），依次建立子文件夹lishi、子文件夹wenhua子文件夹、子文件夹binguan、子文件夹yinshi、子文件夹fengjing。另外再建一个公共图片文件夹images、音乐文件夹music。最后结果如图3-3所示。 任务3-2 创建风光旅游网站站点 任务3-2 创建风光旅游网站站点 【子任务3-2-4】在“旅游”站点中建立主页文件 操作步骤如下： （1）在文件面板中选择“站点-旅游（E:\Tourism）”文件夹，单击鼠标右键，在快捷菜单中选择“新建文件”选项。 （2）单击untitled文件的名称部分，输入index，将文件名为index.html。如图3-3所示。 任务3-3 利用Dreamweaver表格进行网站主页布局 我们在使用表格布局时，通常把不同区域单独用不同的表格来布局，而且有时还要使用表格嵌套，这样可以提高网页的访问速度。 【子任务3-3-1】设置主页页面属性 操作步骤如下： （1）在旅游站点中双击index.htm，打开主页文件应用程序窗口，输入标题为“辽阳天逸旅游网”。 （2）执行“修改”→“页面属性”菜单命令，打开“页面设置”对话框，“背景颜色”设置为浅黄色（#FFFFCC），“左边距”设置为“0”，“上边距”设置为“0”。 （3）单击【确定】按钮。 （4）按快捷键【Ctrl】+【S】保存网页。 任务3-3 利