本文摘要:网站设计过程中,常常要使用图片,这篇 网络论文 对图片进行细致设计的常用软件无疑首选,photshop,它的CS版本还特意推出了网页制作功能,为网页制作提供便捷的服务。但是目前静态网页已经不能满足网站的需求,任何的网站都应该实现数据交互的功能。《 计算
网站设计过程中,常常要使用图片,这篇网络论文对图片进行细致设计的常用软件无疑首选,photshop,它的CS版本还特意推出了网页制作功能,为网页制作提供便捷的服务。但是目前静态网页已经不能满足网站的需求,任何的网站都应该实现数据交互的功能。《计算机周刊》坚持为社会主义服务的方向,坚持以马克思列宁主义、毛泽东思想和邓小平理论为指导,贯彻“百花齐放、百家争鸣”和“古为今用、洋为中用”的方针,坚持实事求是、理论与实际相结合的严谨学风,传播先进的科学文化知识。
摘要:互联网时代的到来,让越来越多的人们通过网络去获取信息,有的通过网络学习知识;有的通过网络采购自己喜爱的商品;有的通过网络来交友聊天,而这些绝大多数都是通过浏览网页来实现的。人们已经习惯于应用网站平台来进行网络的交互。好的网站制作是需要多方面技术支撑的,由文案设计、前台美工、后台数据互联、算法设计以及编码实现等多项内容组成。本文就网站设计的原则、常用工具、设计技术以及相关算法进行了研究,进行了详细阐述。
【关键词】数据库;网页美化;服务器;制作原则
1网站设计的原则
一个成功的网站是多方面的精心设计与努力完成的,但是到浏览者的面前,这些都如同一个黑匣子,浏览者最为关注的就是网站的内容是否吸引他,网站中显示的网页是否美观,观看是否具有舒适感。网站设计中的基本原则标准实际就是为浏览网页的网络用户提供便捷优质服务。
1.1网页风格统一
这里的网页风格统一主要包含两层含义,第一种,就是网页的整体风格统一,每个网页从外观上,栏目设计上有相似之处。当然,有个别的一、二个特色网页,为了起到强调突出作用,脱离整体风格,有时会起到吸引浏览者的效果。但是这种突出一定要精心设计,一旦失败,就会给网络用户留下网页质量低劣的印象。第二种,就是网页的美化风格要跟主体统一。举例来说,京剧的美化风格就适合古韵古香,用一些摇滚、重金属的图片等素材进行美化,就是一种不统一的应用。美化过程是为了衬托主体,两者风格统一才让网页表现更加协调,美观。
1.2主题鲜明突出,内容翔实
美丽的网页吸引的是网络用户第一眼的印象,能够让用户长期使用,长期浏览的是不断更新的用户们关注的网站的主要内容。所以制作网站之前,一定要准确定位。网站的方向是什么?是提供大量信息资源的门户网站,还是侧重于某些专业知识的论坛,又或许是互动平台如此等等,不一而足。定位后就要进行材料的收集与分类,提供用户感兴趣的专栏。
1.3网页设计避免过于花哨
长期被网络用户关注的网站,绝大多数都并不花哨。这是有一定原因的。吸引大量网络用户,长时间关注与浏览,不可避免的有一个视觉疲劳的问题。如果颜色过亮,设计过于花哨,视觉疲劳就会很早发生,这就会流失大量的浏览者。
2网站、网页常用设计工具简介
针对简单的静态网页来说,网页三剑客是使用最为方便,高效完成完成网页设计的工具。所以后台数据库管理系统不可或缺,目前使用较多的有Oracle系列、Sql系列、dbase系列等等。值得一提的是针对小型网站,Mysql也是一个不错的选择。前台开发的高级语言主要有C#、JAVA,当然PHP脚本应用也占有一定市场份额。特效脚本常见的有javascript、vbscript。
3网站设计的主要模块
网站设计从功能角度出发,要了解用户需求,实现网站平台的主体功能,实行网页的基本框架。要通过高级语言或者脚本语言实行前台设计,要与数据库合作进行数据存储与互联,后期要进行美工美化过程,让网页更加美观,便于浏览给用户舒适感。要搭建网站需要的服务器。
4网站设计中的技术与算法
网站设计要通过编码实现,针对功能不同的网站要配合相应算法实现,将算法通过代码进行设计,完成网站提供的功能。例如,在线测评系统,就会要求对评测的网站平台提供合理的出卷策略模块,我们就可能需要使用遗传算法,进行试卷试题难度的控制与试题范围的覆盖。再比如网购平台网站的设计,很多平台通过用户浏览的商品信息,进行用户身份信息以及可能需要的商品信息的分析,从而推荐自身认为用户可能会购买的产品,以增加网站产品销售量。这就需要在用户搜索中,进行搜索记录和算法分析,相关算法较多,这里简单推荐协同过滤算法,以及在搜索中判断重要程度的pagerank算法。浏览器的兼容技术问题:流的浏览器主要包括Firefox、Opera、chrome、IE、safari等,不同的浏览器使用的浏览器内核不一样,导致不同浏览器对网页的解析不一致,因此导致网页展示出现差异,例如出现排版不正确、字体大小不一致、图片展示有差异等,这被称为“浏览器兼容性”因此,网站开发者不断研究网页标准,让用户可以在任意浏览器中浏览同一个页面达到一样的效果。浏览器对含小数值的像素解析不一致。
每一个浏览器对于含小数值的像素解析都存在不一致的地方。例如11.8px,Firefox/GoogleChrome/Opera/IE8取值为12px;IE6/7/Safari会取值为11px;IE9以上的版本会直接解析为11.8px;在做网页兼容的时候,要是遇到在IE6/7/safari中设置文字大小为11px;可以使用该方法,直接把文字大小设置为11.8就可以达到目的了。这样还可以省下一个CSSHACK.PX、EM和REM的使用对网页版面的影响。PX是绝对单位,而EM是相对单位,在设置字体大小的时候,最好使用EM;当用IE调整网页自由缩放的时候,PX不会做出任何的反应,而EM则可以随着页面的缩放而缩放,默认的1em=16px;而EM是相对值,会继承其父级元素的字体大小,如果全局变量中设置了“body{font-size:12px;}”;则1em=12px;而REM是一个CSS3新增的一个相对单位,REM就是根EM,REM是相对于HTML的根元素,只要调整根元素的大小就可以调整一个页面的字体大小,并且该属性IE8以上的版本都可识别,包括其他浏览器都能支持。
转载请注明来自发表学术论文网:http://www.fbxslw.com/dzlw/14113.html