文档库 最新最全的文档下载
当前位置:文档库 › 13级网页设计实用技术(个人网站)要求

13级网页设计实用技术(个人网站)要求

13级网页设计实用技术(个人网站)要求

个人网站要求

一、页数要求:至少5页,多者不限。包括首页和各个子网页。

二、使用的技术要求:

1、用Dreamwaver CS5制作网页,要体现布局(可以是表格布局也可以是框架布局或

者DIV),首页要求有背景音乐,要有超链接串联所有网页。注意网页的宽度统一

用1000像素。

2、用Photoshop CS5 制作图片,美化网页,有网站LOGO和网站banner,素材可为

自己学校或班级,也可以是与网站内容匹配的。

3、用FLASH CS5制作动画插入网页中。可以用动画表现banner也可以用动画表现按

钮等。动画中需要包含一个“文字动画”,其内容为“自己的班级名+自己姓名”,

如“政治学院13本思政师范张三”。

三、内容要求:

1、首页里面要有各个模块,要有网页导航,至少4个模块。

2、网页中包括“个人简介”,个人简介中有个人照片,可以是标准照也可以是生活照,

个人简介中需要有一个在线邮箱的超级链接。

3、要体现个性特色,内容丰富。

四、风格要求:

1、要统一色调,和谐美观,干净整洁。

2、体现自己的性格与爱好。

3、内容与形式相统一

4、主题鲜明

5、导航清晰

6、功能多样,使用方便。

五、用WORD文档书写你的设计的过程和思想。

网站的主题说明

网站的设计规划:每个模块的内容以及布局方式。

五、网站的上交:

1、网站中所有素材分别放到images、music、flash、movie文件夹中,首页文件名为index.html,建议首先建立以自己的学号姓名命名的文件夹,在下面建立images、music、flash、movie

文件夹,然后再建立网页。自己设计的图片和动画必须以.PSD和.FLA格式在self文件夹下保存一份以供老师评阅,再以另外的格式(比如JPG,SWF)存一份到其他地方,并应用到网页中。

2、最后关闭所有软件,打开自己的学号命名的文件夹,双击自己的index.html,检查网页的图片和声音是否正常,超链接是否正确,检查完成后,关闭浏览器,把自己学号命名的文件夹压缩上传到老师指定的地址。

六、上交时间:本期最后一次课。

网页设计期末作业要求

网页设计报告书 项目名称:制作“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%

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

