网页设计论文范文

时间:2023-11-20 10:48:30

网页设计论文

网页设计论文篇1

当人们打开网页时,最先注意的是色彩,其次是图像,最后才是文字。设计出色彩和谐、均衡和重点突出的页面是吸引顾客的关键环节。1.3合理的页面布局通常情况下,人眼在网页上只有一个视觉优势区,这一区域能得到人眼最大概率的注意。因此,在网页设计中应将最希望客户了解的重点信息放在最佳视域。1.4简单方便越减少客户在浏览网页时的负担,对客户越具有吸引力。因此,在设计过程中应遵循减少繁琐、便于记忆的原则。

2淘宝网页设计存在的问题及改进措施

淘宝网淘宝网是亚太地区较大的网络零售商圈,截止2010年12月31日,淘宝网注册会员超3.7亿人;2011年交易额为6100.8亿元,占中国网购市场80%的份额。比2010年增长66%。2012年11月11日,淘宝单日交易额191亿元。作为中国网上零售的领跑者,进一步提升客户体验,并促进中国电子商务的成长,成为淘宝网的重要任务。淘宝网网页色彩搭配比较和谐、重点突出、版面设计比较合理,能够让人有轻松愉悦的购物旅程,但是仍存在一些不足之处。

2.1色彩

①淘宝网页采用的主色调是:黑白桔———桔色标题栏,白底,蓝色字体。整体颜色搭配合理,但是色彩的亮度及饱和度不高,给人一种陈旧的感觉,在淘宝网站看东西,网页产品、产品介绍字样的色彩都比较暗淡,给人一种山寨的感觉,相比较而言,聚美优品的网页产品、产品介绍字样的色彩相对都比较明亮,给人清新认真的感觉,映衬出聚美优品不卖假产品的理念,然人们放心。改进方法与建议:增加网页图片的饱和度和亮度,是网页产品图片看起来更清新明亮,给顾客以美好的视觉感受。②产品介绍字迹的颜色变化:当鼠标选中一个产品文字介绍的时候,产品文字介绍就会变成橙色,这种颜色不够宣明,需要人们集中更大的精力去收集这些信息。其次,如图所示凸显在图片之上的方框文字介绍有画蛇添足的嫌疑。改进方法与建议:a看这些颜色较浅的文字时需呀注意力很集中,将产品的文字介绍黑色字体加粗颜色加深,使之涵盖的信息易于被客户吸收,减少因读取信息而产生的视觉疲劳;b当鼠标放在文字上时,字体颜色变为深红色,相应的图片放大呈现在原图片的上方。

2.2视觉

淘宝网页上推荐产品时一个页面排布密集,展示的产品过多,也达不到所要想达到的目的。造成视觉盲区。改进方法与建议:产品排列不要过于密集,根据最佳视域的原理横排不应展示超过5个产品。

2.3页面布局

淘宝网网页布局页面下方经常太过拥挤,动态图片过多,另一方面淘宝内容较多、页面过长、推荐较多,容易使用户产生烦闷情绪,失去浏览网页内容的耐心。切换页面有两个,上下两个让人“目不暇接”,抓不住图片内容,容易让人烦躁。此外,网页不分人群、性别盲目提送,让不少顾客感到厌烦,抱怨电商智商不高,例如作为一个男生,一般情况下,对女性美容美妆用品不感兴趣,因此淘宝账户推送给该产品很不高明。改进方法与建议:采取切换页面一个,在图片上方设置有文字提示选项,电商可以自动向顾客展示,顾客也可以自行选择要看的内容,就像商场里需要服务员的时候她在,不需要的时候她也不会缠着你一样,没有绑架的推荐更容易让顾客欣然接受,交易完成的几率也就比较大。分类页面采取横排更加清晰整洁,更符合人人因工程视觉搜索的要求,字迹得得大小更符合人因工程的要求。下方空白处的图画更人亲切感,不会那么的枯燥。

2.4logo淘宝的logo

孤零零的,没有什么创意,也没有体现企业的精神文化。提起一个企业最想让人想起的就是代表品牌的主体和企业文化的logo。所以在logo上,笔者认为可以加入更多的公司文化成分,而淘宝logo在上面做的不够好,如下图淘宝logo与京东logo、唯品会logo就可以看出。现对于淘宝,京东和唯品会在各自的logo上添加了自己企业文化的精髓,扩大了品牌在消费者中间的宣传,明确了企业产品的特色,抓住了消费者的第一印象。改进方法与建议:设计如下图1所示为改进的淘宝logo示例。

3结语

电子商务的网页设计要清楚了解用户的需要,了解用户是什么样的群体,把用户体验成做为电子网页设计的根本指标。当前的电子网页设计不足主要表现在:1)缺乏完整的用户体验的理论体系,不能充分考虑用户的体验需求;2)网页设计者缺乏相关知识体系制作电子网页时不能很好地应用人因工程相关理论作为指导;3)电商不能够及时把握用户的体验感受,不能及时对网页作出及时的调整最大限度满足用户的需求;4)缺少专业机构针对相关问题做深入的社会调查报告,电商与用户之间缺少沟通的桥梁。对应我提出以下建议:1)电商要进行社会调查,及时获取用户体验过后的意见建议,架起电商与消费者之间的交流桥梁;2)电子网页设计制作要参考人因工程理论,把人的感受放在设计的第一位,努力做好电子服务;3)制定电子网页制作相关的人因工程标准体系,使制作标准化、规范化。

网页设计论文篇2

(1)网页设计这门课是要求学生有一定的专业基础,例如Phtoshop、Flash等等。该课程的教学实践性较强,在机房电子教室学习效果最好。

(2)网页设计技术不断地发展变化,新的技术、新的方法也不断涌现。从1997年Dreamweaver首次推出,经历Mx、Mx2004、到Dreamweaver8,现在普遍使用ADODBDreamweaverCs系列,我这学期使用的dreamweavercs4。网页布局也从传统的表格布局转换为Div布局。所以不论是从选择软件到选择网页设计的方法,都不能太落后。

