通常来说,只要我们付出努力,就会有相应的回报。当我们完成任务后,写报告已经不再是一件稀奇的事情了。你是否在写报告时感到困惑?如果您希望了解有关“网页设计报告”的相关知识,不妨考虑阅读本篇文章,它可以为您提供参考,并请您收藏!
网页设计报告【篇1】
实验项目:VBScript基础:内部函数
实验时间:20xx年3月23日
一、实验基础知识:
1、什么是VBscript内部函数?VBscript内部函数是VB系统定义的函数,这些函数具有一定的功能,编程者都可以直接调用这些内部函数。
二、实验内容:
1、将IIS的网页发布主目录设在D盘,名为。利用DW新建一个动态站点,站点的本地信息和测试服务器设置如下:
略
2、新建一个名为index1.asp的文件,利用日期函数显示当前系统的时间,在页面中显示如下:“欢迎访问本网站,现在时间是20xx-9-1011:35:19”(注:时间必须是用户访问页面时候的实际时间)访问本网站,现在的时间是:
3、新建一个名为index2.asp的文件
1)、用字符串函数求字符串“我校20xx级新生开学典礼暨军训动员大会在我校风雨篮球场顺利召开”的长度并输出,
2)、利用字符串截取函数截取该字符串的前10个字符,并输出
3)、并利用replace函数将字符串中的”我校”用“桂林旅专”取代,并输出结果。
4、在下新建一个名为images的文件夹,从网上下载四张图片到该文件夹下,图片命名为img1.jpg、img2.jpg、img3.jpg、img4.jpg。新建一个名为index2.asp的文件,定义一个有4个元素的字符型数组变量,然后给数组变量img的每一个元素赋值,内容如下:利用用ASP随机数函数Rnd,每次刷新页的时候随机输出数组中包含的一张图片,显示在浏览器中。按F12运行,将运行结果截图,插入下面的表格中
网页设计报告【篇2】
毕业后,我来到了社会这个汇集众多江河湖水的大海,感受到了独立生活的好处与艰辛,同时我自己也更深的理解了,家长和学校老师对我们的殷切希望,在社会实习的这段日子,我吃了些苦,受了些罪,可是整个人在肉体上和精神上却升华了很多,也比以前的变得更有自信了。现将我的实习情况汇报如下:
我所在的这家公司,是一家做网上招商的商业网站,公司接收各种厂家提供的信息,然后由网络的技术人员,将商家的信息做成网页广告,然后挂在我们的网站上,以此达到商业推广的目的,类似我们公司的网站在同行业还有u88、28招商网等。
我和其它几位同事做为网络部的技术人员,主要的工作就是接收美工人员的网站模板,将其通过photoshop切片,然后导入dreamweaver进行排版,(排版主要使用css+div),并进一步的加以制作,完善美化,如加入js代码,或透明flash,因为网页是用css+div进行排版的,所以在最后一步的时候,我们还需要进行浏览器测试,因为css+div排版方式有一个最大的缺点就是:浏览器不兼容的问题,典型的如:ie与fireworks,因为各种浏览器使用的协议不同,所以会导致页面在最终浏览的时候有一些小问题,如:页面混乱,图片、文字之间的距离过大或过小,页面不美观等等,做为一个新人,我在有些方面的技术还很不成熟,所以在技术总监张伟的帮助下,解决了很多问题,所在我很感谢他,当每天我们做完网页后,都会在代码页面加入注释代码,在里面写上每个人姓名的汉语拼间和工作日期,这样方便月底做统计工作,公司领导会根据每个人的工作数量进行奖励,每做一个页面会有2块的提成,虽然少点,但是积少成多,也是很可观的。
初来公司的时候,我们经过了初期考试,培训,与最终考试三个阶段,在接到公司让我面试的电话后,我来到了xx公司,因为要干的是网页设计,所以要有一个小测验,技术总监要求我们在网上自找图片和文字,做一个简单的页面,要求是:什么样的页面都可以,考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度,说实话,从毕业后,有一段时间没有写代码了,刚一上机,还有点生疏,但是凭借在学样扎实的学习功底,我很快就恢复了自己的英雄本色,将html代码写的很熟练,做了一个左右分栏的页面,没什么太大难度,技术总监
网页设计报告【篇3】
实验项目:ASP基础
实验时间:20xx年3月9日
一、实验基础知识:
1、什么是客户端脚本,什么服务端脚本?所谓脚本是指嵌入到WEB页中的程序代码,在服务器端运行的脚本语言是服务器端脚本,在客户端运行的脚本是客户端脚本。客户端脚本由一个配备了解释器的WEB浏览器处理,当一个浏览器的用户执行了一个操作时,不必通过网络对其作出响应,客户端程序就能完成任务,常见的客户端脚本语言有:javascript,VBScript。服务端脚本则是在WEB服务器上执行生成代码,然后发送到浏览器,在浏览器上收到的只是执行后的标准HTML文件,常见的服务器端脚本语言有:PHP,jsp,asp
二、实验内容:
1、掌握用DW创建动态站点的方法:将IIS的网页发布主目录设在D盘,名为。利用DW新建一个动态站点,站点的本地信息和测试服务器设置如下:
2、新建一个ASP页面,用VBscript编写一段服务端脚本,在客户端浏览器中输出“Hello!World”,将该页面以index1.asp为名保存在d:中,然后访问index1.asp页面,将结果截图插入下面的空白文档中:
3、新建一个ASP页面,用VBscript定义变量r,area,PI,然后给变量r,PI赋值,并计算出相对应的圆面积,保存文件为index2.asp,然后访问index2.asp页面,将结果截图插入下面的空白文档中:
4、新建一个ASP页面,其要求如下:写一个已知三角形三边长,求三角形面积的程序。保存文件为index3.asp,然后访问index3.asp页面,将结果截图插入下面的空白文档中:
5、利用DW在当前站点下新建一个文件,index5.asp,其功能如下:用response输出如下图片:
网页设计报告【篇4】
在经济迅速发展的今天,internet显得更为重要它是人们发布信息与传递信息的重要渠道,为了与社会发展同步,为了让我们成为真正的技术性人才。学校在本周为我们安排了维持一周的网页制作专用周是实习,让我们把平时所学知识运用到实习中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足,下面就谈谈我在本次专用周的主要感受。
一、网站整体规划,要做网页的第一步便是做网站的整体规划这主要包括四个方面的内容。
1.讨论网站的主题。
网站整体规划是做网页的第一步也是制作网页最关键的一步它决定了你要表答的信息,因此我选择了我选择我最喜爱的服饰来为它做网页。在平时我也对服装的网页比较关心,无论是淘宝网上的衣店还是各种品牌装。这次我是为“易菲”服饰做的网页。
2.定位网站的ci形象。“易菲”植根中国文化之精髓,汲取自然禀赋之灵性,形成一个既有浓厚文化底蕴,又有现代自然人文气息的特色品牌。“易”即是容,是包容,是宽容,是五千年中华民族的文化精髓,是厚德载物,是对人性宽度的一种拓展。“菲”通非,是生机、是个性、是春意盎然、是自强不息,是对人性深度的一种挖掘。“生活如花,自在快乐”是yifini易菲的设计理念,倡导一种与自然和谐相处,如花儿绽放般美好舒适、自在快乐的生活方式。这也便是我网站的ci形象。
3.确定栏目和板块。
于时间的关系在本次我准备做四张网页:一张主页三张二级页面。分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目。在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页的主打色绿色。
2.网站的整体风格和创意。
整个网站的创意就在于颜色的搭配,与各种图片的搭配,它们相互辉映,相互衬托。以便达到表现其品牌的和谐之美、自然之美。我踩用淡蓝色和绿色为我网站的主打色主要是因为我的产品特性。在设计上,yieini易菲推崇“自然美”,将带表女性气质的花卉和自然元素融入设计之中,充分体现设计师和顾客所追求的一种洒脱、舒适的生活氛围,力求表现悠闲、舒畅、自然的生活情趣。因此我用天空与自然的颜色来表达这张自然之美、和谐之美。
二、网页制作的前期策划与准备,在本阶级主要有两方面的工作。
1.资料的搜集。
在做网页我上网收集了许多方面的资料主要是有关网站的布局与服饰品牌方面的资料,我首先进它的企业网站找了一些关于“易菲”服饰的图片主要是一些代言形象还有代表其企业形象的图片。其次我去浏览了许多的网页观察其网页的布局、颜色搭配、栏目、板块等方面的内容,同时也搜集了一些对我有用的资料。在搜索资料最困难的便是动态图片的搜集,动态图片其gif格式的还是好保存,但是要搜集flash动态图片就相对较难了。我用了一天的时间来搜集我的flash都不太成功,不过还搜到了可以换自己图片的代码。在开始时我根本就不知道flash是怎样搜索,不过经过三次像老实询问我终于懂得一些关于代码的搜索。在搜集资料的过程之中我发现了自己的许多不足之处,最关键就是平时对知识的掌握不够,连最基本的资料搜寻都觉得困难。也是我平时不够认真和努力的表现。通过这次的教训在以后我一定会做得更好,争取不范类似错误。
2.熟悉制作软件。
做网页主要用的工具便是dremweaver、photoshop、flash软件。在这些软件我对dremweaver、photoshop相对比较熟悉,因为在平时上课是老师带领我们运用过。所以我还可以正常的运用,但是出现的问题还是有很多。有很多不懂如何操作,只有通过在次去看书才能够了解,这也体现了我学习方面的缺点,它是我平时不够认真的具体表现。
三、网页制作,这便进入我该次的主题了具体制作流程如下。
1.构建站点框架。
在我打开dremweaver后第一步便是新建站点,我把我的站点建立在f仪下面。并将我搜集的全部资料都保存在其文件夹中,以便网页制作时可以方便的使用。
2.设计主页及二级页面。
在主页我设首页制作时,时刻考虑着网页的基本原则:统一,连贯,分割,对比及和谐的原则,内容统一,都是为了主题服务,美容美体,一个网站强调的就是一个整体,只有围绕一个统一的目标所做的设计才是成功的;连贯,页面之间关系连贯,统成一体;每版内容都自成一体,颜色各异,便于浏览;整个网页有动有静,色彩呼应,搭配协调,不呆板,富有生气;颜色各异,但又不同之中又相同,浑然一体。而且制作过程中,不忘以下原则:
简洁实用:这是非常重要的,网络特殊环境下,尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的,所以要去掉所有的冗余的东西。使用方便:同第一个是相一致的,满足使用者的要求,网页做得越适合使用,就越显示出其功能美;页面用色协调,布局符合形式美的要求:布局有条理,充分利用美的形式,是网页富有可欣赏性,提高档次。当然雅俗共赏是人人都追求的。
交互式强:发挥网络的优势,是每个使用者都参与到其中来,这样的设计才能算成功的设计。这样的网页才算真正的美的设计。每个子页都设有上导航栏,便于浏览和跳转。3个二级网页制作时,使用的是表格,每一个页面都用表格为它布局好,然后在插入图片文字及其他,这样有一定的规划性,体现了连贯统一性,不同的内容根据各自的特色建立了不同的表格,突出各自的主题,增强了对比性。在做这些网页的时候我就进行了如上所述的方法。但我所以网页的背景颜色及主题颜色都是相同的以便突出我每一个网页都是为凸显我主题而服务。
3.实现网页间的链接。
我的链接按钮主要有四个“时尚首页、时尚衣秀、推荐产品、潮流信息”它分别链接到我所做的四个网页。链接的过程其实很简单,主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。
4.向静太网页插入动态效果。
在这一阶段我遇到了许多的问题,主要是我在主页插入我的flash的时候,开是我将带码粘贴到我的网页上可是在浏览网页的时候flash却不能够显示。最后我向老师的请教后终于在老师的帮助下我成功的在我的主页插入了flash。而在其它的二级网页我主页插入的是一些gif格式的动态图片。
四、网页的调试
在做完网站才发现,怎么所有的图片素材并不是在一个文件夹中,而有许多的子文件夹,从网上下载的网页全都是一个网页对应一个文件夹。制作过程中,才发现,原来自己懂的太少了,好多不知道的地方,才赶紧查书,开始的时候只是会建立模版,可不会应用。而对于动态flash的插入我更是问题多多,开始是我对代码基本上是不懂,这就是自己学校上的问题,当真正开始运用的时候在向老师提问。
网页设计报告【篇5】
一、实习目的
①学会制作新闻发布系统。
②学会制作在线调查系统。
③熟悉购物网站的主要功能和栏目。
④学会购物网站数据库表的创建和数据库连接的创建。
⑤学会购物系统前台页面制作和后台管理制作。
二、实训内容
1.创建数据库表
①启动MicrosoftAccess,执行“文件”——“新建”命令,打开“新建文件”面板,在面板中单击“空数据库”。
②弹出“文件新建数据库”对话框,在对话框中选择数据库保存的路径,“文件名”文本框中输入shop。
③单击“创建”按钮,在对话框中双击“使用设计器创建表”选项。
④弹出“表1:表”对话框,在对话框中输入“字段名称”和字段所对应的“数据类型”,将shopID字段设置为主键。
⑤执行“文件”——“保存”命令,弹出“另存为”对话框,在对话框的“表名称”文本框中输入products。
⑥单击“确定”按钮,保存表。按以上步骤的方法,创建表fen和admin。
2.创建数据库连接
新建一个网页文件夹,打开IIS信息服务,创建IIS虚拟目录,在文件夹安全性把来宾用户的权限修改为完全控制,并导入数据库。
3.制作购物网系统页面
①用index.html创建zhanshi.asp商品分类展示页,新建站点,导入shop.mdb数据库文件建立数据库连接。插入表格并插入图片、文字,创建记录集并在表格相应位置绑定数据。在服务器行为里为表格设置重复区域,创建记录集RS2并在左边的商品分类表格里绑定
数据,在服务器行为里为左侧的表格添加重复区域和转到详细页,制作记录集导航条。
②用index.html创建xiangxi.asp商品详细信息页,首先创建记录集并制作左侧的商品分类表格,之后在中间区域插入表格,在表格中插入图片、文字,创建记录集RS2并将数据绑定在表格相应位置。
③用index.html创建denglu.asp商品详细信息页,创建记录集并制作左侧的商品分类表格,在中间区域插入表单,在表单里插入表格,在表格里插入文字、文本域、表单按钮,并为表单设置检查表单。创建记录集RS2并在服务器行为里添加登录用户。
④用index.html创建fenlei.asp添加商品分类页,插入表单,在表单里插入文字、文本域、表单按钮,创建记录集并在服务器行为里添加插入记录和限制对页的访问。再用index.html创建fenleiok.asp,在其中插入表格输入文字,并设置返回链接。
⑤用index.html创建tianjia.asp添加商品页,创建记录集,用插入记录表单向导创建插入记录表单,在服务器行为里添加限制对页的访问。再用index.html创建tianjiaok.asp,在其中插入表格输入文字,并设置返回链接。
⑥用index.html创建guanli.asp商品管理页,创建记录集并制作左侧的商品分类表格,在中间区域插入表格并插入文字,创建记录集RS2并在表格相应位置绑定数据,为该表格设置服务器行为的重复区域,制作修改和删除链接,制作记录集导航条。
⑦用tianjia.asp创建xiugai.asp修改页面,创建记录集在对应的文本域中绑定数据,把服务器行为里的插入记录删除并添加更新记录。在服务器行为里添加限制对页的访问。再用index.html创建xiugaiok.asp,在其中插入表格输入文字,并设置返回链接。
⑧用index.html创建shanchu.asp删除页面,插入表格并插入文字,建立记录集,在表格相应位置绑定数据,插入表单和表单按钮,创建服务器行为限制对页的访问和删除记录。再用index.html创建shanchuok.asp,在其中插入表格输入文字,并设置返回链接。
三、疑难解惑
①网页不能正常打开,电脑用户权限没有修改,在文件夹安全性把来宾用户的权限修改为完全控制。
②创建重复区域时,总显示相同的内容,仔细阅读教材,发现创建重复区域时要选中表格,而不是文字内容。
③登陆页面不能登陆,把表格放入表单后,重新登录,问题解决。
④创建添加商品页面时,无法显示商品分类。在插入记录表单时,应将feileiID"显示为"下拉列表中选择“菜单”,并在“菜单属性”里的“域”列表中选择fenlei。
⑤修改页面点进去初始内容都一样,“唯一键列”下拉列表中应选择shpID。
⑥商品分类点进去每个种类都一样,查找原因,发现记录集中筛选是shpID,把记录集中的筛选改为fenleiID解决。
四、实训心得
经过一周动态网页的实训,使我们对本学期的这门课进行了整体的汇总。在这汇总期间,也算是对自己本学期的一个考核,此次实训暴露出了许多我自身存在的问题,同时也对自身有了很大的提高。
在这次实训中,我也有许多收获。首先,我体会到了作为一个计算机专业的人,不会用DW的痛苦和尴尬。在制作的过程中遇到问题,可以说得是困难重重,这毕竟是第一次独自制作动态网页,难免会遇到过各种各样的问题,同时在制作的过程中发现了自己的不足之处,对以前所学过的知识理解得不够深刻,掌握得不够牢固。在此过程当中弥补了我许多知识上的缺陷,弄清的以前没有搞懂的知识点。经过多番的努力和辛酸,我成功地完成了这次过程艰辛的实训,而且我从中体会到了一种叫做‘成功的喜悦’的感觉,那种小有成就的兴奋是只有置身其中的人才能体会的。
在实训过程中,我更体会到了基础知识的重要性,也许我们正在迷惘,我们是否学到了东西,但事实说明零零散散的知识,在项目开发当中起到了非常关键的作用,我们不缺少时间和工具,我们只是缺少经验和动手能力,如果我们以后能更好的在各方面增长自己的经验,相信我们能在长长的就业队伍中脱颖而出的!相信自己,相信未来。今后我将会更加努力的学习,不断提高自身素质,为我将来的就业打下良好的基础。
网页设计报告【篇6】
为期四个星期的实训就这样结束了。这学期的实训是我在南工院的最后一次实训,所以我很重视,也很认真。当然,在本次实训中我也学会了许多编程方面的知识,这些知识的积累是非常重要的。
本次实训的主要目的是让我们来做一个网上商城,通过了解ASP的框架以及结构,熟悉应用程序的运行环境及开发平台和其内置对象的属性以及其方法,以及其界面的设计代码让整个系统能正常的运行,通过写每个页面的功能实现代码,让我们巩固了之前学的知识,又有进一步的加深对语言学习的印象,最终能够实现网上购物的一系列流程。我们小组主要应用设计一个网上图书商城,完成对数据库的基本操作。根据所安排的课题项目,设计出一个结构基本完整,具备一定应用功能的网上图书商城。要求具有一定的内容,程序界面使用的WEB控件,可以完成会员的图书浏览、数据检索、登陆、注册、购书、修改会员的各种信息等。
我本人主要负责网上书城首页、详细页面的设计。其中首页实现的功能主要有:图书的展示、新书上架、图书搜索、会员登陆、图书详细情况的调用。另外,我还设计制作了数据库中的图书信息表。其中首页的搭建过程还是比较繁琐的,需要考虑的内容太多,而且还要做得美观简洁,工作量是蛮大的。经过此次实训,使我比较全面、系统的了解和熟悉ASP的各种工具的使用,各种不同的效果的做法,为我们以后的学习和工作打下了坚实的基础。以前没有学懂的一些东西,在这个实习过程中我基本把它们弄懂了,可以说这是对我所学知识的复习和深化。对于难点的克服,我除了请教老师、询问同学外,课后也找了一些相关书籍看了看,在实训的过程中真的学了很多知识,受益匪浅。
其实,实训不仅仅是为了让同学们完成任务而展开的学习计划,更是要培养学生的学习能力和精神。我也深刻认识到:在学习过程中密切联系生活和工程实际,激发学习的求知欲,培养我们的科学精神和创新精神;培养学习对待工作和学习要耐心、细心和一丝不苟、精益求精的职业习惯等精神和素养是十分重要的。
实训结束了,很感谢田晓敏和杨正翔两位老师一个月来对我的悉心指导,感谢小组同学的互相鼓励与支持,也感谢班级其他同学对我的帮助。如果没有每一个人的辛苦努力与付出,我不可能完成自己的任务,也不可能取得如此好的成绩,在此,我对所有付出过努力的老师、同学道一声诚挚的谢意:谢谢你们!
天高任鸟飞,海阔凭鱼跃。人生的道路上还有很多考验等待着我们,我们要勇敢的向前大步迈进。
加油吧,为我们的理想!
网页设计报告【篇7】
一、网页设计的内容
网页设计中包含着主观和客观两方面的因素,在确立了网页主题之后,首先要明确和熟悉设计的对象和构成的要素。网页设计涉及的具体内容很多,可以概括为视听元素和版式设计两个方面。
1、视听元素
这里所说的视听元素,主要包括:文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画,还是音频、视频,网页设计者所要考虑的是如何以感研究的形式把它们放进页面这个“大画布”里。多媒体技术的运用大大丰富了网页设计的表现力。
以上各视听元素大多数浏览器本身都可以显示或收听,无需任何外部程序或模块支持。比如,大部分浏览器都可以显示gif、jpeg图形和gif89a动画。还有些多媒体文件(如mp3音乐)需要先下载到本地由?上,然后启动相应的外部程序来播放。另外,在浏览器使用插件(plug-in)可以播放更多格式的多媒体文件。微软推出ie浏览器后,提供了基于ole的activex技术,用来在网页中播放多媒体。目前activex已经成为热门技术。另一种播放多媒体的技术是javaapplet。它是用java语言编写的应用于网页之中的小应用程序,相比于插件和activex,javaapplet具有更大的灵活性和良好的跨平台能力,因此具有很好的发展前景。总之,技术的不断发展使多媒体元素在网页设计中的综合运用越来越广泛,使浏览者可以享受到更加完美的视听效果。这些新技术的出现,也对网页的艺术设计提出了更高的要求。
2、版式设计
网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处,它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计,是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合,将理性思维个性化的表现出来,是一种具有个研究风格和艺术特色的视听传达方式。它在传达信息的同时,也产生感官上的美感和精神上的享受。
但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸,网页则不然,它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且,网页的组织结构不像印刷品那样为线性组合,这给网页的版式设计带来了一定的难度。
二、网页设计的原则
网页作为传播信息的一种载体,同其他出版物如报纸、杂志等在设计上有许多共同之处,也要遵循一些设计的基本原则。但是,由于表现形式、运行方式和社会功能的不同,网页设计又有其自身的特殊规律。网页的艺术设计,是技术与艺术的结合,内容与形式的统一。它要求设计者必须掌握以下三个主要原则:
1、主题鲜明
视觉设计表达的是一定的意图和要求,有明确的主题,并按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的,是使主题在适当的环境里被研究们即时地理解和接受,以满足研究们的实用和需求,这就要求视觉设计不但要单纯、简练、清晰和精确,而且在强调艺术性的同时,更应该注重通过独特的风格和强烈的视觉冲击力,来鲜明地突出设计主题。
根据认知心理学的理论,大多数研究在短期记忆中只能同时把握4到7条分立的信息,而对多于7条的分立信息或者不分立的信息容易产生记忆上的模糊或遗忘,概括起来就是:较小而分立的信息要比较长而不分立的信息更为有效和容易浏览。这个规律蕴含在研究们寻找信息和使用信息的实践活动中,它要求视觉设计者的网页设计必须自觉地掌握和遵从。
作为视觉设计范畴一种的网页设计,其最终目的是达到最佳的主题诉求效果。这种效果的取得,一方面通过对网页主题思想运用逻辑规律进行条理性处理,使之符合浏览者获取信息的心理需求和逻辑方式,让浏览者快速地理解和吸收;另一方面通过对网页构成元素运用艺术的形式美法则进行条理性处理,更好地营造符合设计目的的视觉环境,突出主题,增强浏览者对网页的注意力,增进对网页内容的理解。只有两个方面有机地统一,生能实现最佳的主题诉求效果。
优秀的网页设计必然服务于网站的主题,就是说,什么样的网站,应该有什么样的设计。例如,设计类的个研究站点与商业站点性质不同,目的也不同,所以评论的标准也不同。网页设计与网站主题的关系应该是这样:首先,设计是为主题服务的;其次,设计是艺术和技术结合的产物,就是说,即要“美”,又要实现“功能”;最后,“美”和“功能”都是为了更好地表达主题。当然,有些情况下,“功能”即是“主题”,还有些情况下,“美”即是主题。例如,雅虎作为一个搜索引擎,首先要实现“搜索”的“功能”。它的主题即是它的“功能”。而一个个研究网站,可以只体现作者的设计思想,或者仅仅以设计出“美”的网页为目的。它的主题只有一个,就是——美。
只注重主题思想的条理性而忽视网页构成元素空间关系的形式美组合,或者只重视网页形式上的条理而淡化主题思想的逻辑,都将削弱网页主题的最佳诉求效果,难以吸引浏览者的注意力,出现平庸的网页设计或使网页设计以失败 而告终。
要使网页从形式上获得良好的诱导力,鲜明地突出诉求主题,具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。
2、形式与内容统一
任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和,是设计存在的基础,被称为“设计的灵魂”;形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和,形式就是它的结构、风格或设计语言等表现方式。内容决定形式,形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。正如黑格尔所说:“工艺的美就不在于要求实用品的外部造型、色彩、纹样去摹拟事物,再现现实,而在于使其外部形式传达和表现出一定的情绪、气氛、格调、风尚、趣味,使物质经由象征变成相似于精神生活的有关环境。”(黑格尔第三卷)
一方面,网页设计所追求的形式美,必须适合主题的需要,这是网页设计的前提。只讲花哨的表现形式以及过于强调“独特的设计风格”而脱离内容,或者只求内容而缺乏艺术的表现,网页设计都会变的空洞而无力。设计者只有将二者有机地统一起来,深入领会主题的精髓,再融合自己的思想感情,找到一个完美的表现形式,生能体现出网页设计独具的分量和特有的价值。另一方面,要确保网页上的每一个元素都有存在的必要性,不要为了炫耀而使用冗余的技术。那样得到的效果可能会适得其反。只有通过认真设计和充分的考虑来实现全面的功能并体现美感生能实现形式与内容的统一。
据有关资料所做的保守估计,目前在上网页数据传输平均以每秒1、5k的速度到达客户端。假设某个网页为了丰富其艺术性而追赶时髦地大量使用图像或其它多媒体元素等,虽然达到了其静态形式美的效果,却造成多达几十k甚至更大的网页数据,使浏览者必须等待很长时间生能看到“庐山真面目”,这样的网页就不是一个优秀的网页,因为它不符合网页传播信息的突出特性之一——快捷性,使网页内容不能很快地到达访问者,影响了访问效果和质量,损害了访问者的情趣和积极性,这种技术要素影响了传达信息的效果,因而不是形式与内容的完美统一。
网页具有多屏、分页、嵌套等特性,设计者可以对其进行形式上的适当变化以达到多变性处理效果,丰富整个网页的形式美。这就要求设计者在注意单个页面形式与内容统一的同时,更不能忽视同一主题下多个分页面组成的整体网页的形式与整体内容的统一。
因此,在网页设计中必须注意形式与内容的高度统一。
3、强调整体
网页的整体性包括内容和形式上的整体性,这里主要讨论设计形式上的整体性。
网页是传播信息的载体,它要表达的是一定的内容、主题和意念,在适当的时间和空间环境里为研究们所理解和接受,它以满足研究们的实用和需求为目标。设计时强调其整体性,可以使浏览者更快捷、更准确、更全面地认识它、掌握它,并给研究一种内部有机联系、外部和谐完整的美感。整体性也是体现一个站点独特风格的重要手段之一。
网页的结构形式是由各种视听要素组成的。在设计网页时,强调页面各组成部分的共性因素或者使诸部分共同含有某种形式特征,是求得整体的常用方法。这主要从版式、色彩、风格等方面入手。例如:在版式上,将页面中各视觉要素作通盘考虑,以周密的组织和精确的定位来获得页面的秩序感,即使运用“散”的结构,也是经过深思熟虑之后的决定;一个站点通常只使用两到三种标准色,并注意色彩搭配的和谐;对于分屏的长页面,不可设计完第一屏再考虑下一屏。同样,整个网页内部的页面,都应统一规划,统一风格,让浏览者体会到设计者完整的设计思想。
从某种意义上讲,强调网页结构形式的视觉整体性必然会牺牲灵活的多变性,“物极必反”就是这个道理。因此,在强调网页整体性设计的同时必须注意:过于强调整体性可能会使网页呆板、沉闷,以致影响访问者的情趣和继续浏览的欲望。“整体”是“多变”基础上的整体。
三、网页设计的特点
1、交互性与持续性
网页不同于传统媒体之处,就在于信息的动态更新和即时交互性。即时的交互性是web成为热点的主要原因,也是网页设计时必须考虑的问题。传统媒体(如广播、电视节目、报刊杂志等)都以线性方式提供信息,即按照信息提供者的感觉、体验和事先确定的格式来传播。而在web环境下,研究们不再是一个传统媒体方式的被动接受者,而是以一个主动参与者的身份加入到信息的加工处理和发布之中。这种持续的交互,使网页设计不像印刷品设计那样,发表之后就意味着设计的结束。网页设计研究员必须根据网站各个阶段的经营目标,配合网站不同时期的经营策略,以及用户的反馈信息,经常地对网页进行调整和修改。例如,为了保持浏览者对网站的新鲜感,很多大型网站总是定期或不定期的进行改版,这就需要设计者在保持网站视觉形象一贯性的基础上,不断创作出新的网页设计作品。
2、多维性
多维性源于超级链接,主要体现在网页设计中对导航的设计上。由于超级链接的出现,网页的组织结构更加丰富,浏览者可以在各种主题之间自由跳转,从而打破了以前研究们接收信息的线性方式。例如,可将页面的组织结构分为序列结构、层次结构、网状结构、复合结构等。但页面之间的关系过于复杂,不仅使浏览者检索和查找信息增加了难度,也给设计者带来了更大的困难。为了让浏览者在网页上迅速找到所需的信息,设计者必须考虑快捷而完善的导航设计。
印刷品中导航问题不是那么突出,如果一个句子在页尾突然终止,读者会很自然地翻到下一页查找剩余部分,为了帮助读者找到他们要找的信息,出版者提供了目录、索引或脚注。如果文章从期刊中的一页跳到后面的非顺序页时,读者会看到类似于“续68页”这样的指引语句。然而,作为一名网页设计者,你以前所学的导航技术没有一种完全适合于网页导航。在替浏览者考虑得很周到的网页中,导航提供了足够的、不同角度的链接,帮助读者在网页的各个部分之间跳转,并告知浏览者现在所在的位置、当前页面和其他页面之间的关系等。而且,每页都有一个返回主页的按钮或链接,如果页面是按层次结构组织的,通常还有一个返回上级页面的链接。对于网页设计者来说,面对的不是按顺序排列的印刷页面,而是自由分散的网页,因此必须考虑更多的问题。如:怎样构建合理的页面组织结构,让浏览者对你提供的巨量信息感到条理?怎样建立包括站点索引、帮助页面、查询功能在内的导航系统?这一切从哪儿开始,到哪儿结束?
3、多种媒体的综合性
目前网页中使用的多媒体视听元素主要有文字、图像、声音、视频等,随着网络带宽的增加、芯片处理速度的提高以及跨平台的多媒体文件格式的推广,必将促使设计者综合运用多种媒体元素来设计网页,以满足和丰富浏览者对网络信息传输质量提出的更高要求。目前国内网页已经出现了模拟三维的操作界面,在数据压缩技术的改进和流(stream)技术的推动下,inter网上出现实时的音频和视频服务,典型的有在线音乐、在线广播、网上电影 、网上直播等。因此,多种媒体的综合运用是网页设计的特点之一,是未来的发展方向。
4、版式的不可控性
网页版式设计与传统印刷版式设计有着极大的差异:
(1)印刷品设计者可以指定使用的纸张和油墨,而网页设计者却不能要求浏览者使用什么样的电脑或浏览器;
(2)网络正处于不断发展之中,不象印刷那样基本具备了成熟的印刷标准;
(3)网页设计过程中有关web的每一件事都可能随时发生变化。
这一切说明,网络应用尚处在发展之中,关于网络应用也很难在各个方面都制订出统一的标准,这必然导致网页版式设计的不可控制性。其具体表现为:
(1)网页页面会根据当前浏览器窗口大小自动格式化输出;
(2)网页的浏览者可以控制网页页面在浏览器中的显示方式;
(3)不同种类、版本的浏览器观察同一个网页页面,效果会有所不同;
(4)用户的浏览器工作环境不同,显示效果也会有所不同。
把所有这些问题归结为一点,即网页设计者无法控制页面在用户端的最终显示效果,但这也正是网页设计的吸引研究之处。
5、技术与艺术结合的紧密性
设计是主观和客观共同作用的结果,是在自由和不自由之间进行的,设计者不能超越自身已有经验和所处环境提供的客观条件限制,优秀设计者正是在掌握客观规律基础上得到了完全的自由,一种想象和创造的自由。网络技术主要表现为客观因素,艺术创意主要表现为主观因素,网页设计者应该积极主动地掌握现有的各种网络技术规律,注重技术和艺术紧密结合,这样生能穷尽技术之长,实现艺术想象,满足浏览者对网页信息的高质量需求。
例如,浏览者欣赏一段音乐或电影,以前必须先将这段音乐或电影下载回本地机器,然后使用相应的程序来播放,由于音频或视频文件都比较大,需要较长的下载时间。流(stream)技术出现以后,网页设计者充分、巧妙地应用此技术,让浏览者在下载过程中就可以欣赏这段音乐或电影,实现了实时的网上视频直播服务和在线欣赏音乐服务,无疑增强了页面传播信息的表现力和感染力。
网络技术与艺术创意的紧密结合,使网页的艺术设计由平面设计扩展到立体设计,由纯粹的视觉艺术扩展到空间听觉艺术,网页效果不再近似于书籍或报刊杂志等印刷媒体,而更接近于电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合,把浏览者带入一个真正现实中的虚拟世界。
技术与艺术的紧密结合在网页设计中体现得尤为突出。
网页设计报告【篇8】
一实验目的
1.学习HTML语言和dreamPage等工具。
2.掌握在本地环境下运用ASP技术实现一个简单的电子商务网站。
二实验过程
1组长分配任务,大家从网站上搜集各种关于手机的资料。
2做网页主要用的工具便是Dremoshop、Flash软件。在这些软件我对Dremoshop相对比较熟悉,因为在平时上课是老师带领我们运用过。所以我还可以正常的运用,但是出现的问题还是有很多。有很多不懂如何操作,只有通过在次去看书才能够了解,这也体现了我学习方面的缺点,它是我平时不够认真的具体表现。
3打开Dremernet显得更为重要它是人们发布信息与传递信息的重要渠道,为了与社会发展同步,为了让我们成为真正的技术性人才。学校在本周为我们安排了维持三周的网页制作专用周是实习,让我们把平时所学知识运用到实践中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足。
近三个星期的实训将要结束,其中的酸甜苦辣我会在今后的日子里不断地去咀嚼,去回味,去探索。从制作网页过程中,我学到了新的美化网页的方法,运用了更多以前未运用的技巧。这使我学到了更多的知识,并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历,将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少,我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养,锻炼和提高。
网页设计报告【篇9】
这次实习内容包括网站原型设计及Photoshop切片技术在网页整体设计时的应用; “DIV+CSS”页面布局技术;设计电子购物商城主页。我深深体会到,做好主页,并不是一件容易的事,网页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。不过能懂得基本的框架和思路,这一点在以后的工作过程中是非常有帮助的。
通过这次实习,我也总结出来一些网站建设的基本流程。
制作网页,首先是确定主题。
网上购物系统发布平台为顾客提供了各种商品、供求信息浏览、查询,购买等功能,全面的为顾客提供服务,帮助顾客更多的了解本网站的动态信息,提供最新动态通知。要求系统具有以下功能:
(1)用户登录注册。
(2)提供类别导航,购物推荐,热销商品,加入购物车等
(3)提供会员注册
(4)提供管理员后台管理入口。管理员通过本页面登录后台管理程序。
(5)通过后台对各类信息进行管理和审核。
(6)对网站会员信息进行管理和审核。审核注册本网站的会员,对其进行管理。
(7)友情链接。设置相关的友情链接页面。
主页的设计是整个网站的灵魂,构思导航栏的分类,然后是整体规划,每一个版块都有其个性,清晰明了,便于阅读浏览,大致分几部分,首页,小店简介,产品展示,售后服务,友情链接这几个板块,再加入个别网站等,每一部分又分为几个小部分,内容比较充分,多样。确定导航栏的各个分了标题之后对于建立二级子网页尤为重要。
主页的导航设计好后,接下来就是对主页导航栏的各个内容进行资料的收集,在网上多转转,看到什么漂亮的网页,把它保存起来,作为以后自己设计主页时的参考。另外,还包括搜集美化主页可能要用到的各种材料,如背景、小动画图标等等。你可以在硬盘上建一个文件夹,下分“图片、声音、动画”等文件夹,养成上网时看到有创意、新鲜的图像,就按鼠标右键存入你硬盘相应文件夹的习惯,时间一长你就有拥有了一个可观的图库,等做主页时随手拈来或加以修改就成你自己的东西了。我们再对大量收集的资料进行筛选,得到最合适的导航内容的资料。
网站建设中如果大量运用模板,对于建立网站提供便利同时也减少了大量的工序。主页的设计应以醒目优先,应该令人一目了然,勿堆砌太多不必要的细节,或使画面过于复杂。页面给人的第一观感最为重要。网上商城系统采用了敏捷开发的设计思想,我们对整个系统主要分成了2个大模块,即前台交易模块和后台管理模块。而其中各个模块我们又进行了进一步的细分,如前台交易模块又分为注册会员、商品浏览、查询商品、购买商品等;后台管理模块则包括对用户的管理、商品管理和销售管理。使得整个系统具有易用性、个性化、跨平台等特点,同时又保证交易数据的安全、稳定、快速和完整,使其运行得高速、安全、稳定。
商品管理模块,管理员对商品信息的管理主要包括商品以及对商品类别的查询、添加、删除、修改等操作。
订单管理模块,用户选择满意的商品会进行下订单操作,同时会进行确认订单、付款等操作,但同时也会存在未确定订单、未付款等操作。
网页的迷人之处之一,要算它上面能点缀许多漂亮的图片。精美的图片设计,可以使自己的网页增辉不少,令人过目不忘。图片的内容应有一定的实际作用,忌虚饰浮夸,同时还要注意与文字的颜色搭配。最佳的图像集美观与资讯于一身。
由于在网上用浏览器浏览任何主页时,都能查看到该主页制作时所编写的绝大部分网页编程源代码。因此,如果你想知道并掌握一些优秀的主页采用的设计技巧,试着将其源代码调出来仔细揣摩,并模仿着一步一步去实现。
通过这次实习,我学到了很多有价值的东西。虽然我不能完成网站设计的过程,把设计中散乱的网页链接成框架体系,但至少使平时学到的知识点有了提高。我感受最深的是:想要最好一个网站,素材和技能都十分重要。好的素材需要多放面查找资料的,可以从图书、网站和新闻上查找的。好的技能需要不断的实践,经常锻炼。只有拥有好的素材和精湛的技能才可以做出最精湛的网页。