网页设计与制作-第五章：高级网页制作(2)

《网页设计与制作》课程标准学时数：48学时________________ 课程性质：专业必修课—适用专业：计算机应用专业—一、本课程的性质、地位、作用以及与其它相关课程内容的联系《网页设计与制作》是计算机应用专业的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。

本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver,通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。

二、课程教学目标本门课程在专业教学计划中起着十分重要的作用，通过这门课程，学生可以掌握以下技能和知识：*掌握网站的开发流程，如建站规划、效果图制作、建立站点等相关知识。

*掌握各种网页元素在DreamWeaVer中的使用。

例如表格、文本、图像、超级链接、层和表单等。

*掌握测试和发布网站的方法。

包括网站测试的内容和方法。

*能够解决一些网页设计中的常见问题。

三、本课程学时安排四、课程教学内容和基本要求（按章节详细阐述）第一章：网页设计概述（一）教学重点和难点重点：Dreamweavercs5的参数设置、Dreamweaver的站点设置。

难点：DreamWeaVer的站点设置。

（二）教学内容和基本要求教学内容：基础知识，初识DreamWeaver,DreamWeaVerCS5的参数设置，设置站点。

基本要求：了解网页设计基本知识；掌握Drean1weaVerCS5的参数设置；熟练掌握Dreamweaver的站点设置。

第二章：表格布局（一）教学重点和难点重点：表格基本操作、表格布局。

难点：表格布局。

（二）教学内容和基本要求教学内容：表格基本操作，表格高级应用，表格布局，网页设计基础。

基本要求：了解表格基本操作、表格高级应用及网页设计基础；掌握表格基本操作；熟练掌握表格布局。

第三章：CSS样式表（一）教学重点和难点重点：CSS样式表应用。

⽹页设计与制作（附微课视频第2版）参考答案第⼀章习题参考答案⼀、选择题1、A2、A3、B4、C5、A、B、C、D6、A、C、D7、B8、C9、B⼆、简答题1．答：URL是UniformResourceLocation的缩写,译为“统⼀资源定位符”，URL是Internet 上⽤来描述信息资源的字符串,主要⽤在各种WWW客户程序和服务器程序上,特别是著名的Mosaic。

采⽤URL可以⽤⼀种统⼀的格式来描述各种信息资源,包括⽂件、服务器的地址和⽬录等；2答：⽂本、图像、动画、视频等。

3.答：⽹页结构语⾔的作⽤是将⽹页需要的内容以结构化、模块化的⽅式总结和存储，供表现语⾔和⾏为进⾏调⽤。

⽹页结构语⾔包括可扩展超⽂本标记语⾔XHTML 1.0和HTML 5等两种结构语⾔。

其中，XHTML 1.0为当前被⼴泛使⽤的标准，⽽HTML 5标准则是⽹页未来将被使⽤的标准。

⽹页表现语⾔的作⽤是为⽹页的结构语⾔定义尺⼨、位置、背景，以及⽂本的各种效果。

⽬前⽹页表现的国际标准语⾔为CSS 样式表技术。

⽹页结构语⾔和⽹页表现语⾔共同作⽤可以为⽤户呈现⽹页的整体画⾯，然⽽，⽹页是⼀种交互性的媒体，其除了可以呈现内容外，还可以根据⽤户的界⾯操作响应各种事件，此时，就需要⽤到⽹页的⾏为语⾔。

⽹页的⾏为语⾔包括多种类型，例如，JavaScript、JScript以及VBScript等。

4.答：⼀个完整的HTML5⽂档包含声明、头部和主体三个部分组成。

第⼆章习题参考答案⼀、选择题1.A、B2.A3.B4.D5.D6.D7.C⼆、简答题1．答：（⼀）⽹站功能需求分析；（⼆）⽹站的策划，本阶段主要包含⽹站栏⽬，内容，产品提炼等等；（三）⽹站设计，根据策划开始进⾏设计；（四）程序代码的开发；（五）上线测试；（5）后期维护；2.答：（1）对称与均衡对称分为左右对称、上下对称、重复对称、旋转对称等形式。

