网页设计与制作》网上作业题答案（全）.doc

资源描述

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所示，请同学们根据框架中的提示并根据你们的个人爱好，在网上下载一些适合的图片（如在百度（）中搜索图片），并结合文字设计一个简单但布局合理的网页? 网站的主题图形及网站的主题文字导航栏目（链接可以直接链接到本页而不需再做别的网页）网页的主要展示空间，可以是主题图形式，放一张图片，也可以是信息提供式，提供大量信息友情链接（可链接到一些与本网页主题相关的知名网站）图3-1 网站主要框架网站的主题图形及网站的主题文字导航栏目（链接可以直接链接到本页而不需再做别的网页）网页的主要展示空间，可以是主题图形式，放一张图片，也可以是信息提供式，提供大量信息友情链接（可链接到一些与本网页主题相关的知名网站）您的答案： 1．HTML文件的基本结构应包含哪些标记或语句。答：HTML文件的基本结构应包含的标记或语句有： 1.<html></html>表示HTML文档; 2.<head></head>表示文档头; 3.<title></title>表示文档标题; 4.<body></body>表示文档体； 5.<a></a>表示一个超级链接； 6.<h2></h2>表示一个2号标题； 7.各标记间的文档。 2．在本章中我们学习了很多网页制作的技巧，请你为你在上一章所做的网页嵌入适当的音乐（可以是你喜欢的，但一定要与你的网页相协调）。答：嵌入图像作为音乐的超级链接，语句：<a href="music/1.wma"><img src="images/1.jpg" border="0" width=150 alt="点我有歌听吆" ></a>。 3．新建一个页面，并在其中添加一个符号清单，结果如图4-1所示。答：语句如下： <html> <head> <title>清单</title> </head> <body> <menu type=disc> <li>JAVA2的介绍 <menu type=circle> <li>探索JAVA2 <ol type=1> <li>JAVA的发展 <li>交互式WEB编程 <li>JAVA语言的来源 <li>JAVA语言的版本 </ol> <li>选择JAVA的原因 <ol> <li>面向对象 <li>易于学习 <li>平台无关性 </ol> <li>JAVA编程 <ol> <li>选择JAVA开发工具 <li>安装软件开发工具包 </ol> </menu> </menu> </body> </html> 4．在第3题的结果中，改变标号清单的格式，使其成为如图4-2所示的结果。 <html> <head> <title>清单</title> </head> <body> <ul type=disc> <li>JAVA2的介绍 <ul type=circle> <li>探索JAVA2 <ol type=a> <li>JAVA的发展 <li>交互式WEB编程 <li>JAVA语言的来源 <li>JAVA语言的版本 </ol> <li>选择JAVA的原因 <ol type=I> <li>面向对象 <li>易于学习 <li>平台无关性 </ol> <li>JAVA编程 <ol type=A> <li>选择JAVA开发工具 <li>安装软件开发工具包 </ol> </ul> </ul> </body> </html> 5．请你根据本章中所学的本章的内容，设计一个登录页面，在登录页面中要输入用户名和密码，然后要设置提交和重新输入按钮，请提交你所做的网页的HTML文件。（仅要一个表格练习表单即可，不需考虑网页的设计和布局）答：网页的HTML文件为： <html> <head> <title>登陆页面</title> </head> <body> <p>请输入你的资料：</p> <table> <form action=getinfor.asp method=post> <tr><td>用户名</td> <td><input type=text name=姓名 size=10 maxlength=20></td> </tr> <tr><td align=right>密码</td> <td><input type=password name=密码 size=8 maxlength=20></td> </tr> <tr><td align=right> <input type=submit value="提交"></td> <td><input type=reset value="重新输入"></td> </tr> </form> </table> </body> </html> 1．简述DHTML的组成部分及其功能。参考答案：（1）HTML4.0：包括许多增强特性，使格式更灵活；（2）CSS：用于控制文档的显示，可以使页面布局和格式比HTML更精确；（3）DOM：为HTML文档定义了一个与平台无关的程序接口；（4）脚本语言：可以是JavaScript或者是VBScript. 2．通过了解客户端表单检测的内容，新建一个HTML页面，在该页面中仅使用一个文本框输入用户的姓名，并且不能为空，如图5-6所示。 <html> <head> <script language="javascript">  </script> </head> <body> <form> 请输入您的姓名： <input type=text size=20 name="姓名"> (姓名不能为空） <input type=submit value="提交" onClick="test(this.form)"> </form> </body> </html> 3．DHTML的组成部分有哪几个，它们的功能分别是什么？参考答案：（1）客户端的脚本程序：实现各种逻辑以及通过引用DOM中的各种对象来获取各种对象的状态并改变对象的属性从而把逻辑的结果表示出来；（2）文档对象模型（DOM）：通过它使页面具备了动态的可变性；（3）层叠样式表（CSS）：控制页面上几乎一切的视觉效果的变化，并能够方便地统一页面的样式，简化页面的维护工作。 4．在上一章中我们使用HTML编写了一个登录页面，请在该登录页面的HTML代码中添加一段JavaScript代码，使它可以显示当前的日期和星期（结果如图5-7所示），并提交页面的源代码或页面 <html> <head> <title>登陆页面</title> </head> <body> 今天是<br> <script language="JavaScript">  </script> <h3 style="color:#990066;">请正确输入你的信息：</h3> <table> <form action=getinfor.asp method=post> <tr><td>姓名：</td> <td><input type=text name=姓名 size=10 maxlength=20></td> </tr> <tr><td>密码：</td> <td><input type=password name=密码 size=10 maxlength=20></td> </tr> <tr><td> <input type=submit value="提交"></td> <td><input type=reset value="重新输入"></td> </tr> </form> </table> </body> </html> 5．在上题结果的基础上，使用DOM使用户在点击“提交”后看到如图5-8所示的页面。参考答案：（1）在<head>、</head>之间加入以下程序： <script> function createNewDoc() { var newDoc=document.open("text/html","replace") var txt="<html><body>你好,欢迎光临我的网站,希望你观赏愉快! </body></html>" newDoc.write(txt) newDoc.close() } </script> （2）在<body>、</body>中“提交”的位置将其<input>内的内容改为： <input type="button" value="提交" onclick="createNewDoc()"> 1．选择符的作用在于定义CSS，请你列出几种在CSS中使用的选择符，并说明它们的选择符（selector）分别是什么。参考答案：（1）超文本标记选择符：HTML标记；（2）类选择符：class；（3）ID选择符：ID；（4）包含选择符。 2．从样式单插入的形式来看，层叠样式表中的样式单可以分为哪三种，它们的作用分别是什么参考答案：（1）内联式样式单：只对插入该样式单的段落或标记起作用，简化了HTML标记的属性，直接通过CSS控制显示样式；（2）嵌入式样式单：统一整个页面的样式，只要改变样式，整个页面中与样式相关联的位置都将改变；（3）外部式样式单：统一整个网站的所有网页的样式，只要改变样式，整个网站内所有页面对应的样式都将改变。 3．建立一个CSS，完成的功能是使网页中的链接没有下划线（网页中可以做一个百度搜索引擎的链接，网址是：）。参考答案：完整的HTML代码如下： <html> <head> <title>css</title> <style> a:link {text-decoration: none;} a:visited {text-decoration: none;} a:active { text-decoration: none;} </style> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head> <body> <A href=>百度搜索引擎</A> </body> </html> 注：红色标识部分为该题目的核心，它是使链接、被访问过后和被激活时都没有下划线。 4．建立一个CSS，使网页可以在不同的段落显示不同的背景色，结果如图6-5所示。（颜色可以自己选择）图6-5 段落背景颜色结果参考答案： <html> <head> <title>css</title> <style> P{background-color:blue;color:white} </style> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head> <body> 这段文字用于对比. <p>请注意该段文字的背景颜色和字体颜色.</P> </body> </html> 5．上一章中我们修改了一个登录页面，请在上一章修改的基础上给页面加上一个边框，宽度和颜色及样式都自己确定。参考答案： <style> 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 } </style> 结果如图6-6所示。 1． FrontPage具有强大的管理WEB站点和制作网页的功能，便于网站开发人员使用，它有哪些主要功能。搭：它主要有以下几种功能：创建和管理WEB站点；制作网页；发布站点；维护站点。 2．请你用FrontPage 2003新建一个只有一个网页的站点，并为站点取名为“my site”。（请将页面拷屏提交） 3．再站点中的页面中练习使用主题，并观察其效果，并在运用完后删除主题。（请将页面拷屏提交） 4．设计自己的主页，并熟悉FrontPage 2003的各项菜单和工具栏及其使用。（在主页中一定要使用一个以上的表格，也可以使用主题，请将页面拷屏提交） 5．创建一个或多个二级页面，并设置它们与主页之间的相互链接。（请将目录结构拷屏提交） 6．在所做的网站中的任一网页中插入一首你所喜欢的音乐。（请将页面提交） 1．在我们制作网页的时候，在栏目的设置上必须考虑哪几方面的因素，用什么方法实现。您的答案：答:｝1）紧扣主题：将网站的主题分类，并将它们作为网站的主栏目；（2）主页庞大或层次过多：设一个最近更新或网站指南栏目；（3）双向交流：设一个可以双向交流的栏目，如论坛、留言本等；（4）避免重复回答问题：设置一个常见问题回答栏目 2．对于商业网站来说，站点的推广非常重要，常用的站点推广方式有哪几种。您的答案：答:（1）搜索引擎注册；（2）网络广告交换；（3）邮件列表服务；（4）BBS讨论组的宣传。 3．现在我们已经学会了如何建立网站并学会了将其在互联网中发布，那么，我们应该如何在搜索引擎中注册呢，请你通过上网查资料免费将你所发布的网页在搜索引擎中注册，以推广你的网站，使更多人看到你的网页。（1）进入搜狗搜索注册的页面，并在该搜索引擎进行注册，网址如下：（2）正确填写信息，如图8-10所示；（注：为了使你的网页在多个关键词的搜索中都出现，在网站描述中应尽量详细地描述你的网站的内容，在这里我省略了）（3）提交，成功后即为注册成功 4．用FRONTPAGE 2003打开你的网站，查看并分析它的链接结构，看看是否与你想象的一致（其中包括从主页到所有文件和页面的链接）我的网站的链接结构如图8-11所示，从主页链接到了我的二级页面， 5．使用FRONTPAGE 2003将你所制作的网站发布到自己的计算机上（即将网页发布到“文件系统”），并启用浏览器进行浏览。 6．练习使用CuteFTP，尝试使用CuteFTP连接远程站点并下载文件或文件夹。 1．XML有哪些主要特征？您的答案：答:（1）严密性；（2）可扩展性；（3）互操作性；（4）开放性。 2．进行实际操作，熟悉XML的写法并熟悉如何在浏览器上浏览XML页面。（可以将本章中所用到的案例在本地进行调试，运行的结果应该与本章中例子所给出的结果一致） <?xml version="1.0" encoding="GB2312" standalone="yes"?> <state stateid="中国"> <city cityid="01"> <name>北京</name> <population>1200</population> </city> <city cityid="02"> <name>上海</name> <population>1000</population> </city> <city cityid="03"> <name>广州</name> <population>1200</population> </city> </state> 3．将已经写好的XML代码另存为HTML格式，比较它们之间的差别。您的答案：答:如上题的代码，分别存为XML和HTML，其结果如下图： 4．假设你要销售图书和CD，每一本书和每一个CD都有价格和数量，请你为它们定义一个DTD，来记录你的销售情况。您的答案：答:<!DOCTYPE sales[ <!ELEMENT sale (#PCDATA|item)*> <!ELEMENT item (itemno,itemp,quantity)> <!ELEMENT itemno (#PCDATA)> <!ELEMENT itemp (#PCDATA)> <!ELEMENT quantity (#PCDATA)> ]> 5．上一题中我们已经定义了一个文档格式，请你实际调用它，使用XML编写程序并使用该种文档格式输出以下数据： CD编号价格销售数量 0001 10.00 4 0002 14.00 2 0003 75.00 1 您的答案：答:<?xml version="1.0" encoding="UTF-8" standalone="yes"?> <sale> <item> <itemno>0001</itemno> <itemp>10.00</itemp> <quantity>4</quantity> </item> <item> <itemno>0002</itemno> <itemp>14.00</itemp> <quantity>2</quantity> </item> <item> <itemno>0003</itemno> <itemp>75.00</itemp> <quantity>1</quantity> </item> </sale>

展开阅读全文