网页设计设计报告

《网页设计设计报告》由会员分享，可在线阅读，更多相关《网页设计设计报告（9页珍藏版）》请在金锄头文库上搜索。

1、题 目；Dreamweaver网页设计系（部）院：信息工程学院专 业：教育技术作者姓名：冯彩娟指导教师：完成日期：2011年6月20日Dreamweaver网页设计摘要：Dreamweaver网页设计，简单的说就是教会你怎么制作网站。通常由个人或 者专门的部门设计、开发、维护。本文给出了网站设计详细设计与开发过程， 本网站是基于html语言、css、javascricp代码，在Dreamweaver 8.0环境下完成的。 网站实现了向广大网络用户展示如何设计网站，如确定主题、网站规划、素材 收集、风格设计、内容设计、发布维护等。网友可以在线留言给本网站，达到 用户与网络管理员的互动，从而提高网

2、站的信息面。关键词：规划；风格；设计目 录第一章引言31.1选题的背景和意义31.2选题的现状31.3选题主要工作内容4第二章开发工具简介42.1系统开发技术简介4第三章系统设计43.1网站总体结构43.2网站功能模块设计53.2.1网站总体模块功能简介53.2.2网站不同权限模块功能简介6第四章 主要功能模块的实现74.1首页设计与实现7第五章结束语7致谢8参考文献8第一章引言1.1选题的背景和意义在I nternet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的 重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet 上发布信息主要是通过网站来实现的，获取

3、信息也是要在Internet海洋”中按照 一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应 用上的地位显而易见，它已成为政府、企事业单位以及教育机构信息化建设中 的重要组成部分，从而倍受人们的重视。在这个终身学习的环境中，通过互联 网的在线学习更是必不可少的。1.2选题的现状中国国务院新闻办公室主任王晨近今年在北京说，截至2009年底，中国网 民人数达到3.84亿，比1997年增长了 618倍，年均增长3,195万人，互联网普及率 达到28.9%，超过世界平均水平。中国境内网站达323万个，比1997年增长了2,152 倍。中国拥有I Pv4地址约2.3亿个，已成

4、为世界第二大1 Pv4地址拥有国。中国使 用宽带上网的网民达到3.46亿人，使用手机上网的网民达到2.33亿人。中国网民 上网方式已从最初以拨号上网为主，发展到以宽带和手机上网为主。中国互联 网发展与普及水平居发展中国家前列。如此看来，网络已经成为中国人民的一大精神食粮，通过网络获取信息， 应经是最快速，最方便的方式。那么要让更多人了解网页设计并且自己制作网 页，那么建立一个网络上的Dreamweaver学习网站是一个简单有效的方法。1.3选题主要工作内容开发一个简单的Dreamweaver学习网，将详细的讲述如何设计网站的主题、 风格、内容、发布维护等。第二章开发工具简介2.1开发技术简介D

5、reamweaver 8.0是创建和管理网页的专业化可视编辑器。使用 Dreamweaver可以轻松创建跨平台、跨浏览器的页面。 Macromedia的Roundtrip HTML技术允许用户随意导入HTML文档而无需重新设置代码格式。可以为用户 做到：使用动态HTML功能（例如具有动态效果的层和行为）而不用写一行代码。 它甚至还可以检查用户的工作成果在所有流行的平台和浏览器中可能发生的错 误。另外它还是一个可以完全自定义的应用程序。用户可以创建自己的对象和 命令修改菜单和快捷键，甚至编写JavaScript代码扩展Dreamweaver的行为和属性 检查器。第三章系统设计3.1.网站总体结构

6、本网站的主页页面包括：网页设计步骤的各个导航、网页设计小技巧、常欣赏3.2.1网站总体模块功能简介正如前节所述，网站整体上结构上可以划分成以下几个模块：1确定主题要制作网站首先我们要明确我们要做一个关于什么的网站，选择一个自己 感兴趣的主题。网站主题就是你建立的网站所要包含的主要内容，一个网站必 须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得 内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一 个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深 刻的印象。2网站规划一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网 站就像

7、设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站 规划包含的内容很多，如网站的结构、栏目的设置、版面布局、文字图片的运 用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟， 胸有成竹。3素材收集明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧 妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽 量搜集材料，搜集得材料越多，以后制作网站就越容易。常见的一些素材网站 如：站酷、素材中国、站长素材、昵图网、中国素材网、素材资源网、联盟素 材、懒人图库、红动图爸、素材艺库等。4风格设计一个人拥有自己独特的风格，是一般人所没有的就会让人注

