文档库 最新最全的文档下载
当前位置:文档库 › 中央八大新闻网站网页设计的对比分析(一)

中央八大新闻网站网页设计的对比分析(一)

中央八大新闻网站网页设计的对比分析(一)
中央八大新闻网站网页设计的对比分析(一)

中央八大新闻网站网页设计的对比分析(一)

河南经贸职业学院朱长宝

【摘要】

二十世纪九十年代以来,互联网向新闻传播业的渗透,已成为新闻传播领域

一处独特的风景线。网络新闻的传播,翻开了新闻传播发展史上新型媒体与传统

媒体既共存互补又相互竞争的崭新一页。然而遗憾的是,目前对于新闻网站的研

究大都只停留在比较宽泛的层面,对于新闻网站的网页设计特点的研究还尚不多见。本文主要采用对比分析的方法,就中央八大新闻网站网页设计的特点和互相

之间的不同做出了深入细致的剖析,并对我国新闻网站的发展趋势做出了大胆的

展望,以期能够弥补该领域研究的不足,为我国新闻网站的健康发展提供有效的

参考。

【关键词】八大新闻网站域名版面设计色彩设计

引论

20世纪90年代末以来,我国政府投入巨资,重点建设了八大新闻网站,这

也是中央政府高度重视、强力建设的重要工程。即:新华网、人民网、国际在

线网(中国国际广播电台网)、央视国际网(中国网络电视台)、中国经济网、

中国网、中国日报网、中青网。当前,我国网络媒体的对外传播已形成“8+3”新闻网站的局面,即八大中央级新闻网站和三大门户网站。三大门户网站包括:新浪、搜狐和网易。

在新的时代背景下,根据受众需求特点,掌握和利用好网络新闻传播的基本

规律,用网页设计和编辑的相关理论作指导,建设和维护好这些政府新闻网站事

关重大,具有非常明显的现实意义。所以,完善和改进这些新闻网站的网页设计,使之更加及时、有效、丰富多元地传播新闻信息,满足受众需求,推动社会发展,是一项非常紧迫、势在必行的重要课题。

一、中央八大新闻网站域名和Logo之对比分析

网站的域名在实际使用中,就是网址的概念,是我们键入网站的入口。域名设

计是网页设计的第一步,因为,域名不仅仅是一个网站的入口,它本身就以文字或图片的形式,构成了网页最显著区域内(通常是首页的左上角)的一部分,从而成为网页设计的先导。在这一重要页面元素确实的情况下,如果进行页面设计方面的构思,常常会不得要领。对于新闻网站来说,搞好域名设计意义重大。在进入域名设计阶段后,即可启动对网站品牌的宣传,至少可以以征集域名和域名的正式确定这两个环节,作为网站的前期宣传重点。

网站logo,就是网站的标志图案,它一般出现在站点的每一个页面上,通常是网站首页的夺目之处,logo是页面的重的组成部分,通常都是在页面的左上方的最显著区域。现在不少的新闻网站的logo,都是将域名中的字母或部分字母进行美术处理,使之图案化,形成独特的logo设计。

(表1:我国八大新闻网站Logo一览表)

观察表1可以看出,在我国中央八大新闻网站中,中国网络电视台、国际在线、中国青年网和中国日报网的logo图标为中英文组合而成,而人民网、新华网、中国网和中国经济网的logo图标为中英文加网站域名的组合而成。在图标颜色的

选择上,人民网为红绿组合,新华网为黑绿蓝组合,中国网为红蓝黑,中国网络

电视台为单一的中国红,国际在线为灰红相间组合,中国日报网为蓝白组合,中

国经济网为红蓝组合。总的来说,这八大新闻网站的logo图标设计都各具特色,别出心裁。在网页位置上,除中国日报网处在整个网页的上方占据头区外,其余

都处在网页的左上角。

二、八大新闻网站版面设计的总体特点分析

作为传达某种信息的“载体”,网站版面设计风格必须切合载体的主题内容,不同的主题内容就会有不同的版式风格。例如,表达政治、法律、宗教等内容的版面,其网页风格就应该庄重、沉着或者严谨;表达文化、艺术等内容的版面,其网页风格就应该活泼、雅致或是浪漫;而表达旅游、娱乐、餐饮等内容的版面,其网页风格就自然会倾向梦幻、潇洒和诱人。我们在进行新闻网页设计的过程中,既要根据具体的主题确定适合的风格,还要考虑受众的阅读习惯和喜好。网络新闻版面设计最根本的原则可以概括为简约易读、富有个性与统一和谐。

简约易读:如中国网的页面,不但简洁,而且页面左侧的频道导航分类明确,中间的新闻导读恰到好处,为受众有效的阅读提供了轻松舒适的视觉环境。

(图1:中国网页面截屏)

富有个性:网页版面的个性也是网页吸引受众眼球、争取点击率的法宝。网页设计中的误区之一,就是千篇一律,或所谓的“大众化”。现在有不少网站大体上设计都是一样的,从标题的放置、按钮的编排到动画的采用都是如此,毫无特色可言。只有新颖的设计,才会在众多的网页中闪烁着与众不同的光芒。