(3)从目前网络公司行业来看,网页设计与后台代码分开日趋明显,所以并不一定要求学生设计与编程并重,毕竟对于中高职学生,编程相对较难理解。设计方面可以图文并茂,在一定程度上能够激发学生学习的兴趣。对教材的使用也必须同时考虑在内,有部分教材案例缺乏美感,计算机专业的学生对审美本身就很缺乏。对于学习初期的学生,可以引导学生多欣赏比较优秀的网页。早期可以模仿,不是美术专业毕业,这方面不是一下子能够改变过来,自己也是深有体会,只有在今后长期的锻炼、设计中寻找。

2教学方法

2.1课前准备在教学之前首先从网上下载优秀的网页截图给学生欣赏,然后制作一个非常简单的静态网页以激发学生学习的兴趣。有很多教材编辑的很全,从文字带后台编码。对于各种教材,并不一定要全部讲解。只需要讲解实际操作性的。例如从文字到布局。

2.2教学方法教学过程是教师与学生之间信息传递及反馈的过程。在学习过程中,要给学生明确的思路,运用任务驱动法、模块教学法、案例教学法和项目教学法等多种教学手段,引导学生主动思考,解决问题。不论是选用何种教学方法,最重要的一点是要贴合实际。以上几种教学方法并不一定对每个章节都适用,也不一定对每门课都适用,因人而异。总之,要贴合自己的实际,以及学生的素质、水平、层次等等。

2.2.1任务驱动法在教学过程中,以完成任务为导向,把教学内容贯穿于每个任务中,在完成任务的过程中,发现问题、解决问题。采用任务驱动的教学方法,任务设计是关键。比如说在网页设计教学中,文字、链接、图片章节都可以用任务驱动法,网页设计这门课本身就是易学易忘,所以在设计任务的时候,不断复习之前学习的内容,以此来加深和巩固之前所学习的知识。任务驱动评价中教师评价相对容易些,但是学生互评,现在还没有系统能达到这样的功能,有待于开发。

2.2.2模块教学法主要分为以下几个步骤:划分小组、确定内容、布置任务、学生实施、评价结果。现在不仅是网络公司还是其他企业等等,都是团队合作,讲究的是团结协作。网页设计公司现在也是,很多网站界面都实行模块化,每个人负责完成自己的任务。模块教学法就是有目标,有任务,有内容。目前中高职学生水平参差不齐,所以在分组的时候要特别讲究。每节的重点和难点一定要讲透,尽量慢,有的时候虽然讲过一遍,但是很少人能够理解体会。有时候需要在做的过程中加以辅导,不能放鸭式学习。模块化教学更适合用于网页设计最后的综合实例。例如完成网站首页,需要设定目标,分配每个成员的任务。但在实际运用中,相对较难完成。个人观点,模块化教学不适用于网页设计教学。

3总结

教学过程不是一味运用某一种教学法,应该根据学生的知识结构、学习水平、综合能力等等考虑,运用最适合学生的教学方法。网页设计这门课来说,对于各个章节可以使用不同的教学方法。就我个人而言,更多的使用任务驱动法和项目教学法。前几个章节使用任务驱动法,边学边记忆,不断加深巩固所学知识。项目教学法用于后期综合练习。模块化教学法应该更多的用于高职以上的学生,对于中职学生学习主动性本身就不高,完成起来相对困难。

网页设计论文篇3

工具准备好了,可根据你的个人喜好来选择一些素材,如图片、喜欢的文章等。现在就让我们从第一步的建立站点来踏上建造网上家园之旅。

用FRONTPAGE创建站点是很容易的。首先,我们来看一下创建一个只包含一个网页的站点。选择“文件”菜单的“新建”选项,单击“站点”命令,这时新建站点对话框就弹出来了,在“指定新站点位置”文本框中输入新站点的位置,单击“只有一个网页的站点”图标,单击“确定”按钮。这就建立好站点了,我们现在来看一下新的站点里有什么,单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件,名字叫做“index.htm”。我们知道,每一个站点都要有一个主页,这个主页也是一个网页文件。浏览者访问站点时首先进入的就是站点的主页。主页的名字在一般情况下就叫做“index.htm”。就是说我们新建只包含一个网页的站点时,FRONTPAGE就自动为我们创建了站点的主页了。这个新建的站点主页时空的,我们可以向里面添加内容。

在文件列表里除了主页之外,还有文件夹。新建站点时,FRONTPAGE都会在站点所在位置下新建两个文件夹,一个是“images”另一个是“_private”。我们在编辑站点时可以在“image”文件夹里放置站点用到的图片。“private”文件夹比较特殊,其中的文件对浏览者来说是隐含的,我们可以把一些不想让浏览者看到的网页文件放在这个文件夹里,比如:我们可以在这个文件夹里存放注册用户的个人信息。

尽管每一个站点都要有一个主页,不过创建站点时我们仍然可以从一个空站点开始:选择“文件”菜单的“新建”命令,单击“站点”选项,在“新建站点”对话框里,我们可以选择“空站点”图标来创建一个空站点。“新建站点”对话框中还有许多其他图标,这是FRONTPAGE提供的用来创建站点模板或向导。我们创建只有一个网页的站点或者创建空站点,都是从头开始来创建一个站点,这就好像盖房子一样,首先画图纸。然而,有许多的房子都具有相似的结构和用途,所以我们可以用一张图纸盖很多相似的房子,这样就节省了许多工作。

同样的,尽管站点的风格千差万别但是有许多站点的功能和结构都是一样的,如果我们从头开始建立站点的话,就要做许多重复劳动,这时,我们就可以使用模板或向导来建立站点。模板和向导的作用就好像盖房子的图纸一样,我们不必每次建立站点时都从头开始。我们单击“个人站点”图标,用它可以迅速创建一个个人站点,输入站点所在的位置,单击“确定”按钮,这样我们刚就创建了个人站点。个人站点模板已经为我们规划好了站点的目录和建立了相关的页面。现在我们点击一下“文件夹”按钮,双击index.htm图标,

看,这就是我们的个人站点的主页。哎,好象有许多文字都不对,没关系,这些文字都是可以改变的,现在写的是文字的用途,比如“主题”文字就是用来写网站标题的地方,我们只要把它改为自己喜欢的标题就可以了。返回到“文件夹”模式,双击photo.htm。也可以把风景图片换成自己的照片,只要在新建站点的基础上进一步修改就可以做出自己的个人站点了。这不仅节省了许多力气,同时也给了初学者一个良好的出发点。

