更新版国家开放大学电大专科《Dreamweaver网页设计》网络核心课形考任务19题库及答案Word文档下载推荐.docx
《更新版国家开放大学电大专科《Dreamweaver网页设计》网络核心课形考任务19题库及答案Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《更新版国家开放大学电大专科《Dreamweaver网页设计》网络核心课形考任务19题库及答案Word文档下载推荐.docx(21页珍藏版)》请在冰豆网上搜索。
有了表格的存在,网页中的元素得以方便的固定在设计位置上。
一般表格的边线不在网页中显示。
六、表单
表单是用来收集站点访问者信息的域集。
站点访问者填写表单的方式是输入文本、单击单选按钮与复选框,以及从下拉菜单中选择选项。
在添写好标单之后,站点访问者便送出输入的数据库,该觳觫句哭就会根据所设置的表单处理程序,以各种不同的方式进行处理。
七、动画
动画是网页上最活跃的元素,通常制作优秀、创意思、出众的动画是吸引浏览者的最有效的方法。
但太多的动画让人眼花缭乱,无心细看。
这就使得对动画制作的要求越来越高。
通常的制作动画的软件有flash、webanimator等。
Macromedia的flash虽然出现的时间不长,但已经成为了最重要的Web动画形式之一。
Flash不仅比htm易学得多,而且有很多重要的动画特征,如关键桢补间、运动路径、动画蒙版、形状变形和洋葱皮效果等。
利用这个多才多艺的程序,不仅可以建立Flash电影,而且可以把动画输出为QuickTime文件,GIF文件或其他许多不同的文件格式(PICT、JPEG、PNG等)
八、其他
网页中除了这些基本元素外,还包括横幅广告、字幕、悬停按钮、日戳、计数器、音频及视频等。
(2)一般网站的规划与设计应该考虑哪些因素?
一、网站的主题定位
在一个网站建设前首先要做好的就是网站的品牌定位,明确网站的定位是围绕着集团网站建设还是产品品牌角度出,网站的视觉风格、页面板块、内容核心等都会有区别。
定位确定之后,需要在网站建设后期,通过独特的网站风格、主题突出的栏目内容,体现出品牌的核心价值。
而且确定好定位以后,网站后期的优化也可以更加方便的进行。
二、网站整体的风格设计
视觉效果是影响用户对网站印象的重要因素,要体现企业的气质需要高水平的网页设计来烘托。
在做一个品牌网站的网页设计时,一定要对品牌有深入的了解和把握,这样才能提取出网站的核心部分。
三、网站的整体架构
网站整体架构包括公司介绍、新闻动态、服务展示、联系我们等内容,要让用户通过这些内容对品牌形成认知,当然这些内容并非每个都面面俱到,最好能详略得当,着重推出品牌形象与产品推广。
这就像是我们日常生活中所用到的名片一样,用户如果想对公司有所了解,就一定会去看企业的官网去进行初步的了解,所以网站建设时一应要齐全,可以让用户初步对公司有一个比较全面的了解。
四、网站的数据分析
通过挖掘用户的浏览信息,去分析用户的行为,从而对网站的布局、网站的设计、关键词等进行及时的调整。
不断的去提高企业网站的品牌效应。
多做一些正面的宣传增强用户的信任度。
五、网站的日常维护
一个品牌网站,必须要有一个可以对网站内容进行实时监控的专业的团队。
这样网站出现问题时就能得到及时的处理。
以防出现遭受攻击或网站响应速度变慢等问题,影响用户的体验。
日常文章的更新、网站安全的维护、网站版块的及时升级等等,都需要一个专业的团队去进行。
六、网站的互动营销
让人印象深刻的品牌网站,是能够提供互动的网站,不管对用户,还是对品牌生产经营活动价值链上的各个环节,都能做好管理。
不断通过有效的网络互动营销,达到品牌传播目的。
(3)商业网站在规划与设计时应着重考虑哪些因素?
一、明确建立网站的目标和用户需求
Web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径,因此必须明确设计站点的目的和用户需求,从而做出切实可行的设计计划。
要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析,牢记以“消费者(customer)”为中心,而不是以“美术”为中心进行设计规划。
在设计规划之初同样考虑:
建设网站的目的是什么?
为谁提供服务和产品?
企业能提供什么样的产品和服务?
网站的目的消费者和受众的特点是什么?
企业产品和服务适合什么样的表现方式(风格)?
二、总体设计方案主题鲜明
在目标明确的基础上,完成网站的构思创意即总体设计方案。
对网站的整体风格和特色作出定位,规划网站的组织结构。
Web站点应针对所服务对象(机构或人)的不同而具有不同的形式。
有些站点只提供简洁文本信息;
有些则采用多媒体表现手法,提供华丽的图像、闪烁的灯光、复杂的页面布置,甚至可以下载声音和录像片段。
好的Web站点把图形表现手法和有效的组织与通信结合起来。
要做到主题鲜明突出,要点明确,以简单明确的语言和画面体现站点的主题。
调动一切手段充分表现网站点的个性和情趣,办出网站的特点。
Web站点主页应具备的基本成分包括:
页头:
准确无误地标识你的站点和企业标志;
Email地址:
用来接收用户垂询;
联系信息:
如普通邮件地址或电话;
版权信息:
声明版权所有者等。
注意重复利用已有信息。
如客户手册.公共关系文档.技术手册和数据库等可以轻而易举地用到企业的Web站点中。
三、网站的版式设计
网页设计作为一种视觉语言,要讲究编排和布局,虽然主页的设计不等同于平面设计但它们有许多相近之处,应充分加以利用和借鉴。
版式设计通过文字图形的空间组合,表达出和谐与美。
一个优秀的网页设计者也应该知道哪一段文字图形该落于何处,才能使整个网页生辉。
多页面站点页面的编排设计要求把页面之间的有机联系反映出来,特别要处理好页面之间和页面内的秩序与内容的关系。
为了达到最佳的视觉表现效果,应讲究整体布局的合理性,使浏览者有一个流畅的视觉体验。
四、色彩在网页设计中的作用
色彩是艺术表现的要素之一。
在网页设计中,根据和谐、均衡和重点突出的原则,将不同的色彩进行组合.搭配来构成美丽的页面。
根据色彩对人们心理的影响,合理地加以运用。
按照色彩的记忆性原则,一般暖色较冷色的记忆性强;
色彩还具有联想与象征的物质,如红色象征血、太阳;
蓝色象征大海、天空和水面等。
所以设计出售冷食的虚拟店面,应使用淡雅而沉静的颜色,使人心理上感觉凉爽一些。
网页的颜色应用并没有数量的限制,但不能毫无节制地运用多种颜色,一般情况下,先根据总体风格的要求定出一至二种主色调,有CIS(企业形象识别系统)的更应该按照其中的VI进行色彩运用。
在色彩的运用过程中,还应注意的一个问题是:
由于国家和种族.宗教和信仰的不同,以及生活的地理位置.文化修养的差异等,不同的人群对色彩的喜恶程度有着很大的差异。
如:
儿童喜欢对比强烈.个性鲜明的纯颜色;
生活在草原上的人喜欢红色;
生活在闹市中的人喜欢淡雅的颜色;
生活在“沙漠”中的人喜欢绿色。
在设计中要考虑主要读者群的背景和构成。
五、网页形式与内容相统一
要将丰富的意义和多样的形式组织成统一的页面结构,形式语言必须符合页面的内容,体现内容的丰富含义。
运用对比与调和、对称与平衡、节奏与韵律以及留白等手段,通过空间、文字、图形之间的相互关系建立整体的均衡状态,产生和谐的美感。
如对称原则在页面设计中,它的均衡有时会使页面显得呆板,但如果加入一些富有动感的文字、图案,或采用夸张的手法来表现内容往往会达到比较好的效果。
点、线、面作为视觉语言中的基本元素,要使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。
网页设计中点、线、面的运用并不是孤立的,很多时候都需要将它们结合起来,表达完美的设计意境。
六、三维空间的构成和虚拟现实
网络上的三维空间是一个假想空间,这种空间关系需借助动静变化.图像的比例关系等空间因素表现出来。
在页面中,图片、文字位置前后叠压,或页面位置变化所产生的视觉效果都各不相同。
图片、文字前后叠压所构成的空间层次目前还不多见,网上更多的是一些设计比较规范、简明的页面,这种叠压排列能产生强节奏的空间层次,视觉效果强烈。
网页上常见的是页面上、下、左、右、中位置所产生的空间关系,以及疏密的位置关系所产生的空间层次,这两种位置关系使产生的空间层次富有弹性,同时也让人产生轻松或紧迫的心理感受。
现在,人们已不满足于HTML语言编制的二维Web页面,三维世界的诱惑开始吸引更多的人,虚拟现实要在Web网上展示其迷人的风采,于是VRML语言出现了。
VRML是一种面向对象的语言,它类似Web超级链接所使用的HTML语言,也是一种基于文本的语言,并可以运行在多种平台之上,只不过能够更多地为虚拟现实环境服务。
七、多媒体功能的利用
网络资源的优势之一是多媒体功能。
要吸引浏览者注意力,页面的内容可以用三维动画、FLASH等来表现。
但要注意,由于网络带宽的限制,在使用多媒体的形式表现网页的内容时应考虑客户端的传输速度。
八、网站测试和改进
测试实际上是模拟用户询问网站的过程,用以发现问题并改进设计。
要注意让用户参与网站测试。
九、内容更新与沟通
企业Web站点建立后,要不断更新内容。
站点信息的不断更新,让浏览者了解企业的发展动态和网上职务等,同时也会帮助企业建立良好的好象。
在企业的Web站点上,要认真回复用户的电子邮件和传统的联系方式如信件.电话垂询和传真,做到有问必答。
最好将用户的用意进行分类,如售前一般了解.售后服务等,由相关部门处理,使用站访问者感受到企业的真实存在并由此产生信任感。
注意不要许诺你实现不了的东西,在你真正有能力处理回复之前,不要恳求用户输入信息或罗列一大堆自己不能及时答复的电话号码。
如果要求访问者自愿提供其个人信息,应公布并认真履行个人隐私保承诺。
十、合理运用新技术
新的网页制作技术几乎每天都会出现,如果不是介绍网络技术的专业站点,一定要合理地运用网页制作的新技术,切忌将网站变为一个制作网页的技术展台,永远记住用户方便快捷地得到所需要的信息是最重要的。
对于网站设计者来说,必须学习跟踪掌握网页设计的新技术如Java、DHTML、XML等,根据网站的内容和形式的需要合理地应用到设计中,学习是每个人都必须要加强的,但是必须要有方向,比如网页设计div+css培训选择学习的地方就应该选择达内数字艺术学院。
形考任务二
(1)通过使用HTML,可以在文档中显示图像,插入一副图像(jpg)、插入一副动图图像(gif格式)。
<
html>
head>
/head>
body>
p>
一幅图像:
imgsrc="
/i/eg_mouse.jpg"
width="
128"
height="
/>
/p>
/i/eg_cute.gif"
50"
请注意,插入动画图像的语法与插入普通图像的语法没有区别。
/body>
/html>
(2)从不同位置,包括文件夹和网络,插入图像。
来自另一个文件夹的图像:
/i/abc.jpg"
来自网络的图像:
形考任务三
题目1
XHTML指的是?
选择一项:
A.EXtraHyperlinksandTextMarkupLanguage
B.EXtremeHyperTextMarkupLanguage
C.EXtensibleHyperTextMarkupLanguage
D.EXtensibleHyperTextMarkingLanguage
题目2
在下面的XHTML中,哪个可以正确地标记段落?
A.<
B.<
P>
C.<
D.<
/P>
题目3
在下面的XHTML中,哪个可以正确地标记折行?
break/>
br>
br/>
题目4
下列XHTML中的属性和值,哪个是正确的?
A.width="
80"
B.WIDTH=80
C.WIDTH="
D.width=80
题目5
在XHTML文档中哪些元素是强制性的?
A.doctype、html以及body
B.doctype、html、head以及body
C.doctype、html、head、body以及title
题目6
下列哪些是格式良好的XHTML?
A<
b>
i>
short<
/i>
/b>
paragraph
paragraph<
题目7
在XHTML中有哪些不同的DTD?
A.Strict,Transitional,Loose
B.Strict,Transitional,Loose,Frameset
C.Strict,Transitional,Frameset
题目8
网页的主体内容将写在什么标签内部:
标签
HTML>
标签
HEAD>
题目9
HTML代码中,<
align=center>
表示
A.文本或图片居中
B.文本加注下标线
C.文本加注上标线
D.文本闪烁
题目10
在HTML文档中使用有序列表应使用()标记
dl>
ul>
li>
ol>
题目11
请判断以下说法是否正确:
XHTML是一个Web标准。
对
错
题目12
XML和HTML会被XHTML取代。
题目13
HTML会被XHTML取代。
题目14
XHTML中所有的元素都需要关闭。
题目15
DOCTYPE没有关闭标签。
题目16
XHTML文档必须是格式良好的。
题目17
在XHTML中允许简写属性吗?
题目18
所有的XHTML文档都需要doctype吗?
题目19
所有的XHTML标签和属性都必须是小写的。
题目20
HTML5是XHTML的升级版本。
形考任务四
活动1:
采用CSS样式来设置背景、标题和段落的颜色。
活动2:
使用百分比或者像素值设置行间距。
参考答案:
styletype="
text/css"
>
body{background-color:
yellow}
h1{background-color:
#00ff00}
h2{background-color:
transparent}
p{background-color:
rgb(250,0,255)}
p.no2{background-color:
gray;
padding:
20px;
}
/style>
h1>
这是标题1<
/h1>
h2>
这是标题2<
/h2>
这是段落<
pclass="
no2"
这个段落设置了内边距。
(1)百分比
p.small{line-height:
90%}
p.big{line-height:
200%}
这是拥有标准行高的段落。
在大多数浏览器中默认行高大约是110%到120%。
small"
这个段落拥有更小的行高。
big"
这个段落拥有更大的行高。
(2)像素值
p.small{line-height:
10px}
p.big{line-height:
30px}
在大多数浏览器中默认行高大约是20px。
形考任务五
使用<
div>
元素以及CSS样式表对下面的内容进行的布局设计。
城市介绍
北京
上海
南京
简称“京”,是中华人民共和国的首都、直辖市、国家中心城市、超大城市、国际大都市,全国政治中心、文化中心、国际交往中心、科技创新中心,是中国共产党中央委员会、中华人民共和国中央人民政府、全国人民代表大会、中国人民政治协商会议全国委员会、中华人民共和国中央军事委员会所在地,也是中部战区司令部驻地。
北京位于华北平原北部,背靠燕山,毗邻天津市和河北省。
北京的气候为典型的北温带半湿润大陆性季风气候。
北京是首批国家历史文化名城和世界上拥有世界文化遗产数最多的城市,三千多年的历史孕育了故宫、天坛、八达岭长城、颐和园等众多名胜古迹。
早在七十万年前,北京周口店地区就出现了原始人群部落“北京人”。
公元前1045年,北京成为蓟、燕等诸侯国的都城。
公元938年以来,北京先后成为辽陪都、金中都、元大都、明、清国都。
1949年10月1日成为中华人民共和国首都。
参考答案
style>
#header{
background-color:
black;
color:
white;
text-align:
center;
padding:
5px;
#nav{
line-height:
30px;
#eeeeee;
height:
300px;
width:
100px;
float:
left;
#section{
350px;
10px;
#footer{
clear:
both;
divid="
header"
城市<
/div>
nav"
北京<
上海<
南京<
section"
London<
北京,简称“京”,是中华人民共和国的首都、直辖市、国家中心城市、超大城市、国际大都市,全国政治中心、文化中心、国际交往中心、科技创新中心,是中国共产党中央委员会、中华人民共和国中央人民政府、全国人民代表大会、中国人民政治协商会议全国委员会、中华人民共和国中央军事委员会所在地,也是中部战区司令部驻地。