如:人民网作为国家重点新闻网站的排头兵,其特色在于从设计的角度,把超量的信息包括文字与图像,摆放得轻重得当,井井有条,清晰易读,达到内容与形式的高度统一。

(图2:人民网页面截屏)

统一和谐:统一和谐含有两个方面的意思,统一是指设计的整体性和一致性,和谐是指页面上的元素要协调有序,浑然一体。

统一牵扯到色彩的统一、版式的统一、结构的统一、字体的统一等等。一般艺术设计中讲究的平衡、连贯、呼应和对比的方法,也是在网页设计中形成统一的有效手段。要在变化中追求统一。变化是各个组成部分之间的区别,统一是各个组成部分之间的关联。当我们把大量的信息塞到网页上时,要考虑怎样把他们用统一的方式来合理排布,使体感强的同时又有变化。这种变化从排布的形式上看或是颜色上看都可以体现,即体现出主从关系,呼应关系等,这样才使页面更加丰富,更有生气,看起来不感到枯燥乏味。

和谐是美学法则之一。对于网页设计来说,和谐主要就在于页面的视觉效果能否与人的视觉感受形成一种融合,一种沟通,产生心灵的共鸣。要在对比中追求和谐。在网页设计中要善于合理利用对比的因素,例如文本的排布,字体的大小,粗细,颜色,图片的宽窄,透明以及位置的放置等等,以取得更好的强烈视觉效果。只有做到对比与和谐的相辅相成,才能使网页特征鲜明对比,达到较美的审美层次。为了将丰富的意义和多样的形式组织成统一的页面结构,形式语言必须符合页面的内容,体现内容的丰富含义。八大网站都灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等手段,通过空间、文字、图形之间的相互关系建立整体的均衡状态,产生和谐的美感。如对称原则在页面设计中,它的均衡有时会使页面显得呆板,但如果加入一些富有动感的文字、图案,或采用夸张的手法来表现内容往往会达到比较好的效果。点、线、面作为视觉语言中的基本

元素,巧妙地互相穿插、互相衬托、互相补充构成最佳的页面效果,充分表达完

美的设计意境。

以下两家新闻网站分别是国际在线网和中青网,我们可以看到,这两家网站

(图3:国际在线网页面截屏)(图4:中青网页面截屏)

在色彩运用、logo设计、页面布局、旗帜广告位置和主打新闻图片等方面,均有较大的差异,但每个网站又都给人以浑然一体的感觉,在版式、色彩、结构

等方面又有变化,既和谐又有对比,令人人赏心悦目。

三、八大新闻网站版面的色彩设计原则及特点分析

一个新闻网站采用何种色彩?多种色彩如何搭配?这是网络新闻版面设计

者必然要认真考虑的问题,也是网页设计的重要方面之一。新闻网站的首页要做

到不同凡响、一鸣惊人,主要需要考虑三个"冲击力"的问题,即色彩的冲击力、Logo的冲击力和布局的冲击力。如果在这三方面都能给网友以全新的感受和强

烈的冲击,就达到了一个较高境界的首页设计理念。

与商业性网站的色彩斑澜和个人网站的简洁淡雅相比,新闻网站宜采用对比鲜明、冲击强烈的色彩作为首页的主色调。即以一两种基色的搭配的为主色,来显示新闻网站整肃而富有竞争力的特性。由于主色构成相对单一,所以宜通过较浓烈的色彩来强化人们的视觉,如果色彩过淡,感觉上会趋向于个人主页,也容易有失轻

漂,压不住阵。

网页色彩

网页色彩以简单为宜。色彩过于繁杂,容易让读者产生视觉疲劳。在采用两种以上颜色时,注意它们之间的关系配合,并利用位置、面积、浓淡和冷暖多种手段,务必使它们协调和富于美感。网页色彩设计是一个系统工程,不但要考虑单页效果,还要考虑网站中所有网页色彩上的呼应和配合。

色彩原则:鲜明、独特、合适、想象

好的内容与布局,如果没有好的色彩来烘托,就可能显得平淡无奇。但是毫无章法的色彩堆积,也会给人以恶俗的感觉。通过色彩的良好搭配,我们能够让网页上的内容以最轻松的方式让读者阅读,也需要做到搭配的和谐和美感,还应当让人产生合适的心理感觉和联想。

色彩选用

一般情况下,彩色页面较完全黑白页面更加吸引人。因此,通常的做法是:主要内容文字用黑色,边框、背景、图片用彩色。这样页面整体上看来就不单调,而且能够减轻读者的阅读成本。但也不能选用过多色彩,这样效果反而会大打折扣,尽量控制在三种色彩之内。另外,背景和前文的对比尽量要大,绝对不要用花纹繁复的图案作为背景,以便突出文字的主要内容。

网页的色彩使用应该体现以下原则:鲜明性:色彩要鲜艳,容易引人注目;独特性:要有与众不同的色彩,以给访问者留下深刻的印象;合适性:色彩要与网页内容气氛相适合,色彩搭配也要便于阅读;想象性:不同色彩会产生不同的联想,选择色彩要和网页的内涵相关联。例如:新华网此次世博会报道就以蓝色作为基调,产生一种非常和谐的感觉,符合网页色彩实际的原则,也显得简约明了。(图5:新华网页面截屏)。