那么模板和向导有什么区别呢?我们安装软件时,一步步的用对话框提示我们完成安装过程的程序就是一个向导。在FRONTPAGE里,向导也是一种模板,不过它是一种特殊的模板,它会以对话框的形式辅助你完成站点的创建过程。

现在我们选择“文件”菜单的“新建”选项,单击“站点”命令,

你看,FRONTPAGE提供了两个向导:公司展示向导、讨论站点向导,使用起来都很方便,你有兴趣也可以利用向导建立一个站点。

创建页面最简单的方法就是单击FRONTPAGE“常用”工具栏的“新建”按钮。它的右方有一个向下的小箭头,它是用来选择要新建什么,可以用“新建”按钮新建网页、站点、文件夹和任务。默认状态下是新建网页。

如果要新建网页,可以不用向下箭头键选择,而直接单击“新建”按钮。不过使用文件菜单的“新建”命令来新建网页能够有更大的选择。单击文件菜单的“新建”命令,选择“新建网页”,在“新建”对话框里,可以看到FRONTPAGE提供的许多网页模板,我们可以用这些模板来建立相应的网页。在右下角的预览框里可以看到选中模板的外观。选择“两栏正文”网页,这样就创建了一个新的分为两栏的网页了。然后点确定。使用模板可以不用总是从空白网页开始编辑,这样就省力很多。

网上几乎所以的网页都使用图片加以点缀,在网页中插入适当的图片,能够产生图文并茂的效果。

如果有一个图形,怎么把它放到网页上呢?

首先要看你的图形是什么格式的,也就是它扩展名是什么只有扩展名为GIF和JPEG的图形文件才能成为我们的页面的一部分。因为这两种图形格式不仅应用广泛,而且有利于节省存贮空间。如果图形不是这种格式,使用了其它格式的图形文件,在保存网页时FRONTPAGE会提示做格式转换,FRONTPAGE可以自动进行格式转换。

现在可我们看看怎么插入图形选择“插入”菜单的“图片”命令,单击“来自文件”按钮。

在默认情况下,FRONTPAGE认为你要插入的图片总是放在你建立的站点的目录或它的子目录下的。可以说,站点就是一个目录。我们把编辑的许多网页文件放在同一个目录下,我们称这个目录为站点的主目录。这些网页引用的图形一般也放在这个目录下。当然,我们也可以在这个目录下建立其他的子目录,再把所有的图形放在子目录里。所以搜索下拉列表只允许在主目录和主目录下的子目录进行选择。如果要插入的图片不在主目录下,在“选择文件”对话框中进行选择。选择好文件以后,单击“确定”按钮,回到“图形”对话框。单击“确定”按钮,图形就插入了。现在单击“常用”工具栏的“保存”按钮。在“另存为”对话框中输入新的web页文件的名字,单击“保存”按钮。出现了一个对话框,因为我们刚才插入的文件不在站点内,现在FRONTPAGE要把它复制到站点内,可是使用什么名字,放在站点的哪个目录下呢,就要在这设置了,单击“改变文件夹”按钮,另外这儿还在需要时对图形的格式进行转换。单击“位置”按钮,在默认情况下,图形被保存在站点的主目录下,现在我们选择IMAGE目录,单击“确定”按钮。回到“嵌入式文件”窗口,再单击“确定”。这样,图形就保存在站点内了

我们还可以从INTERNET上插入一个图形。选择“插入”菜单的“图片”命令,在URL栏内输入图片的地址,单击“确定”按钮。由于是插入网上的图片,因此在插入图形以后,应该保存一下网页,使图形存到站点内。

您可能说,我不会画画,插入图片容易,可是编辑图片就不容易了。没关系,FRONTPAGE自己带有许多剪贴画,你可以把它们插入到自己的网页。选择“插入”菜单的“图片”命令,选择“剪贴画”。你看,各种剪贴画都分类放好了。你可以自由地选择。不过,插入后别忘了保存网页,把剪贴画复制到站点目录下。

一般我们插入的图形总是和文本在一起的,所以调整图形和文本的对齐方式很重要。在默认情况下,图形自动与文本的底部对齐。这一个网页,由于默认的对齐效果,页面出现了大量的空白。这时就要调整图形的对齐属性。在图形上单击鼠标右键,选择“图片属性”,选择“外观”选项卡我们把对齐方式调整为“左对齐”。使用图形可以使网页更加丰富多彩,而且我们还可以用图形来建立超链接,使网页相互联系起来。怎么用图形来建立链接呢?其实图形超链接只要在建立超链接时选择图形就可以了。首先选中超链接的图形,单击箭头图形,单击“常用”工具栏“超链接”按钮,选择主页文件“页面1.htm”,单击“确定”按钮.在普通模式中,按住CTRL键,单击箭头图形,就跳到主页页面了。

如果我们要在图片上加上文字,单击图形工具栏“文本”按钮,现在图形中就出现了一个文本框,输入:“计算机软件”按一下Esc键,取消文字编辑,就选中文字框了,调整文本框到合适的位置,单击页面其他区域,文字就添加成功了。

如果我要修改单击一下要修改的文字,这时文字作为一个整体被选中了,再点一下文字,这时文本框里有光标闪烁,你可以编辑文本了,重新输入:“计算机硬件”,在页面其他区域单击。文字就修改完成了。

怎样使文字更丰富、活泼呢?一个简单的方法就是使用“格式”工具栏。

字体设置:选上文字,打开格式工具栏的“字体”下拉列表框,在里面选择相应的字体就可以了。如果浏览网页的人使用的计算机没有设置的字体?浏览器会用系统默认的字体代替你设置的字体。不过,使用常用字体是一个好习惯。

字号设置:在“格式”工具栏“字号”下拉列表框中选择相应字体就可以了

工具栏上的B、I、U图标的作用是:

按下B按钮,被选中的文字就会变为粗体

按下I按钮,被选中的文字就会变为斜体

按下u按钮,被选中的文字就会带下画线

字的颜色:单击“格式”工具栏“字体颜色”按钮旁的向下箭头,选择适当的颜色,字的颜色就改变了。

还可以对字体进行一些其他设置。选择“格式”菜单的“字体”命令,在这里我们还可以作进一步的设置。这里除了“格式”工具栏可以做的设置以外,还可以设置许多效果。

