搜档网
当前位置:搜档网 › 网页设计的八大要求

网页设计的八大要求

网页设计的八大要求
网页设计的八大要求

网站设计八步骤

由于目前所见即所得类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页,于是他们认为网页制作非常简单,就匆匆忙忙制作自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是为什么呢?常言道:“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。

三、规划网站

一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,如果是初学者,Frontpage2000是首选。除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool 3d、Gif Animator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用。

五、制作网页

材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。

六、上传测试

网页制作完毕,最后要发布到Web服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,有些网页制作工具本身就带有FTP功能,利用这些FTP 工具,你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后,你要在浏览器中打开自己的网站,逐页逐个链接的进行测试,发现问题,及时修改,然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友,让他们来浏览。

七、推广宣传

网页做好之后,还要不断地进行宣传,这样才能让更多的朋友认识它,提高网站的访问率和知名度。推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新

网站要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了,只有不断地给它补充新的内容,才能够吸引住浏览者

★要想学做网页,首先得了解制作网页的工具。

制作网页主要有以下一些工具

Frontpage:office自带的一个工具,操作简单,实用,学起来比较轻松,功能不咋地,我不太喜欢。

Dreamweaver:这是网页三剑客之一,专门制作网页的工具,可以自动将网页生成代码,是普通网页制作者的首选工具,界面简单,实用功能比较强大。建议初学者选用。

另外一个工具就是代码编辑工具,例如写字本、EditPlus等,这些工具主要编辑asp等动态网页。

此外还有一些网络编程工具,javascript、java编辑器等。

网页制作也是一个比较吃香的行业,要真正做一个好的网站,还必须有良好的设计功底。所以还得学很多边缘性的软件,例如photoshop、flash等。

大型的网站往往还需要数据库的支持,所以还得懂数据库。sql、甲骨文等。

总之,掌握好网页制作,能独立完成一个网站的制作工作,那就不要考虑吃饭问题。随便混就好了

素质要求:

希望这篇论文能给你些启示。

略论网页设计者应具备的素质

网页设计是一门边缘学科。它是一门技术,也是创造美的过程;它是文字传播的工具,也是表现多媒体技术的一部分。网页设计体现着设计者的综合素质:对文本内容的把握;对图形、色彩、声音对象内含的领悟;对访问人群的正确判断;设计者文化底蕴的潜在动力以及网页技术的巧妙运用。

一、审美能力是设计者的重要素质

美是包含或体现社会生活的本质、规律,引起人们的特定情感反映的具体形象(包括社会形象、自然形象和艺术形象)。审美能力是个人所具有的进行审美活动相关的主观条件和心理能力。网页设计中所蕴含的美,也是通过视听来实现的。网页设计中恰当引导访问者的视(文字、图形、动画)、听(声音)这两种感官,使其获得“美感”,是设计中的关键,我们可以利用有效而精炼的图形、动画、声效以及色彩来冲击、激发(这里谈的是“有效”,并非在任何情况下都要用到这些),达到创造美的目的。基于在过去网页设计中枯燥、缺乏应有的刺激和生气,才有了FLASH风靡全世界的情境;也给网页设计者带来了丰富的想象力和自由发挥的天地:你可以用它来编辑MTV、小故事、贺卡、游戏、特效、制作演示、交互教程等。其Action的丰富多彩是它一直神秘的原因。

1.文字是表现网页的载体

中国汉字通行的国际标准为我国于1980年制订的“信息交换用汉字编码字符集·基本集”,其标准号为GB2312—80,简称国际码,是我国应用最广泛的汉字编码字符集。标准决定了在文字表现网页方面的通则,以通用的宋体作为标准设计,用文字颜色、字号的变化来区分网页的标题级、目录级等等,也能给用户带来直观有效的访问。因此区分字体的字号、颜色也是设计中的注意事项,标题、超链接、导航、目录、正文等都需要我们精心构思,花俏的字体或者非系统字体会给访问者带来很多麻烦和不便,设计者不能以自己的机器配置来想当然地

推断用户的机器配置。目前还有大批量的低档次的机器或许是正想知道你的信息的访问者。当然这只对文本编辑而言,而图形却不受字体限制,但重要的一点,就是在完成制作时,对有特殊文字的通道或图层要进行栅格化,或者说文字图形化,就能达到特殊的表现要求。

网页设计实质是一种文化传播,中国的字体从甲骨文、金文、小篆、隶书、楷书、草书到行书,它们的变化折射着不同时代的文化精髓,反映了不同时代人们的社会活动、精神世界、审美能力,以现代人的经验去审视推断古人的行为方式,会发现我们正是从他们那里走来。铿锵有力的字词鼓舞着我们去战斗,指引着我们的方向;悠曲婉转的字词激发我们的情感、净化我们的心灵,它是一种无声的行动。我们会感慨因为文字引发过世界上许多悲惨的故事;因为文字带给世界无穷无尽的智慧和力量,每一个字都是一本博大精深的书。中国文字在这方面更能体现厚重的文化内涵:其字体的变迁,代表着人们认识的变化和飞跃;其数量的变化体现着人们的社会生活的日益丰富。所以我们要善待文字,尽量避免错误用法和别字。

2.图形、动画是深入表达意境的工具

接收信息冲击我们最大的是图形,图形的渐变、对称、对比、比例、平衡、大小、明暗等等,给人以直观,易接受,而留下印象,并不是所有图形都对于你的网页有用。图形只是起到点缀,深入表达文字的意境和网站的意图的。茫茫网络中,各种图形、图像、动画林林总总,但真正能为你所用的并不是很多,适合你的网页特点的东西就更少了。许多设计者喜欢采用网上已有的东西,这个习惯不好。这给浏览者留下不专业的印象,甚至对你的公司、单位的形象大打折扣,结果是得不偿失,况且我们还得尊重制作者的版权。解决的办法,就是做适合自己网页主题的图形、图像、动画、网站LOGO、标题按钮,不要盲目地剽窃别人的东西。更何况在某些FLASH动画中还有在某个特定时间或让你不注意点出与你的网站完全不和谐,甚至可笑的页面、消息、警告或者其它表现形式,这样的“彩蛋”你在浏览网页时总会碰到,你的感受就是用户的感受。这是不容许犯的错误,是对设计不负责任的态度,是亵渎访问者。

3.色彩是网页设计中的重要环节

“色彩是光刺激眼睛再传到大脑的视觉中枢而产生的一种感觉”。色彩构成是一门很深奥的学问。我们无意要网页设计者都要成为色彩构成的理论专家,但要对色彩对人的刺激所形成的感觉有一个基本的认识,要明确色彩对人的心理是起着很重要的作用的。

颜色的基本构成为色相(颜色的种类)、纯度(颜色的深浅)、明度(颜色的明暗),不同的色相、纯度、明度给人的心理感觉是不同的。

色相:红、橙、黄等暖色,是最令人兴奋的积极的色彩,而蓝、蓝紫、蓝绿给人以沉静而消极。

纯度:不论暖色与冷色,高纯度的色彩比低纯度的色彩刺激性强而给的感觉积极。

明度:同纯度的不同明度,一般为明度高的色彩比明度低的色彩刺激性大,低纯度低明度的色彩是属于沉静,而无彩色中低明度一带最为消极。

显而易见,颜色是站点视觉设计的关键因素之一。视觉设计的先期工作,就包括确定页面的色彩组合方案。颜色能对浏览者的情绪、思维产生强烈影响,所以选择暖色还是冷色组合、黑色还是白色背景,对浏览者必然有很大的导引作用。具体设计时你尽可发挥你的艺术想象力,不过应该遵循以下的几条基本技巧:

(1)为照顾大多数网友,最好限定使用16K 色。

(2)使用背景色块,避免使用背景图像。用图像做背景,会降低页面的访问速度,使文本难于阅读,还容易模糊整个站点的主旨。

(3)颜色组合要有个性,同时可使文本易读、图像易于区别开来。

(4)审慎选择颜色组合的情绪意义。举例来说,黑色背景下的红色文本,显得很刺眼,对于一般站点就不合适;白色背景下的蓝色文本,看上去很放松、很宁静,对于像摇滚乐队、游戏这样的站点就显得不够分量。

