前言:中文期刊网精心挑选了网页设计论文范文供你参考和学习,希望我们的参考范文能激发你的文章创作灵感,欢迎阅读。
网页设计论文范文1
引言…………………………………………………………………..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].北京:机械工业出版社.
网页设计论文范文2
1.网页设计是平面设计的网络化
网页设计是指利用标识语言,经过一系列的建模、设计、执行等过程,将数字化格式的信息通过网络传播,最终以图形或者视频形式被用户浏览。因为网页设计是一种能够充分利用各种信息化手段的设计过程,所以它既能够像平面设计一样对主题进行完美诠释,还能够细致地描述目标。在某种程度上来说,创作网页设计的过程中,主要使用的手法,技巧都是延伸平面设计,有些甚至是一样的。因此将网页设计和网络技术紧密结合起来,是将来网页设计的一个必然方向。
2.网页设计是平面设计在网络时代的延伸
伴随着网络时代的迅速发展,人们和网络的联系也越来越密切,人们利用网络技术改革以往工作方式。在平面设计领域也不例外,设计师们利用鲜明的色彩,精心的网页布局想方设法地吸引人们浏览自己的网站。完美的网页设计一定是有着完美的网页风格。基于网页设计和平面设计有着很大程度上的相似性,加上网页设计的发展背景,我们不能将两者孤立起来看待,而要清楚地认识到,网页设计是平面设计在互联网时代的一种独特表现形式,是平面设计在新时期新环境下的一种延续,一种创新发展。
3.网页设计和平面设计在技术上的区别
网页设计顾名思义就是依赖于互联网进行创作,对于先进的软件那无法摆脱的依赖性是网页设计的短板,但是平面设计却不是这样,它对于这类软件依赖性小,因为可以利用手绘来代替。网页设计一般工作都是借助绘图工具,只有在这么强大先进的软件配合下才能完成设计。但是平面设计伴随着经济和科学技术的发展,能够不只依靠绘图工具还可以利用画笔,颜料等传统工具来工作。
4.总结
网页设计论文范文3
1.慎用较“重”的图形元素
这里图形元素的轻重不是色调的轻重,是形式的轻和重,形式的轻重和内容相呼应,网页设计的一大趋势就是越来越“轻”。除了对圆角效果和高光效果等效果的审美疲劳之外,网页设计师开始意识到好的网页设计更注重的是将网页内容与网页形式结合起来,而非形式的堆砌。所以设计师在应用那些较“重”的图形设计时,一定要慎重思考,考虑到该图形的应用是否有必要以及该设计是否与受众的气质相契合。
2.内容和形式的分离
对于一些比较强调视觉效果的特殊产品,也可以利用图片格式和一些前端知识对网页设计进行优化,比如内容和形式的分离。一些国外比较流行的设计风格都是通过大幅的背景图进行气氛的渲染和意境的传达。这样做的一个好处就是能把需要用到图片的视觉元素进行集中的压缩优化,同时因为前端实现时一般会用相近的背景色先进行填充,然后在逐步显示背景图,就不会因为加载太慢而拖慢用户的访问速度。
3.通过较小的视觉牺牲换取较大的性能提升
有时候为了提升页面的加载速度达到更好的用户体验,不得不对设计进行优化,这个时候就需要牺牲一部分视觉效果利用网页设计师掌握的图片格式知识更有目的性的优化设计网页。例如著名的淘宝“双十一”大促销活动的宣传网页网页,由于双十一期间,该网页的访问量非常大并且为了配合商家的宣传活动需要在网页上加载非常多的商品图片,这时候就需要网页设计师对双十一的促销活动网页的图形进行优化以达到提升网页性能的目的。网页设计师可以去掉一些不太重要的高光、渐变和阴影效果,从而降低图片文件的大小,提高图片文件的加载速度。
4.图形艺术的界面处理
新颖的网页图形艺术设计可以牢牢地吸引住浏览者的注意力,设计具有创意、布局合理、设计规范的网页也是提高网页浏览量的的重中之重。一个图形运用恰当、设计人性化的网页可以让浏览者对网站心生好感,极大地提高浏览者浏览该网页的欲望。所以,网页设计者要注重运用一切科学技术手段来设计图形艺术,保证页面效果给人以眼前一亮或是舒适的感觉,让图形首先在视觉上给予客户一种冲击,给客户一个良好的第一印象。
二、结语
网页设计论文范文4
(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总结
网页设计论文范文5
网页设计中色彩搭配往往是设计师设计的重中之重,因为网页设计的一个重要的特点就是让浏览者以第一眼的感觉对网站进行基本的认识和定位,这个第一眼的概念就是浏览者不会在一瞬间对文字性的内容有太多的印象,而是停留在网页大面积的色彩带来的冲击上。因此色彩的搭配在为网站取得美好的第一印象的行动中显得尤为的重要。目前的网页设计中也有许多的设计师们意识到了这一点,于是有部分设计师在对网页进行设计时采用了非常抢眼的纯色,不可否认的是纯色的运用确实会在第一眼的视觉感受上造成很大的冲击,但纯色对于一个浏览者对网站的长期浏览是十分不利的,因为纯色不仅会加大浏览者的视觉疲劳感,还会会使浏览者对网站产生不利的品牌认识。在对几个优秀的网页设计作品进行对比和总结之后我们发现他们几乎有一个共同的特点,就是色彩上的留白。当然,这种留白并不是指他们的网页设计大面积的使用白色,而是他们在选用色彩时除了对需要强调的部分使用了必要的纯度较高的颜色进行突出外,其他的版面都采用了颜色纯度较低的高级灰,而且这些高级灰的面积较大,有一些甚至无限接近于白色。这种色彩上的留白使得整个网页设计的品味和内涵都得到了较好的体现,而且使得浏览者在对网页产生了相对较好的第一印象之后也非常愿意应留在网页上进行进一步的浏览,既欣赏了网页的色彩,也对网页想要传达的其他内容有了一定的了解。
二、网页设计中文字表达时的留白
文字内容对网页设计也具有相当大的影响,因为浏览者在对图片进行了第一印象的判断后紧接着就是对文字的印象了,因为一件优秀的网页设计作品不仅是色彩对浏览者的吸引,当浏览者停留下来开始对文字进行欣赏时,文字的重要就变得不言而喻了。然而文字的表达也绝非只是将网站的内容简单的以文字的形式呈现出来那样简单,其中的讲究我么也是经过了大量的对比和学习才发现了其中的一些规律,简而言之也就是在网页设计中对文字的表达也要进行留白处理。文字的表达应该如何留白处理呢?其实并不难,因为文字本身也是有一些留白的结构的,所以设计师在设计网页的文字时一定要结合文字本身的留白结构,再结合页面设计的需要对文字进行合适的的处理。且文字的留白还有一点很重要,就是当一件网页设计中需要的文字信息量很大时可以对文字本身进行平面化的处理,使文字成为一种设计元素而非成为阻碍网页设计效果的障碍,但网页设计中无论用什么方法去处理文字都应该将文字表达中最重要的部分进行强调,以免在经过多种艺术手法的处理之后反而使得文字无法有效的传达出网页所要表达的信息,进而造成网站的主题不明,寓意不明等问题。文字的表达在网页设计中必不可少,国内外许多优秀的网页设计都在文字的处理上让人们拍手称赞,其中不难发现无论使用了那种形式的处理方法,留白都是这些优秀文字处理手法的核心所在,所以,当大量的文字内容使得网页设计的效果不尽人意时我们应该停下来思考一会儿,是不是应该考虑进行留白了呢?
三、网页设计中版式设计时的留白
网页设计论文范文6
1.1DREAMWEAVER的概述
1.1.1最佳的制作效率Dreamweaver的优势旨能够以简单快捷的方式把Fireworks,FreeHand,或Photoshop等转存到网页上。通过检色吸管工具可以将荧幕上的颜色进行设定,并且使之同网页的安全色想接近。同时可以通过一个简洁的步骤可以将选单,快捷键与格式控制予以完成。同时Dremweaver的另一个优势就在于能够同PlaybackFlash,Shockwave和外挂模组等您所喜爱的工具相搭配,整个完成过程不用将Dremweaver退出也可以非常顺畅的完成。
1.1.2网站管理通过对网站地图的充分运用可以对网站的雏形进行编辑,同时完成网站的设计以及更新重组工作。Dreamweaver通过自身强大的功能可以对网页的位置或者档案名称的链接进行更新。对于以往复杂的网站更新工作的快捷化实现可以采用援文字,HTML码,HTML属性标签和一般语法的搜寻及置换功能予以完成。
1.1.3无可比拟的控制能力Drearweaver的功能非常强大,能够将RoundtripHTML、视觉化编辑与原始码编辑设计工具予以同步提供。其包含主流文字编辑器,例如HomeSite和BBEdit等。能够以超乎寻常的速度制作帧(frames)和表格。通过对进阶表格编辑功能的使用可以使选择功能更加简便快捷,可以进行连续选择或者单格、行、栏或作未连续之选取,同样对于表格群组可以进行排序或者格式化,另外Dreamweaver能够进行非常精确的定位,可以把可轻易转换成表格的图层通过拖拉置放的方式配置相应的版面工作。
1.1.4所供即所得Dreamweaver的成功之处就在于整合动态式出版视觉编辑及电子商务功能方面,提供一些软件体,其中包含ASP,Apache,BroadVision,ColdFusion,iCAT,Tango,给予Third-party厂商提供超强的支援能力。如果采用用Dreamweaver对动态网页进行设计的时候,其自身所有的功能非常强大与快捷,能够采用无浏览器的方式对网页进行预览。
1.1.5梦幻样版和XMLDreamweaver可以将内容以及设计形式进行比较明晰的划分,采用网页更新以及团队合作开展网页编辑工作。对网页的外观样版进行划分,设定出可以进行编辑或者不可以进行编辑的板块,添加内容的作者可以对以样式为主的内容进行直接编辑但却不会应为操作失误导致既定样式放生改变。可以对XML内容通过使用样版进行正确的汇入或者输出。经过Dreamweaver设计的网页可以通过任何浏览器进行打开。对于一些动态或者特效换图效果,例如cascadingstylesheets的动态HTML支援和鼠标换图效果,可以借助Netscape和Microsoft浏览器上执行。使用者可以借助相应的浏览器对不同的检视功能将详尽的成效报告描述出来。DREAMWEAVER的优点:尽管Macromedia的Dreamweaver具有可视化网页开发工具的生产力,但是对于HTML原代码的控制能力并没有下降,其所具有的RoundtripHTML功能能够在可视化界面与HTML原代码编辑器之间进行精确的切换。对于跨浏览器的Dynamic、HTM阶层式样式表单、绝对坐标定位以及JavaScript的动画,Dreamweaver同样予以支持,网页的编辑难度进一步降低。RoundtripHTML能够对HTML原始代码进行完全控制,Macintosh与Windows版本的软体中均包含有著名的BBEdit与HomeSite编辑器。如果其他编辑器产生的网页被开启的时候,那么既有的HTML格式会被保存起来。对于DynamicHTML、直觉式时间轴界面以及JavaScrip行为库来说,他们可以摆脱对其他程序的以依赖,同样可以将HTML元件激活。
1.2PHOTOSHOP的概述使用业界标准的AdobePhotoshop®;CS和AdobeImageReady®;CS软件更加快速地获取更好效果,同时为图形和Web设计、摄影及视频提供必不可少的新功能。PHOTOSHOP的优点重新定义生产率,使用一整套绘画、制图和润色分类工具创建原始图像或修改照片。快速预览、标记和排序图像;搜索和编辑元数据及关键字;以及从改进的文件浏览器自动共享成批文件。通过保存个性化的工作区和工具设置以及创建自定义的键盘快捷方式,以最适合您的方式工作。由于可以使用历史调色板撤消或重新执行多个步骤,因此您可以尽情试验。从滤镜库浏览Photoshop滤镜,您可在滤镜库中预览堆栈效果。图形设计通过分类成组、颜色编码和锁定控制图层,在上百个图层上合成图像、文本和效果,从而达到非常复杂的效果。通过将同一文件内的不同图层组合另存为“图层组合”,更有效地为客户创建不同设计。通过将文本置于路径或图形内创建醒目的印刷格式。随时编辑文本,甚至可在AdobeIllustrator软件中编辑。通过访问95个以上的特殊效果滤镜,轻松试验并获得另人惊叹的效果。借助新的“滤镜库”,一次预览并应用多个滤镜。使用ImageReadyCS制作Web:通过多对象选择、对象分组和智能指南,加快创建和修改网页设计的速度。享受更快捷、更无缝的Photoshop和ImageReady集成,并可自动保存文件和常见命令、工具及快捷方式。在导出为HTML表格前,分割复杂的分层图像,并对每一区域应用合适的格式和压缩设置。轻松导入数据库和电子表格信息,自动制作Web图形。使用ImageReadyCS创建SWF动画,并带有矢量艺术作品和可变文本。
2网页设计美学构成要素
2.1文字的编排与设计文字文字是网页进行传达信息的主要方式和载体,这一元素发挥着不可或缺的作用,同时网页中的描述信息也是通过这一要素予以完成的,所以网页中的文字占据的面积非常的大,网页质量的好坏在很大程度上取决于文字表现水平。网页文字的功能旨在将各种信息清楚的传达出来,所以文字编辑效果应该给人清晰舒服的视觉感受。文字的编排必须同信息的内容性质相结合,不能彼此之间相互割裂或者冲突。例如,如果是类似政府的网页,文字格式应当庄重,规范,工整有序;公司的网页必须同自身的性质、理念或者产品的特点相吻合,编排设计效果应尽量将其凸显;个人主页则须同自身的性格以及信仰相匹配,给人以强烈的感染力量。在对网页字体进行编排的时候,字体格式不应该过于繁杂,那样会显得凌乱,一把情况下不能超过四种。
2.2图片的编排与设计图片图片是一种引用到网络中的多媒体元素。网络可以将图片和文字结合起来成倍的向用户提供信息,同时也可以将页面进行美化的功能。通过图片的插入解决了单纯的文字的枯燥,使网页变得美观,有情趣。同样一个信息,加上图片的吸引力远远超过纯文字的吸引力。网络图片的分辨率要求并不是很高,一把情况下分辨率为72dpi是大多数图片最佳选择;同时,图片不宜过大。为适应信息高速公路的建设需求,图片文件应该新限制在某一范围内,这对于图片的下载提供了便利。
2.3地域本土化需求在现今越来越多的设计为西方所感染。对于本土化的设计思路,设计师必须深思熟虑,形成独有的设计风格。而网页设计需要世界认同中国,从中国的国情、企业性质、受众所能接受的等方面入手,深化研究,使中国的网页设计摆脱国外的影响,汲取他人的长处,发挥自己的特点,使网页设计具有中国特色,具有强烈的民族性。
3人性化与绿色设计的需求