网页设计与制作》网上作业题答案全.docx
《网页设计与制作》网上作业题答案全.docx》由会员分享,可在线阅读,更多相关《网页设计与制作》网上作业题答案全.docx(31页珍藏版)》请在冰点文库上搜索。
网页设计与制作》网上作业题答案全
1.请列出三种TCP/IP网络中所使用的协议,并说明它们哪些类型的终端之间的,例如,网络管理站(SNMP)是用于中央网络管理站和网络之间的。
参考答案:
(1)HTTP:
超文本传输协议,用于WEB服务器和WEB客户机之间;
(2)SMTP:
简单邮件传送协议,用于邮件客户机和邮件服务器之间;
(3)TELNET:
远程登录协议,用于客户机与终端之间。
2.现给出一个网址如下:
参考答案:
//前的http表示访问信息采用的是超文本传输协议,并且文件在WWW服务器上;
表明了WWW服务器的位置;
planetwide/select/selector.html表明最终要访问的文件所在的位置。
3.访问类型即访问信息的链接方式,它决定了文件所在的位置,请问常用的链接方式有哪几种,并举出实例。
(列出三种即可)
参考答案:
(1)file:
如file:
\\D:
\作业\作业\主页.htm(前面的file:
\\一般可省略)就是打开本地D盘下的一个网页;
(2)ftp:
如ftp:
\\(此处也可输入IP地址);
(3)http:
如
(4)News:
news:
\\192.168.1.7可以查看IP地址192.168.1.7的可用新闻组;
(5)telnet:
telnet:
\\192.168.1.7就可以运行远程登录IP地址192.168.1.7;
4.我们要进入紫霞的公众网,网址如下:
telnet:
//,请你实际操作进入该网站,并列出三种以上进入该TELNET网站的方法。
参考答案:
(1)在浏览器中登录:
启动INTERNET EXPLORER,在URL地址栏中输入“telnet:
//”;
(2)“开始”→“运行”→“输入telnet” →“确定”→在命令行输入“open ”命令并回车;
(3)“开始”→“运行”→“输入cmd” →“确定”→在命令行输入“telnet ”命令并回车;
(4)“开始”→“运行”→“输入cmd” →“确定”→在命令行输入“telnet 211.157.100.8”命令并回车。
5.如果远程登录失败,请问原因可能是什么?
参考答案:
(1)计算机地址拼写错误(主机名或IP地址错误);
(2)远程计算机暂时不能使用;
(3)你所指定的计算机不在Internet上。
6.实践:
启动INTERNET EXPLORER浏览器,修改其INTERNET选项,并观察其效果。
您的答案:
答:
将 设置为INTERNET选项的首页后,只要打开INTERNET EXPLORER 便直接登录到该网站的主页
1.个人网站有哪三种基本风格?
参考答案:
(1)主题图形式;
(2)信息发布式;
(3)介于两者之间的风格。
2.根据本章中学习的商业网站的风格,请你通过比较列出三条商业网站的共同特征:
参考答案:
(1)公司标志或徽标应出现在页面上方,占用版面小;
(2)可以采用广告或主题图形的形式来突出公司形象与风格;
(3)有一些固定的栏目页面,如产品、服务等;
(4)必须建立站内搜索引擎,便浏览者查找信息。
3.在规划站点的目录结构的时候,应该注意哪些问题?
参考答案:
(1)要将目录分层,不能只有一个根目录,最好不使用中文目录,尽量用意义明确的目录;
(2)按栏目内容建立子目录,而不能将所有内容都放在根目录下;
(3)为每一个子目录都建立一个独立的images目录,用于存放该子目录的图象;
(4)目录的层次不能没有,但必须尽量少,以便于管理;
4.请根据信息发布式模式的特点列出4种适合于用信息发布式风格来制作网页的题材。
参考答案:
(1)用于软件下载的网页;
(2)用于新闻发布的网页;
(3)用于音乐下载的网页;
(4)文学作品大全;
(5)论坛。
5.请你浏览海尔集团的网站:
具体冰箱型号、价格、特点以及排行、新品、热卖等详细信息。
(第三层)
冰箱
居室家电空凋
(第二层)
6.请根据本章学习的内容,如果你想建一个个人网站,请问你将如何规划你的站点,通过你所使用的网页制作工具尝试设计一个个人网站。
(本题为选作题,同学们可以将做好的网页放到论坛中的作业空间中,相互比较和学习。
)
答:
建立一个个人网站,由于信息量不是太多,一般建立介于主题图和信息发布形式之间的模式
1.论述“抖动”产生的原理并给出一种解决“抖动” 可行的方法。
参考答案:
如果在采用了安全调色板以外的颜色,在Web上显示时就会产生"抖动".抖动是由于Web安全色的限制而产生的。
由于浏览器本身不能显示所有的颜色。
因而伪造了那些在颜色有限的调色板中不能显示出来的颜色。
在视觉上,近邻的像素倾向于混合而产生在图像中实际不存在的颜色,从而达到一种补偿目的。
"抖动"的图像有很多颗粒,显得图像非常粗糙。
(只要答出答案要点的内容即可)
一种解决“抖动”可行的方法:
我们选色时一定要采用WEB安全调色板。
2.图象有两种常用的文件格式:
GIF文件格式和JPEG文件格式,请简述这两种格式有什么区别,我们要制作透明图形和动画的时候选择哪种文件格式更好,如果我们要处理照片选择哪种文件格式更好。
参考答案:
(1)GIF支持的颜色比JPEG少;
(2)JPEG保存的是像素点,文件较大,GIF保存的是颜色索引号;
(3)JPEG的压缩算法压缩算法对包含有复杂颜色的图片更有效。
制作透明图形和动画的时候选择GIF格式更好;而处理照片的时候选择JPEG文件格式更好。
3.上面给出的是一个个人主页,请根据该页面和本章所学习的内容,分析该页面的重心平衡情况,并简要说明理由,如果你认为该页面不平衡请给出一个使它重心平衡的方案。
参考答案:
我认为该页面的重心不平衡,重心偏左,左边的导航条和右边的友情链接本来是可以平衡该页面的,使它成为一种对称型网页,但是,中间的文字却没有放在中间,而是靠左,因此导致了整个页面的重心偏左。
解决方法(这里给出两个可行的方法):
(1)在网页上添加一个渐变色图片,从左往右颜色越来越深;
(2)将网页中间的文字改为居中对齐,使页面趋于平衡。
此答案仅供参考,同学们只要分析得清楚有理皆算正确。
4.请简述在网页设计的时候要考虑哪些规则。
参考答案:
(1)网站的设计目的决定设计方案;
(2)浏览者的需求第一位;
(3)页面的有效性;
(4)页面布局的保持统一性;
(5)使用表格和适当的帧结构来设计网页;
(6)谨慎使用图片;
(7)平面设计意识;
(8)减少Java Applet和其他多媒体的使用。
5.灵活运用色块是网页设计中的一项重要技能,在运用色块制作网页的时候应该注意哪几点?
参考答案:
(1)冷暖色调在均匀使用时不宜靠近,如果必须的话,应当使用中间色分隔过渡;
(2)纯度相同的两种颜色不宜放在一起,如亮红和亮绿;
(3)整个页面中最好有一个主色调,否则整个页面就显得凌乱。
6.请使用具体的网页制作工具新建一个网页,网页的整体框架如图3-1所示,请同学们根据框架中的提示并根据你们的个人爱好,在网上下载一些适合的图片(如在XX()中搜索图片),并结合文字设计一个简单但布局合理的网页?
网站的主题图形及网站的主题文字
导航栏目(链接可以直接链接到本页而不需再做别的网页) 网页的主要展示空间,可以是主题图形式,放一张图片,也可以是信息提供式,提供大量信息 友情链接(可链接到一些与本网页主题相关的知名网站)
图3-1 网站主要框架
网站的主题图形及网站的主题文字
导航栏目(链接可以直接链接到本页而不需再做别的网页)
网页的主要展示空间,可以是主题图形式,放一张图片,也可以是信息提供式,提供大量信息
友情链接(可链接到一些与本网页主题相关的知名网站)
您的答案:
1.HTML文件的基本结构应包含哪些标记或语句。
答:
HTML文件的基本结构应包含的标记或语句有:
1.表示HTML文档;
2.
表示文档头;
3.
表示文档标题;
4.
表示文档体;
5.表示一个超级链接;
6.
表示一个2号标题;
7.各标记间的文档。
2.在本章中我们学习了很多网页制作的技巧,请你为你在上一章所做的网页嵌入适当的音乐(可以是你喜欢的,但一定要与你的网页相协调)。
答:
嵌入图像作为音乐的超级链接,语句:
。
3.新建一个页面,并在其中添加一个符号清单,结果如图4-1所示。
答:
语句如下:
清单
JAVA2的介绍
探索JAVA2
JAVA的发展
交互式WEB编程
JAVA语言的来源
JAVA语言的版本
选择JAVA的原因
- 面向对象
- 易于学习
- 平台无关性
JAVA编程
- 选择JAVA开发工具
- 安装软件开发工具包
4.在第3题的结果中,改变标号清单的格式,使其成为如图4-2所示的结果。
清单
JAVA2的介绍
探索JAVA2
JAVA的发展交互式WEB编程JAVA语言的来源JAVA语言的版本选择JAVA的原因
面向对象易于学习平台无关性JAVA编程
选择JAVA开发工具安装软件开发工具包5.请你根据本章中所学的本章的内容,设计一个登录页面,在登录页面中要输入用户名和密码,然后要设置提交和重新输入按钮,请提交你所做的网页的HTML文件。
(仅要一个表格练习表单即可,不需考虑网页的设计和布局)
答:
网页的HTML文件为:
登陆页面请输入你的资料:
1.简述DHTML的组成部分及其功能。
参考答案:
(1)HTML4.0:
包括许多增强特性,使格式更灵活;
(2)CSS:
用于控制文档的显示,可以使页面布局和格式比HTML更精确;
(3)DOM:
为HTML文档定义了一个与平台无关的程序接口;
(4)脚本语言:
可以是JavaScript或者是VBScript.
2.通过了解客户端表单检测的内容,新建一个HTML页面,在该页面中仅使用一个文本框输入用户的姓名,并且不能为空,如图5-6所示。
--
functiontest(form)
{if(form.姓名.value="")
alert("姓名不能为空");
else
{alert(“输入完成”);}
}
-->
3.DHTML的组成部分有哪几个,它们的功能分别是什么?
参考答案:
(1)客户端的脚本程序:
实现各种逻辑以及通过引用DOM中的各种对象来获取各种对象的状态并改变对象的属性从而把逻辑的结果表示出来;
(2)文档对象模型(DOM):
通过它使页面具备了动态的可变性;
(3)层叠样式表(CSS):
控制页面上几乎一切的视觉效果的变化,并能够方便地统一页面的样式,简化页面的维护工作。
4.在上一章中我们使用HTML编写了一个登录页面,请在该登录页面的HTML代码中添加一段JavaScript代码,使它可以显示当前的日期和星期(结果如图5-7所示),并提交页面的源代码或页面
登陆页面今天是
--
todayDate=newDate();
date=todayDate.getDate();
month=todayDate.getMonth()+1;
year=todayDate.getYear();
if(navigator.appName=="Netscape")
{
document.write(1900+year);
document.write("年");
document.write(month);
document.write("月");
document.write(date);
document.write("日");
document.write("
")
}
if(navigator.appVersion.indexOf("MSIE")!
=-1)
{
document.write(year);
document.write("年");
document.write(month);
document.write("月");
document.write(date);
document.write("日");
document.write("
")
}
if(todayDate.getDay()==5)document.write("星期五")
if(todayDate.getDay()==6)document.write("星期六")
if(todayDate.getDay()==0)document.write("星期日")
if(todayDate.getDay()==1)document.write("星期一")
if(todayDate.getDay()==2)document.write("星期二")
if(todayDate.getDay()==3)document.write("星期三")
if(todayDate.getDay()==4)document.write("星期四")
//-->
#990066;">请正确输入你的信息:
5.在上题结果的基础上,使用DOM使用户在点击“提交”后看到如图5-8所示的页面。
参考答案:
(1)在
、之间加入以下程序:functioncreateNewDoc()
{
varnewDoc=document.open("text/html","replace")
vartxt="
你好,欢迎光临我的网站,希望你观赏愉快!"
newDoc.write(txt)
newDoc.close()
}
(2)在
、中“提交”的位置将其内的内容改为:
1.选择符的作用在于定义CSS,请你列出几种在CSS中使用的选择符,并说明它们的选择符(selector)分别是什么。
参考答案:
(1)超文本标记选择符:
HTML标记;
(2)类选择符:
class;
(3)ID选择符:
ID;
(4)包含选择符。
2.从样式单插入的形式来看,层叠样式表中的样式单可以分为哪三种,它们的作用分别是什么
参考答案:
(1)内联式样式单:
只对插入该样式单的段落或标记起作用,简化了HTML标记的属性,直接通过CSS控制显示样式;
(2)嵌入式样式单:
统一整个页面的样式,只要改变样式,整个页面中与样式相关联的位置都将改变;
(3)外部式样式单:
统一整个网站的所有网页的样式,只要改变样式,整个网站内所有页面对应的样式都将改变。
3.建立一个CSS,完成的功能是使网页中的链接没有下划线(网页中可以做一个XX搜索引擎的链接,网址是:
)。
参考答案:
完整的HTML代码如下:
cssa:
link{text-decoration:
none;}
a:
visited{text-decoration:
none;}
a:
active{text-decoration:
none;}
XX搜索引擎
注:
红色标识部分为该题目的核心,它是使链接、被访问过后和被激活时都没有下划线。
4.建立一个CSS,使网页可以在不同的段落显示不同的背景色,结果如图6-5所示。
(颜色可以自己选择)
图6-5段落背景颜色结果
参考答案:
cssP{background-color:
blue;color:
white}
这段文字用于对比.
请注意该段文字的背景颜色和字体颜色.
5.上一章中我们修改了一个登录页面,请在上一章修改的基础上给页面加上一个边框,宽度和颜色及样式都自己确定。
参考答案:
body
{border-top-width:
20pt;
border-right-width:
20pt;
border-bottom-width:
20pt;
border-left-width:
20pt;
border-top-color:
#9900CC;
border-right-color:
#00FFFF;
border-bottom-color:
#66FF00;
border-left-color:
#666666
border-style:
outset
}
结果如图6-6所示。
1.FrontPage具有强大的管理WEB站点和制作网页的功能,便于网站开发人员使用,它有哪些主要功能。
搭:
它主要有以下几种功能:
创建和管理WEB站点;制作网页;发布站点;维护站点。
2.请你用FrontPage2003新建一个只有一个网页的站点,并为站点取名为“mysite”。
(请将页面拷屏提交)
3.再站点中的页面中练习使用主题,并观察其效果,并在运用完后删除主题。
(请将页面拷屏提交)
4.