8、意到那个人的 特别，若那个人的风格是正面的，甚至就会引起别人的羡慕与注意，或是赞赏。5内容设计页面内容要新颖页内容的选择要不落俗套，要重点突出一个“新”字，这个原 则要求我们在设计网站内容时不能照抄别人的内容，要结合自身的实际情况创 作出一个独一无二的网站。6发布维护网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观 看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这 些FTPX具，你可以很方便地把网站发布到自己申请的主页存放服务器上。另 一方面要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不 变了，只有不断地给它补充新的内容，才能够吸引住浏览者

9、。7网页设计小技巧这个模块专门介绍了一些网页设计技巧。8这部分介绍了一些网页设计中常见的问题，以便我们设计时参考。9视频教程单一的文字介绍给人带来视觉疲劳，那么我们在这里制作了关于 Dreamweaver网页设计的视频教程，可以更加详细的介绍如何设计网页。3.2.2网站不同权限模块功能简介通过对网站系统需求的分析，确定网站系统应该对不同的用户提供不同的 功能。网站主要用于共享信息，收集互用的意见。经过分析，确定本网站的用 户主要分为两种：管理用户和普通用户。因此，本网站主要分为两大模块：普 通用户、管理员。章主要功能模块的实现4.1首页设计与实现登录到网站后首先进入首页。如图4-1首页显示页面

10、。0再设 If色内避n仑格设计fv抽顽i.*色素材盼网页设计小技巧为W蛎的女御奴胃虹的金用 眨趾m-L治升汁田用JE测质齐育公板m如南币听禹 第一步在属性面板中添加绿色渐变背景图片。第二步插入图片。第三步用表格布局，建一个一列六行的表格。第四步 在第一行中用marquee设计滚动字幕“Dreamweaver网页设计”，然后在 选择图片填充表格背景。第五步在第二行中添加表格背景，然后输入文字，用空格定位。第六步将光标定位到第三行中拆分单元格分成3列，每一列中添加适当内容。 第七步在第四行中输入“优秀作品欣赏”并设计表格背景。第九步将光标定位在第五行中，切换到代码窗口用滚动图片代码换掉 ”

11、 然后刷新。第十步在最后一行中设计版权，及表格背景。第十一步保存，然后预览。第十二步链接导航，然后保存。第十三步确保无误后另存为其他网页。第十四步打开其他网页进行编辑，换掉不同的部分，留下相同的部分，这样一 个新的网页就做好了。第十五步用同样的办法做好其他网页。第五章结束语经过了这一段时间的学习、制作过程；在老师、同学的耐心帮助下，最终 完成了一个简单的Dreamweaver网页设计网站。刚开始做的时候找了很多相关的资料，不管是需求分析时，还是编码的过 程中，到最后写论文的过程中总会遇到各种各样的问题。因为有了网络，找到 了很多解决问题的方法，这为我们带来了很多的方便，也让我们学习了更多知 识

12、。经过不断的学习最后完成了。整个过程中感觉到困难是无处不在的，最重 要的就是我们有没有去解决它的信心和实际的行动，只要我们去做了，就是算 没做出来，或都是做的不好，我们都会学到很多的新的东西。这也是一种进步， 一种收获。当然本网站中还有很多不足的地方，由于时间和能力的原因本网站中也还 有许多未能实现的功能，有些地方设计的不是很仔细，希望各位老师给我更多 的建议，以便我在将来设计中做的更好。致谢这个设计是我在这学期所学知识的一个总结和检验的过程，在这个过程中 可以体验到自己去尝试的快乐，也有功能实现不了的困惑，老师，同学的宝贵 意见都给了我很多的帮助，在此我十分感谢他们。通过设计自己动手可以增加

13、 事件能力，而且对网站开发设计有了一个比较清楚的了解，知道了应该怎么样 去分析解决问题，收获了更多的知识。使我体会到一个系统的开发需要合理的 进度安排和很好的逻辑协调能力，这种解决问题的能力锻炼和思考问题的模式 都使我受益匪浅，所有这些都构成了我不能忘怀这一段时间之旅的原因。本网站在制作过程中遇到了不少困难，感谢我的同学以及我的指导老师马 老师从论文设计到实现对我论文的辅导与帮助。感谢老师在实现过程中对我的 方法和思路做出了及时的正确知道，在刚刚开始的时候我的想法太简单、甚至 有误区，老师给予了相关指正，谢谢她这几个月来在我遇到困难和挫折时耐心、 热情地给予我帮助。在此我向老师表示衷心的感谢！在整个论文设计中，我用到了许多的知识，有课堂上学到的和生活中学到 的，感谢所有教过我和关心我的老师及领导，也感谢我身边一直支持我、鼓励 我的亲爱的朋友和同学们！参考文献1 DreamweaverCS3中文版入门必练 清华大学出版社 吴东伟 高孝峰 中文版DreamweaverCS4完全自学教程 机械工业出版社 姜卉 杨纪梅3 http:/ http:/