“字符间距”选项卡:它是用来设置文字的间距的。单击“间距”下拉列表,可以选择字符的间距是普通、扩充还是紧缩的。选择扩充,这时预览框的文字间距就变大了。也可以调整间距大小来改变间距,输入10,文字的间距就更大了。

“定位”下拉列表:在FRONTPAGE中每一行都有一个底线,定位就是指文字相对于底线的距离。也就是把文字上下移动,现在选择“上移”,文字就向上移动了。预览框中的黑线就是行的底线。

设计好的页面,应该检查它在浏览器中是否显示正常。

方法是,一般只要切换到预览模式就可以了。单击“预览”选项卡,在这个预览模式下的显示和在浏览器中的显示是一样的。但这并不意味着我们就不必用浏览器来检查编辑的网页了。因为即使是同一个页面,可能在不同的浏览器中显示会不太一样。比如在INTERNETEXPLORER中是这样显示的,但是在NETSCAPE中又是那样显示的。所以,我们要在自己的机器上多装几个浏览器,用来检查网页的兼容性。

那么为什么不用不同的浏览器来检查呢?选择“文件”菜单的“在浏览器中预览”选项,在浏览器列表框中选择不同的浏览器。(以INTERNETEXPLORER5.0为例)单击“确定”按钮。就可以看到新建页面在浏览器中的效果了。

怎样才能自己做的网页相互联系起来呢?也就是说让别人点页面上的图形或文本就跳转到其他页面呢?

在网页里,我们把这种点击后会进行页面切换的网页界面元素叫超链接。

先来看一下用文字来建立链接。

首先创建一个指向站点内其他网页的超链接。

选择“插入”菜单的“超链接”命令,在文件列表框内选择“页面1.htm”文件,注意在URL文本框中显示了该文件的地址。单击“确定”按钮.超链接就制作成功了。我们切换到预览模式(单击预览按钮),当我们把鼠标指向“主页”两字时鼠标变成手形,单击它,我们就切换到主页了。

那么为什么不在普通模式下试呢?:因为普通模式主要是用来编辑网页的,当我们在普通模式把鼠标指向“主页”两字时鼠标没有变成小手状,因此不能进行页面切换。不过如果按住CTRL键,鼠标就变成了小手状。这时单击就可以进行切换了。也就是说在普通模式中按住CTRL键才能激活超链接。我们也可以将超链接指向其他站点的网页。选中作为超链接的文本,单击“常用”工具栏的“超链接”按钮,这和选择插入菜单的超链接命令是一样的。在“创建超链接”对话框里,在URL地址栏直接输入要连接的网页或网站的地址。如果不清楚要作超链接的地址,只要单击URL地址框后面的放大镜就可以用浏览器在INTERNET上查找要链接的网页,FRONTPAGE会自动记录你找到的地址。单击“确定”按钮就可以了。我们还可以改变已经设置好的超链接。首先确认是普通模式,在要改变的超链接下单击鼠标右键,选择“超链接属性”命令,输入新的URL地址就可以了。要想取消超链接,删除所有URL地址框里的内容就可以了。还有一种超链接,可以链接电子邮件。这样可以使你的网上朋友通过Email及时与你联系,这是一个网站站长和网友交流的重要手段。先选中要作为超链接的文本,一般文本就是你的邮箱地址,单击“超链接”按钮,单击“信封”按钮,输入你的邮箱地址,单击“确定”按钮,退出对话框,选择“确定”,这时超链接就建立好了。我们试一下,切换到预览模式,单击邮件链接。

这样我们就差不多完成了网页的制作步骤,最后可将它到Web服务器上。站点前还要对它进行检查工作,包括超链接,页面等。

【参考文献】

〈1〉乔春源,樊天岳等。信息技术。江苏科学技术出版社,2001年7月。

〈2〉李振格。Office入门与提高。清华大学出版社,2001年2月。

网页设计论文篇4

计算机图像处理技术是网络发展与时代变化的产物,伴随数码是时代的来临,计算机的屏幕上开始出现了图片,人们对数码图片也产生越来越丰厚的兴趣。而我们所说的计算机图像处理技术就是以数码图片为基础而进行设计的。早先,计算机图像处理还仅仅局限于图像显示功能上的处理,利用硬件与驱动接口,将计算机同拍照设备之间进行连接,进而使得计算机浏览图片成为可能。随着人们越来越高的图片质量要求,逐渐出现了处理图片的需求,也就随之研发了针对图像进行处理的技术,并最终得到了应用。

二、计算机图像处理技术在当前的应用

伴随不断普及或者说是已经普及了的计算机图像,使得越来越多的非专业人士致力于探究与处理计算机图像。因此,要在一定程度上对图像处理技术加以改革,其中最为重要的就是针对一些图像处理软件的改革。为了方便越来越多的人都能对图像加以处理,也就使得一些操作简单的图像处理软件得到了发展。因而计算机图像处理技术在未来的发展方向必定是简洁化与简单化。众所周知,在对图片进行处理时,人们经常用到Photoshop这一软件,从一定程度上讲,这种软件对图像的处理有着十分重要的作用。通常来说,经过拍照得到的图片,其质量是不能进行二次加工的,但是在研发出计算机图像处理软件之后,实现了对图像的二次处理。利用Photoshop软件可以识别出图片的格式,并进一步的对色彩加以一定程度的控制,在该软件的使用过程中,可以对色彩或者是光线进行相应的操作,进而使图片的质量得到了提升。

三、计算机图像处理在网页技术的应用

1.图像尺寸的处理

在网站中对图像进行合理的布局是十分重要的,因此就一定要考虑到图像尺寸的问题,因为网页直观的效果会因图像的尺寸而受到之间的影响。对与尺寸大的图像,应当使其涵盖更加更加丰富的内容,将想要表达的内容精细的展现出来,使内容变得更加直观,使浏览者引起快速的注意;而尺寸较小的图像,应当具有一定的个性化,为网页进行更好的烘托。想要在网页中将各种大小不同的图像同文字进行结合,对网页进行展示,就需要我们合理的对网页的主标题与副标题加以配置,使主标题能够更加明显的突出表现出来,以至于更加吸引浏览者的眼球,使附属图同主图之间配合的相得益彰,实现更加完美的设计效果。