据了解,世界上70%以上的新闻网站的首页都为蓝色系列,如人民网的首页就是蓝色的,其蓝色主要是通过首页所选用的字体颜色蓝体现的。除蓝色外,还有不少新闻网站的主体色选用黑色和灰色,如纽约时报网站、泰晤士时报网站都是黑色的,法兰克福网站是灰色的。由此可见,新闻网站的首页色彩不但颜色偏冷,而且常常只用一种主体色,从而强化了这类色彩选择所体现的严肃性机器象征意义。此外,大多数新闻网站的背景颜色与字色之间都是“白底黑字”的关系,这不仅是因为这种方式对宽带要求最低,也因为人们平时习惯于这样阅读报纸,所以潜意识里,这种颜色对于把新闻传达到用户的大脑中的效率最高。所以在新闻网页的色彩设计中,通常可以遵循“浅底深字”的原则,而不宜底色太深,否则网页上的文字很难辨认。在中央的八大新闻网站中,它们的背景颜色与字色除中国经济网和中国网络电台采用的是“白底蓝字”外其余采用的都是“白底黑字”的效果。

八大新闻网站主色的特点可以归纳为下表:

(表2:中央八大新闻网站首页主色调对比表)

可以看出,人民网首页的主色调为红黑,新华网为红黑蓝,中国日报网为红黑,中国网为红黑,中国网络电台为红绿色,国际在线为红黑蓝,中国青年网为

绿黑红,中国经济网为浅蓝和黑红。统观我国的八大重点新闻网站的首页,红黑

为去主色调,而中国网络电台的全球首页却独树一帜,全为红色,具有强烈的视

觉刺激,也带有明显的中国特色。

参考文献

【1】秦州.《网络新闻编辑学》.复旦大学出版社.2007年6月

【2】佚名.《从受众多元需求的角度探索网络新闻编辑规律》.

https://www.wendangku.net/doc/b813156859.html,/article/sort02/xinwenchuanboxue/info-27912_4

.html .2008年9月28日

【3】蒋频辉.《浅谈新闻门户网站的界面设计和色彩搭配》.

https://www.wendangku.net/doc/b813156859.html,/115-4/4902.html. 2010年10月4日

网页设计与制作实例教程

网页设计与制作实例教程 习题答案 第1章网页与网站基础 一、选择题 1.A 2.B 3.C 4.C 5.A 二、判断题 1.√2.×3.√4.×5.√ 三、问答题 略 第2章网页规划设计 一、选择题 1.D 2.A 3.C 4.A 5.C 二、判断题 1.×2.×3.×4.√5.√ 三、问答题 1.答:网站需求分析一般包括三个阶段的内容:网站背景分析、总体需求分析、具体需求分析。(每个阶段可再详细描述。) 2.答:可从以下几个方面来阐述网站设计的原则:①日期、时间和数字;②欢迎词; ③弹出窗口和引导页面;④新闻和公告信息;⑤网址;⑥控件;⑦链接;⑧主页内容 3.答:打开新浪网首页,分析其布局类型。(答案略) 4.答:网页色彩搭配方法可从以下两个方面去阐述:①根据页面风格以及产品本身的诉求确定主色;②根据主色确定配色。 网页色彩搭配技巧可从以下几个方面去阐述:①用一种色彩;②用两种色彩;③用一个色系;④用黑色和一种色彩以及色彩搭配忌讳的方面。 5.答:打开当当网,具体分析其规划过程。(答案略) 第3章初识网页制作软件 一、选择题 1.C 2.C 3.B

二、填空题 1.代码、拆分、设计2.文件、资源、规则3.超级链接 三、操作题 略 第4章制作网页内容 一、选择题 1.D 2.B 3.A 4.D 5.ABD 6.D 7.B 8.D 9.A 10.A 二、判断题 1.√2.√3.×4.√5.√6.√7.√8.√9.×10.√三、操作题 略 第5章设置网页超级链接 一、选择题 1.D 2.D 3.A 4.D 5. C 二、判断题 1.×2.×3.×4.√5.× 第6章使用CSS样式美化网页 一、选择题 1.B 2.C 3.C 4.B 5.A 6.D 7.D 8.D 9.B 10.C 11.A 12.A 13.C 14.D 15.D 16.A 17.A 18.B 19.D 20.D 二、简答题 1.×2.×3.×4.×5.×6.×7.√8.×9.√10.√11.×12.×13.×14.√15.√16.√ 第7章规划布局网页 一、选择题 1.B 2.A 3.B 4.B 5.D 二、简答题

网页设计期末作业要求

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

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

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

网页设计技术大作业考核要求