色调及黑、白、灰的三色空间关系不论在设计还是在绘画方面都起着重要的作用。在页面上一定得明确调性,而其它有色或无色的内容均属黑、白、灰的三色空间关系,从而构成它们的空间层次。

色彩是艺术表现的要素之一,它是光刺激眼睛再传导到大脑中枢而产生的一种感觉。在网页设计中,根据和谐、均衡和重点突出的原则,将不同的色彩进行组合、搭配来构成美丽的页面。

利用色彩对人们心理的影响的成果,合理地加以运用。按照色彩的记忆性原则,一般暖色较冷色的记忆性强。色彩还具有联想与象征的特质,如:红色象征火、血、太阳;蓝色象征大海、天空和水面等。所以设计出售冷食的虚拟店面,应使用消极而沉静的颜色,使人心理上感觉凉爽一些。

在色彩的运用过程中,还应注意的一个问题是:由于国家和种族的不同,宗教和信仰的不同,生活的地理位置、文化修养的差异,不同的人群对色彩的喜恶程度有着很大差异。如:儿童喜欢对比强烈、个性鲜明的纯颜色;生活在草原上的人喜欢红色;生活在闹市中的人喜欢淡雅的颜色;生活在沙漠中的人喜欢绿色。在设计中要考虑主要读者群的背景和构成。

4.声音的正确运用能起到点睛的作用

随着网络技术的不断发展,声音也逐渐成为了网页制作过程中考虑的一个重要因素。如果能在五彩缤纷的网页中再加上美妙的声音,则有锦上添花的效果。由于声音是在空间上进行传播的,又具有延续性,因此音乐和声音可以为你的网站增添不少的精彩。由于一般人对于听觉的要求远低于对于视觉的需求,再加上为了在网络中能够快速地传播,所以在网页中的音乐最好采用midi,rm,mp3,flash等格式,大小一般不要超过100K。还有,你永远都不要太过分,每点击一次就发出声音会让你的网站令人讨厌,并且对你的网站留下不够专业化的印象。如果你准备要往你的网站中增加一些背景音乐,那么最好使用一些流格式的音频软件,如Real Audio来播放文件。或者,你也可以插入一个Flash文件,循环播放一段音乐。你可以通过在Flash文件中导入WAV文件的方法完成,或者你也可以到因特网上下载一些免费的相关软件。如果你要在你的Flash电影中使用声音,通常加一个“禁音”按钮,会更好些;如果你用行为脚本控制浏览者计算机上的声音的话,那么,再加上一个音量控制条。当然,最好不要改变声音大小是最好的。浏览者如果需要,可以自己调整他的计算机的音量。

二、技术能力是网页设计者表现的重要保障

网页设计者如何表现主题,除了前面谈到的审美素质是起码的要求外,更重要的是如何用好软件,不犯拙劣的错误和不留下任何做作的痕迹,这是以高超和恰当的技术来实现的,我们除了考虑下载速度、延迟时间外,还要考虑技术运用的巧妙性和实用性。

1.计算机语言的掌握

要编辑一个好的网页,除了会使用优秀的制作平台外,还要学底层的东西,那就是支持网页实现功能的几种语言。你首先得会用HTML语言,知道每段程序给用户传达的信息是什么,再优秀的平台(例如:FrontPage、Dreamwave),也只能给用户展示其基本的功能,要想更深层的达到你的愿望,还得依靠你的使用软件的经验和亲自修改代码能力;其次是JScript、VBscript,它们可调用系统中的某些特殊功能,让用户有更多的选择性,可以在不同的展示平台显示不同的效果,它们能完成HTML语言所不能实现的某些动作。再次就是样式表CSS,它可以对你的标题、文字、表格、底色等做到统一,不至于出现放大字体时,网页版面变得零乱不堪、文字七零八落等等。这四种不同展示网页的工具,我们不仅要熟悉,还要能灵活运用,它们能给你网页增添许多生气和人性化,减少许多之后更新的工作量。要学会这些语言,首先你要懂得编程的基本原理,数据类型、常量和变量、运算符与表达式、流程控制语句的几种基本类型、数组、函数等等。要知道真正网页的产生就是由这些基本元素组成的,无论其内容多么丰富、功能多么强大、外观多么华丽都是这些元素按步骤组织起来的,所以最好学会一门常用的语言,会给你做网页带来许多方便。优秀的设计师会挑选最精炼、最少的代码表现他的思想,他的算法永远是最巧妙的,这是编程人员所共同努力的事情。

2.熟练掌握辅助制作工具会让你的网页脱颖而出

在编写网页的同时,为了更能吸引人、更能与众不同、更能表现主题,除了学会某些语言外,还得精通某些图形软件,如:Photoshop、imageReady、Flash、CorelDraw以及文字编辑工具Word、WPS等,这些工具可以让你的灵感得以全部实现,可以完成单纯语言所不能达到的效果。作为网页设计者,基本素材的制作,还得依靠这类软件和自己的双手。主题背景图片、导航按钮、网站LOGO、网页GIF,甚至整个页面的制作都可以直接用这些工具实现。在这些工具中拖动图片或者是文字等都是很随意的,可以放到任何地方,而在Frontpage里采用的是文本编辑的形式,控制表格时由于受到相邻的图片、文字或者表格的影响,有时候始终不能达到自己的目的,如此再在表格里加表格,这样处在外面的表格就更加不好控制。很多时候不但不能排好,甚至会把屏幕搞的乱七八糟。在这些软件中实现图片切割和拼装就像用画笔一样简单,而且能为你自动生成各种切片,自动取名也很直观,我们要做的工作就是修改或者添加部分代码就可以了。

3.恰当应用动态网页与数据库

随着网络的飞速发展,以及电子商务、虚拟社区等新概念的提出,对网页设计者提出了这样一个要求:建立一个动态的、易于更新的、可查询的、信息丰富的页面。网页设计者越来越倾向于建立一个引人注目的站点,以吸引众多网民经常访问。

所有这一切都需要一个强大的工具,ASP就是其中之一,可以说,ASP是最出色的工具之一,它功能强大、性能优良,为商业网站、企业网站提供了一个完美的解决方案。

使用简单,是ASP无与伦比的优势。在短短一周内,使用ASP可以完成传统CGI程序3个月的工作。ASP可以轻松地实现电子商务(如商品选购、股票交易)和系统管理(如登录、查询)。使用ASP可以完成任何网站上的常见服务。ASP使用VBScript或JScript编程,这两者有一个共同特点:易于理解,易于扩展。ASP作为WINDOWS2000网站的核心,已经成为Web网页设计人员的必修课。从诞生到现在,ASP迅速席卷所有的Web应用程序,这也预示着:传统CGI程序必将为Script语言所取代。后台数据库可以使用ACCESS 2000或SQL SERVER等。以上是在技术方面最基础的东西,如果你以此工作为职业的话,不仅要达到以上要求,还得把握时代的脉搏,掌握先进的语言和软件的变化,一些流行的制作手段还能给用户以亲切感,使用户明白你还在不断更新,让用户对你有更大的信任,不会失去访问量,使你的公司或单位获得更高的经济效益和社会效益。

因特网是IT界发展最快的领域,其中新的网页制作技术几乎每天都会出现,如果不是介绍网络技术的专业站点,一定要合理地运用网页制作的新技术,切忌将网站变为一个制作网页的技术展台,永远记住用户方便快捷地得到所需要的信息是最重要的。但对于网站设计者来说,必须学习跟踪掌握网页设计的新技术,如Java、DHTML、XML等,根据网站的内容和形式的需要合理地应用到设计中。

技术问题是一个永远而新鲜的话题,也是网页设计的核心,更是编程人员的困惑。网页设计者不仅要考虑你的设计给用户的感觉、用户访问你的站点的目的,同时还要考虑自己如何运用技术把你的思想表达出来,自己需要哪些工具、哪些素材,如何寻找最好用且适合自己表现的方法。这些就靠自己的日积月累,要使自己时常升级,牢牢地把握住行业的动态,或许这就是网页设计者永远要走的路吧。