2.使图像成为网站的标志

对于任何形式的网站来说,都是因为一定的目的而成立的,网页中的点击率高低很大程度上取决于网站采用的网页LOGO,也就是说整个网页中能够起到关键性作用的就是网页LOGO。通常设计师都是根据企业的理念以及企业的本身来对LOGO进行精心的设计,在其设计过程中需要包含功能性以及艺术性,只有设计得当的LOGO才能令人有欢喜的感觉产生。当前优秀的LOGO设计都是设计师以企业本身具有的文化特色以及企业的产品为基础,再加上相应的艺术色彩表现来进行设计的,最终使浏览者在看到企业LOGO时产生一个美好的感受,进而对该网站产生相应的信任。

3.使图像成为网站的关键图

不难发现,我们在浏览网页时,总会看见各个网页都会利用一些引人注目的图像使浏览者的目光被深深的吸引,进而产生浏览网页的愿望。然而在网页中插入的图像不仅仅是为了使网页的浏览量得到提升,更是为了使浏览者通过看到的图像对网页内容加以了解。这样就使得这张图像成了统领全局的关键图,充分的将网页中的内容显示了出来。虽然不通过文字而是单单使用图像的形式显示出将要表达的内容属于以一种传统的宣传方式,但是还是会对人们产生一种强力的视觉冲击感,进而更加直观的将内容展示出来。

四、结束语

综上所述,伴随计算机网络技术的不断进步,利用计算机图像处理技术进行网络设计也逐渐受到人们的关注。现代网页中对图像的设计越发的丰富多彩,不论是图像的类型还是图像的特色都是各不相同的。因此,相信计算机图像处理技术在网页设计中的应用前景将是无限广阔的。

网页设计论文篇5

1.文字的编排设计文字是最普遍使用的视觉符号元素。文字的编排设计有字体的选择、创造以及运用等。在网页页面设计中,与其他视觉元素相比文字更具有辨识性。所以说,只要对文字进行编排设计,浏览者就更加容易接受所传达的信息。在处理文字造型时要适应文字的形态构成、空间布局、色彩搭配。通过设计与编排,文字提高了信息的准确度和可读性,从而达到良好的视觉传达效果。

2.图形图像元素图形图像是网页中最重要的设计元素之一,具有直观、形象的特点,因此易于浏览者理解和接受。图形图像的有效应用使网页更加美观、生动,这有利于信息的传达。图形图像在网页设计中有着传达性、装饰性、表现性、趣味性、超越性等重要功能。网页页面主要是向浏览者传达信息。图形图像是最基本的实用功能,对图形图像采用夸张、象征、比喻的手法来体现视觉效果,可以让浏览者更快、更准确地了解信息。个性化的网页设计,新颖的图形语言,人性化的组合方式,往往会更加引人注目,给浏览者独特的视觉体验。图形图像使得“艺术无国界”,它用特殊的语言来传达信息。网页作为全球性的媒介,当浏览者在网页上找不到自己熟悉的语言版本时,图形图像大致了解了他们的信息需求,拉近了信息的传达者和接收者之间的距离,消除其陌生感。

3.色彩设计在网页设计中色彩的主体色调具有先声夺人的力量,网页让浏览者产生心理共鸣。运用色彩传达信息,增强了网页的可理解性和易识别性。色彩产生了强烈的视觉效果,使得页面更加生动。色彩设计是页面设计的语言,是网页页面设计中的重要元素。色彩在网页设计中有视觉区域的划分、重点主题的突出、视线的吸引。只有利用色彩的力量,不断设计出各式各样的优秀页面,在网页页面设计中,色彩的应用或含蓄优雅,或端庄大方,或单纯简洁等,但无论哪种形式其目的都是为了引起浏览者的关注,增强网页视觉信息的传递。

4.版式设计版式在网页页面设计中有着实用功能和审美功能。网页版式设计的实用功能就是人机交互。在网页设计时要了解网站的目的及想传达的信息,不同的网站都有不同的特色、重点。网页中设计的导航栏和空间划分组合的版式编排,及清晰合理的设计元素要符合整体风格,版式合理有序的排列使得信息有效传达。网页版式中的审美功能是为了满足浏览者的心理需求,浏览者在浏览网页的同时,版式设计使他获得了快乐与舒心的体验。网页版式各视觉要素要进行平衡与调整,使其成为一个有机的整体。保持布局设计的独特风格,可以提高网页界面的视觉表达和感染力度。

二、数字网页设计中的媒体视觉传达

1.网页主题及整体风格的视觉传达网页设计首先要明确主题的设计和建立网站的目的,要及时进行市场调查,了解网站受众的情况,确立网页的整体风格,使网站的全部信息按照主题来设计。网页设计做到鲜明突出、要点明确,以简单的页面传达不简单的信息。网页的表现形式要与内容统一,而整体风格要与主题前后一致。同时,信息要及时更新,使网页页面中所掌握的信息一定是即时最新的,这样才能增加网页的访问量,有利于信息的传达。

2.网页设计的受众及情感传达网页设计需要对受众定位,不同受众主要体现在人的性别、年龄、职业以及受教育程度、生活习俗等方面的差异。从年龄上看,不同阶段年龄的受众所关注的事物各不相同,因此在网页设计时可以把握这种特点,使得网页设计更加具有针对性。人们在接受和理解信息时受态度、愿望、需求和情感等心理因素的影响,所以会对信息有选择性,这种需求心理的差异决定了网页上的视觉信息应当尽可能的丰富,才能为更多的受众所用。

3.网页设计在视觉传达中应注意的问题首先,网页的版面设计。在页面上,图片和文字同时展示给用户,将所有产品都放在一个网页上,不分主次,这样导致浏览者找不到自己所需的信息。其次,文字设计影响到网页的质量。为了突出字体内容,会将字体加大,加下划线和使用艺术字体。将字体和段落有序组织,才不缺乏视觉美感。再次,色彩的运用和搭配也极为重要。色彩搭配要合理、适度,主体风格要统一,才能够给浏览者一种美的享受。为了网页有视觉冲击力,将风格不同、颜色各异的图片、文字等放在页面上,却适得其反。最后,图片的不合理导入。现在很多网页设计中图片的选用不合理,编排不得当,使得页面零乱、空洞,极大影响了网页视觉传媒的质量。