对称的造型在⼤⾃然中⽐⽐皆是，同时也是版式设计常⽤的构成形式。

《网页设计与制作》教案第一章：网页设计基础1.1 教学目标让学生了解网页设计的基本概念和原则让学生掌握网页设计的流程和方法1.2 教学内容网页设计的概念和定义网页设计的原则和要素网页设计的流程和方法1.3 教学方法讲授法：讲解网页设计的概念和原则实践法：学生动手实践设计简单的网页1.4 教学评价学生能回答出网页设计的概念和定义学生能理解并运用网页设计的原则和要素学生能独立完成简单的网页设计第二章：HTML与CSS基础2.1 教学目标让学生了解HTML和CSS的基本概念和作用让学生掌握HTML和CSS的基本语法和用法2.2 教学内容HTML的基本概念和语法CSS的基本概念和语法HTML和CSS的综合应用2.3 教学方法讲授法：讲解HTML和CSS的基本概念和语法实践法：学生动手实践编写HTML和CSS代码2.4 教学评价学生能回答出HTML和CSS的基本概念和作用学生能理解并运用HTML和CSS的基本语法和用法学生能独立完成简单的HTML和CSS代码编写第三章：网页布局与排版3.1 教学目标让学生了解网页布局和排版的基本原则和方法让学生掌握使用HTML和CSS进行网页布局和排版的技术3.2 教学内容网页布局的基本原则和方法网页排版的基本原则和方法使用HTML和CSS进行网页布局和排版的技术3.3 教学方法讲授法：讲解网页布局和排版的基本原则和方法实践法：学生动手实践进行网页布局和排版3.4 教学评价学生能回答出网页布局和排版的基本原则和方法学生能理解并运用HTML和CSS进行网页布局和排版的技术学生能独立完成具有良好布局和排版的网页设计第四章：网页动画与交互4.1 教学目标让学生了解网页动画和交互的基本概念和原理让学生掌握使用HTML和CSS实现网页动画和交互的技术4.2 教学内容网页动画的基本概念和原理网页交互的基本概念和原理使用HTML和CSS实现网页动画和交互的技术4.3 教学方法讲授法：讲解网页动画和交互的基本概念和原理实践法：学生动手实践实现网页动画和交互4.4 教学评价学生能回答出网页动画和交互的基本概念和原理学生能理解并运用HTML和CSS实现网页动画和交互的技术学生能独立完成具有动画和交互功能的网页设计第五章：网页优化与推广5.1 教学目标让学生了解网页优化和推广的基本概念和方法让学生掌握使用SEO和网络营销技术进行网页优化和推广的技巧5.2 教学内容网页优化的基本概念和方法网页推广的基本概念和方法使用SEO和网络营销技术进行网页优化和推广的技巧5.3 教学方法讲授法：讲解网页优化和推广的基本概念和方法实践法：学生动手实践进行网页优化和推广5.4 教学评价学生能回答出网页优化和推广的基本概念和方法学生能理解并运用SEO和网络营销技术进行网页优化和推广的技巧学生能独立完成具有优化和推广功能的网页设计第六章：网页图像处理与多媒体应用6.1 教学目标让学生了解网页图像处理的基本概念和工具让学生掌握网页图像处理和多媒体应用的技术6.2 教学内容网页图像处理的基本概念和工具（如Photoshop、Fireworks等）多媒体元素在网页中的应用（如音频、视频等）图像和多媒体的HTML和CSS标记6.3 教学方法讲授法：讲解网页图像处理的基本概念和工具实践法：学生动手实践进行网页图像处理和多媒体应用6.4 教学评价学生能回答出网页图像处理的基本概念和工具学生能理解并运用网页图像处理和多媒体应用的技术学生能独立完成具有图像和多媒体应用的网页设计第七章：网页编程技术7.1 教学目标让学生了解网页编程的基本概念和语言让学生掌握常用的网页编程技术和框架7.2 教学内容网页编程的基本概念和语言（如JavaScript、jQuery等）常用的网页编程技术和框架（如Bootstrap、React等）编程实践和项目案例7.3 教学方法讲授法：讲解网页编程的基本概念和语言实践法：学生动手实践进行网页编程和技术应用7.4 教学评价学生能回答出网页编程的基本概念和语言学生能理解并运用常用的网页编程技术和框架学生能独立完成编程实践和项目案例第八章：移动网页设计与制作8.1 教学目标让学生了解移动网页设计的基本概念和原则让学生掌握移动网页设计与制作的技术和工具8.2 教学内容移动网页设计的基本概念和原则移动网页设计与制作的技术和工具（如Responsive Design、Adobe Edge Mobile等）移动网页设计的实践和案例分析8.3 教学方法讲授法：讲解移动网页设计的基本概念和原则实践法：学生动手实践进行移动网页设计与制作8.4 教学评价学生能回答出移动网页设计的基本概念和原则学生能理解并运用移动网页设计与制作的技术和工具学生能独立完成移动网页设计与制作的项目案例第九章：网页项目实战与团队协作9.1 教学目标让学生了解网页项目实战的基本流程和方法让学生掌握团队协作的基本技巧和工具9.2 教学内容网页项目实战的基本流程和方法团队协作的基本技巧和工具（如Git、Project Management Software等）项目案例分析和实战演练9.3 教学方法讲授法：讲解网页项目实战的基本流程和方法实践法：学生分组进行项目实战和团队协作9.4 教学评价学生能回答出网页项目实战的基本流程和方法学生能理解并运用团队协作的基本技巧和工具学生能独立完成项目实战和团队协作的任务第十章：网页设计与制作的未来趋势10.1 教学目标让学生了解网页设计与制作的未来趋势和发展方向让学生掌握前沿技术和创新思维的方法10.2 教学内容网页设计与制作的未来趋势和发展方向（如VR/AR、等）前沿技术和创新思维的方法（如Blockchn、Design Thinking等）创新项目和案例分析10.3 教学方法讲授法：讲解网页设计与制作的未来趋势和发展方向实践法：学生进行创新项目和思维训练10.4 教学评价学生能回答出网页设计与制作的未来趋势和发展方向学生能理解并运用前沿技术和创新思维的方法学生能独立完成创新项目和案例分析重点和难点解析重点环节一：网页设计的概念和原则重点关注学生对网页设计的基本理解，以及如何运用设计原则进行网页创作。

