网页设计基础知识试题
以下就是网页设计基础知识试题等等的介绍,希望为您带来帮助。
一、单选题
1.网页制作流程不包括________。 答案:D
A.网页的结构设计
B.资料的收集与整理
C.网页上传与发布
D.申请域名
2.网页布局的常用方法不包括使用________进行布局。 答案:D
A.表格
B.层叠样式表
C.框架
D.表单
3.在DreamweaverCS4中,超级链接主要可以分为文本链接、图像链接和________。 答案:C
A.友情链接
B.控制链接
C.锚记链接
D.用户链接
4.制作网页时,关于可以采用的图像文件格式,正确的描述是:________。 答案:D
A.仅可采用JPG格式
B.仅可采用GIF格式
C.仅可采用PNG格式
D.JPG格式、GIF格式和PNG格式都可采用
5.以下描述正确的是________。 答案:D
A.静态网页指没有动画效果的网页
B.动态网页至少有一种动画效果
C.浏览者与服务器可通过静态网页进行交互
D.动态网页文件含有HTML之外的程序代码
6.一个网站可以通过________将很多的网页链接在一起。 答案:C
A.文字
B.超媒体
C.超链接
D.图像
7.________标记用来标识一个HTML文件中的表格。 答案:D
A.〈p〉〈/p〉
B.〈body〉〈/body〉
C.〈html〉〈/html〉
D.〈table〉〈/table〉
8.HTML代码〈imgsrc="name"〉表示________。 答案:A
A.添加一个图像
B.排列对齐一个图像
C.设置围绕一个图像的边框的大小
D.加入一条水平线
9.定义HTML文件主体部分的标记对是________。 答案:C
A.〈table〉……〈/table〉
B.〈img〉……〈/img〉
C.〈body〉……〈/body〉
D.〈title〉……〈/title〉
10.________标记是用来标识一个HTML文件的。 答案:C
A.〈p〉〈/p〉
B.〈body〉〈/body〉
C.〈html〉〈/html〉
D.〈table〉〈/table〉
11.在DreamweaverCS4中,要在当前网页所在的窗口或框架中打开链接,目标窗口设置应该为________。 答案:C
A._blank
B._parent
C._self
D._top
12.使用Dreamweaver CS4时,当网页既设置了背景图像又设置了背景颜色,那么________。 答案:A
A.背景图像覆盖背景颜色
B.背景颜色覆盖背景图像
C.产生一种半透明的混合效果
D.相互冲突,不能同时设置
13.DreamweaverCS4的网页设计中,CSS一般是指________。 答案:C
A.层
B.行为
C.样式表
D.时间线
14.使用DreamweaverCS4时,在表格“属性”面板中,可设置表格的________。 答案:A
A.边框宽度
B.文本颜色
C.背景图像
D.背景颜色
15.使用DreamweaverCS4时,创建自定义CSS样式时,样式名称必须以________开始。 答案:C
A.$
B.#
C..
D.font
16.在网页设计中,________是用于控制页面元素外观布局的样式表。 答案:A
A.CSS
B.C/S
C.〈Head〉
D.〈Form〉
17.在网页设计中,________可以用于控制页面元素的外观布局。 答案:C
A.热区
B.锚记
C.样式表
D.表单
18.在表单中允许用户从一组选项中选择多个选项的表单对象是________。 答案:C
A.单选按钮
B.列表
C.复选框
D.单选按钮组
19.可以不用发布就能在本地计算机上浏览的页面编写语言是________。 答案:B
A.ASP
B.HTML
C.PHP
D.JSP
20.在网页设计中,________可以用于控制页面元素外观布局。 答案:C
A.热区
B.锚记
C.样式表
D.表单
21.网页布局的常用方法不包括________。 答案:D
A.表格布局
B.层叠样式表
C.框架布局
D.表单布局
22.网页制作流程不包括________。 答案:D
A.结构设计
B.网页制作
C.发布上传
D.申请域名
23.在DreamweaverCS4中,设置“鼠标经过图像”事件时,________。 答案:D
A.可以设置“原始图像”和“鼠标经过图像”,不能设置“替换文本”
B.可以设置“原始图像”和“替换文本”,不能设置“鼠标经过图像”
C.可以设置“鼠标经过图像”和“替换文本”,不能设置“原始图像”
D.可以同时设置“原始图像”、“鼠标经过图像”和“替换文本”
24.要建立一个能够在Internet上访问的网站,以下叙述错误的是________。 答案:C
A.可在本地站点上进行网站设计
B.可以建立并把内容发布到远程站点
C.远程站点服务器主机上必须安装Dreamweaver
D.可使用FTP软件进行远程管理
25.对远程服务器上的文件进行维护时,通常采用的手段是________。 答案:B
A.POP3
B.FTP
C.SMTP
D.Gopher
二、填空题
1.超文本标记语言的英文简称是________。 答案:【HTML】
2.在DreamweaverCS4中,建立电子邮件的超级链接时,在“属性”面板的文本框中输入________+电子邮件地址。 答案:【mailto】【mailto:】
3.在DreamweaverCS4中,网页的页边距是在________对话框中设置。 答案:【页面属性】
4.层叠样式表CSS的格式设置规则由选择器和 ________两部分组成。 答案:【声明】
5.在Dreamweaver CS4中,表格的宽度可以用百分比和________(填写2个汉字)表示。 答案:【像素】
网页设计的要点
网页设计的两大要点是:整体风格和色彩搭配。
一、确定网站的整体风格
网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题,任何两人都不可能设计出完全一样的网站。
风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI(标志、色彩、字体、标语)、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子:我们觉得网易是平易近人的,迪斯尼是生动活泼的,IBM是专业严肃的。这些都是网站给人们留下的不同感受。
在这里,我提供给大家一些参考经验:
1.将你的标志logo,尽可能的放在每个页面上最突出的位置。
家庭网
2.突出你的标准色彩。
3.总结一句能反映贵站精髓的宣传标语!
4.相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的!
二、网页色彩的搭配
无论是平面设计,还是网页设计,色彩永远是最重要的一环。当我们距离显示屏较远的时候,我们看到的不是优美的版式或者是美丽的图片,而是网页的色彩。
关于色彩的原理有许多,在此我们不可能一一阐述,大家可以看看相关设计书籍,有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。
1.用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感。
2.用两种色彩。先选定一种色彩,然后选择它的对比色。
3.用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。
在网页配色中,还要切记一些误区:
1.不要将所有颜色都用到,尽量控制在三至五种色彩以内。
2.背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。
网页制作的基本方法
1、设计阶段
(1)选择主题
网页主题的选择要有特色,要鲜明突出,不能包罗万象,同时要敢于标新立异。规划结构站点的结构好比是建造高楼大厦之前的图纸设计。规划站点就是将站点中每一个网页用树型结构列出来,网页的内容可以省略,只要大体说明其要展示的内胎即可。规划好站点的总体结构以后,还应该对站点中每一页的栏目、布局等作更进一步的设计。
(2)收集和加工素材
如果说站点是一栋高楼大厦,那么素材就是建造大厦的材料。建造大厦的材料有些可以直接拿来用,而有些材料需要经过加工或者整合以后才能使用。同样道理,为制作网页而收集的素材有些可以直接使用有些却要借助其他软件加工处理后才能适合网页内容的需要。素材的内容主要有文字、图片、动画、声音、视频、程序等。
收集素材的途径很多,在报刊、杂志、光盘、因特网上可以找到需要的素材。条件允许的话,还可以利用数码相机、扫描仪、录音机、摄像机等工具获取身边素材。收集来的素材还有一个整理、加工的过程。
2、制作阶段
(1)选择网页制作工具 制作网页的工具很多,根据自己的实际情况选择一个最拿手、最熟悉的网页制作工具就行。另外,要制作出满意的网页,还需要使用一些制作网页的辅佐工具,例如Frame设计工具、Java制作工具等。
(2)制作网页 在完成了设计后,只要选择一种自己熟悉的网页制作工具,就可以制作网页了。实际上,制作网页就是将收集和加工后的素材添加到事先规划设计好的网页中去,或者说制作网页就是将文字、图片、动画、声音、视频、程序等素材按照设计的要求合成起来。
3、检测阶段
制作完网页阶段之后,应该对网页做全面的检测,包括检查网页内容的科学性、版面编排的合理性、超链接的正确性以及对网页的内容作适当的增减等。
4、发布阶段
制作网页的目的是要将网页发布到网上,让更多的浏览者来访问发布的站点,因此发布网页这一环节必不可少,否则失去了制作网页的意义。
网站设计的一些原则
01 明确内容
如果你想成为一个网站设计者,并正想建一个网站的话,首先应该考虑网站的内容,包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。
02 抓住用户
如果用户不能够迅速地进入你的网站,或操作不便捷,网站设计就是失败的。不要让用户失望而转向你的对手的网站。
03 优化内容
内容是核心。大约在两年以前,企业网站就像一本广告册子,更槽糕的是,网站使用了大量的图片,似乎要几个世纪才能下载完。比如某网站在设计的某些方面是成功的,但是内容太贪乏,并且要花很长时间才能找到所要的东西,因此不能算是一个成功的网站。
04 快速下载
没有什么比要花很长时间下载页面更槽糕的了。作为一条经验,一个标准的网页应不大于60K,通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。
05 网站升级
时刻注意网站的运行状况。性能很好的主机随着访问人数的增加,可能会运行缓慢。但是,如果你不想失去访问者的话,一定要仔细计划好你的升级计划。
06 坚持基本原则
即使你不懂HTML语言,你只需购买一个有版权的所见即所得的网页设计工具,如Adobe PageMill 或 Microsoft FrontPage Express,当然现在则是Dreamweaver啦,就可以创建一个看起来很合理的网站。但是,在设计时,这些软件包虽然不需要HTML,却使网站速度下降。为了成功地设计网站,你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案,用Notepad制作网页。
07 学习HTML
用HTML设计网站,可以控制设计的整个过程。但是,如果你仅仅是网站设计的新手,你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中,HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式,以便你在把网站发送到Web之前,预览你的网站。
08 用笔画一个网站的框架
圣人云:笔比剑更强大。在用计算机之前,用笔画一个网站的框架,显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。
09 “在计算机上永远也找不到好的方案”。
10 网站地图
许多设计者把他们的网站地图放在网站上,这种做法,却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息,他们对于你的网站是如何工作的,并没有兴趣。如果你觉得你的网站需要地图,那很可能是需要改进你的导航和工具条。