三、结语

在数字网页快速发展的时代,网页设计的媒体视觉传达相应的也有利弊。数字网页设计已经是平面设计在网络时代的一种延伸,或者是一个新的发展空间。数字网页设计的好坏直觉决定页面信息能否有效传达。如何将网页设计在媒体视觉领域中有效传达成为一个新的研究问题。本文主要从网页中的视觉信息入手,运用关于视觉元素的许多领域和学科的相关知识,不仅对视觉审美方面的形式进行研究,也从人的生理结构出发,结合心理机制的相关内容进行分析研究,通过对网页设计实例的调查和分析,对网页设计提供了自己的一点认识,希望为日后进行网页设计方面研究和实践提供一个可供参考的资料,能够更进一步找出问题解决的方法,使得网页设计更加合理,更贴近人们的生活。

网页设计论文篇6

关键词:JSP;自动生成;Web开发;标签;标签库;模板

目录:

引言…………………………………………………………………..2

1系统设计目标和使用的主要技术……………………………….4

1.1设计目标………………………………………………………4

1.2主要技术………………………………………………………4

1.2.1模板技术………………………………………………….4

1.2.2标签库技术……………………………………………….4

2系统的组成和实现……………………………………………….6

2.1系统组成………………………………………………………6

2.2系统的实现……………………………………………………7

2.2.1模板库和标签库的实现………………………………….7

2.2.2系统开发环境…………………………………………….11

3结束语…………………………………………………………….11

引言

随着WWW(WorldWideWeb)的普及,动态网页技术也急速发展。从原来的CGI(CommonGatewayIn-terface)到ASP(ActiveServerPage),都从某种程度上满足了网页开发人员对动态网页开发技术的需求。但是不管是CGI还是ASP都存在一定的局限性,如CGI对服务器资源的耗费,ASP只能同MicrosoftIIS一起使用等,这些都限制了这些技术的使用范围,极大地阻碍了它们的推广。广大的页面开发人员都热切地盼望一种统一的页面开发技术,该技术应该具有的特点:①与操作平台无关,能够在任何Web或应用程序服务器上运行;②将应用程序逻辑和页面显示分离;③提供代码重用,简化开发基于Web的交互式应用程序的过程。

JSP(JavaServerPage)技术就是被设计用来满足这样的要求的。JSP是由SunMicroSystem公司于1999年6月推出的新的网页开发技术,它是基于JavaServ-let以及整个Java体系的Web开发技术,是Servlet2.1API的扩展。利用这一技术,可以建立先进、安全和跨平台的动态网站。

Java是未来的主流开发技术,具有很多优势。JSP则是Java在Internet/IntranetWeb上的重要应用技术,得到了广泛的支持和承认,它可以和各种Java技术完好地结合在一起,从而实现非常复杂的应用。

作为一种基于文本的、以显示为中心的开发技术,JSP提供了JavaServlet的所有好处。为了做到逻辑功能和显示功能分开,JSP已经可以和JavaBeans、EnterpriseJavaBeans(EJB)和Servlet一起工作。JSP的开发人员可以通过使用JavaBeans、EJB和Servlet来完成大部分与网站逻辑相关的工作,而仅仅把显示的工作交给JSP页面来完成。内容和显示逻辑分开的好处在于,更新页面外观的人员不必懂得Java代码,而更新Java类的人员也不必是设计网页的行家。这就可以用带Java类的JSP页面来定义Web模板,以建立一个具有相似外观的页面组成的网站。Java类完成数据提供,在模板中就没有Java代码,这意味着这些模板可以由一个HTML编写人员来维护。

JSP作为当前主流的网页开发技术,具有如下特点。

1)将内容的生成和显示进行分离:使用JSP技术,Web页面开发人员可以使用HTML或者XML标识来设计和格式化最终的页面。使用JSP标识或者小脚本来生成页面上的动态内容(内容是根据请求来变化的)。生成内容的逻辑被封装在标识和JavaBeans组件中,并且捆绑在小脚本中,所有的脚本在服务器端运行。如果核心逻辑被封装在标识和JavaBeans中,那么其他人,如Web管理人员和页面设计者,能够编辑和使用JSP页面,而不影响内容的生成。

2)强调可重用的组件:绝大多数JSP页面依赖于可重用的、跨平台的组件来完成应用程序所要求的更为复杂的处理。得益于Java的操作平台无关性,开发人员能够很方便共享和交流执行普通操作的组件,或者使得这些组件为更多的使用者所使用。基于组件的方法加速了总体的开发过程,极大地提高了项目整体开发的效率。

虽然JSP功能强大,但是它要求网页开发人员对Java要相当熟悉。而现在Java程序员还比较少,对一般的网页开发人员来说,JSP的语法还是比较难于掌握的。所以,就需要有一种网页开发工具,为一般的网页开发人员提供常用的JSP应用,让只懂得一般页面开发技术(HTML)的开发人员也能够使用JSP的强大功能。

1系统设计目标和使用的主要技术

1.1设计目标

本系统的设计目标是为只懂得HTML但完全不了解JSP的一般网页开发人员提供一个网页开发工具,使他们能够根据系统文档,通过标签使用JSP的常用功能,最后生成一个只包含静态HTML和JSP标签的动态JSP网页。

1.2主要技术

本系统在设计时,主要考虑使用模板和JSP标签的技术来实现。

1.2.1模板技术

模板技术被广泛地应用于各种开发和应用系统中。它预先生成一些常用的框架结构,使用户可以根据自己的需要方便地从模板库中选择模板,而不用自己重新去搭建,节省了用户的开发时间,方便了用户的使用。在本系统中,将页面按照功能类型进行分类,归纳出常用的页面类型,生成模板库。

1.2.2标签库技术

在JSP中,动作是可以创造与访问程序语言对象和影响输出流的元素。JSP定义了六个标准的动作。除了这六个标准动作以外,用户可以定义自己的动作来完成特定的功能。这些动作被称为客户化动作,它们是可重用的程序模块。通过这些动作,程序员就可以在JSP页面中把页面的显示功能也部分地封装起来,使整个页面更加简洁和易于维护。在一个JSP页面中,这些客户化动作是通过客户化标签来调用的。而标签库(TagLibrary)就是客户化标签的集合。