第一章习题参考答案一、选择题1、A2、A3、B4、C5、A、B、C、D6、A、C、D7、B8、C9、B二、简答题1．答：URL是UniformResourceLocation的缩写,译为“统一资源定位符”，URL是Internet 上用来描述信息资源的字符串,主要用在各种WWW客户程序和服务器程序上,特别是著名的Mosaic。

采用URL可以用一种统一的格式来描述各种信息资源,包括文件、服务器的地址和目录等；2答：文本、图像、动画、视频等。

3.答：网页结构语言的作用是将网页需要的内容以结构化、模块化的方式总结和存储，供表现语言和行为进行调用。

网页结构语言包括可扩展超文本标记语言XHTML 1.0和HTML 5等两种结构语言。

其中，XHTML 1.0为当前被广泛使用的标准，而HTML 5标准则是网页未来将被使用的标准。

网页表现语言的作用是为网页的结构语言定义尺寸、位置、背景，以及文本的各种效果。

目前网页表现的国际标准语言为CSS样式表技术。

网页结构语言和网页表现语言共同作用可以为用户呈现网页的整体画面，然而，网页是一种交互性的媒体，其除了可以呈现内容外，还可以根据用户的界面操作响应各种事件，此时，就需要用到网页的行为语言。

网页的行为语言包括多种类型，例如，JavaScript、JScript以及VBScript等。

4.答：一个完整的HTML5文档包含声明、头部和主体三个部分组成。

第二章习题参考答案一、选择题1.A、B2.A3.B4.D5.D6.D7.C二、简答题1．答：（一）网站功能需求分析；（二）网站的策划，本阶段主要包含网站栏目，内容，产品提炼等等；（三）网站设计，根据策划开始进行设计；（四）程序代码的开发；（五）上线测试；（5）后期维护；2.答：（1）对称与均衡对称分为左右对称、上下对称、重复对称、旋转对称等形式。

