《dreamweaver课程设计报告》由会员分享，可在线阅读，更多相关《dreamweaver课程设计报告（14页珍藏版）》请在金锄头文库上搜索。
1、扬州市职业大学（网页制作）设计题目：中国军械网站设计系别：计算机系专业：计算机网络技术班级：09网络姓名：朱明星学号：0907050148指导教师：殷卫莉完成时间： 2011 年 9 月、八 、.前言本次网站设计主题是“中国军械”网，由我们 09 网络一班第一组的八个人 合作完成。为什么要以这样一个网站为题呢？因为：人类社会的演进，始终未能 摆脱战争的阴霾，特别是经过两次世界大战的浩劫，人们是多么地渴望和平、祈 盼和平。然而，恐怖主义、极端主义和分裂主义带来新的威胁和挑战，人类在追 求和平的道路上充满荆棘。在战争还没有消亡之前，军队是和平的守护者，消除 威胁、遏制危机、打赢战争是军队的神圣使命
2、。和平是全世界的共同企盼，是人类发展的永恒主题。一个民族，一个国家， 一支军队，缺乏忧患意识，缺乏战争意志，缺少进取精神，就不能拥有真正而持 久的和平。随着互联网的迅猛发展和全球信息化的发展，人们足不出户就可以获取自己 需要的信息，实现购物、炒股、学习、开店、网上聊天、收发邮件、在线娱乐等。 网站已成为企业、单位、机关和个人宣传自己的形象，展示自我风采，开展网络 营销，进行电子商务活动的平台和窗口，因而，网站的建设、管理、维护也成为 日常工作中的重要组成部分。时代的发展呼唤更多的网页设计与制作人员加入到 这个前景广阔的工作中来，网站构建和网页制作技术是新世纪知识结构的重要部 分，也是当今人们应
3、具备的素质。本网站在内容上主要用要了 Dreamweaver8、Flash8 和 Ph4 三个软件，其中 Dreamweaver8 是一种即插即用的网页编辑软件，它界面美观，操作简便，易学 易用，具有较强的网页编辑和网站管理能力，可导入Fireworks图像、Flash影 片等；Fireworks8是一款专业的网络图形设计和处理工具，它是编辑矢量和位 图的基本工具，可以制作按钮、站标、导航条及 GIF 动画； Flash8 是一款动画 设计与编辑软件，利用它制作的动画文件只需几 KB 就可以实现动画和影片效果， 用在网页设计上不仅可以使网页更加生动，而且体积小、下载速度快。将 Dreamwea
4、ver、 Flash 和 Ph4 紧密结合，可以制作出结构严谨、界面美观、内容 丰富、表现方式多样、动静结合的网站和网页。目录第一章 课程设计目的和内容 1第二章 网站的总体规划 21. 网站主题设计2. 网页风格设计3. 网站结构设计4. 网站 logo 设计第三章 典型网页的设计 41. 模板页的结构设计图2. 具体内容页面设计图3. 设计导航栏的超链接第四章 动态网页设计 71. 动态网页设计内容2. 数据库连接3. 动态页面设计第五章 网站测试 91. 服务器设置（配置 IIS）2. 测试方法3. 测试内容第六章 课程设计体会 10第七章 参考文献 11第一章 课程设计目的和内容1、课
5、程设计目的 在课程任务里有过网页制作这门课程，当时的实践课不是很多，通过这次网页课 程设计，我们学计算机的首先要对基本的网络信息有着更深入的了解，并且要懂 得利用网络资源，而不是成天的上网，并且有助于我们了解社会的现状。对于所 搜集的资料我们要懂得如何的去筛选有价值的东西，并且怎样去整理所有的信 息。并且，作为一款实用软件，我们要学会网页制作中颜色的搭配，主题的确立， 独出心裁的设计和审美观点。学会图片和文字的组织方式等等，要通过课程设计， 能够领会怎样才能做出新颖、简洁、吸引人的网站2、程设计内容军械工作是建国以来随着国家工业建设和国防建设的发展而较迅速地发展起来 的。几年来，在中央军委的正
6、确领导下及各级党委、首长直接领导与苏联顾问、 专家的帮助和各有关部门的支持下，全军军械工作已逐渐建立和发展起来。正因 为过去我们没有完善的军械机构，才使我国饱受外国的侵略，而如今我国的中械 已经逐步发达起来，我们再也不用害怕外国武器的侵袭了。本次课程设计内容正是围绕我国的军械而写的，多方面的展示了我们海军、空军、 陆军的各种军械装备，让我们大开眼界。第二章 网站的总体规划1. 网站主题设计 设计的网站主题是中国军械问题。随着社会的发展，人们的生活水平不断提 高，各种化工业产品层出不穷，也深受现代人的喜欢，同时我国的军械也再日益 发生着重大的变化，正是有了它们，我们才不用每天担心外国的侵略，居然
7、这些 可能在我们日常生活中讨论的不是很多，但是看一个国家有多强大，军械是必不 可少的。它时刻保护着我们的国家，我们都非常敬佩它们。网站的名称为“中国军械”。自由主页的图片是采用 PhotoShop 处理过的一 张军械图片，采用高斯模糊手法，将图片边缘处理的波纹隐现。为了我们的家园， 为了我们能够继续生存的更好，我们要好好学习，将来从事军械方面的工作，为 中国军械方面作贡献。2. 页面风格设计 页面以深绿色为主色调，因为深绿色更体现陆军军械的威武，另外，在各个 网页的表格里，根据内容增加了一些背景色，使得网页简单而不单调。网页基本 均套用了模板，顶端是一张军械图片作为Baner，将LOGO容入其
8、中，右边采用 各种军械的图片，彰显主题。每张页面正文的左侧为子导航，底部嵌入了一张与 页面风格相对称的图片。栏目页采用多个模块图片拼接起来的，显得网页更加的 清晰。主要从下面几点说明：（1）色彩 本网站的主要色彩是深绿色。因为在大多数军械武器中，它们都表现出那种 深沉、威武的感觉，这个色彩，让我们眼前一亮，视觉上有了很大的美感。（2）布局本网站的主要布局主要彩用简单的 T 型结构，网站结构如图 2-4 所示：（3）文字 本网站由于是多人合作，所以我们就制定了一个统一的方案，即大标题采用16pt，小标题采用14pt,内容文字采用12pt。这样使整个网站浏览时才不会让人 眼花缭乱。3. 网站结构设
9、计设计的网站共有 6 个页面，第一层：自由首页。第二层：栏目页。第三层：子页 面。第四层：内容页。其中子页面中都有若干个内容页，对各种军械都做了详细 的介绍，网站结构如图 2-5 所示：中国军械总栏目页中国海军中国陆军中国空军军械新览经典战例4.网站 LOGO 设计所设计的网站LOGO主题是八一的意思，用二只步枪作为“八”的样子， 用“中国军械”这四个字作为“一”的意思，将它们组合起来。作为中国军械的 标志。第三章 典型网页的设计海军页面设计我在本组中承担是海军页面的设计，陆军页面网站总体结构如图 3-1 所示。中国军械Zghj（中国海军）内 容 页图 3-1 网站结构图1、模板页的设计结构图
10、模板页面的宽度设置成统一的1004px，插入1004宽度的四行表格，在表格第一 行插入网页标题图片（中国军械图片），在表格的第二行插入绿色背景图作为网 页的导航，并在第二行输入导航文字：首页，中国海军，中国陆军，中国空军 军械新览，经典战例，留言板。共七个内容。因为我负责的是中国海军军械，所以在表格第三行分为导航跟内容两大块，在左 半边，插入了一个八行一列的表格，并在表格单元格中输入中国海军军械的分类 导航分别是：驱逐舰，护卫舰，潜水艇，登陆舰/艇，补给舰，扫雷艇，导弹艇， 鱼雷快艇共八个分类， 在表格的第四行里，编辑背景色，并输入文字，版权所有者：第一组 朱明星。 编辑好的页面点击另存为模板
11、。定位光标到页面的内容页区域，新建可编辑区域。这样模板页面就做好了。r潜水艇-一 -首页 中国海军 中国陆军 中国空军军械新览经典战例留言板驱逐舰护卫舰登陆舰/艇补给舰扫雷艇导弹艇可编辑区域中国海军武器鱼雷快艇信息工程学院09网络（1）班第一组朱明星2、具体内容页的设计：2-1 中国海军首军设计：在可编辑区域里输入文字对中国海军的历史以及所使用的军械大概的介绍。2-2 对具体内容页的设计以导弹艇为例：*Jr首页 中国;薛 中国陆军 中国空军军械新览经典战例留售板岖逐舰护卫舰潜水艇登陆舰/艇补给舰扫雷艇导弹艇鱼雷快艇中国海军武器以舰载导弹为主要武器用于近海作战的小型战斗舰艇。可对敌大、中型水面舰
12、船实施导弹攻击，也可担负 巡逻、警戒、反潜、布雷等任务。导弹艇吨位小，航速高，机动灵活，攻击威力大。排水量为数十吨至数 百吨，航行速度30- 40节，有的可达50节，续航能力500 - 3000海里。艇上装有巡航式舰对舰导弹2-8 枚，20- 76毫米舰炮2座，以及各种鱼雷、水雷、深水炸弹和舰对空导弹等。此外还有搜索探测、武器控 制、通信导航、电子对抗和指挥控制自动化系统。导弹艇自20世纟己50年代末间世以来，在第三次中东战争 及其以后的局部战争中得到广泛运用，战果显赫，为越来越多的国家所重视。新型隐身艇红星艇河谷级信息工程学院09网络（1）班第一组朱明星2-3 驱逐舰，护卫艇，潜水艇，登陆舰
13、/艇，补给舰，扫雷艇，鱼雷快艇等页面设 计大体同上。3、设置超链接。在模板中将左边的导航分别链接的对应的页面。将标题导航链接到网站中对应的 页面中。第四章 动态网页设计1. 动态网页设计内容该网站的动态页内容是一个留言板，采用的是 Deamweaver 中的表单技术， 共有三个字段，分别是：id,username,xiaoxi。分别用来存放序号、用户名和的 留言。2. 数据库设计首先先新建一个名为db1的数据库。打开MicrosoftAccess,选择“空数据库” 选择数据库的保存位置和名称（dbl）。双击使用设计器创建表，设置字段的名称 为yhm和ss以及数据的类型都为文本。将鼠标定位于yh
14、m字段的单元格内，选 择【编辑】、【主键】命令即可。然后选择文件、保存命，在【另存为】对话框中 的表明称中输入“users”，单击【确定】即可。3. 动态页面设计1 、管理站点：打开Dreamweaver，使用站点定义向导，输入站点名称，选择使用服务器技 术（VBScript）,选择使用本地编辑和测试，选择输入站点的文件夹，选择浏览站 点的根目录（http:/localhost/aaa/）,按测试URL按钮,选择不使用远程服务 器即可完成。2、创建 ODBC 数据源首先选择管理工具、数据源ODBC命令，在弹出的对话框中选择系统DSN选 项卡，单击【添加】按钮，弹出创建新数据源对话框，在名称列表
15、中选择Driver do Microsoft Access（ *.mdb）选项。单击完成，弹出【ODBC Microsof t Access 安装】对话框，在【数据源名】文本框中输入名称abi），选择数据库的存放路 径，确定。3、创建 DSN 连接首先新建一个ASP VBScript动态页，并且保存为kket.asp。在数据库面板， 单击添加按钮，选择数据源名称（DSN）,弹出【数据源名称（DSN）】对话框，在 连接名称文本框中输入连接名称（CONN），在数据源名称SN）下拉列表中选选 择dbl。单击【测试】按钮，出现成功创建连接脚本即可。确定即可成功连接。4、页面设计在 Dreaweaver 中新建一个动态页，保存为 kket.html, 在网页上插入一两行 两列表格，在第一行第一列插入LOGO，右边单元格内插入网页横幅，在第二行 第一列插入网站导航，并且添加热区，创建超链接。在网页中插入一个动态表格 和一个表单。将数据库中的记录信息显示在页面上，将光标定位在刚才生成的表单前，选 择工具栏【应用程序】【动态数据】工具中的【动态表格