JSP标签库是一种通过JavaBeans生成基于XML的脚本的方法。它是JSP的最大特点之一。通过标签库,能够无限制地扩展JSP应用,完成任何复杂的应用需求。

JSP标签库具有以下特点。

1)易于使用:JSP中的标签和一般的HTML标记外表上是完全一样的,使用起来和普通的HTML标记一样方便。

2)易于代码重用:标签库中的每一个标签都能完成一定的功能。一旦定义好了一个标签库,只需要把这个标签库包装成一个Jar文件,那么以后只要在别的系统中使用这个标签库就行了,而不用重新开发代码,极大地提高了系统开发效率,降低了开发成本。

3)易于代码维护:所有的应用逻辑都封装在标签处理器和JavaBeans中,所有的标签都集中在一个标签库中。如果需要更新代码或者需要修改一个网页上的功能,只需要修改相应的标签即可。通过这种统一维护方式,不用在每个网页上去作修改,极大地减少了维护的工作量,节约了维护成本。

4)易于系统扩充:如果需要向系统中添加新的功能,只需要定义一个新的标签来完成这一功能即可,无需对系统的其它方面作任何改动。标签库可以继承JSP规范各方面的特性。这样就可以无限制地扩展和增加JSP的功能,而不需要等待下一版本JSP的出现。

2系统的组成和实现

2.1系统组成

本系统主要由四个部分组成,见图1。

1)数据库连接部分:本系统支持常用的几个数据库,包括Oracle、Sybase、MSSQLServer、MySQL和DB2,根据用户选择的数据库类型和用户提供的数据库名称、用户名、密码使用JDBC同数据库相连。

2)系统基本表生成部分:和数据库连接以后,根据同数据库相连的用户名生成两个系统基本表TC-Tables和TC-Columns,TC-Tables表包含在该数据库中属于该用户的所有的表的英文名称、中文名称和一些属性,如是否可修改、是否可查询等;TC-Columns表包含在该数据库中属于该用户的所有的表的所有列的中英文名称和其它一些属性。如是否可显示、是否可查询等。这两个系统基本表在整个系统的开发过程中提供用户所使用数据库的基本信息。

3)模板选择和网页生成部分:该部分是系统的核心部分。它包含了两个子模块。

①模板选择部分:系统为用户提供模板选择界面,让用户根据需要从模板库中选择所要使用的模板。

②模板处理部分:根据用户选择的模板,系统调用指定的模板处理模块对这个模板进行处理。当处理程序遇到模板中的标签时,就为用户提供交互界面,让用户为指定的标签输入参数,并由系统验证用户输入的标签的有效性。最后由系统完成JSP页面的生成。

4)网页预览和修改部分:网页生成出来以后,系统为用户提供了一个网页预览窗口和代码查看修改窗口。通过这个预览窗口,用户可以预览一下生成出来的JSP页面的效果。如果用户对页面的静态方面的效果不太满意,用户可以通过代码查看修改窗口修改代码中的HTML代码。如果用户对页面的静态效果有进一步的要求,系统还为用户提供了一个调用DreamWeaver编辑器的接口,用户可以使用它来对生成出来的JSP页面的静态效果进行进一步的修改和完善。

2.2系统的实现

2.2.1模板库和标签库的实现

标签库的规划和设计在整个系统设计中至关重要,它关系到了代码重用的程度和系统运行的效率。它的规划应该遵循以下原则。

1)在标签中应该尽量少的包含静态的HTML。对于一般用户来说,标签是透明的。用户不能够查看和修改标签。如果在标签中包含了过多的静态HT-ML语句,将影响用户对页面的静态效果的修改和完善,限制标签的使用。

2)尽量提高代码的重用度。在对JSP应用进行分类是尽量把公用的JSP应用提取出来,形成标签。而不用在每个标签中都重复实现该应用。这样在以后要对该应用进行修改和完善时,只需对这一个标签进行修改即可,易于代码的维护。

3)方便用户的使用。在设计标签库时,应该充分考虑到用户的使用情况,使用户能够很容易和方便地理解和使用标签。

①标签库的定义:定义一个标签库,必须首先定义一个标签库描述文件(TLD)。这是一个基于XML的脚本文件,在这个文件中定义了XML的版本、所使用的编码、标签库的版本、所使用的JSP的版本、标签库的名称和这个库中所包含的所有的标签的定义和参数描述,包括标签的名称,标签所对应的Java类,标签的描述信息等。

②标签的实现:一个标签就是一个特殊的Java

类,这个类必须继承TagSupport类,这个类是在javax.servlet.jsp.tagext包中定义的。在标签类中,包含了这个标签的参数初始化方法(Set/Get)、标签的主体处理方法(Handler)以及供下一级标签调用的方法等。

③模板的实现:一个模板就是一个含有标签引用的JSP文件。为了在模板中引用所定义的标签,必须首先引入标签库。

<%@tagliburi=“tag.tld”prefix=“ctag”%>

其中uri指定标签库描述文件的路径;prefix指定引用标签时所使用的前缀。

在模板中引用指定的标签时,使用引入标签库时所指定的前缀,指定标签的名称;为标签的参数赋值。

2.2.2系统开发环境

本系统主体程序开发使用的是Borland公司的JBuilder6.0,模板开发使用是Microsoft公司的Front-Page2000,标签库开发使用的是UltraEdit编辑器,JDK采用的是JDK1.4。系统测试环境是JRun3.0。

3结束语

Java是未来开发语言的主流,而Java在Web上的主要应用JSP也必将成为未来Web开发的主流技术。本系统采用了JSP的最大特点之一的标签库,使一般的Web开发人员也能够方便地使用JSP强大的动态页面功能,开发出技术先进的JSP动态Web页面。由于本系统采用Java语言进行开发,所以可以在任何支持图形化界面的操作系统下运行,实现了完全的与平台无关。本系统易于扩充和完善。在以后可以考虑为用户提供接口,使用户可以自己扩充模板库和标签库,进一步增强系统的功能。

参考文献

[1]CayS.Horstmann,GaryCornell.Java2核心技术(CoreJava2)[M].北京:机械工业出版社.

[2]BruceEckel.Java编程思想(ThinkinginJava)[M].北京:机械工业出版社.