三、文化素质是网页设计者的根本素质

网络飞速发展、信息迅速传播、知识不断更新。无可否认,作为传播媒体的网格其给人们带来极大便利的同时,也给人们的思想意识、行为方式、通信联络、人际交往等带来了变化,先进的正在被另一个更先进的悄悄地改写着,而且正以其强大的力量冲击着人们的观念。昨天没有的答案或许过一个晚上就已经早被刷新过数次了。你的想法前卫吗?不。你的技术先进吗?不。你的方法最捷了吗?不。就连比尔·盖茨也被教训了一通,宣称自己的WINDOWS XP系统是最安全的系统,不出一月,盗版风行,破解的方法从世界各地渐次推出,到目前还有很多没有出钱的WINDOWS XP系统,正在逍遥地和比尔盖茨在聊天,他下来的工作就只能做最原始的事情了:放置他窥探你的后门;注册每一个机器的软硬件;把你的机器设置成他的机器,他想在你那里干什么就干什么!将来会变得更糟糕,或许合法用户也将抱着机器去找比尔·盖茨的麻烦,我想比尔·盖茨会有更多的事情要去完成的。我们期待着最优秀的平台!

在茫茫的网络中,真正用心去作,守住自己贞操的制作者不多,许多网页制作者的思想道德和文化素质,还是需要浏览者来评论的。上过网的人都有被戏弄过的经历:要么是鼠标停不住;要么是没有任何工具栏的全屏幕;要么是一丝不挂的黄色画面;要么被网页修改了主页;要么被恶作剧的吓得个半死;要么就是声音响个不停,而我们又没办法立刻让它不响;要么被人悄悄地格式化了硬盘(格式化了硬盘,你能格式化用户的心吗?);要么让用户填一大堆隐私,结果还是错误的页面;要么看一篇文章还得不停地点一连串的确认消息框,什么“你想转到×××页吗?”“欢迎进入×××网站,从这里你会×××”“请选择你要去的标题”,最后还提醒你“请将我加入你的最爱喔”……直到把他想问的所有问题问完,结果还是文章内容与搜索的不一致(记住:进入选择主题,不要让用户点击超过三次)!等等。这些都不是真正要为网络服务的设计者。这样做实际上是这个网站关门的前兆,那你作网站的目的又是为了什么呢?作为制作者首先要净化自己的思想,定位自己的坐标,上好人生哲学,还网络一片净土!存在的并不一定都是合理的。在这些现象中,有设计者的思想道德水平,也有文化素质问题,有些是网页设计者没有想到的问题,有些则纯属于技术不够,拿一些东西吓人,自称为高手或黑客(伪黑客),真正的高手或者黑客是不会去做这种无聊的事情的。

每个制作网页的人都希望获得用户的最多点击率,然而点击率的大小与你网页的主题、内容、信息量又有极大的关系。上网的用户大多是来了解信息的,他们的特殊而苛刻的要求,决定了你的网页必须有鲜明的主题内容,宣传什么,要给用户传达什么,在网站规划书中,必须明确而且以一贯终。公司的网站除了宣扬其企业文化外,更多的应当是新产品介绍、推广;处理用户的反馈信息等,而

与此无关的页面尽量减少,分清主次和重点,正确定位自己的形象,是成功的关键。行政管理部门、教育部门、IT行业、技术部门都应有不同的风格,都应以自己的行业道德来认真细致地对待加入这些网站的任何网页或者链接。要突出本行业的主题,并且旗帜鲜明地去突现它,才能更好地树立形象,要知道在地球上的每一个人都有机会看到你的页面,不能想到只是局部的影响和效应,同时也维护了健康向上的网络空间。

在制作网页时,我们还有必要考虑的问题就是浏览你的页面的人群,你要初步确立浏览人群的文化素质、操作能力、欣赏水平、目的要求等等,从而在制作中,有的放矢地选择特殊功能。

网页的载体主体是文字,图形和声音只是表现你无法用语言来表达的文字的延伸,如果你驾驭不了图形和声音,只能说对文字延伸得不够或者不得体、或者文不对题。作为设计者的素质不能期望在一两天能有一个什么天翻地覆的变化,它是靠时间、靠留心、靠辛勤劳动。所以我们要善待文字,写好用好它,这是中国人的职责,更是小小网页要注意的问题。如今的网页内容良莠不齐、水平各异,文章内容与标题不符、语句不通、满篇错字断句,有些是真正到了无法读下去的地步了。这些纯属垃圾,影响自己又影响别人,当然好的精品也多。作为网页设计者不仅要有一颗真诚为浏览者服务的心,要广泛涉猎各个领域的先进成果,特别要提高自己的艺术修养、文学水平以及鉴别能力,只要你用心了,你就会成为真正的高水平的设计者。

网页设计期末作业要求

网页设计报告书 项目名称:制作“Best设计”网页 班级:视觉08—1班 学号: 200806002619 姓名:张金凤 指导教师:饶简元 日期:2011-12-24 现代设计艺术学院

目录 前言—————————————————————————————() 一、项目概述————————————————————————() 1.项目背景——————————————————————————() 2.项目内容介绍————————————————————————() 3.项目设计重点————————————————————————() 二、项目设计————————————————————————() 1.项目主题的选择———————————————————————() 2.网页的版面设计———————————————————————() 3.背景音乐的选择———————————————————————() 三、项目实施————————————————————————() 1.素材的收集与整理——————————————————————() 2.项目制作(创作过程)—————————————————————() 四、结束语—————————————————————————() 五、致谢——————————————————————————() 六、参考材料————————————————————————()

前言 经过学习DW,让我了解到一些关于网页设计的相关内容和设计网页的基础知识,同时通过一学期的网页设计相关软件和相关知识的学习,制作网页和如何设计出自己喜欢的网页。为了更好的运用和熟悉网页设计,同时也为了更好的表达自己对网页设计的一种理解和给自己一个期末的交代,所以制作了“Best设计网”的网页。 在制作网页时,通过PS、AI和DW的结合运用,最后在DW中进行编辑和整合设计,最后完成网页的所有页面设计。在设计中有很多的疑问,也对自己的作品充满了信心。在设计中很纠结的一个问题就是写代码和运用网格,很多时候设计出来的作品和自己看到的网页页面总是不一致,最后通过不断的调整和修改,完成了这次是网页设计。 这次的网页设计,是我第一次完整的自己独立完成的第一个网页,也许会有很多的不足之处,和一些不那么令人满意的地方,希望老师能谅解,我自认我已经尽力做到最好。

网站设计期末考试要求及评分标准

网站设计要求及评分标准 网站主题:个人网站或学习类网站 一、内容(40分): 1、网站主题要突出; 2、内容详细而充实; 3、能够清晰表达设计意图,总页面数不少于10个。 4、网页文档中无大块空白,无错别字。 二、结构(10分): 1、结构清楚合理,有统一的导航条; 2、整体结构有一定的连贯性; 3、每一页都有返回首页的标志; 4、没有空链接; 5、没有错误链接; 6、便与浏览查找。 三、版面与视觉感受(10分): 1、网站整体风格一致; 2、文字清晰,没有乱码和错位; 3、没有错误的表格; 4、按钮图片的制作美观实用; 5、色彩协调; 6、页面美观,布局合理。 四、技术要求(30分): 1、静态页面制作 (主页(index.html)、其它页面用英文或拼音缩写命名;index.html放置于站点根文件夹下,其它页面置于各子文件夹中。(5分) 2、技术应用: ①Html:Logo 导航条超级链接图片多媒体表格AP Div 行为模板框架(15分) ②Css:文本图片表格边框定位(5分) ③网站要建立不同的文件夹,将不同格式不同功能的文件分门别类的存放:如images、css 、templates、library及各子栏目文件夹等。(5分) 五、其他要求(10分): 1、建立word格式说明文件(5分) ●清楚表述网站的整体设计意图及其功能 ●列举网站设计中使用的技术 ●列举每个网页文件的名称及其功能 ●不少于300字 2、所有文件打包成RAR压缩包文件名称格式为:学号.rar,如0601100301.rar。打包后的文件大小不超过10MB。(5分) 六、上交作业邮箱 将压缩好的RAR文件(名称必须为:学号.rar))发送至jk2011qmks@https://www.sodocs.net/doc/6f11127375.html, 作业提交开始时间:2012年5月7日(星期一) 作业提交截止时间: 2012年5月13日(星期日),在规定时间段内交作业加10分,逾期接收不加分,最晚在5月20日前交作业。注:2份作品如雷分部分超过30%,均为0分。 2012年4月16日 1