静态网页技术大作业要求 一、大作业参考题目: 1、“我的家乡”网站 2、个人博客 3、班级网站 4、**教研室网站 5、学院财务科网站 6、世博会 7、上海风采 8、“爱心行动”公益网站 9、娱乐在线网站 10、美食频道网站 二、选题要求: 可从上面参考题目中选择一个题目作为本次考核项目的主题。也可自拟题目,要求题目健康、高雅。 三、内容要求 1. 网站主题鲜明、内容丰富、健康、高雅且栏目设置合理。网站中至少包含10个以上的页面(15% ) 2. 网站中页面色彩搭配合理,界面规划合理, 设计新颖、简洁、美观、大方(10%)4. 合理使用表格进行页面排版,导航按钮及网页特效使用合理,包含FLASH和JAVASCRIPT(20%) 3. 站内页面整体风格统一并使用CSS进行网页中文字及链接样式(10%) 5. 设计有合理的表单(10%) 6. 网页中链接及图片等路径正确、网页中文件命名规范(10%) 7.网站架构中合理使用到框架(10%) 8.设计报告(15%)。 1)其中网站功能简介(指明主题,及包含的主要内容):5分 2)网站结构设计:5分

3)设计小结(体会):5分 9. 作品有抄袭嫌疑得0分。 10.作品自己创作,但是不能够完整作出来,网页设计的基本元素运用有误,整体比较混乱,扣10分。 四、其他要求 1、请同学们以“学号-姓名”为你的“作品文件夹”命名,例如:“9984229- 王华”。图像文件夹一律为image。否则从大作业的总分中扣除10分。 2、首页文件名用:Index.html 3、请在规定的时间内上交作业,不能按规定时间交纳的,为不及格。 4、不要用下载的网页作为大作业上交,如发现上交的大作业中有下载的网 页的痕迹(可从源代码中看出),一律作为不及格处理。 5、没有完成设计报告的视为不及格。 6、教师有权抽查部分同学进行询问,了解其作品制作过程。如发现同学不 能独立完成自己作品的,可评为不及格。 7、作品上交后,应自备一份备份,以备教师手中的作品因故无法正常读取 时补交。 五、评分总则 最终成绩以大作业和平时上课出勤、实验情况综合评定,具体算法为:最终成绩=大作业*70%+(实验+出勤)*30%

Fireworks-网页设计综合实例

Fireworks-网页设计综合实例

Fireworks 网页设计综合实例 在本文中我们将帮助您亲身体验Fireworks 在网页创作中的强大功能,我们通过一个网站页面的设计过程,为您详细介绍Fireworks在网页设计的不同阶段是如何处理各种不同任务的。通过解决您所遇到的每一个具体的任务,您将对Fireworks的主要功能有一个统一的全局性的了解,同时为您在设计中如何利用Fireworks 提供一个清晰的思路。下图是这个教程完成后的外观: 我们将根据这一个典型网站其中一个页面设计流程,使您逐步学习到以下内容: 1、导入并编辑位图图像。 2、自动任务处理

3、创造矢量图形 4、创建文字 5、创建按钮 6、创建导航条 7、设定按钮属性 8、建立切片 9、创建拖拽翻转效果 10、创建弹出菜单 11、创建变形动画 12、优化图像 13、输出HTML文件到Dreamweaver 14、在Dreamweaver中进行往返表格编辑 一、设计前准备 1、网站介绍: 在教程介绍之前首先让我们来看一下我们将要完成的主要任务。这是一个服饰公司的企业网站设计,公司主要以男式服饰为主,同时也兼顾部分女士服饰。网站的主要任务是帮助浏览者了解公司的基本概况和产品信息,并作为公司的

一个展示窗口,向参观者展示企业的形象及产品系列。根据业主的要求,网站包含了企业概况、企业人才、产品展示、公司荣誉以及联系方式。我们将以此得到网站的导航结构。 2、设计指导思想: 本网站设计的指导思想是在网络上营造一 个优雅、高贵、宁静的氛围,为了体现这一主题,设计者将纹理、景深、光影、基调与有形的模特照片和静态的文字结合起来,更多的使用直线、坚硬的边缘、暗的色调来组成网站界面。页面中以较大面积的男性模特图片突出男式服饰这一 主题,以穿插的直线段体现一种服装纹理的感觉。公司的名称则以一种柔软光滑的粗倩体来表现,以打破整个页面的坚硬感,同时以白色突出企业名称,达到非常亮眼的感觉。 3、页面结构: 整个网站采用统一的结构,分为上下两个部分,上面为网站的导航条,下面左边以不同的男式服饰图片及文字标题表示各页主题。右边为内容区,以深色带条纹的图片作为背景。

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