[3]JosephL.Weber.Java2编程详解(UsingJava2)[M].北京:电子工业出版社.

网页设计论文篇7

网页设计中的文字设计,首先要了解网页上文字字体的显示原理。在浏览者电脑上看到字体的过程实际上是这样的,当网页浏览器加载网页的CSS代码后,解析到有关字体的样式,便会在浏览者电脑字库中查找该字体,只有找到了相应的字体文件,才会对网页中的文字进行渲染,显示出你想要的效果。如果你的操作系统中,并没有安装网页CSS代码中定义的那种字体,就无法渲染出那种字体的效果,而通常使用当前系统的默认字体来代替。网页设计是面对所有浏览者的,所以这个问题,才是选择字体的最大难点。解决这个问题只有从两个方面进行出发:

(一)使用宋体等常用的字体。所有浏览器默认的标准字体是中文宋体和英文timesnewRoma字体。如果没有进行任何字体设置,在任何操作系统和浏览器里网页将以这两种标准字体显示保持正确。现在大多数电脑操作系统为微软的windows系统,其安装时就自带的4种中文字体和40多种英文字体,四种中文字体分别为宋体、黑体、楷体(GB2312)、仿宋(GB2312)。凡是在windows操作系统的浏览器使用系统自带的字体都可以正确显示这些字体。

(二)图片的方式置入网页。根据网页中的设计思想而选择相应的字体,设计师往往需要用一种特殊的字体来体现自己的风格,那么特殊字体或艺术字体因为字体的原因只能在本机电脑上显示成功。为避免这种情况的出现,设计师可以把文字进行栅格化,把文字变为图片的形式,最好以图片的方式置入网页,以保证所有人看到的网页效果相同。

二、文字的大小设置

由于网页设计是基于电脑虚拟平台,其展示方式区别于之前的传统媒介的实物展示,它需要在显示终端中展现。而现在显示终端百花齐放,网页设计师需要考虑不同客户端的浏览体验,而文字大小直接决定了网页的视觉效果,是用户体验中的一个重要部分。不同的显示器尺寸,不同的分辨率设置,不同的DPI参数,乃至不同的浏览器预设,都会对最终展现的文字大小带来影响。虽然现在很多浏览器已经可以方便地缩放页面,但用户每次都要重新缩放,而且许多用户不习惯缩放页面达到最佳视觉效果。这就要求网页设计师最好还是根据绝大多数用户的使用习惯,设置一个比较体贴的默认字号。

三、文字的颜色选择

字体的颜色选择同样是一个重要的细节,通常来说,颜色要与背景有一定的对比度,因为低对比度容易导致字体看不清楚。所以要用高对比度的颜色,所以文章都是白底黑字。网页中的文字,通常使用黑色,这样更加可以保证文字的辨识度又符合大众的口味。当然现在随着网页设计的发展,颜色应用越来越多,但这里要避免的一些特殊颜色,因为网页中的一些默认颜色。比如说是蓝色,因为蓝色代表着网页中可以进行点击跳转的超链接,如果网页中有一段蓝色的文字,会让人误以为是可以点击的超链接,所以这种颜色要特别慎重。但是有些时候在设计中,必须要用到这种颜色时,也有一些其他的方法来避免类似问题。例如将超链接的样式带有默认的下划线。

文字作为信息传播的符号,实现了良好信息传达的效果。文字的自身结构又具有视觉图形意义,字体的造型变化构成了各种形状,在网页设计中文字的表现形式既有规律性又有极大可塑性。利用文字视觉传递、视觉规律、视知觉感受的生理效应等作用,可以在网页设计制作中寻求和创造更加丰富多彩的个性化、风格化的视觉语言形式。

网页设计论文篇8

(一)点、线、面有效结合

点、线、面是视觉构成的基本要素,网页的所有信息都是通过点、线、面的合理搭配出来的效果,因此,要提高网页的视觉效果,首先就要从这三者的结合上来分析。例如:在点的运用中,工作者可以通过将点聚合或者离散使用,从而达到动静态结合的效果,满足用户的需求。另外,通过点的有效结合形成线,线之间交叉使用,虚实线的结合、线的明暗渐变等,让整个网页的版面形成大概的轮廓,达到版面的基本效果。

(二)图文、色彩的合理搭配

在网页设计中,图文、色彩也是必不可少的视觉构成因素,不同的图文、色彩搭配达到的网页效果就会千差万别。所以,设计者要想提高网页的视觉效果,还需要将更多的精力放在图文与色彩的合理搭配上。在选择网页的图片、文字、色彩等信息时需要与网页的主题结合起来。所选的文字、图片要具有代表性,能够体现出网页的主题,选择的色彩更应该科学合理,对于比较柔情的网站可以选择淡粉色,而对于某些具有科技研究性能的网站要选用蓝色、绿色等有生机的色调来渲染。另外,所选的色彩还需要合理搭配才能体现出网站的主题,同色调的搭配、相似色调的搭配、反差大的色调搭配以及主色调的选择、辅色调的选择等都要设计者仔细掂量,并将网站的主题结合进来,才能让网页的视觉效果吸引用户的眼球。

(三)将用户的认知习惯合理的结合起来

不同的用户具有不同的思维习惯,他们的审美观也各不相同,要想让用户对网页的设计效果满意,还需要将他们的认知习惯科学合理地结合到网页设计的过程中。设计者不仅要具有良好的专业素质,还要具有明确用户需求、了解用户认知习惯的能力,才能将各种网页设计中的视觉构成要素科学系统地结合起来,达到设计网页的效果,达到用户的需求。

二、结语

总之,要想做好网页设计,视觉构成是必不可少的设计环节,我们要考虑到各种各样的视觉因素,将不同的色调、动态效果等科学有效地结合起来,才能让人们从视觉上接受所设计的网页,并将其投入到日后的工作应用中。所以,网页设计人员在设计网页的同时,要综合考虑到视觉构成部分,在满足用户需求的前提下,让他们达到视觉上的享受。同时,我们还需要更深入地探讨研究其视觉构成,并及时地将有效的视觉构成研究落到实处,有效地提高网页设计的工作效率,为我国信息技术的发展做贡献,还能进一步促进经济水平的提高。

上一篇:煤矿管理论文范文 下一篇:工业污染论文范文