对称的造型在大自然中比比皆是，同时也是版式设计常用的构成形式。

对称的形式给人以稳定平衡的感觉，但也容易流于刻板、单调。

湖北省高等教育自学考试课程考试大纲课程名称：网页设计与制作课程代码：06386第一部分课程性质与目标一、课程的性质与特点“网页设计与制作”是湖北省高等教育自学考试网络传播专业（专科段）开设的一门专业实践课程。

网页是网络中信息传播的重要载体，是当今网络传播应用的主要形式。

作为网络与新媒体专业的学生只有了解、掌握了网页设计与制作的基本原理、基本操作方法，才能更好进行网络传播的应用与实践。

本课程通过对网页的基本原理、CSS基础、网页页面的布局结构、文本图像与多媒体的使用、页面链接、列表与表格、表单与程序控制制作流程、以及对相关软件的操作掌握后，可以独立完成对网页的制作设计与编辑，从而将新闻等网络信息通过网页展现，更好将网络新闻的采编评与网络传播的网页展现形式结合，充分发挥网络传播的特点。

在网络与新媒体专业学生将来的实际工作中需要经常用到本课程内容中介绍的基本原理和方法。

因此，本课程是该专业学生必须掌握的一门课程。

本课程是本专业及相关专业相关课程进一步学习的基础课程。

二、课程目标和基本要求网页的设计与制作是一门与计算机结合十分紧密的课程。

既需要一定的理论知识，也需要一定的实际操作能力。

通过本课程自学、上机实习、作业等方式的学习，要求学生掌握网页的基本原理、网页制作与设计的基本方法、能操作相关应用软件，最终达到可以独立或者与他人分工合作完成简单和复杂网页的设计与制作。

具体地说，包括以下几个方面：（1）考生了解网页的基本概念、基本结构、制作流程和设计原则等相关基础知识，掌握网站的开发流程，能独立规划和设计网站。

（2）要求考生能熟练掌握多媒体素材在网页制作中的运用。

（3）使考生掌握网页描述语言HTML、CSS的用法，能熟练运用常见的网页标记。

掌握JavaScript 脚本语言程序设计的基础知识，能编写JavaScript脚本创建具有动态效果的网页。

本课程要求学生在自学过程中，特别要加强实践环节，培养动手能力，掌握相关软件的使用方法，要求应试者具备一定的上机能力和实际应用能力。

网页设计与制作现今，随着互联网进入到我们的生活，网页设计与制作变得越来越重要。

网页设计既包括网页的用户体验设计，也包括网页的界面设计。

而网页制作则是利用代码编写出一个网页的过程。

网页设计的实现需要从用户体验设计和界面设计两个方面考虑。

首先，用户体验设计需要考虑如何使用户在使用网站时感到舒适自在。

因此，网站必须能够满足用户对信息的高效需求，并且界面设计必须符合当前的设计趋势，使得用户遵循某种熟悉的模式以便于更快地使用网站。

一般来说，要想让用户体验良好，网站内容需要简洁明了，必须符合用户需求，以及直观易用。

其次，网页设计的界面设计则是设计师需要面对的另一个问题。

优秀的网页设计不仅要充分考虑用户体验因素，也要符合当今流行的设计风格。

以自适应布局为例，是人们在今天网站访问最多的终端。

设计师需要把移动设备的布局设想进去，并使用移动设备的布局来设计对应的网站界面。

对于受欢迎的网站，其界面设计一般都是简洁而有质感的。

接着，网页设计的制作不仅需要精通HTML、CSS、JS等相关技术，同时也需要对于响应式设计、React等技术有一定的掌握。

在制作网页时，如果设计师与开发人员能够在合理的时间内完成网页设计必须的代码编写，这将有助于加快网站制作的进程以及优化制作质量。

此外，在利用CMS(Cotent Management System)这样的内容管理系统进行网页设计制作时，设计师可以通过修改主题文件，来定制网页的一些外观与交互体验。

关于网页的制作，人们也可以选择与其他开发人员合作完成，这种方式有两个好处。