网站设计要求及评分标准 网站主题:个人网站或学习类网站 一、内容(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.wendangku.net/doc/b813156859.html, 作业提交开始时间:2012年5月7日(星期一) 作业提交截止时间: 2012年5月13日(星期日),在规定时间段内交作业加10分,逾期接收不加分,最晚在5月20日前交作业。注:2份作品如雷分部分超过30%,均为0分。 2012年4月16日 1

浅谈网页设计的原则及要求

浅谈网页设计的原则及要求 一、基本原则 网页的设计,是技术与艺术的结合,内容与形式的统一。它要求设计者必须掌握以下三个主要原则: 1.主题鲜明 视觉设计表达的是一定的意图和要求,有明确的主题,并按照视觉心理规律和形式将主题主动地传达给观赏者。优秀的网页设计必然服务于网站的主题,就是说,什么样的网站,应该有什么样的设计。质不同,目的也不同,所以评论的标准也不同。。有些情况下,“功能”即是“主题”,还有些情况下,“美”即是主题。例如,百度作为一个搜索引擎,首先要实现“搜索”的“功能”。它的主题即是它的“功能”。而一个个人网站,可以只体现作者的设计思想,或者仅仅以设计出“美”的网页为目的。它的主题只有一个,就是美。 2.形式与内容统一 任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和,形式是构成内容诸要素的内部结构或内容的外部表现方式。一个优秀的设计必定是形式对内容的完美表现。正如设计风格”而脱离内容,或者只求内容而缺乏艺术的表现,网页设计都会变的空洞而无力。设计者只有将二者有机地统一起来,才能体现出网页设计独具的分量和特有的价值。另一方面,要确保网页上的每一个元素都有存在的必要性,不要为了炫耀而使用冗余的技术。那样得到的效果可能会适得其反。只有通过认真设计和充分的考虑来实现全面的功能并体现美感才能实现形式与内容的统一。假设某个网页为了丰富其艺术性而追赶时髦地大量使用图像或其它多媒体元素等,虽然达到了其静态形式美的效果,却造成多达几十K甚至更大的网页数据,使浏览者必须等待很长时间才能看到“庐山真面目”,这样的网页就不是一个优秀的网页,因为它不符合网页传播信息的突出特性之快捷性,使网页内容不能很快地到达访问者,影响了访问效果和质量,损害了访问者的情趣和积极性,这种技术要素影响了传达信息的效果,因而不是形式与内容的完美统一。 3.强调整体 网页的整体性包括内容和形式上的整体性,这里主要讨论设计形式上的整体性。网页是传播信息的载体,它要表达的是一定的内容、主题和意念,在适当的时间和空间环境里为人们所理解和接受,它以满足人们的实用和需求为目标。设计时强调其整体性,可以使浏览者更快捷、更准确、更全面地认识它、掌握它,并给人一种内部有机联系、外部和谐完整的美感。整体性也是体现一个站点独特风格的重要手段之一。网页的结构形式是由各种视听要素组成的。在设计网页时,强调页面各组成部分的共性因素或者使诸部分共同含有某种形式特征,是求得整体的常用方法。这主要从版式、色彩、风格等方面入手。例如:在版式上,将页面中各视觉要素作通盘考虑,周密的组织和精确的定位来获得页面的秩序感,即使运用“散”的结构,也是经过深思熟虑之后的决定;同样,整个网页内部的页面,都应统一规划,统一风格,让浏览者体会到设计者完整的设计思想。“整体”是“多变”基础上的整体。 二、网页设计的要求 一个有特色的主页,应该包含有四个要素:文字,图片,排列方式和主色调,这四者相辅相成,缺一不可。

《网页设计与制作》期末考试题与答案

〈网页设计与制作》期末考试试题、单项选择题(本大题共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、

B、 C、 D、 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、 D、 11、下面不属于CSS插入形式的是(a )。 A、索引式 B、内联式 C、嵌入式 D、外部式

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、为了使站点目录明确,应该采用中文目录

网页设计要求

网页设计与html 设计要求与选材 一、设计内容 本课程设计要求学生完成一个小型专业网站的建设与发布。具体内容如下: 1.学生根据自己的兴趣爱好或专长,确定一个网站主题; 2.根据确定的网站主题,通过各种途径收集、整理、加工网站所需要的信息; 3.自行确定网站的LOGO、自行设计各级网页的风格、网站的整体结构; 4.利用网页制作软件设计制作各个页面; 5.测试完成的网站; 二、设计要求 学生在一周时间内完成规定的全部设计内容,并撰写课设报告 1.整个课程设计的各个环节都要求同学们自己动手; 2.确定的网站主题应大小适中、内容健康、具有时代气息; 3.网站提供的信息应与网站主题相符合; 4.网站结构应层次分明,内容重点突出; 5.网页采用css+div布局,所有页面样式设置都必须使用一个外部样式文件,样式名为sit站点名称。 6.页面设计不少于五页,页面特效不少于十种; 7.网站应易于维护,要求学生掌握使用1-2种网站维护工具; 8.网站名称为自己的学号后两位,主页title标题为自己的网站的名称,meta中name值为自己姓名,所有网页以及使用各种素材一律使用英文名称。 9.对课程设计进行总结,撰写课程设计报告; 三、选材: 1、个人博客:主页,个人简介,留言板,交友论坛,个人风采,个人日志,等。 某小企业商务网站:企业首页,公司简介,产品介绍,公司论坛,客户留言板, 例:https://www.wendangku.net/doc/b813156859.html,/news/index.htm 2、服装销售网站:登陆界面,店面介绍,产品窗口,客户留言板,招聘信息 3、Bbs论坛(仿天涯论坛):文学,饮食,运动健身,汽车,房产,股票,服装,交友 4、***幼儿园网站:学校介绍,相册,教师介绍,新闻,招生情况 5、**班级网站:班级简介,校园新闻,班级相册,学习园地,留言板, 6、花卉网店:店面介绍产品介绍,花卉学习论坛,留言板,联系我们等 例:https://www.wendangku.net/doc/b813156859.html,/templet/flower/?NODE_ID=flower 7、宠物用品网店:首页,店面介绍,商店公告,产品介绍,宠物论坛,联系我们 https://www.wendangku.net/doc/b813156859.html,/ 8、其他个人喜欢的题材都可以。 四、课程设计报告(文档) 课程设计报告是课程设计工作的总结和提高,课程设计报告应该反映出作者在课程设计过程中所做的主要工作及取得的主要成果,以及作者在课程设计过程中的心得体会。 (一)课程设计报告主要内容 课程设计报告的写作方法是多种多样的,并没有一个固定的格式,对于本课程设计,应该包括以下几个主要部分: 1.网站的主题说明; 2.网站的总体规划与网站的结构框图; 3.网页风格说明; 4.典型网页的设计过程与样例; 5.网站发布过程说明; 6.网站维护操作步骤; (二)课程设计报告编写基本要求

信息发布与网页设计课程 2015 2016 1 期末综合作业

对外经济贸易大学信息发布与网页制作期末考试试卷 对外经济贸易大学 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个网页的链接。

网页设计制作规范要求

网页设计制作规范要求 由于互连网的日异普及,客户对网站设计、制作的要求有了很大的提高,因此,我们要把握好每一个细节,使网页设计制作的水平更上一层楼。以下是网页制作的一些注意事项,希望大家能引起重视。 一、网页制作中中必写信息: 1、****** ******为关键字--公司名称,不要超20个汉字或100个字母,这一项一般问题不大,但英文公司标题切不可每个字母都大写,这一点一定要注意,中文网站写中文,英文网站写英文,每个页面均要写。 2、语言规范 英文版 中文版 繁体中文 3、

网页设计与制作试题及答案

《网页设计和制作》期末测试试题 一、单项选择题(本大题共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、

B、 C、
B、 C、 D、 7、在客户端网页脚本语言中最为通用的是( )。 A、javascript B、VB C、Perl D、ASP 8、在HTML中,标记的Size属性最大取值可以是( )。 A、5 B、6 C、7 D、8 9、在HTML中,单元格的标记是( )。 A、 D、 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、 B、 C、 D、 15、对远程服务器上的文件进行维护时,通常采用的手段是( ) A、POP3 B、FTP C、SMTP D、Gopher 二、多项选择题(本大题共15小题,每小题2分,共30分。在每小题的五个备选答案中,选出二至五个正确的答案,并将正确答案的字母分别填在题干的括号内,多选、少选、错选均不得分。) 1.WWW的组成主要包括( ) A.URL B.Gopher C.HTML D.HTTP https://www.wendangku.net/doc/b813156859.html,

UI设计网页要求规范

1、页面命名 每个页面都要有与之模块对应的名称。 2、页面兼容性 (1)页面大小兼容 o自适应1366*768px及以上的分辨率 o默认窗口设置下,不应出现水平滚动条,避免出现垂直滚动条(当容过多时允许滚动条) (2)弹窗、弹页要保证768高度的分辨率显示正常,同时能移动查看弹出框容。弹出框高度为不超过450px,且显示在容页面相对水平、垂直相对居中位置。 (3)浏览器兼容 兼容Chrome、Firefox、Safari、IE8及以上主流浏览器。 o文字 文字用系统自带的常规字体,且分一级标题、二级标题、主容文字、次容文字、辅助文字(说明或引导性文字,提醒性文字),分别用不同的字号、颜色。具体字号大小和颜色参考UI设计效果图。 o容图片 容图片均带1px描边;容图片未加载出来时显示系统默认图片。

1、数据操作 显示数据(表格) (1)表头:字体加粗、且比单无格容字体大一号,且体字体大小参照UI效果图。 (2)单无格:文字图片容左对齐,数字、金额容右对齐。 (3)操作容原则上均用文字表达,如“编辑-删除” (4)鼠标划过表格单行时,颜色高亮。 (5)原则上每页显示15-20条数据,实际显示条数据可按设计排列效果而定。 (6)表格中不定长的字段,固定显示宽度,超出容用“…”显示光标停留后,在浮动层显示详细容。 选中数据 (1)勾选全选则选中当页所有记录 (2)去掉当页某个记录的勾选,则全选也去掉勾选。 (3)翻页后,自动去掉已勾选的记录及全选的勾选。 (4)翻页后是否进行选择记录的保留应试具体业务而定。 (5)刷新页面后,自动去掉已勾选的记录及全选的勾选。

新增数据 (1)新增的记录必须排在新增页的首行; (2)所有列表页面默认按数据新增时间倒序排列。 (3)提交失败后留在当前提交页,且保存用户已经输入的容以便再次提交。 (4)提交成功后自动回到数据列表页。 (5)提交时需对主要标识字段进行重复值、空值(空格)判断。 修改数据 (1)修改完成后必须回到原记录所在位置,且刷新显示修改后的值。 (2)提交失败后留在当前提交页,且保存用户已经输入的容以便再次提交。 (3)在查询条件下修改返回后,保留原有查询条件,且修改后的数据如果不满足查询条件则不显示。 (4)提交时需对主标识字段进行重复值、空值(空格)判断。 查询数据 (1)把所有查询条件全部显示出来,并放在查询列表上方位置。 (2)每个查询条件必须有预置文案。 (3)每次查询后保留当前输入的查询条件。

网页设计期末作品要求

广告1311、1322班网页设计期末作品要求 作品一: 请你用综合应用本课程dreamweaver和前期学过的photoshop、flash软件,为某企业(可以是服装、汽车等)制作一个网站首页。素材自行从网络中查找并下载,可使用DIV标签、CSS样式、图片、多媒体、表单等元素。作品要求能体现企业的特色,主题鲜明,能吸引顾客的眼球。 作品二: 请你用综合应用本课程dreamweaver和前期学过的photoshop、flash、dreamweaver软件的所有功能,自由发挥,制作建筑与艺术学院的网站。可使用DIV标签、CSS样式、图片、多媒体、表单等元素。作品要求能体现我们建筑与艺术学院的特色,主题鲜明,能吸引大家的眼球 以上两个期末作品同学们任意选择其中一个进行制作。 评分办法:组织有关老师组成评审组,按照作品评分指标进行评审,确定成绩。 评分指标

参考网站: https://www.wendangku.net/doc/b813156859.html,/ https://www.wendangku.net/doc/b813156859.html,/ https://www.wendangku.net/doc/b813156859.html,/xkjs/ztsl/ https://www.wendangku.net/doc/b813156859.html,/ https://www.wendangku.net/doc/b813156859.html,/ https://www.wendangku.net/doc/b813156859.html,/ https://www.wendangku.net/doc/b813156859.html,/ https://www.wendangku.net/doc/b813156859.html,/ https://www.wendangku.net/doc/b813156859.html,/sy/ https://www.wendangku.net/doc/b813156859.html,/ https://www.wendangku.net/doc/b813156859.html,/ https://www.wendangku.net/doc/b813156859.html,.hk/ https://www.wendangku.net/doc/b813156859.html,.hk/chi/index.php https://www.wendangku.net/doc/b813156859.html,/pages/home/home.php

网页设计规范

网页设计规范 网页设计标准尺寸: 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。

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

Fireworks网页设计综合实例

Fireworks网页设计综合实例1 在本文中我们将帮助您亲身体验Fireworks在网页创作中的强大功能,我们通过一个网站页面的设计过程,为您详细介绍Fireworks在网页设计的不同阶段是如何处理各种不同任务的。通过解决您所遇到的每一个具体的任务,您将对Fireworks的主要功能有一个统一的全局性的了解,同时为您在设计中如何利用Firework s提供一个清晰的思路。最终完成的实际页面请看这里。下图是这个教程完成后的外观: 我们将根据这一个典型网站其中一个页面设计流程,使您逐步学习到以下内容: 1、导入并编辑位图图像。 2、自动任务处理 3、创造矢量图形 4、创建文字 5、创建按钮 6、创建导航条 7、设定按钮属性 8、建立切片 9、创建拖拽翻转效果 10、创建弹出菜单 11、创建变形动画 12、优化图像 13、输出HTML文件到Dreamweaver 14、在Dreamweaver中进行往返表格编辑 一、设计前准备 1、网站介绍: 在教程介绍之前首先让我们来看一下我们将要完成的主要任务。这是一个服饰公司的企业网站设计,公司主要以男式服饰为主,同时也兼顾部分女士服饰。网站的主要任务是帮助浏览者了解公司的基本概况和产品信息,并作为公司的一个展示窗口,向参观者展示企业的形象及产品系列。根据业主的要求,网站包含了企业概况、企业人才、产品展示、公司荣誉以及联系方式。我们将以此得到网站的导航结构。

2、设计指导思想: 本网站设计的指导思想是在网络上营造一个优雅、高贵、宁静的氛围,为了体现这一主题,设计者将纹理、景深、光影、基调与有形的模特照片和静态的文字结合起来,更多的使用直线、坚硬的边缘、暗的色调来组成网站界面。页面中以较大面积的男性模特图片突出男式服饰这一主题,以穿插的直线段体现一种服装纹理的感觉。公司的名称则以一种柔软光滑的粗倩体来表现,以打破整个页面的坚硬感,同时以白色突出企业名称,达到非常亮眼的感觉。 3、页面结构: 整个网站采用统一的结构,分为上下两个部分,上面为网站的导航条,下面左边以不同的男式服饰图片及文字标题表示各页主题。右边为内容区,以深色带条纹的图片作为背景。 下面我们将根据上述设计分析,分不同的部分为您介绍制作过程。在新建一个文件后,我们需要对我们的工作环境进行简单的设定,以符合我们的任务要求。首先需要设定工作区的面积及背景颜色,打开Modify>Ca nvas Size针对常见的800x600分辨率,我们设定工作区的长为776这可以根据需要设定,但最好不要超过778,高为515根据实际内容确定,再执行Modify>Canvas Color设定背景色为黑色。再打开View>Grid>Edit Grid 对话框,设定水平方向网格间距为10像素,垂直方向为5像素,并将网格颜色设为暗灰色以不影响观察页面,打开网格显示和网格捕捉。如下图所示: Fireworks网页设计综合实例2 一、导入并编辑位图图像。 Fireworks4带有完善的位图创建、修改和处理功能,我们可以导入外部位图文件并对它进行编辑,可以修改和删除位图中的颜色,可以向对矢量图一样增加效果。我们的工作将从层面板开始,新建一个文件后,默认的只有两个图层Web层和Layer1层,双击Layer1层,将层名改为“背景层”。如下图所示:

网页设计规范

标准字体字号: 中文网页一般文字正文都采用宋体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,我们计划让网页文字在大部分显示器上都比较接近这个大小,那么在不同分辨率下应该显示成多大的字号呢? 第一步:统计用户主要的分辨率和对应的屏幕大小。 要在物理尺寸和分辨率之间换算,首先要统计分辨率和对应的屏幕尺寸。用户分辨率的分布情况可以从网站的统计日志里获得。由于每个分辨率设置可能对应好几个不同尺寸的屏幕,而屏幕尺寸又无法通过网页获得,只好对现在的显示器市场进行统计分析:针对某一分辨率,统计可能的屏幕尺寸范围,从最小到最大,相对主流的是多大(或使用该范围的中间值作为主流尺寸)。如下图所示——

网页设计作品设计说明

湖南软件职业学院《网页设计》期末作品设计说明书 课程名称:网页设计期末作品设计说明书 设计题目:某律师团队专业法律服务网 专业班级: 学生姓名: 指导教师: 起止日期:

某律师团队专业法律服务网网站制作说明 一、网站开发目的和功能简介 随着网络技术的发展与互联网的普及,网站建设与网页制作越来越来成为各行各业以及个人宣传自己的有利工具。门户网站越来越称为律师行业进行…………(略) 二、网站的总体设计 2.1网站名称:某律师团队专业法律服务网 2.2网站栏目划分: 根据本网站的目的和功能规划网站内容,包括如下信息: (1)关于我们:介绍相关律师信息,事务所信息,收费标准…………(略) (2)法律服务:…………(略) (3)法律文书:…………(略) (4)律师手记:…………(略) (5)经典案例:…………(略) (6)在线服务:…………(略) 具休如下图示:

2.3网站导航应用于所有页面提高网站的操作友好性。 2.4网站的风格与色彩选择:页面以浅绿色为背景,黑白灰三色为主体。浅绿色体现了本律师事务所的活力,字体用黑、白、灰色给人一种清析、稳重的感觉。所有页面色调统一,布局相似。 2.5网站目录结构设计合理:不同素材采用不同学文件夹分开存放。如声音放在sound 文件夹、图片放在images文件夹,照片放在photos、FLASH动画放在flash文件夹、样式表文件放在CSS文件夹中、作业成果图放在works等。 三、网站的总体设计 3.1 LOGO设计 Logo应体现律师行业庄重、严谨的形象。本LOGO以暗绿色为背景,金黄色为前景,…………(略) 3.2首页的制作过程 版面分栏结构,即页头、导航栏、FLASH展示、相关内容、版权(如下图)

网页设计与制作期末考试复习题.doc

《网页设计与制作》期末考试复习题 2008春学期 一、名词解释 1.互联网 答:互联网是目前世界上最大的计算机通信网络,遍布全球,将世界上各种规模的计算机网络连接成一个整体,从而实现信息交流与共享,主要提供了WEB、BBS、TELNET、FTP等服务。 2.网络协议 答:是一系列通信规则的总称,分为硬件协议和软件协议,主要包括用户数据与控制信息的结构和格式,需要发出的控制信息以及相应要完成的操作与响应,对事件实现顺序的详细说明等三部分内容。 3.TCP/IP 答:TCP即传输控制协议,工作在OSI模型中的传输层,用于建立和校验数据连接,而IP即网际协议,工作在OSI模型中的网络层,用于处理网络上一个主机到别一个主机的数据报路由选择。 4.IP地址 答:通过IP层协议为互联网中的每一个网络和每一台主机所分配的惟一通信地址,它由32位二进制数表示,每8位为一组,以圆点“.”分隔,主要分为ABCDE五类IP地址。 5.DNS 答:DNS全称为Domain Name System,它实质上是一个分布式数据库,包括提出数据的标准格式,数据库查询方法,以及本地更新数据的标准方法。 6.WWW 答:万维网(World Wide Web,www)又称全球信息网,简称WEB,是目前互联网上最流行的交互式信息查询服务。 7.网页 答:网页即是基于超文本和超媒体的信息载体,它的核心是HTML。 8.WEB浏览器 答:WEB浏览器是指一个运行在用户计算机上的程序,它负责下载、显示网页,因此称为www客户程序。 9.重心平衡 答:重心平衡即页面重心反映网页上各种元素分布的协调程序,协调方式有对称布局与非对称布局两种形式。 10.WEB安全色 答:WEB安全色指浏览器所能识别的00、33、66、99、cc、ff 六组数据任意选3种组合成的216种颜色。 11.抖动 答:抖动指在WEB显示时,采用WEB安全色去替代予之相近网页元素颜色,而产生的颜色的偏差。 12.站点风格

B、 C、