资源预览内容
第1页 / 共21页
第2页 / 共21页
第3页 / 共21页
第4页 / 共21页
第5页 / 共21页
第6页 / 共21页
第7页 / 共21页
第8页 / 共21页
第9页 / 共21页
第10页 / 共21页
亲,该文档总共21页,到这儿已超出免费预览范围,如果喜欢就下载吧!
点击查看更多>>
资源描述
形考任务一(1)网页的内容应该包括哪些元素(2)一般网站的规划与设计应该考虑哪些因素(3)商业网站在规划与设计时应着重考虑哪些因素形考任务二(1)通过使用 HTML,可以在文档中显示图像,插入一副图像(jpg)、插入一副动图图像(gif格式)。(2)从不同位置,包括文件夹和网络,插入图像。参考答案(1)htmlhead/headbody一幅图像img src/i/eg_mouse.jpg width128 height128 /img src/i/eg_cute.gif width50 height50 /请注意,插入动画图像的语法与插入普通图像的语法没有区别。/body/html(2)htmlhead/headbody来自另一个文件夹的图像img src/i/abc.jpg /来自 网络的图像img srchttp// //body/html作业提交状态XHTML 指的是选择一项A. EXtensible HyperText Markup LanguageB. EXtreme HyperText Markup LanguageC. EXtra Hyperlinks and Text Markup LanguageD. EXtensible HyperText Marking Language题目2还未回答满分1.00未标记标记题目题干在下面的 XHTML 中,哪个可以正确地标记段落选择一项A. B. C. D. 题目3还未回答满分1.00未标记标记题目题干在下面的 XHTML 中,哪个可以正确地标记折行选择一项A. brB. break/C. br /题目4还未回答满分1.00未标记标记题目题干下列 XHTML 中的属性和值,哪个是正确的选择一项A. WIDTH80B. WIDTH80C. width80D. width80题目5还未回答满分1.00未标记标记题目题干在 XHTML 文档中哪些元素是强制性的选择一项A. doctype、html、head、body 以及 titleB. doctype、html、head 以及 bodyC. doctype、html 以及 body题目6还未回答满分1.00未标记标记题目题干下列哪些是格式良好的 XHTML 选择一项A. A bishort/i/b paragraphB. A bishort/i/b paragraphC. A bishort/b/i paragraph题目7还未回答满分1.00未标记标记题目题干在 XHTML 中有哪些不同的 DTD 选择一项A. Strict, Transitional, FramesetB. Strict, Transitional, Loose, FramesetC. Strict, Transitional, Loose题目8还未回答满分1.00未标记标记题目题干网页的主体内容将写在什么标签内部选择一项A. HTML标签B. HEAD标签C. body标签D. 标签题目9还未回答满分1.00未标记标记题目题干HTML代码中,aligncenter表示选择一项A. 文本闪烁B. 文本加注上标线C. 文本或图片居中D. 文本加注下标线题目10还未回答满分1.00未标记标记题目题干在HTML文档中使用有序列表应使用( )标记选择一项A. ul B. li C. dl D. ol请判断以下说法是否正确XHTML 是一个 Web 标准。选择一项对错题目12还未回答满分1.00未标记标记题目题干请判断以下说法是否正确XML 和 HTML 会被 XHTML 取代。选择一项对错题目13还未回答满分1.00未标记标记题目题干请判断以下说法是否正确HTML 会被 XHTML 取代。选择一项对错题目14还未回答满分1.00未标记标记题目题干请判断以下说法是否正确XHTML 中所有的元素都需要关闭。选择一项对错题目15还未回答满分1.00未标记标记题目题干请判断以下说法是否正确DOCTYPE 没有关闭标签。选择一项对错题目16还未回答满分1.00未标记标记题目题干请判断以下说法是否正确XHTML 文档必须是格式良好的。选择一项对错题目17还未回答满分1.00未标记标记题目题干在 XHTML 中允许简写属性吗选择一项对错题目18还未回答满分1.00未标记标记题目题干所有的 XHTML 文档都需要 doctype 吗选择一项对错题目19还未回答满分1.00未标记标记题目题干请判断以下说法是否正确所有的 XHTML 标签和属性都必须是小写的。选择一项对错题目20还未回答满分1.00未标记标记题目题干请判断以下说法是否正确HTML 5 是 XHTML 的升级版本。选择一项对错形考任务四活动1采用CSS样式来设置背景、标题和段落的颜色。HTML代码如下htmlhead/headbodyh1这是标题 1/h1h2这是标题 2/h2这是段落p class 这个段落设置了内边距。/body/html活动2使用百分比或者像素值设置行间距。HTML代码如下htmlhead/headbody这是拥有标准行高的段落。在大多数浏览器中默认行高大约是 110 到 120。这是拥有标准行高的段落。这是拥有标准行高的段落。这是拥有标准行高的段落。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。/body/html参考答案htmlheadstyle typetext/cssbody background-color yellowh1 background-color 00ff00h2 background-color transparentp background-color rgb250,0,255p.no2 background-color gray; padding 20px;/style/headbodyh1这是标题 1/h1h2这是标题 2/h2这是段落p classno2这个段落设置了内边距。/body/html(1)百分比htmlheadstyle typetext/cssp.small line-height 90p.big line-height 200/style/headbody这是拥有标准行高的段落。在大多数浏览器中默认行高大约是 110 到 120。这是拥有标准行高的段落。这是拥有标准行高的段落。这是拥有标准行高的段落。p classsmall这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。p classbig这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。/body/html(2)像素值htmlheadstyle typetext/cssp.small line-height 10px p.big line-height 30px /style/headbody这是拥有标准行高的段落。在大多数浏览器中默认行高大约是 20px。这是拥有标准行高的段落。这是拥有标准行高的段落。这是拥有标准行高的段落。这是拥有标准行高的段落。这是拥有标准行高的段落。p classsmall这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。p classbig这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。/body/html形考任务五使用 元素以及CSS样式表对下面的内容进行的布局设计。城市介绍北京上海南京南京简称“京”,是中华人民共和国的首都、直辖市、国家中心城市、超大城市、国际大都市,全国政治中心、文化中心、国际交往中心、科技创新中心,是中国共产党中央委员会、中华人民共和国中央人民政府、全国人民代表大会、中国人民政治协商会议全国委员会、中华人民共和国中央军事委员会所在地,也是中部战区司令部驻地。北京位于华北平原北部,背靠燕山,毗邻天津市和河北省。北京的气候为典型的北温带半湿润大陆性季风气候。北京是首批国家历史文化名城和世界上拥有世界文化遗产数最多的城市,三千多年的历史孕育了故宫、天坛、八达岭长城、颐和园等众多名胜古迹。早在七十万年前,北京周口店地区就出现了原始人群部落“北京人”。公元前1045年,北京成为蓟、燕等诸侯国的都城。公元938年以来,北京先后成为辽陪都、金中都、元大都、明、清国都。1949年10月1日成为中华人民共和国首都。参考答案htmlheadstyleheader background-colorblack;colorwhite;text-aligncenter;padding5px;nav line-height30px;background-coloreeeeee;height300px;width100px;floatleft;padding5px;section width350px;floatleft;padding10px;footer background-colorblack;colorwhite;clearboth;text-aligncenter;padding5px;/style/headbodydiv idheaderh1城市/h1div idnav北京br /上海br /南京br /div idsectionh2London/h2北京,简称“京”,是中华人民共和国的首都、直辖市、国家中心城市、超大城市、国际大都市,全国政治中心、文化中心、国际交往中心、科技创新中心,是中国共产党中央委员会、中华人民共和国中央人民政府、全国人民代表大会、中国人民政治协商会议全国委员会、中华人民共和国中央军事委员会所在地,也是中部战区司令部驻地。北京位于华北平原北部,背靠燕山,毗邻天津市和河北省。北京的气候为典型的北温带半湿润大陆性季风气候。北京是首批国家历史文化名城和世界上拥有世界文化遗产数最多的城市,三千多年的历史孕育了故宫、天坛、八达岭长城、颐和园等众多名胜古迹。早在七十万年前,北京周口店地区就出现了原始人群部落“北京人”。公元前1045年,北京成为蓟、燕等诸侯国的都城。公元938年以来,北京先后成为辽陪都、金中都、元大都、明、清国都。1949年10月1日成为中华人民共和国首都。/body/html作业提交状态形考任务六HTML 表单用于搜集不同类型的用户输入,包括文本输入、单选按钮输入、提交按钮,达到效果入下图所示。参考答案登陆名称br typetext nameloginnamebr密码br typetext namepassword性别 typeradio namesex valuemale checked男br typeradio namesex valuefemale女brbr type value/作业提交状态形考任务七(1)讨论模版的使用要点。1)包括网页中应用模版的方法2)如何将当前设计好的页面转换为模板3)如何使用模板生成多个页面(2)如何在网页中应用库1)如何网页中建立库2)如何插入库、选择内容转换为库3)如何将库内容插入多个文档HTML 调用js实现多项滑动门选项卡特效。参考代码DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlnshttp//www.w3.org/1999/xhtmlheadmeta http-equivContent-Type contenttext/html; charsetgb2312 /title js实现多项滑动门选项卡特效/titlestyle mediascreen typetext/css/stylescript typetext/javascript languagejavascript//CDATAfunction go return document.getElementByIdo; function hover_zzjs_netn //如果有N个标签,就将iN;for var i 1; i 6; i gtab_zzjs_ i.className nor_zzjs; gtab_zzjs_0 i.className undis_zzjs_net; gtab_zzjs_0 n.className dis_zzjs_net; gtab_zzjs_ n.className hovertab_zzjs;//如果要做成点击后再转到请将li中的onmouseover 改成 onclick;///script/headbody你的代码/body/html参考答案DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlnshttp//www.w3.org/1999/xhtmlheadmeta http-equivContent-Type contenttext/html; charsetgb2312 /title js实现多项滑动门选项卡特效/titlestyle mediascreen typetext/css/stylescript typetext/javascript languagejavascript//CDATAfunction go return document.getElementByIdo; function hover_zzjs_netn //如果有N个标签,就将iN;for var i 1; i 6; i gtab_zzjs_ i.className nor_zzjs; gtab_zzjs_0 i.className undis_zzjs_net; gtab_zzjs_0 n.className dis_zzjs_net; gtab_zzjs_ n.className hovertab_zzjs;//如果要做成点击后再转到请将li中的onmouseover 改成 onclick;///script/headbodydiv class936_zzjs_netdiv idtab_zzjs_ classtab_zzjs_ulli idtab_zzjs_1 classhovertab_zzjs onmouseoverxhover_zzjs_net1;一、内容/lili idtab_zzjs_2 classnor_zzjs onmouseoverihover_zzjs_net2;二、内容/lili idtab_zzjs_3 classnor_zzjs onmouseoverahover_zzjs_net3;三、内容/lili idtab_zzjs_4 classnor_zzjs onmouseoverohover_zzjs_net4;四、内容/lili idtab_zzjs_5 classnor_zzjs onmouseoverghover_zzjs_net5;五、内容/lili idtab_zzjs_6 classnor_zzjs onmouseoverzhover_zzjs_net6;六、内容/li/uldiv classctt_zzjs_netdiv classdis_zzjs_net idtab_zzjs_01 href一、内容,测试内容一div classundis_zzjs_net idtab_zzjs_02 href二、内容,测试内容二div classundis_zzjs_net idtab_zzjs_03 href三、内容,测试内容三div classundis_zzjs_net idtab_zzjs_04 href四、内容,测试内容四div classundis_zzjs_net idtab_zzjs_05 href五、内容,测试内容五div classundis_zzjs_net idtab_zzjs_06 href六、内容,测试内容六/body/html(1)为什么要进行网站的测试(2)多人协同工作制作一个网站时,最好使用Dreamweaver的什么功能请同学们结合课程内容与个人爱好,基于Dreamweaver软件设计和开发一网站。以压缩文件提交,压缩文件包含内容如下1.源代码2.网站说明,包含(核心界面截图等)
点击显示更多内容>>
收藏 下载该资源
网站客服QQ:738408904
技术文库版权所有
经营许可证编号:粤ICP备16048919号-1