网站设计要求及评分标准 网站主题:个人网站或学习类网站 一、内容(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/c94414120.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/c94414120.html,/news/index.htm 2、服装销售网站:登陆界面,店面介绍,产品窗口,客户留言板,招聘信息 3、Bbs论坛(仿天涯论坛):文学,饮食,运动健身,汽车,房产,股票,服装,交友 4、***幼儿园网站:学校介绍,相册,教师介绍,新闻,招生情况 5、**班级网站:班级简介,校园新闻,班级相册,学习园地,留言板, 6、花卉网店:店面介绍产品介绍,花卉学习论坛,留言板,联系我们等 例:https://www.wendangku.net/doc/c94414120.html,/templet/flower/?NODE_ID=flower 7、宠物用品网店:首页,店面介绍,商店公告,产品介绍,宠物论坛,联系我们 https://www.wendangku.net/doc/c94414120.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/c94414120.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/c94414120.html,/ https://www.wendangku.net/doc/c94414120.html,/ https://www.wendangku.net/doc/c94414120.html,/xkjs/ztsl/ https://www.wendangku.net/doc/c94414120.html,/ https://www.wendangku.net/doc/c94414120.html,/ https://www.wendangku.net/doc/c94414120.html,/ https://www.wendangku.net/doc/c94414120.html,/ https://www.wendangku.net/doc/c94414120.html,/ https://www.wendangku.net/doc/c94414120.html,/sy/ https://www.wendangku.net/doc/c94414120.html,/ https://www.wendangku.net/doc/c94414120.html,/ https://www.wendangku.net/doc/c94414120.html,.hk/ https://www.wendangku.net/doc/c94414120.html,.hk/chi/index.php https://www.wendangku.net/doc/c94414120.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

网页设计规范

标准字体字号: 中文网页一般文字正文都采用宋体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.站点风格

网站设计规范参考

网站设计规范参考 一、设计风格 1、依照网站的定位确定整体的设计风格。 2、主体框架页面、内容页尽量采用方型结构。禁用长距离的斜线及弧线结构,可允许小范围内的斜线及弧线。封面页、专题页可不受此限制。 3、设计时尽量在方块区边缘、按钮、标题装饰块上体现设计技巧,拐角可以有曲线变化。拐角块最大不得超过18像素。同一页面弧度尽量保持一致。 4、各主要栏目之间要求使用一致的布局,包括一致的页面元素;一致的导航形式,使用相同的铵钮,相同的顺序。可跟首页有变化。 5、首页及各级页面都必须带有网站的LOGO(建议小于180×60),并链接到网站首页。 6、统一按兼容分辨率1024*768设计。为了使显示更友好,建议使用970 px 或者960 px设计。 7、网站页面长度建议1屏半到2屏。原则上长度不超过3屏,宽度不超过1屏。根据 用户习惯和网站需要,门户类(包括垂直门户)网站可设计超过3屏。 二、图形设计规范 1、图片标准尺寸 全尺寸banner为468×60px,半尺寸banner为234×60px,小logo为88×31px 另外150×68、120×90,120×60也是标准尺寸,网站logo一般控制在150×54以内, 客户要求或特殊广告图片可另定尺寸。 建议首页存储大小不得超过150K(包括图片),其它页面经压缩后尺寸不得超过70K。 2、图片的分类及命名规则 ☆名称分为头尾两两部分,用下划线隔开。 ☆头部分表示此图片的大类性质,例如广告、标志、菜单、按钮等等。 ☆一般来说: 放置在页面顶部的广告、装饰图案等长方形的图片我们取名:banner 标志性的图片我们取名为:logo 在页面上位置不固定并且带有链接的小图片我们取名为button 在页面上某一个位置连续出现,性质相同的链接栏目的图片我们取名:menu 装饰用的照片我一般取名:pic 不带链接表示标题的图片我们取名:title 依照此原则类推。 ☆尾部分用来表示图片的具体含义,如果有类似图片就用数字区别。 ☆下面是几个样例,大家应该能够一眼看明白图片的意义:

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

《网页设计与制作》期末考试试题 一、单项选择题(本大题共30小题,每小题2分,共60分) 1、目前在Internet上应用最为广泛的服务是 ( b)。 A、FTP服务 B、WWW服务 C、Telnet服务 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.由四个子域组成,其中( 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、
B、 C、 D、 7、在客户端网页脚本语言中最为通用的是( a)。 A、javascript B、VB C、Perl D、ASP 8、在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、 B、 C、 D、 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、Internet上使用的最重要的两个协议是(b ) A、TCP和Telnet B、TCP和IP C、TCP和SMTP D、IP和Telnet 19、body元素用于背景颜色的属性是(c) A、alink B、vlink C、bgcolor D、background 20、下面说法错误的是( d) A、规划目录结构时,应该在每个主目录下都建立独立的images目录 B、在制作站点时应突出主题色 C、人们通常所说的颜色,其实指的就是色相 D、为了使站点目录明确,应该采用中文目录

网页设计作业基本要求

网页设计与制作大作业要求 一、作业内容 设计自己感兴趣的网站 注意:作业首先建立一个用自己名字命名的站点,该站点存储在计算机上的文件夹用“60231270_wangdongjie_web”命名(学号_姓名(拼音字母)_web)。调试完成后, 将该目录用放入“60231270_王冬杰_网页作业”命名(学号_姓名_网页作业)的目 录中,用RAR将该文件夹压缩成60231270_王冬杰_网页作业.rar的文件上交。 要求:最少包括6个网页:①主页命名为index.html,主页中要有自己的学号和姓名(可放在页脚版权信息处);②要有1个包含用“表单”收集的信息类型的网页(恰当 选择按钮、菜单或文本框等表单域制作);③将实验报告也制作成网页。 注意:每个网页的布局是根据网站类型而设计的,不同的网站有不同的风格,但必须包括基本布局的元素:标题、网站标识(一般在页眉部分)、导航、内容及页脚等,注 意一个网站的各网页风格要统一,如页眉和页脚部分可不用做大的改动,只改网页 “内容”部分即可。 注意:你的站点存储文件夹(60231270_wangdongjie_web)下要根据需要建立子文件夹,如可用“images”文件夹存储图形文件,用“media”文件夹存储多媒体文件等。 注意:为了使网站具有好的移植性,网页文件及素材文件的名字应用字符、数字表示,一定不要用汉字作为文件夹及文件名。 二、完成作业的方法 1.根据自己的爱好确定主题。 2.根据主题确定网站的具体内容和表现风格。 3.组织文字资料及图像、视频、动画、声音等素材。 4.根据网站风格及每页的内容确定文字的格式,对图像、声音、视频等多媒体素材进行处理

B、 C、