网页设计课程结业论文

《网页设计课程结业论文》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、1.绪论1.1互联网与网络教育随着互联网技术的日益普及，基丁网络环境下的教学研究、模式开发H趋深入，网络对教学的作用与潜能愈加突现出來，尤其在主体性教育观、素质教育观的策略方法与学科整合中体现得更加充分。1.2网站的功能现如今，网站开发技术日益发展完善，基Tweb的网站设计与开发已成为当今企业和学校积极探索和发展的热门技术.带有交互性的动态网站设计也越来越受到人们的重视.出现了各种网站开发T具，如dreamweaver>frontpage>id事本等，同时也需要一些网页美化丄具，如photoshopxfirework>flash等等。在网

2、站制作中要用到Html语言、javascript>vbscript脚本语言、asp、php>jsp等网站开发技术，xml技术等等，同时还能提供一些组件來丰富页面内容。动态网站还可与数据库连接，实现交互功能。2・网站设计制作的理论和技术基础2.1网站用户界面设计原则一个设计优秀的用户界面不仅要能够充分发挥软件的功能，而且要讣用户使用方便。用户界面设计的一个最基本也是最重要的依据是以用户为屮心。因为设计软件是给人使用的，一个软件使用效率的好坏取决于软件本身的设计和人是否能够方便的使用。因此，用户界面的设计必须以用户为中心。2.1.1般软件的用

3、户界面设计原则(1)一致性一致性体现在用户界而的齐个方而，包括界而元素、命令名称、信息表示和操作方式。(2)容错性一个好的用户界面应该在设计时尽量避免可能的出错情况，对于不可避免的错谋，应该尽量给用户提供恢复的手段。对于可能发生灾难性后果的命令/操作,应给出警告并要求用户确认。(3)反馈一个好的用户界面在任何情况下都应该对用户的操作做出反馈(除非用户不需要这种反馈)。反馈使用户感觉到他在操作该软件，了解软件的当前运行状态。1.1.2网站用户界面设计原则网站的用户界面设计，除了耍掌握用户界面设计的一般原则外，还要把握具特殊性，因为网站网页的

4、主要功能是向浏览若提供信息，所以网站的界而设计和其它应用软件界面设计存在一定的差异。下面，根据界面设计的一般原则，结合网站开发平台的实际情况，认为网站开发平台界面设计应遵循以下基本原则，如表2-1所示。表2・1网站开发平台界面设计原则界面设计的一般原则网站界面的设计原则1一致性统一的风格2容错性、反馈良好的父互3审美性视觉效果4简易性网页洁简5传输速度1.2网站用户界面设计技术2.2.1网站的页面布局网站开发平台的页而布局总体上遵循了网站界而设计原则。根据网站开发平台的整体组织结构，可以分两类页面:首页的页面布局、后台管理页面布局。下面介

5、绍本网站的页面布局：(1)首页的布局整个页面的布局采用了“三型”结构，主色调采用了桔红的暖色色调，文字的大小釆用H前网上非常流行的9pt,字体是宋体，对于叙述性的文字，采用黑色，对于链接，活动的采用红色。教育科学与技术系的标志图片logo放在最上面，logo下面是整个网站的导航栏，主体部分左边放置辅助模块，右边放置主要的新闻和消息，底部是版权。(2)后台管理布局网站的后台主页面是用框架布局比较简单，用表格布局页面，点击每个超连接就会打开一个新的页面，便于管理，2.2.2网站的统一版面设计技术由于网站屮的网页耍求有统一的风格和良好的视觉效果

6、，即耍求网站有统一的版面，出于级联格式页(CSS)技术能集中管理WEB站点的格式元素(字体、背景、文本、2.2.3界面元素定位技术界面元素延位是版面布局的匣要内容Z-o要使网页的界面布局具备报纸、杂志等漂亮的布局，必须要对页面的界面元素进行定位。在网站开发平台中采用了以卜•几种界面元素的定位技术:表格定位、块表示符《DIV＞和＜LAYER＞定位和CSS定位，下面分别进行讨论。2.3网站制作运用的开发技术教科系网站在WindowsXP系统下，在Dreamweaver软件中设计制作的，用到的语言有html语言和脚本语言。本系统动态开发技术主要

7、采用了ASP技术(ActiveXServerPages),它是新一代动态网页开发技术，具有开发简单、与浏览器类型无关、功能强大、。2.3.1平台的体系结构和开发环境该系统采用了B/S/D(Browser/server/Dateserver)的体系结构如图2.3所图2.3B/S/D的体系结构三层结构屮，第一层（浏览器）为表示层，主要用于完成用户接口的功能;用户在客户端向URL指定的Web服务器提出服务申请,Web服务器通过HTTP协议将用户所需的信息传送给客户端。在这里，客户端的作用只是接收信息并用WWW浏览器显示出來。第二层（为功能层，主

8、要用于完成客户请求的应用功能,Web服务器在收到客户的请求后与笫三层中的数据库连接并进行数据处理,而后通过Web将处理结果传回到客户端。第三层（数据库服务器）为数据层，采用Access网络数据