首先，由于每个人都有自己的专业化领域，因此，将网站设计与网站开发合作可以确保网站更加精美，功能也更优秀。

其次，战略合作还会使公司与其他公司的交互迅速发展。

最后，网页设计与制作不是一种静态的过程，因为它与时俱进，并不断变化和改进。

因此，一个先进的网站设计如若将其与合适的时机进行改进，了解最新的流行设计以及技术需求均是非常必要且重要的。

网页设计与制作-自考-第五章HTML历年考题整理第五章HTML语言历年考题一、单选题1.在HTML语言中，标记</body>代表（）A.文件头开始B.文件头结束C.文件体开始D.文件体结束2.在HTML语言中，符号<pre>表示（）A.预排版标记B.文字效果标记C.特殊符号标记D.转行标记3.在HTML文件中，使一段文字按照原来的格式显示的标记是( )A.<form>B.<tr>C.<nobr>D.<pre>4.在HTML文件中，<u><／u>标记表示( )A.文本加粗B.文本加注底线C.文本斜体D.删除线5.在HTML语言中，<sup>代表( )A.倾斜标记B.文字闪烁标记C.下标标记D.上标标记6．在HTML语言中转行的标记是 ( )A．<p> B．<br> C．<title> D．<pre> 7．在HTML中，关于文字效果标记的说法错误的是( )A．可以使用font标记color属性指定文字颜色B．可以使用font标记size属性指定文字大小C．可以使用em标记指定文字的斜体效果D．可以使用cite标记指定粗体字体8.在HTML页面中，&amp；表示的符号是( )A.<B.>C.&D.’’9．在HTML语言中，有些符号由于被标记或标记的属性所占用，在HTML文本中用特殊符号表示，“&LT；”代表的符号是()A．& B．" C．> D．<10.在HTML标记中，关于<hx>的描述正确的是（）A.<hx>表示横线标记B.<hx>中的x表示1～6的数字标题字体标记有6种C.<hx>本身是一个独立的标记，表示新的行的开始D.<hx>必须与<／.hx>标记一起使用11.在HTML中，关于预排版标记<pre>…<／pre>叙述正确的是（）A.不需要重新排版的内容，可以用<pre>…<／pre>标记通知浏览器B.使用该标记时与<p>标记效果相同C.使用该标记与<quot>标记效果相同D.该标记已不在新版本中使用，取代它的是<quot>标记12.在HTML标记中，&AMP表示的符号是（）A.<B.>C.＆D.@13.在HTML中，关于<br>的描述不正确．．．的是（）A. <br>是转行标记 B. <br>必须与</br>成对使用C. 与<br>相反的标记是<nobr> D. <br>与</br>之间的文字即使有回车符也不能自动换行14.下列标记中，字体最小的是( )A.〈H1〉B.〈H3〉C.〈H5〉D.〈H6〉15.不能．．使文字换行的标记是( )A.〈PRE〉B.〈BR〉C.〈P〉D.〈BLOCK〉16.对文字使用下划线的标记是( )A.〈X〉B.〈P〉C.〈U〉D.〈B〉17.上标标记是( )A.〈SUP〉B.〈SUB〉C.〈STRIKE〉D.〈BLINK〉18.BACKGROUND属性指定的是( )A.背景色B.背景音乐C.背景图片D.背景有无19.&GT表示的符号是( )A.<B.>C."D.&20.&AMP表示的符号是( )A.<B.>C."D.&21.在HTML标记中，&QUOT表示的符号是（）A. QUOTB. &C. ＂D. < 22．下列标记不能．．改变文字颜色的是（）A．<FONT COLOR=RED> B．<FONT COLOR="RED">C．<FONT COLOR=#FF0000> D．<FONT COLOR=#12>23．&LT表示的符号是（）A．< B．> C．″D．&24．下列不是．．文字斜体标记的是（）A．<em> B．(embed) C．(i> D．(cite) 25．对文字使用删除线的标记是（）A．(d) B．(delete) C．(del) D．(strike)26.在HTML语言中，嵌入图片的标记是（）A.<caption>……</caption>B.<img src=¨URL¨>C.<embed src="URL">D.<a href="URL">字符串</a>27.在HTML中，符号清单的type属性值square表示( )A.实心圆点B.空心圆点C.实心方块D.空心方块28.在HTML文件中，单击一个链接，自动跳转到某网页的某一指定位置，此链接为( )A.邮件链接B.位置链接C.跳转链接D.书签链接29.下列标记属于单选按钮的是( )A.<input type="text">B.<input type="radio">C.<input type="button">D.<inputtype="checkbox">30.在表格标记中，cellpadding属性的作用是( )A.数据与表边框的距离B.表格边框的高度C.表格的扩展边距D.表格边框的宽度31.在HTML文件中，可以设置声音文件始终循环播放的是( )A.loop=″true″B. loopdelay=″true″C. loop=″no″D. loopdelay=″no″32.在HTML中，要定义一个书签应该使用的标记是( )A.<a target=″#object-name″>text<／a>B.<alink=″#object-name″>text<／a>C.<a name=″object-name″>text<／a>D.<a href=″#object-name″>text<／a>33.在HTML中，文本域的标记是( )A.<text…>B.<input type=text…>C.<input type=textarea…>D.<textarea…>34.在HTML中插入图片标记，对插入的图片进行文字说明，使用的属性是( )A.hspaceB.alignC.altD.src35．在HTML中，对于表格的标记，若单元格在水平方向上跨多个单元格，需使用的属性是 ( )A．valign B．colspan C．nowrapD．rowspan36．在HTML页面中插入图片时，关于图像边框属性的说法错误的是 ( )A．图像和文字之间的距离是可以调整的B．可以用vspace属性调整图像和文字之间的上下距离C．默认值为1D．单位为像素37．在HTML中，属于复选框标记的是 ( )A．<input type="text"> B．<input type="checkbox">C．<input type="password"> D．<input type="radio">38．符号清单包括()A．选项清单和说明式清单B．标号清单和说明式清单C．选项清单和标号清单D．标号清单和嵌套清单39．在HTML中，指定Wav声音文件在网页中播放次数的是()A．loop属性B．loopdelay属性C．start属性D．src属性40．在HTML中使用图像地图时，设置图像区域的形状为多边形的是()A．triangle B．rect C．poly D．circle 41．下列可以指定横向框架的是()A．<frame cols="20％，*"> B．<frameset cols="20％，*">C．<rows="20％，*"> D．<frameset rows="20％，*">42.关于HTML文档的描述正确的是（）A.HTML文档不是ASCII文件B.HTML语法虽然简单，但也不能脱离如FrontPage、DreamWeaver等其它工具C.在学习HTML之前，首先要掌握一门编程语言D.创建一个HTML文档，所需的最基本标记是<html>和<／html>43.在HTML中，定义表格标题行的标记是( )A.<caption>B.<th>C.<td>D.<tr>44.在HTML中，表格合并水平单元格的标记是（）A.<td align=列>B.<td align=行>C.<td colspan=3>D.<td rowspan=3>46.在HTML中，图片的超级链接<area>标记不包．．含．的属性是（）A.shapeB.img C．coords D.href47.关于HTML文档的描述正确的是（）A. <HTML>和</HTML>是最基本的两个标记B. 浏览器能够看到HTML文档的内容，主要原因是HTML文档是可执行的文档C. HTML文档可以是一门开发语言，可以编译成机器语言D. HTML文档是ASCII文件，无其它特殊功能48.在HTML中，说明表格行的标记是（）A. <caption>B. <tr>C. <th>D. <td>49.<input type =hidden name=mail value =＂liming@＂>的作用是（）A. 暂时不执行该域B. 隐藏该域名称，供需要时使用C. 在页面上不会显示这个元素，但是当发送信息时可以把名为mail的值传递给处理程序D. 隐藏电子邮件，以防被浏览者使用50.在HTML中，合并表格垂直单元格使用的标记是（）A. <td align=列>B. <td align=行>C. <td colspan=3>D. <td rowspan=3>51.在HTML中，要想输入多行文本，应使用的标记是（）A. <input type=text…>B. <input type=textarea…>C. <text…>D. <textarea…>52.在HTML中，关于图片链接<area>标记中，shape 属性的值不包含．．．（）A. triangleB. rectC. circleD. poly53.标号清单的数字形式属性中，TYPE=#格式中，不．包含．．的格式是( )A.1,2,3…B.A,B,C…C.i,ii,iii…D.甲,乙,丙…54.设置表格格内垂直对齐的HTML标记是( )A.〈td valign=?〉B.〈td colspan=#〉C.〈td rowspan=#〉D.〈td nowrap〉55.〈img src="name"align="left"〉意思是( )A.图像向左对齐B.图像向右对齐C.图像与底部对齐D.图像与顶部对齐56.创建一个滚动菜单的HTML代码是( )A.〈form〉〈/form〉B.〈select multiple name="NAME" size=?〉〈/select〉C.〈option〉D.〈select name="NAME"〉〈/select〉57.框架中“边缘宽度”的标记是( )A.〈img src="url" border=?〉B.〈frame marginheight=?〉C.〈frame marginwidth=?〉D.〈textarea wrap=off｜virtual｜physical〉〈/textarea〉58．不能．．使用CENTER属性的标记是（）A．<BODY> B．<TITLE> C．<P> D．<H3>5．<SUB>的标记是（）A．子串标记B．居中标记C．下标标记D．上标标记59．清单前的符号可由最外层加TYPE属性来控制，不属于．．．符号清单的标记属性是（）A．DISC B．CIRCLE C．TRIANGLED．SQUARE60．<CAPTION>标记设置的是表格的（）A．标题B．列标题C．带表框的表格D．居中且加粗的表格61．不属于．．．TD标记属性的是（）A．WIDTH B．ALIGN C．BACKCOLORD．NOWARP62．<TD COLSPAN=3>设置的是表格的（）A．宽度B．高度C．合并水平格D．边框63．在WEB页中插入图片使用的标记是（）A．<SRC> B．<IMG> C．<BGGROUND> D．<URL>64．下列标记不正确．．．的是（）A．<a href=″test1.htm″>test</a>B．<a href=″test1.htm#Nokia8850″>Nokia 8850</a> C．<a name=″test.htm″>test</a>D．<a href=″#test.htm″>test</a>65．在菜单标记中，默认选中的标记是下列哪一项？（）A．<img src=″url″border=?>B．<option selected>C．<isindex prompt=″* * *″>D．<textarea wrap=ff | virtual | physical >< /textarea > 66．下列特殊符号的HTML表示法正确的是（） A．B．C．D．67．超级链接应该使用的标记是（）A．(title) B．(body) C．(a) D．(head) 68．下列标记可以不成对出现的是（）A．(html)(／html) B．(p)(／p) C．(title)<／title) D．(body)(／body)69．不能．．在网页中嵌入的声音文件是（）A．后缀为．wav的文件 B．后缀为．mid的文件C．后缀为．au的文件 D．后缀为．md的文件70．设置背景音乐除了使用bgsound标记外，还可以使用的标记是（）A．<sound> B．<bgground) C．<embed) D．<gbmusic>71．<a name=“second”>text<／a>的作用是（）A．设置超级链接，链接到second页面上B．设置—个书签为second的标记C．设置—个链接，指向second文件D．设置第二个链接72．单图单向超级链接的格式是（）A．<a href=“URL”><img=“URL”>(／a)B．<a href=“URL”><URL=“URL”>(／a>C．<img src=“URL”>D．<img=“URL”>73．对于标记(input type=*)，其中t位置放上一个值，表示输入时显示*号。

