搜索
题目；Dreamweaver网页设计系(部)院：信息工程学院专业：教育技术作者姓名：冯彩娟指导教师：马月进完成日期：2011年6月20日陇东学院信息工程学院教育技术班第2页Dreamweaver网页设计摘要:Dreamweaver网页设计，简单的说就是教会你怎么制作网站。通常由个人或者专门的部门设计、开发、维护。本文给出了网站设计详细设计与开发过程，本网站是基于html语言、css、javascricp代码，在Dreamweaver8.0环境下完成的。网站实现了向广大网络用户展示如何设计网站，如确定主题、网站规划、素材收集、风格设计、内容设计、发布维护等。网友可以在线留言给本网站，达到用户与网络管理员的互动，从而提高网站的信息面。关键词：规划；风格；设计目录第一章引言..............................................................................................................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陇东学院信息工程学院教育技术班第3页第一章引言1.1选题的背景和意义在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位以及教育机构信息化建设中的重要组成部分，从而倍受人们的重视。在这个终身学习的环境中，通过互联网的在线学习更是必不可少的。1.2选题的现状中国国务院新闻办公室主任王晨近今年在北京说，截至2009年底，中国网民人数达到3.84亿，比1997年增长了618倍，年均增长3,195万人，互联网普及率达到28.9%，超过世界平均水平。中国境内网站达323万个，比1997年增长了2,152倍。中国拥有IPv4地址约2.3亿个，已成为世界第二大IPv4地址拥有国。中国使用宽带上网的网民达到3.46亿人，使用手机上网的网民达到2.33亿人。中国网民上网方式已从最初以拨号上网为主，发展到以宽带和手机上网为主。中国互联网发展与普及水平居发展中国家前列。如此看来，网络已经成为中国人民的一大精神食粮，通过网络获取信息，应经是最快速，最方便的方式。那么要让更多人了解网页设计并且自己制作网页，那么建立一个网络上的Dreamweaver学习网站是一个简单有效的方法。1.3选题主要工作内容开发一个简单的Dreamweaver学习网，将详细的讲述如何设计网站的主题、风格、内容、发布维护等。陇东学院信息工程学院教育技术班第4页第二章开发工具简介2.1开发技术简介Dreamweaver8.0是创建和管理网页的专业化可视编辑器。使用Dreamweaver可以轻松创建跨平台、跨浏览器的页面。Macromedia的RoundtripHTML技术允许用户随意导入HTML文档而无需重新设置代码格式。可以为用户做到：使用动态HTML功能（例如具有动态效果的层和行为）而不用写一行代码。它甚至还可以检查用户的工作成果在所有流行的平台和浏览器中可能发生的错误。另外它还是一个可以完全自定义的应用程序。用户可以创建自己的对象和命令修改菜单和快捷键，甚至编写JavaScript代码扩展Dreamweaver的行为和属性检查器。第三章系统设计3.1．网站总体结构本网站的主页页面包括：网页设计步骤的各个导航、网页设计小技巧、常见问题、优秀作品欣赏等。为了使用户能快速、简捷的使用网站的各个功能，特此加强了主页的功能；用户通过对首页的浏览就能了解到怎样制作网站。主页内容设计素材收集发布维护网站规划确定主题视频教程风格设计小技巧常见问题作品欣赏陇东学院信息工程学院教育技术班第5页3.2.1网站总体模块功能简介正如前节所述，网站整体上结构上可以划分成以下几个模块：1确定主题要制作网站首先我们要明确我们要做一个关于什么的网站，选择一个自己感兴趣的主题。网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。2网站规划一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。3素材收集明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。常见的一些素材网站如：站酷、素材中国、站长素材、昵图网、中国素材网、素材资源网、联盟素材、懒人图库、红动图爸、素材艺库等。4风格设计一个人拥有自己独特的风格，是一般人所没有的就会让人注意到那个人的特别，若那个人的风格是正面的，甚至就会引起别人的羡慕与注意，或是赞赏。5内容设计页面内容要新颖页内容的选择要不落俗套，要重点突出一个“新”字，这个原则要求我们在设计网站内容时不能照抄别人的内容，要结合自身的实际情况创作出一个独一无二的网站。6发布维护网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。另一方面要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者。陇东学院信息工程学院教育技术班第6页7网页设计小技巧这个模块专门介绍了一些网页设计技巧。8这部分介绍了一些网页设计中常见的问题，以便我们设计时参考。9视频教程单一的文字介绍给人带来视觉疲劳，那么我们在这里制作了关于Dreamweaver网页设计的视频教程，可以更加详细的介绍如何设计网页。3.2.2网站不同权限模块功能简介通过对网站系统需求的分析，确定网站系统应该对不同的用户提供不同的功能。网站主要用于共享信息，收集互用的意见。经过分析，确定本网站的用户主要分为两种：管理用户和普通用户。因此，本网站主要分为两大模块：普通用户、管理员。第四章主要功能模块的实现4.1首页设计与实现登录到网站后首先进入首页。如图4-1首页显示页面。陇东学院信息工程学院教育技术班第7页第一步在属性面板中添加绿色渐变背景图片。第二步插入图片。第三步用表格布局，建一个一列六行的表格。第四步在第一行中用marquee设计滚动字幕“Dreamweaver网页设计”，然后在选择图片填充表格背景。第五步在第二行中添加表格背景，然后输入文字，用空格定位。第六步将光标定位到第三行中拆分单元格分成3列，每一列中添加适当内容。第七步在第四行中输入“优秀作品欣赏”并设计表格背景。第九步将光标定位在第五行中，切换到代码窗口用滚动图片代码换掉“ ”然后刷新。第十步在最后一行中设计版权，及表格背景。第十一步保存，然后预览。第十二步链接导航，然后保存。第十三步确保无误后另存为其他网页。第十四步打开其他网页进行编辑，换掉不同的部分，留下相同的部分，这样一个新的网页就做好了。第十五步用同样的办法做好其他网页。第五章结束语经过了这一段时间的学习、制作过程；在老师、同学的耐心帮助下，最终完成了一个简单的Dreamweaver网页设计网站。刚开始做的时候找了很多相关的资料，不管是需求分析时，还是编码的过程中，到最后写论文的过程中总会遇到各种各样的问题。因为有了网络，找到了很多解决问题的方法，这为我们带来了很多的方便，也让我们学习了更多知识。经过不断的学习最后完成了。整个过程中感觉到困难是无处不在的，最重要的就是我们有没有去解决它的信心和实际的行动，只要我们去做了，就是算没做出来，或都是做的不好，我们都会学到很多的新的东西。这也是一种进步，一种收获。当然本网