网页设计大作业word模板

伊犁师范学院《网页设计》期末课程设计 设计题目:我的个人网页 学号:018 姓名:马建武 院系:电子与信息工程学院 专业班级:计科08-2 指导老师:王雪峰 日期:2011-6-20

一、设计思想 随着网络技术的飞速发展,网络已经遍及每个人的身边,通过个人网页把自己展示在网络上,不仅可以获得更多的朋友,有用的信息,也是跟随时代发展,做走在时代前沿的一个有效方式,本网站旨在设计一个个性化的个人网站,展现自己的生活,学习,爱好等等信息,通过本网站把自己展示出来。 二、开发环境及软件 Windows XP,Macromedia Dreamweaver 8,photoshop等 三、系统结构功能图、页面结构草图及部分页面截图 四、部分代码(主要添加CSS代码) 1.添加首页背景音乐 2.运用框架

3.图片滚动 <td colspan="5" valign="top"> <marquee direction="left" loop="-1"><img src="../photos/图像" width="134" height="133"><img src="../photos/图像" width="134" height="133"><img src="../photos/图像" width="134" height="133"> </marquee> </td> 4.文本css样式 .s1 { font-family: "宋体"; font-size: 18px; font-weight: bold; color: #3333CC; text-decoration: blink; text-align: center;</p><h2>网页设计大作业</h2><p>网页设计与制作报告书 课程名称:网页设计与制作 报告题目:几米的空间 专业班级:旅管1002班 学号:100104110221 姓名:杨玉颖 指导教师:胡一波</p><p>目录 一、................................. 开发背景 二、................................. 网页设计技巧 三、................................. 网站结构 四、................................. 应用工具方案 五、................................. 频道栏目划分 六、................................. 测试 七、................................. 周期与成本估算 八、................................. 结论</p><p>摘要: 在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。 关键字:网页制作;制作方法;设计要素;网页测试</p><p>一、网页制作开发背景 Dreamweaver以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页,利用它可以轻松的组织、编辑网页并将其发布到指定的站点上,而且在发布之后还能对更新情况进行监控以更新站点的内容。现在流行的网页制作软件有很多,如Macromedia 公司的Dreamweaver、微软公司的Dreamweaver、还有Adobe Pagemill 3.0--制作多框架,表单和Image map 图像的网页工具、Netscape等等。其中Dreamweaver更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页,利用它可以轻松的组织、编辑网页并将其发布到指定的站点上,而且在发布之后还能对更新情况进行监控以更新站点的内容。工具准备好了,可根据你的个人喜好来选择一些素材,如图片、喜欢的文章等。 二、网页制作设计技巧 首先,我们来看一下创建一个只包含一个网页的站点。选择“文件”菜单的“新建”选项,单击“站点”命令,这时新建站点对话框就弹出来了,在“指定新站点位置”文本框中输入新站点的位置,单击“只有一个网页的站点”图标,单击“确定”按钮。这就建立好站点了,我们现在来看一下新的站点里有什么,单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件,名字叫做“index.htm”。我们知道,每</p><h2>UI设计网页要求规范</h2><p>1、页面命名 每个页面都要有与之模块对应的名称。 2、页面兼容性 (1)页面大小兼容 o自适应1366*768px及以上的分辨率 o默认窗口设置下,不应出现水平滚动条,避免出现垂直滚动条(当容过多时允许滚动条) (2)弹窗、弹页要保证768高度的分辨率显示正常,同时能移动查看弹出框容。弹出框高度为不超过450px,且显示在容页面相对水平、垂直相对居中位置。 (3)浏览器兼容 兼容Chrome、Firefox、Safari、IE8及以上主流浏览器。 o文字 文字用系统自带的常规字体,且分一级标题、二级标题、主容文字、次容文字、辅助文字(说明或引导性文字,提醒性文字),分别用不同的字号、颜色。具体字号大小和颜色参考UI设计效果图。 o容图片 容图片均带1px描边;容图片未加载出来时显示系统默认图片。</p><p>1、数据操作 显示数据(表格) (1)表头:字体加粗、且比单无格容字体大一号,且体字体大小参照UI效果图。 (2)单无格:文字图片容左对齐,数字、金额容右对齐。 (3)操作容原则上均用文字表达,如“编辑-删除” (4)鼠标划过表格单行时,颜色高亮。 (5)原则上每页显示15-20条数据,实际显示条数据可按设计排列效果而定。 (6)表格中不定长的字段,固定显示宽度,超出容用“…”显示光标停留后,在浮动层显示详细容。 选中数据 (1)勾选全选则选中当页所有记录 (2)去掉当页某个记录的勾选,则全选也去掉勾选。 (3)翻页后,自动去掉已勾选的记录及全选的勾选。 (4)翻页后是否进行选择记录的保留应试具体业务而定。 (5)刷新页面后,自动去掉已勾选的记录及全选的勾选。</p><p>新增数据 (1)新增的记录必须排在新增页的首行; (2)所有列表页面默认按数据新增时间倒序排列。 (3)提交失败后留在当前提交页,且保存用户已经输入的容以便再次提交。 (4)提交成功后自动回到数据列表页。 (5)提交时需对主要标识字段进行重复值、空值(空格)判断。 修改数据 (1)修改完成后必须回到原记录所在位置,且刷新显示修改后的值。 (2)提交失败后留在当前提交页,且保存用户已经输入的容以便再次提交。 (3)在查询条件下修改返回后,保留原有查询条件,且修改后的数据如果不满足查询条件则不显示。 (4)提交时需对主标识字段进行重复值、空值(空格)判断。 查询数据 (1)把所有查询条件全部显示出来,并放在查询列表上方位置。 (2)每个查询条件必须有预置文案。 (3)每次查询后保留当前输入的查询条件。</p><h2>《网页设计与制作》期末考试题与答案</h2><p>〈网页设计与制作》期末考试试题、单项选择题(本大题共30小题,每小题2分,共60分) 1、目前在In ternet上应用最为广泛的服务是(b)。 A、FTP 服务 B、WWW 服务 C、Tel net 服务 D、Gopher 服务 2、域名系统DNS的含义是(b )。 A、Direct Network System B 、Domain Name Service C 、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn 由四个子域组成,其中(d)子域代表国别代码。 A、center B、nbu C、edu D、cn 5、当标记的TYPE属性值为(d )时,代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个 HTML文件开始应该使用的HTML标记是(c)。 A、<table> B、<body> C、<html> D、<a> 7、在客户端网页脚本语言中最为通用的是(a)。 A、javascript B、VB C、Perl D、ASP & 在HTML中,标记的Size属性最大取值可以是(c)。 A、5 B、6 C、7 D、8 9、在HTML中,单元格的标记是(a )。 A、<td> B、<span> C、<tr> D、<body> 11、下面不属于CSS插入形式的是(a )。 A、索引式 B、内联式 C、嵌入式 D、外部式</p><p>12、在网页中最为常用的两种图像格式是(a)。 A、JPEG 和 GIF B、JPEG 和 PSD C、GIF 和 BMP D、BMP 和 PSD 13、如果站点服务器支持安全套接层(SSL),那么连接到安全站点上的所有URL开头是 (b)。 A、HTTP B、HTTPS C、SHTTP D、SSL 14、在HTML中,要定义一个空链接使用的标记是(a ). A、<a href= "#"> B、<a href= ”?"> C、<a href= "@"> D、<a href= ”"〉 15、对远程服务器上的文件进行维护时,通常采用的手段是(b) A、POP3 B、FTP C、SMTP D、Gopher 16、下列Web服务器上的目录权限级别中,最安全的权限级别是(a ) A、读取 B、执行 C、脚本 D、写入 17、用Fireworks切割图形时,需要的工具是(c) A、裁剪 B、选取框 C、切片 D、自由变形 18、 In ternet上使用的最重要的两个协议是(b ) A、TCP 和 Tel net B、TCP 和 IP C、TCP 和 SMTP D、IP 和 Tel net 19、 body元素用于背景颜色的属性是(c) A、alink B、vlink C、bgcolor D、background 20、下面说法错误的是(d) A、规划目录结构时,应该在每个主目录下都建立独立的images目录 B、在制作站点时应突出主题色 C、人们通常所说的颜色,其实指的就是色相 D、为了使站点目录明确,应该采用中文目录</p><h2>网页设计规范</h2><p>网页设计规范 网页设计标准尺寸: 1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。 2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。(在dw里面有设定好的标准值,1024*768页面的标准大小是955*600,照着它的尺寸做就行了) 3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右 4、在PS里做的图到了网上就不一样了,颜色等等方面,因为WEB上面只用到 256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广,所以自然会有失色的现象. 页面标准按800*600分辨率制作,实际尺寸为778*434px 页面长度原则上不超过3屏,宽度不超过1屏 每个标准页面为A4幅面大小,即8.5X11英寸 全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px 另外120*90,120*60也是小图标的标准尺寸 每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K 标准网页广告尺寸规格 1、120*120,这种广告规格适用于产品或新闻照片展示。 2、120*60,这种广告规格主要用于做LOGO使用。 3、120*90,主要应用于产品演示或大型LOGO。</p><p>4、125*125,这种规格适于表现照片效果的图像广告。 5、234*60,这种规格适用于框架或左右形式主页的广告链接。 6、392*72,主要用于有较多图片展示的广告条,用于页眉或页脚。 7、468*60,应用最为广泛的广告条尺寸,用于页眉或页脚。 8、88*31,主要用于网页链接,或网站小型LOGO。 网页中的广告尺寸 1、首页右上,尺寸120*60 2、首页顶部通栏,尺寸468*60 3、首页顶部通栏,尺寸760*60 4、首页中部通栏,尺寸580*60 5、内页顶部通栏,尺寸468*60 6、内页顶部通栏,尺寸760*60</p><h2>信息发布与网页设计课程 2015 2016 1 期末综合作业</h2><p>对外经济贸易大学信息发布与网页制作期末考试试卷 对外经济贸易大学 2015-2016学年第一学期 《信息发布与网页制作》课程 本科生期末考试要求(A卷) 课程课序号:CMP322 学号姓名成绩。 综合考试要求 1、按题中要求,独立完成。如有拷贝或与他人雷同者,以0分论处。 2、作业公布日期:2015年12月15日;提交的截止日期为:2016年1月4日。 一、(共10分)按如下要求提交文件得分______ 以自己“学号+姓名”命名文件夹,并以此根文件夹创建站点;根文件夹下,至少包含下列子文件夹,严格按类存放站点中的所有文件(主页除外): 1、Html:存放HTML文件 2、Image:存放图片文件 3、Sound:存放声音文件 4、Css:存放css文件 5、Flash:存放flash文件 6、Movie:存放电影视频文件 压缩整个文件夹,通过TAS平台提交。 二、(共10分)设计小型网站,内容主题为“我的路,我的爱”。得分______ 设计有3个窗口的框架集,框架集网页文件命名为“姓名+index.html”。框架集网页中,左下侧窗口命名为“姓名+left.html”,放置导航栏目网页;右下侧窗口命名为“姓名+main.html”,作为导航栏被链接网页的“目标”窗口,用于显示被链接的网页;上侧窗口命名为“姓名+top.html”,显示个人信息。要求框架集网页边框可调(导航和目标显示页),窗口中内容超出窗口时,要出现滚动条,以便于浏览。 三、(共10分)个人信息网页、导航栏网页。得分______ 1、个人信息网页(5分) 显示网站主题、网站制作者:“学号+姓名”、所在院系、自己照片、手机号码等。拍摄自己照片的时候,请拿着一个牌子拍摄,牌子上有自己的姓名、学号等信息。网页命名为“姓名+top.html”,网页标题为“学号+姓名+手机号码+个人信息网页”,放在框架集的上侧窗口中。 2、导航栏网页(5分) 网页功能是网站导航。围绕站点主题“我的路,我的爱”,设置如下6个网页的链接。</p><h2>网页设计_期末报告</h2><p>2014-2015学年上学期 《网页设计》课程期末大作业说明 1.题目:*****网站设计与实现(根据学期初自已的选题确定) 其中应包含以下内容: (1)网站设计概述 ?需要掌握的基本技术及它们的作用 ?平台的搭建和开发工具的选择 ?你的设计目标:解释你设计的主题和目标 (2)典型网站设计分析及学习 ?以期中作业为基础,分析经典网站的设计 ?强调两点:文档标记的标准化与格式化,布局方式 ?从中你学到了什么?文件的组织结构、图片的大小、命名等,请自己 思考展开 (3)设计与实现 ?完成你自己的设计 ?整体布局思路:流式布局或固定布局?布局采用什么技术? ?包含适当的代码及截图 ?代码请保持良好的格式 ?页面中的支撑文本可以任取样本文字 (4)总结 ?从这门课你学到了什么? ?还有什么需要在今后的学习中加以拓展? ?WEB上的一些新的发展趋势,如HTML5你如何看? 2.请提交: (1)设计报告(A4纸打印) ?word文档 ?格式和基本内容要求(见附件1) (2)电子文件(以下文件压缩打包,以“学号_姓名”方式命名) ?HTML文档:index.html ?CSS文件:final.css ?图片文件夹img: ?设计报告的电子版:学号_姓名.doc 3.提交时间和方式: (1)完成时间表: ?2015年1月8日:提交最后完成的版本 (2)地点: ?上课地点 4.附件:报告格式</p><p>《网页设计》期末课程设计报告 题目:灵异世界网站 姓名:许蕾 学号:12990255 日期:2014年12月30日 摘要 请解释在这门课程的学习过程中,你学到了哪些知识?以及如何运用这些知识,来进行设计与实现的。 随着大三上学期正式的开始,抱着懵懂的心态,选择了网页设计与制作这门课程,曾记得第一节的课的时候,老师让每一位同学提一个问题,上完第一节课似乎我应该大概明白我们这学期学习网站关于哪方面的知识,接下来,在听完老师讲课的基础上,自己学习w3Cschool在线学习网站上关于html标记语言和css样式方面的教程。对此感觉这学期更加明白了网站标记与设计方面的理解,也增添了我对于网站学习的热情。 本学期学习到的知识有: 1.简单的html标记;例如 ; <h1></h1>; <pre></pre>; <frameset></frameset>;等等方面的标签,利用这些标签基本上可以实现了一些网页上的 基本功能,对于他们分别的属性也有所了了解,在设计你网页的时候,应用的更加得心应手。 2.布局方式上从原有的知识结构中只能用表格来规划整个网页的思想中解脱出来,了解了关于 div标签的浮动布局,“层”的应用,使整个网页布局显得不那么呆板,而是更加的灵活。因 此受益匪浅啊。 3.css样式 基于对于css样式的初步了解,使我在网页设计上减少了很多不必要时间的浪费,而且很多 功能实现起来比以前的方式更加的方便与灵活。但是关于css样式只是处于基本的了解层面, 更多的知识,我想我以后会在仔细的钻研。 你最初的目标是设计一个***类型的网站,以此为目标,你做了哪些工作?最终是否完成了既定目标? 我最初的目标是设计一个关于灵异世界方面的网站,以此为目标,我首先展开了对于灵异世界方面知识的收集,刚开始的时候是想按照自己的想法来设计的,后来觉得应该先有模仿,再有创新。因此接下来开始收集各种关于灵异世界网站,研究他们采用的布局和样式,在此期间,遇到了很多的问题,由于对网页代码,以及动态网站的了解是一片空白,因此在研究的时候真是白爪挠心,非常的痛苦,后来恍然大悟,学术这个东西是需要时间来慢慢研究的,不能急于求成,因此对此暂且放弃。开始着重关注css样式和页面设计这方面的东西,根据老师的推荐——禅意花园,在这个很好的学习css样式的网站中遨游,最终做出了自己还是比较满意的网站了吧。</p><h2>网页设计规范制</h2><p>网页设计规范制</p><p>网页设计规范 一、展现布局 (一)展现。 1.政府网站应简洁明了,清新大气,保持统一风格,符合万维网联盟(W3C)的相关标准规范要求。 2.政府网站应确定1种主色调,合理搭配辅色调,总色调不宜超过3种。使用符合用户习惯的标准字体和字号,同一类别的栏目和信息使用同一模板,统一字体、字号、行间距和布局等。 3.按照适配常见分辨率的规格设计页面,首页不宜过长。在主流计算机配置和当地平均网速条件下,页面加载时长不宜超过3秒。 4.对主流类别及常见版本浏览器具有较好的兼容性,页面保持整齐不变形,不出现文字错行、表格错位、功能和控件不可用等情况。 5.网站内容要清晰显示发布时间,时间格式为YYYY—MM—DD HH∶MM。文章页需标明信息来源,具备转载分享功能。 6.页面中的图片和视频应匹配信息内容,确保加载速度,避免出现图片不显示、视频无法播放等情况。避免使用可能存在潜在版权纠纷或争议的图片和视频。 (二)布局。 1.政府网站页面布局要科学合理、层次分明、重点突出,一般分为头部标识区、中部内容区和底部功能区。</p><p>2.头部标识区要醒目展示网站名称,可根据实际情况展示中英文域名、徽标(Logo)以及多语言版、搜索等入口,有多个域名的显示主域名。 3.中部内容区要遵循“从左到右、从上到下”的阅读习惯,科学合理设置布局架构。 4.底部功能区至少要列明党政机关网站标识、“我为政府网站找错”监督举报平台入口、网站标识码、网站主办单位及联系方式、ICP备案编号、公安机关备案标识和站点地图等内容。 5.政府网站各页面的头部标识区和底部功能区原则上要与首页保持一致。 (三)栏目。 1.栏目是相对独立的内容单元,一般为一组信息或功能的组合,按照信息类别、特定主题等维度进行编排并集中展现。 2.栏目设置要科学合理,充分体现政府工作职能,避免开设与履职行为、公众需求相关度不高的栏目。政府门户网站和部门网站应设置机构职能、负责人信息、政策文件、解读回应、工作动态、互动交流类栏目。 3.栏目名称应准确直观、不宜过长,能够清晰体现栏目内容或功能。 4.栏目内容较多时,可设置子栏目。栏目页要优先展现最新更新的信息内容。</p><h2>网页设计与制作试题及答案</h2><p>《网页设计和制作》期末测试试题 一、单项选择题(本大题共15小题,每小题2分,共30分) 1、目前在Internet上使用最为广泛的服务是( )。 A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务 2、域名系统DNS的含义是( )。 A、Direct Network System B、Domain Name Service C、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn由四个子域组成,其中( )子域代表国别代码。 A、center B、nbu C、edu D、cn 4、当阅读来自港澳台地区站点的页面文档时,应使用的正确文本编码格式是( )。 A、GB码 B、Unicode码 C、BIG5码 D、HZ码 5、当标记的TYPE属性值为( )时,代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个HTML文件开始应该使用的HTML标记是( )。 A、<table> B、<body> C、<html> D、<a> 7、在客户端网页脚本语言中最为通用的是( )。 A、javascript B、VB C、Perl D、ASP 8、在HTML中,标记的Size属性最大取值可以是( )。 A、5 B、6 C、7 D、8 9、在HTML中,单元格的标记是( )。 A、<td> B、<span> C、<tr> D、<body> 10、在DHTML中把整个文档的各个元素作为对象处理的技术是( )。 A、HTML B、CSS C、DOM D、Script(脚本语言) 11、下面不属于CSS插入形式的是( )。 A、索引式 B、内联式 C、嵌入式 D、外部式 12、在网页中最为常用的两种图像格式是( )。 A、JPEG和GIF B、JPEG和PSD C、GIF和BMP D、BMP和PSD 13、如果站点服务器支持安全套接层(SSL),那么连接到安全站点上的所有URL开头是( )。 A、HTTP B、HTTPS C、SHTTP D、SSL 14、在HTML中,要定义一个空链接使用的标记是( ). A、<a href=”#”> B、<a href=”?”> C、<a href=”@”> D、<a href=”!”> 15、对远程服务器上的文件进行维护时,通常采用的手段是( ) A、POP3 B、FTP C、SMTP D、Gopher 二、多项选择题(本大题共15小题,每小题2分,共30分。在每小题的五个备选答案中,选出二至五个正确的答案,并将正确答案的字母分别填在题干的括号内,多选、少选、错选均不得分。) 1.WWW的组成主要包括( ) A.URL B.Gopher C.HTML D.HTTP https://www.sodocs.net/doc/6f11127375.html,</p><h2>网页设计与制作期末作业</h2><p>《网页设计》课程 期末考试作业 网站名称:孤独的探戈 设计人:谢岭 班级:电子商务151 学号:37 评阅人:王选勇 学期:2016~2017学年第1学期成绩: 丽水学院工学院 2016.12</p><p>诚信承诺 我谨在此承诺:本人所完成的《网页设计基础》期末考试作品均系本人独立完成,没有抄袭行为,凡涉及其他作者的观点和材料,均作了注释,若有不实,后果由本人承担。 承诺人(签名):谢岭 2016 年 12 月 25日</p><p>《网页设计》课程期末考试作业成绩评定表</p><p>《孤独的探戈》设计说明书 一、选题的分析 (选题的意义,针对选定的课题,打算如何展开设计,想表达什么内容?)本次我选的网站主题是音乐,我平时就十分喜欢听音乐,我觉得音乐是一种年轻人表达自我的一种方式,通过音乐我们能表现自己的喜怒哀乐,表现出自己的生活态度。音乐能够给我们力量,给我们安慰,给我们无限的希望。我们心里总有那么一首歌,想唱给心爱的姑娘;总有那么一首歌,慰藉我们孤独的灵魂。因此,我也想制作一个音乐网站,通过音乐的力量来给更多的人温暖和安慰。 针对这次选定的主体,我打算制作六个网页,分别为首页,歌手,专辑,排行榜,MV和自我简介六部分。首先制作之前,我借鉴参考了主流音乐网站QQ音乐和网易云音乐的网页排版布局,取其精华,为我所用。我初步确定了本次网页布局为简单的上下型,简洁明了方便用户浏览。网页内容为图文并茂,以较少的文字加上多彩的图片吸引用户兴趣。总而言之,这次网站设计的理念是极简主义,去除多余的文字,排版内容简单明了,贯穿一种单纯真诚的生活态度。</p><p>二、如何运用网络的优点进行更好的表达 (网站的版面风格、版式、颜色、互动性、多媒体等。为什么这样做?)首先,本次网站页面的版面布局借鉴了一些优秀的音乐网站的排版,版面以上下型为主,风格偏简洁舒适自然,因为过多的东西以及一些花俏的动画,会给人视觉疲劳,看来起来繁重累赘,不利于用户的浏览体验。 网页的颜色以白色,灰色为主,看起来低调却富有内涵,同时加入多彩的图片以至于整体不会太沉闷。色彩协调,给人以自然舒适的感觉。 关于网站的交互性,我设置了六个页面的相互链接和用户登录链接,能够满足网站必要的互动。网页的互动性通过链接点实现,大部分的网页都需要有很醒目的导航,实现各个页面的跳转。所以在网站的顶部加了各个网页的链接便于用户寻找,方便用户使用。 整个网页制作过程中,采用了多媒体中的文本、图像、链接、表格等内容。通过多媒体的综合运用,使网站变得生动有趣。</p><h2>网页设计期末作品要求</h2><p>广告1311、1322班网页设计期末作品要求 作品一: 请你用综合应用本课程dreamweaver和前期学过的photoshop、flash软件,为某企业(可以是服装、汽车等)制作一个网站首页。素材自行从网络中查找并下载,可使用DIV标签、CSS样式、图片、多媒体、表单等元素。作品要求能体现企业的特色,主题鲜明,能吸引顾客的眼球。 作品二: 请你用综合应用本课程dreamweaver和前期学过的photoshop、flash、dreamweaver软件的所有功能,自由发挥,制作建筑与艺术学院的网站。可使用DIV标签、CSS样式、图片、多媒体、表单等元素。作品要求能体现我们建筑与艺术学院的特色,主题鲜明,能吸引大家的眼球 以上两个期末作品同学们任意选择其中一个进行制作。 评分办法:组织有关老师组成评审组,按照作品评分指标进行评审,确定成绩。 评分指标</p><p>参考网站: https://www.sodocs.net/doc/6f11127375.html,/ https://www.sodocs.net/doc/6f11127375.html,/ https://www.sodocs.net/doc/6f11127375.html,/xkjs/ztsl/ https://www.sodocs.net/doc/6f11127375.html,/ https://www.sodocs.net/doc/6f11127375.html,/ https://www.sodocs.net/doc/6f11127375.html,/ https://www.sodocs.net/doc/6f11127375.html,/ https://www.sodocs.net/doc/6f11127375.html,/ https://www.sodocs.net/doc/6f11127375.html,/sy/ https://www.sodocs.net/doc/6f11127375.html,/ https://www.sodocs.net/doc/6f11127375.html,/ https://www.sodocs.net/doc/6f11127375.html,.hk/ https://www.sodocs.net/doc/6f11127375.html,.hk/chi/index.php https://www.sodocs.net/doc/6f11127375.html,/pages/home/home.php</p><h2>《网页设计》2015-2016学年第一学期期末考试试卷(A)</h2><p>试卷:共 1 页 第 1 页 适用年级、层次、专业:14级、本科、软件工程、物联网工程、网络工程专业 课程名称:《网页设计》 A 卷 考试形式:□闭卷 █开卷 □笔试 █机试 考试时间:一周(第15周) 试卷总分:100分 一、网站制作题(共计 100 分) 说明: 1. 请考生将所有文件都存放于站点文件夹中,站点的首页以index.html 命名存放于站点总文件夹中,将站点文件夹打包,最终上交打包文件即可。作业包命名方式,“学号+姓名”命名。 2. 大作业提交时间:第15周。 要求: 1. 主题自选,企业网站,技术博客,个人博客,兴趣爱好者论坛,学习网站,个人简历式网站等。 2. 可以使用框架、iframe 、DIV+CSS 布局技术,不推荐使用表格布局。 3. 站点结构清楚、完整,页面至少要有4个页面(首页,子页,注册页,站点说明页等),多个子页的可以使用相似布局。其中,“站点说明”页面简要说明本站点的设计过程、站点的功能、站点所用到的主要结构元素、创新点等。 4. 网站有一定的静态交互内容页,如留言板页面,注册页,搜索等。 5. 代码规范,命名合理。页面内容丰富、主题明确、色彩协调、结构清晰,图片、Flash 对象等符合主题。 6. 作业提交时应将整个站点打包,有提供网络地址的,请将地址附在站点内的记事本中。 7. 创新分项: a) 使用Spry 构件、JavaScript 相关技术的加分; b) 注册页有验证的加分; c) 给出网络地址并能正常使用的加分; 二、评分标准 广东科技学院2015-2016学年第一学期《网页设计》期末考试试卷(A 卷) … … … … …… … … … ……装……………… … …… … …………………订………… …… … … … …… … 线 … …… … … … …… … … … … (装 订 线 外 请不要 答题 )</p><h2>网页设计规范</h2><p>标准字体字号: 中文网页一般文字正文都采用宋体12号(12px)字体,因为这个字体是系统对于浏览器特别优化过的字体。虽然12px-20px的宋体字都还能看,但是宋体12px是最漂亮的,也是最普遍应用的。 黑体一般是14号,因为一般很少用黑体做正文,主要都是标题或者是关键字。黑体14px是优化过的字体。 英文网页一般用11px字号,个人最喜欢的字体是tahoma与verdana这两种!特别是verdana,是最经典,最好用的字体! 网页标准宽度: 1、在IE6.0下,宽度为显示器分辨率减21,比如1024的宽度-21就变成1003;800宽-21=779。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。 2、在Firefox下,宽度的分率辨减19。比如1024的宽度-19就变成1005 3、在Opear下,宽度的分率辨减23。比如1024的宽度-23就变成1001 (注:Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。) 所以如果是1024的分辨率,你的网页不如设成1000安全一点。 如果是800的分辨率一般都设成770。 这些需要明白并且牢记,不然很可能做出来不符合浏览器要求,不过一般我们都回设定的再稍微小一点,应为有些浏览器加了插件或者其他的东西宽度会有变化所以800的分辨率一般设定760左右,1024的设定990左右。 在这个显示器百花齐放的时代,网页设计师往往需要考虑不同客户端的浏览体验。 文字大小,是用户体验中的一个重要部分。不同的分辨率,不同的显示器尺寸,不同的DPI,乃至不同的浏览器设置,都会对最终展现的文字大小带来影响。虽然现在很多浏览器已经可以方便地缩放页面,但用户每次光临都要重新缩放,总归麻烦,何况还有许多用户不知道如何缩放页面。最好还是根据用户的分辨率给用户一个比较体贴的默认字号,那这个字号多大合适呢? 12px?14px?15px?16px?还是压根就不应该使用px这个单位呢? 问题的根源,在于屏幕上的一切字号单位(px,pt,em)都是相对单位,单凭它们并不能确定文字的实际大小。何况人对文字大小的根本感知在于眼睛的视角,这不仅取决于文字的物理尺寸,还取决于它到人眼的距离。 物理尺寸 首先假定一个我们希望达到的文字物理尺寸,例如设定为17寸1280 * 1024显示器上的16px,计算可得它的高度约是4.32mm,我们计划让网页文字在大部分显示器上都比较接近这个大小,那么在不同分辨率下应该显示成多大的字号呢? 第一步:统计用户主要的分辨率和对应的屏幕大小。 要在物理尺寸和分辨率之间换算,首先要统计分辨率和对应的屏幕尺寸。用户分辨率的分布情况可以从网站的统计日志里获得。由于每个分辨率设置可能对应好几个不同尺寸的屏幕,而屏幕尺寸又无法通过网页获得,只好对现在的显示器市场进行统计分析:针对某一分辨率,统计可能的屏幕尺寸范围,从最小到最大,相对主流的是多大(或使用该范围的中间值作为主流尺寸)。如下图所示——</p><h2>web期末设计大作业经典作品</h2><p>网站开发技术课程设计报告 题目:兄弟依旧 专业: 班级: 学号: 姓名: 老师: 成绩:_____________________</p><p>一、网站设计要求 ?站点题目:自定 ?具体内容自行设计; ?具体要求: 按照Fireworks作效果图—〉切图—〉页面布局的过程进行; 须提交完整的Fireworks页面效果图; 必须用CSS+DIV页面布局; 页面中必须包含JavaScript编程; 页面中必须包含Flash动画(须提交Flash源文件.fla); 二、信息等相关素材收集 基于设计网站的的要求,其内所包含的图片与文字信息皆来自互联网。并且其选材比较贴合电影说体现的主题,再加上其内的色彩调用,很会让人为之动容并有一种身临其境的感觉。 三、个人网站的总体规划和步骤 1、设计的目的 又一年毕业季,又是一个让彼此动容的季节,在向这段充满欢笑、充满浪漫、充满豪情壮志、也充满酸涩与淡淡忧郁的学生时代告别之际。为此做了个网站以怀念曾经的你和我、曾经一起奋斗的日子、以及那个他或者她。还有此刻的美丽,以及无限的未来向往。 2、设计布局 在网站的右上角有一个音乐播放器,重复播放着BEYONGD的代表作(光辉岁月),在其下面有一个利用JavaScript制作的一个图片轮显效果的界面。写满了对大学四年的怀念图片。网站的左上角用flash制作的一个标题,并在其下方有一个用户登录栏,主要是为了方便用户对网页进行操作。最后一个网站的右下角是主题介绍的大学毕业的微电影链接。 3、网站具体设计过程 首先选定本网页制作工具是网页三剑客:Adobe Dreamweaver CS3+Adobe Fireworks CS3+Adobe Flash CS3</p><h2>13春学期《网页制作》期末考核作业</h2><p>东北大学继续教育学院 网页制作试卷(作业考核线上) A 卷学习中心: 院校学号:姓名: (共 6 页) 一、选择题(请将所有正确答案写到答题卡中,每小题3分,共60分) 有,答,案,q,q,49 6 90 15 84 1 . 以下关于FONT标记符的说法中,错误的是( ) A. 可以使用color 属性指定文字颜色。 B. 可以使用size 属性指定文字大小(也就是字号)。 C. 指定字号时可以使用1~7 的数字。 D. 语句<FONT size="+2">这里是2号字</FONT> 将使文字以2号字显示。 2 . 下列()不属于CSS的语句三个基本组成部分。 A. 选择符(selector)</p><p>B. 容器(box) C. 属性(properties) D. 属性的取值(value) 3 . 关于鼠标经过图像,下列说法正确的是( )。 A. 鼠标经过图像的效果是通过HTML语言实现的 B. 设置鼠标经过图像时,需要设置一张图片为原始图像,另一张为鼠标经过图像 C. 可以设置鼠标经过图像的提示文字与链接 D. 要制作鼠标经过图像,必须准备两张图片 4 . 保存文档后,按()键在浏览器预览效果。 A. F12 B. F5 C. Ctrl+Enter D. F4 5 . HTML的颜色属性值中,Black的的代码是( ) A. "#00FF00" B. "#008000" C. "#000000" D. "#005060" 6 . 如下所示的这段CSS样式代码,定义的样式效果是()。 A:link {color:#ff0000;} a:visited {color:#00ff00;} a:hover {color:#0000ff;} a:active {color:#000000;} A. 默认链接色是绿色,访问过链接是蓝色,鼠标上滚链接是黑色,活动链接是红色 B. 默认链接色是蓝色,访问过链接是黑色,鼠标上滚链接是红色,活动链接是绿色 C. 默认链接色是黑色,访问过链接是红色,鼠标上滚链接是绿色,活动链接是蓝色 D. 默认链接色是红色,访问过链接是绿色,鼠标上滚链接是蓝色,活动链接是黑色 7 . 在Dreamweaver中,下面关于层的说法错误的是( ) A. 层可以被准确地定位于网页的任何地方 B. 可以规定层的大小</p> <div> <div>相关主题</div> <div class="relatedtopic"> <div id="tabs-section" class="tabs"> <ul class="tab-head"> <li id="15800744"><a href="/topic/15800744/" target="_blank">网页设计期末作品要求</a></li> <li id="10541762"><a href="/topic/10541762/" target="_blank">网页设计规范</a></li> <li id="21971882"><a href="/topic/21971882/" target="_blank">网页设计的八大要求</a></li> <li id="2023728"><a href="/topic/2023728/" target="_blank">网页设计期末作业</a></li> <li id="2726143"><a href="/topic/2726143/" target="_blank">网页设计期末大作业</a></li> </ul> </div> </div> </div> </div> <div class="category"> <h2 class="navname">相关文档</h2> <ul class="lista"> <li><a href="/doc/1b1535354.html" target="_blank">网页设计与制作试题及答案</a></li> <li><a href="/doc/f813304376.html" target="_blank">网页设计与制作期末考试试题及答案</a></li> <li><a href="/doc/4e8498664.html" target="_blank">网页设计方案期末测验考试课程设计方案要求</a></li> <li><a href="/doc/8216362977.html" target="_blank">网页设计作业要求</a></li> <li><a href="/doc/b78929240.html" target="_blank">《网页设计与制作》期末考试试题及答案</a></li> <li><a href="/doc/0d2720498.html" target="_blank">网页设计期末作业要求</a></li> <li><a href="/doc/d41449295.html" target="_blank">Html5网页设计期末考试要求</a></li> <li><a href="/doc/268761586.html" target="_blank">网页设计大赛:作品要求</a></li> <li><a href="/doc/6c8359878.html" target="_blank">《Dreamweaver网页设计》期末试卷</a></li> <li><a href="/doc/ac458210.html" target="_blank">网页设计作品设计说明</a></li> <li><a href="/doc/cb1707145.html" target="_blank">网页制作课程设计(期末考试)要求及评分标准</a></li> <li><a href="/doc/0916348289.html" target="_blank">信息发布与网页设计课程 2015 2016 1 期末综合作业</a></li> <li><a href="/doc/f59182784.html" target="_blank">网页制作课程设计(期末考试)要求及评分标准</a></li> <li><a href="/doc/3110414907.html" target="_blank">网页设计期末作品试卷</a></li> <li><a href="/doc/8113439941.html" target="_blank">《网页设计与制作》期末考试作品要求及评分标准</a></li> <li><a href="/doc/a45323317.html" target="_blank">网页设计作品设计说明</a></li> <li><a href="/doc/c418881631.html" target="_blank">网页设计期末考试课程设计要求</a></li> <li><a href="/doc/186893983.html" target="_blank">网页设计期末考试大作业要求</a></li> <li><a href="/doc/5c4968295.html" target="_blank">网页设计期末考试试卷,附加参考答案</a></li> <li><a href="/doc/9611410405.html" target="_blank">《网页设计与制作》期末考试试题及答案19102</a></li> </ul> <h2 class="navname">最新文档</h2> <ul class="lista"> <li><a href="/doc/0919509601.html" target="_blank">幼儿园小班科学《小动物过冬》PPT课件教案</a></li> <li><a href="/doc/0d19509602.html" target="_blank">2021年春新青岛版(五四制)科学四年级下册 20.《露和霜》教学课件</a></li> <li><a href="/doc/9419184372.html" target="_blank">自然教育课件</a></li> <li><a href="/doc/3c19258759.html" target="_blank">小学语文优质课火烧云教材分析及课件</a></li> <li><a href="/doc/d619211938.html" target="_blank">(超详)高中语文知识点归纳汇总</a></li> <li><a href="/doc/a219240639.html" target="_blank">高中语文基础知识点总结(5篇)</a></li> <li><a href="/doc/9e19184371.html" target="_blank">高中语文基础知识点总结(最新)</a></li> <li><a href="/doc/8f19195909.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/8619195910.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/7819336998.html" target="_blank">高中语文基础知识点总结大全</a></li> <li><a href="/doc/7b19336999.html" target="_blank">超详细的高中语文知识点归纳</a></li> <li><a href="/doc/6a19035160.html" target="_blank">高考语文知识点总结高中</a></li> <li><a href="/doc/6719035161.html" target="_blank">高中语文知识点总结归纳</a></li> <li><a href="/doc/4b19232289.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/3d19258758.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/2919396978.html" target="_blank">高中语文知识点归纳(大全)</a></li> <li><a href="/doc/2819396979.html" target="_blank">高中语文知识点总结归纳(汇总8篇)</a></li> <li><a href="/doc/1219338136.html" target="_blank">高中语文基础知识点整理</a></li> <li><a href="/doc/e819066069.html" target="_blank">化工厂应急预案</a></li> <li><a href="/doc/b819159069.html" target="_blank">化工消防应急预案(精选8篇)</a></li> </ul> </div> </div> <script> var sdocid = "696449ff5cf7ba0d4a7302768e9951e79a896956"; </script> <div class="footer"> <p>&copy; 2013-2022 www.sodocs.net &nbsp;<a href="/sitemap.html">站点地图</a>&nbsp;|&nbsp;<a href="/tousu.html" target="_blank">侵权投诉</a></p> <p><a href="https://beian.miit.gov.cn/">闽ICP备11023808号-8</a>&nbsp; 本站资源均为网友上传分享,本站仅负责收集和整理,有任何问题请在对应网页下方投诉通道反馈<script type="text/javascript">tj();</script></p> </div> </div> </body> </html>