网页设计教学教案第一章：网页设计概述1.1 教学目标了解网页设计的概念与意义掌握网页设计的基本原则与要求了解网页设计的发展趋势1.2 教学内容网页设计的概念与意义网页设计的基本原则与要求网页设计的发展趋势1.3 教学方法讲授法：讲解网页设计的概念、原则与要求展示法：展示优秀的网页设计案例，分析其设计思路与技巧1.4 教学步骤引入话题：介绍网页设计的概念与意义讲解基本原则与要求：强调用户体验、界面美观、内容清晰等原则分析发展趋势：介绍响应式设计、扁平化设计等趋势课堂练习：学生自行设计一个简单的网页布局1.5 作业布置要求学生完成一个简单的网页设计布局，包括头部、主体内容、底部等部分第二章：网页设计与制作基本工具2.1 教学目标掌握网页设计与制作的基本工具学会使用HTML、CSS、JavaScript等语言进行网页制作2.2 教学内容HTML：介绍HTML的基本结构与标签CSS：介绍CSS的语法与使用方法JavaScript：介绍JavaScript的基本语法与功能2.3 教学方法讲授法：讲解HTML、CSS、JavaScript的基本概念与使用方法实践操作法：学生实际操作，掌握基本语法与使用技巧2.4 教学步骤讲解HTML：介绍HTML的基本结构与标签，如、段落、图片等讲解CSS：介绍CSS的语法与使用方法，如选择器、属性、样式表等讲解JavaScript：介绍JavaScript的基本语法与功能，如弹窗、动态效果等课堂练习：学生自行设计一个简单的网页，并使用HTML、CSS、JavaScript实现一些基本效果2.5 作业布置要求学生完成一个简单的网页，并使用HTML、CSS、JavaScript实现一些基本效果，如导航栏、图片轮播等第三章：网页布局与排版3.1 教学目标掌握网页布局与排版的方法与技巧学会使用div标签进行布局掌握CSS样式表的编写方法3.2 教学内容网页布局的方法与技巧使用div标签进行布局CSS样式表的编写方法3.3 教学方法讲授法：讲解网页布局的方法与技巧展示法：展示优秀的网页布局案例，分析其设计思路与技巧实践操作法：学生实际操作，掌握布局方法与技巧3.4 教学步骤讲解网页布局的方法与技巧：介绍网格布局、浮动布局等方法讲解使用div标签进行布局：介绍div标签的使用方法与布局技巧讲解CSS样式表的编写方法：介绍选择器、属性、样式表等语法课堂练习：学生自行设计一个简单的网页布局，使用div标签与CSS样式表实现3.5 作业布置要求学生完成一个简单的网页布局，使用div标签与CSS样式表实现，包括头部、主体内容、底部等部分第四章：网页配色与图片处理4.1 教学目标掌握网页配色原则与技巧学会使用图片处理软件进行图片处理掌握CSS样式表中图片样式编写方法4.2 教学内容网页配色原则与技巧图片处理软件的使用方法CSS样式表中图片样式编写方法4.3 教学方法讲授法：讲解网页配色原则与技巧展示法：展示优秀的网页配色案例，分析其设计思路与技巧实践操作法：学生实际操作，掌握配色方法与技巧4.4 教学步骤讲解网页配色原则与技巧：介绍对比、调和、重复等配色原则讲解图片处理软件的使用方法：介绍Photoshop、Fireworks等软件的使用技巧讲解CSS样式表中图片样式编写方法：介绍图片样式、响应式图片等语法课堂练习：学生自行设计一个简单的网页配色，并使用图片处理软件进行图片处理4.5 作业布置要求学生完成一个简单的网页配色，并使用图片处理软件进行图片处理，将处理后的图片应用到网页中第五章：网页第六章：响应式网页设计6.1 教学目标理解响应式网页设计的概念与重要性掌握媒体查询的使用方法学会创建适应不同设备的网页布局6.2 教学内容响应式网页设计的概念与重要性媒体查询的使用方法响应式布局技术6.3 教学方法讲授法：讲解响应式网页设计的理念与技术展示法：展示响应式网页设计案例，分析其设计要点实践操作法：学生动手实践，尝试创建响应式网页布局6.4 教学步骤引入响应式网页设计概念：解释响应式网页设计的目的与优势讲解媒体查询：介绍媒体查询语法与用法，演示如何适应不同屏幕尺寸实践响应式布局：学生通过实际操作，使用CSS媒体查询实现响应式布局课堂练习：学生设计一个响应式网页布局，测试其在不同设备上的显示效果6.5 作业布置要求学生完成一个响应式网页布局设计，包括媒体查询的使用，适应手机、平板、桌面电脑等不同设备。