下载文档原格式
网页设计与制作期末知识点一、概述网页设计与制作是指通过使用HTML、CSS、JavaScript等技术来创建和实现网页的过程。
它包括了页面布局、内容呈现、交互动效等方面的设计与实现。
在期末考试中，了解并掌握以下几个知识点将有助于提升你的成绩。
二、HTML基础1. 标签与元素：HTML使用各种标签来定义网页的结构和内容。
每个标签都由一个开始标签和一个结束标签组成，之间可以插入内容。
2. 常用标签：常用的HTML标签包括`<html>`、`<head>`、`<body>`、`<div>`、`<p>`、`<img>`、`<a>`等等，了解其基本用法和属性有助于页面的构建和展示。
3. 表单：掌握HTML表单的搭建方法，包括输入框、复选框、单选框、下拉列表等等，以便用户能够方便地进行数据输入和提交。
三、CSS样式1. 选择器：了解不同的CSS选择器，如标签选择器、类选择器、ID选择器等等，并掌握它们的优先级和用法，以便进行样式的精确控制。
2. 盒模型：理解CSS盒模型的概念，包括内容区、内边距、边框和外边距，并熟悉如何设置它们的大小和样式。
3. 布局与定位：掌握CSS的布局方法，如浮动、定位、弹性布局等等。
了解如何使元素在页面上正确地定位和排列。
四、JavaScript交互1. 事件处理：了解如何使用JavaScript来处理用户的事件，如点击、鼠标移动、表单提交等等。
掌握事件的基本绑定方法和处理函数。
2. DOM操作：熟悉JavaScript中的DOM操作，包括元素的选择、修改、添加和删除等等。
掌握DOM节点的遍历和操作方法。
3. 动态效果：了解如何使用JavaScript创建动态效果，如轮播图、下拉菜单、模态框等等。
掌握基本的动画效果和过渡效果的实现方法。
五、响应式设计1. 媒体查询：了解响应式设计的概念和原理，以及如何使用CSS的媒体查询来根据不同的设备和屏幕尺寸展示不同的样式和布局。
网页设计与制作模拟试题（一）一、单项选择题(每空1分，共10分)1.目前在Internet上应用最为广泛的服务是( B )。
A.FTP服务B.WWW服务C.Telnet服务 D.Gopher服务2.在域名系统中，域名采用( C )。
A.树型命名机制B.星型命名机制C.层次型命名机制D.网状型命名机制3.HTTP协议是一种(D )协议。
A．文件传输协议 B．远程登录协议C．邮件协议 D．超文本传输协议4.HTML语言中的转行标记是(B )。
A.<html>B.<br>C.<title>D.<p>5.在HTML中，标题字体标记<hx>中x的最大取值是( C )。
A.4B.5C.6D.76.以下不能用来定义表格内容的标记为( A )。
A.<br>B.<tr>C.<th>D.<td>7.下面不是组成一个HTML文件基本结构标记的是( C )。
A.<HTML></HTML>B.<HEAD></HEAD>C.<FORM></FORM>D.<BODY></BODY>8. 加入一条水平线的HTML代码是( A )。
A. <hr>B. <img src="name" border=?>C. <img src="name" align=?>D. <img src="name">9.在HTML中，标记<pre>的作用是( B )。
A.标题标记B.预排版标记C.转行标记D.文字效果标记10.要创建一个Email地址的链接，下面正确的句法是( A )。
A. <a href=“mailto:**************”>与我联系</a>B. <a href=“files:**************”>与我联系</a>C. <a href=“http:**************”>与我联系</a>D. <a href=“usenet:**************”>与我联系</a>11. 客户/服务器系统的最大特点是客户机和服务器( D )A. 必须运行在同一台机器上B. 必须运行在同一个网络上C. 必须运行在不同的计算机上D. 不必运行在同一计算机上12. 若需要软件把LAN上的客户机从Internet上隐藏起来，并为客户机执行Web 请求，则下面( D )软件能实现此项功能。
期末网页设计期末总结一、引言网页设计是一门综合性较强的学科，在本学期的学习过程中，我通过理论学习和实践操作，提升了自己的网页设计技能。
本文将对本学期网页设计课程进行总结，包括课程目标、教学内容、学习方法和收获等方面的内容。
二、课程目标网页设计课程的主要目标是培养学生的网页设计能力，让学生掌握网页设计的基本原理和技巧，并能运用所学知识设计出美观、易用且符合用户需求的网页。
通过本课程的学习，我希望能够掌握网页设计的基本理论知识和实际操作技巧，提高自己的设计水平，为将来从事相关工作做好准备。
三、教学内容本学期的网页设计课程主要包括以下几个方面的内容：1. 网页设计基础知识：包括网页设计的发展历程、设计原则、色彩搭配、页面布局等基本知识点。
2. HTML和CSS基础：学习使用HTML和CSS语言进行网页设计，掌握网页的结构和样式。
3. 响应式设计：学习如何设计响应式网页，使网页在不同设备上都能有良好的显示效果。
4. 用户体验设计：学习如何考虑用户需求和习惯，设计易用的网页界面，提高用户体验。
5. 网页交互设计：学习如何使用JavaScript等脚本语言实现网页的交互效果，增加用户与网页的互动性。
通过以上内容的学习，我对网页设计的各个方面都有了一定的了解和掌握，并能够在实际操作中运用所学知识。
四、学习方法在学习网页设计过程中，我采用了以下几种学习方法：1. 理论学习：通过阅读教材和相关资料，学习网页设计的基本理论知识，了解最新的设计趋势和技术发展动态。
2. 实践操作：通过实际操作练习，设计网页模板，解决实际问题，提升实际操作能力。
3. 学习交流：与同学和老师进行学习交流，互相讨论问题，分享经验和心得体会，互相帮助，共同进步。
这些学习方法相辅相成，有效地提高了我在网页设计方面的能力和水平。
五、收获与体会通过本学期的网页设计课程学习，我获得了以下几个方面的收获与体会：1. 理论知识的丰富：通过学习，我了解了网页设计的基本理论知识和技巧，学会了如何运用这些知识设计出美观、实用的网页。
网页制作与设计知识点复习在当今数字化时代，网页制作与设计已经成为一项重要的技能。
无论是为个人博客、电子商务网站还是企业宣传页面，一个精美且易于使用的网页设计对于吸引用户和提升用户体验至关重要。
本文将对网页制作与设计的知识点进行复习，为读者提供一些有用的技巧和建议。
1. 用户界面设计- 色彩选择：选择适合网页主题和品牌形象的颜色，避免过多的颜色使用以免影响用户阅读。
- 字体选择：选择易读且符合网页主题的字体，保持字体风格一致性以增强页面整体效果。
- 布局设计：使用网格系统、栅格布局等技术来确保页面元素的对齐与平衡，提高用户视觉体验。
- 图片与图标：使用高质量的图片和图标来提升网页的可视性和美观性，注意图片的加载速度以避免影响网页性能。
2. 响应式设计- 网页适配：使用CSS媒体查询等技术来确保网页在不同设备上的显示效果良好，适应不同屏幕尺寸。
- 移动优先：优先考虑移动设备的设计和体验，保证在移动设备上的访问体验最佳。
3. 网页导航- 导航设计：设计易于使用且直观的导航菜单，考虑用户行为和网页结构来构建清晰的导航系统。
- 面包屑导航：提供面包屑导航可以帮助用户追踪其在网站中的位置和路径，提供更好的导航体验。
4. 网页交互- 用户反馈：通过合适的动画、过渡和提示信息来提供实时的用户反馈，增强用户对网页的互动性和参与感。
- 表单设计：优化表单布局、验证和提交过程，确保用户能够方便、快捷地填写表单数据。
5. 图片优化与加载速度- 图片压缩：使用合适的图片格式和工具进行图片压缩，减小图片文件大小以提高加载速度。
- 延迟加载：对于大型图片或长页面，使用延迟加载技术（如懒加载）可以加快页面加载速度。
6. SEO优化- 关键词优化：合理使用关键词并将其融入到网页的元数据、标题和内容中，提高网页在搜索引擎中的排名。
- 元数据优化：优化网页的标题、描述和关键字等元数据，提高网页在搜索引擎结果中的吸引力。
- 内部链接：合理设置内部链接可以提高网页的流量和用户访问深度，同时也有助于搜索引擎的爬行和索引。
专科网页设计期末知识点网络技术的迅猛发展使得网页设计成为一个热门的职业选择。
作为一个网页设计师，你需要掌握各种知识点和技能来创建功能齐全、设计精美的网页。
本文将介绍一些专科网页设计的期末知识点，帮助你总结和巩固所学内容。
一、HTML和CSS基础知识1. HTML标签和元素：了解常用HTML标签的作用和用法，包括标题、段落、链接、图像等。
2. CSS选择器和样式：学会使用CSS选择器为HTML元素应用样式，如字体、颜色、边距等。
3. 盒模型：掌握盒模型的概念和布局，了解边框、内边距和外边距的设置方法。
二、响应式网页设计1. 媒体查询：学会使用媒体查询来创建响应式网页，使其在不同设备上显示良好。
2. 弹性布局：了解弹性盒子布局（Flexbox）和网格布局（Grid）等技术，实现页面元素的自适应排列。
三、网页交互设计1. JavaScript基础：掌握JavaScript的语法和常用功能，如变量、函数、事件处理等。
2. 网页动画：了解使用CSS和JavaScript创建动态效果的方法，如过渡、变换和动画等。
3. 表单验证：学会使用JavaScript验证用户输入的表单数据，保证数据的准确性和安全性。
四、网页优化与SEO1. 图像优化：了解优化图片文件大小的方法，如使用适当的压缩和格式选择。
2. 标题和描述优化：掌握编写有吸引力且符合搜索引擎优化（SEO）要求的标题和描述。
3. 响应时间优化：学会使用合适的技术和工具对网页进行性能优化，提高加载速度和用户体验。
五、网页安全性和可访问性1. XSS攻击防护：了解跨站脚本攻击（XSS）的原理和防护方法，保护网页免受安全威胁。
2. WCAG准则和无障碍设计：学会遵循无障碍网页设计的准则，提高网页的可访问性和可用性。
六、网页设计工具和资源1. 图形编辑软件：熟练使用Photoshop、Illustrator等软件进行图像处理和设计。
2. 开发工具和框架：掌握使用开发工具和网页框架，如VS Code、Bootstrap等。
网页设计期末复习网页设计与开发(总8页)--本页仅作为文档封面，使用时请直接删除即可----内页可以根据需求调整合适字体及大小--网页设计简答题：a.相对定位与绝对定位的区别？并举例说明。
相对定位的元素框会偏移某个距离。
元素仍然保持其未定位前的形状，它原本所占的空间仍保留。
绝对定位的元素框从文档流完全删除，并相对于其包含块定位，元素原先在正常文档流中所占的空间会关闭元素定位后生成一个块级框。
b.制作菜单的常用方法？【第一步】我们要先做一个容器（要求：ID为“nav”，宽度为960px，高度为：35px，位于页面水平正中，与浏览器顶部的距离是30px；)【第二步】盒子做好了，我们就要往里面放导航条中的内容了“CSS学习学前准备入门教程提高教程布局教程精彩应用”，插入标签有序列表ul，单元格li新建样式—复合类型—#nav ul li{ float:left;};在li标签的CSS属性中加入“list-style:none;”【第三步】后面的文字全部贴着前面的文字。
设置<li>标签的宽度为100像素：【第四步】我们需要将上面的导航条做以下几个修改1）给上面的导航加上链接；2）链接文字大小修改为12px;3）并且规定链接样式，鼠标移上去和拿开的效果c.图片与文字的对齐方式(padding,margin,DIV的float、行高、对齐、背景图片设置属性)1. padding简写属性在一个声明中设置所有内边距属性。
不允许使用负值。
可能的值auto、length、%、inherit2. margin简写属性在一个声明中设置所有外边距属性。
该属性可以有 1 到 4 个值可能的值auto、length、%、inherit3. float定义元素在哪个方向浮动none、 left 、right、inherit(规定应该从父元素继承 float 属性的值)4. line-height属性可设置行间的距离，不允许使用负值。
网页设计复习选择题答案：ABDAC CABCBBACDC CBACABBDAD CCBBCACAAC BDDDADCACB CACDBCACDB DCBAB如果有同学发现答案有误请大家在群里指出一下一. 单项选择题1、HTML 指的是。
A.超文本标记语言（Hyper Text Markup Language）B.家庭工具标记语言（Home Tool Markup Language）C.超链接和文本标记语言（Hyperlinks and Text Markup Language）2、Web 标准的制定者是万维网联盟（W3C）。
A. 微软（Microsoft）B.万维网联盟（W3C）C.网景公司（Netscape）3、在下列的 HTML 中，哪个是最大的标题。
A. <h6>B. <head>C. <heading>D. <h1>4、在下列的 HTML 中，哪个可以插入折行。
A.<br>B.<lb>C.<break>5、在下列的 HTML 中，哪个可以添加背景颜色。
A.<body color="yellow">B.<background>yellow</background>C.<body bgcolor="yellow">6、产生粗体字的 HTML 标签是。
A.<bold>B.<bb>C.<b>D.<bld>7、产生斜体字的 HTML 标签是。
A.<i>B.<italics>C.<ii>8、在下列的 HTML 中，可以产生超链接？A.<a url=""></a>B.<a href="">W3School</a>C.<a></a>D.<a name=""></a>9、能够制作电子邮件链接。
网页设计与制作期末复习1、页面上已经创建了三个框架，当我选择文件菜单下的“保存全部”进行文件保存时，系统将保存4个HTML文件2、设置字体大小的代码是<font size=”10”>3、创建一个发送电子邮件的链接的HTML代码<a href=”mailto:123@”></a>4、HTML代码<tr></tr>表示表格中的每一行5、HTML代码<hr>表示加入一条水平线6、CSS样式可以选择器有类、HTML 标签、ID、复合样式7、只需要把库元素中的内容加到页面中, 而不需要和库进行关联时, 可以在拖动库元素到网页的同时按住（ Ctrl）键,8、在Dreamveaver 中, 设置页面属性时, 对在分类中的“跟踪图像’是网页排版的一种辅助手段9、在Dreamweaver 中,查找和替换可以精确地查找、替换HTML 源代码、网页中的内容文字10、在Dreamweaver 中, 设置表格属性的是宽度、单元格之间的距、单元格内部的内容和单元格边框之间的距离11、在Dreamweaver 中, 在设置各分框架属性时, 参数Scroll 是用来设置是否出现滚动条属性的12、记事本程序可以用来做Dreamweaver代码编辑器13、在Dreamweaver 中, 我们可以为链接设立目标, blank表示在新窗口打开网页。
14、在Dreamweaver 中, <bgsound src=””>标签为嵌入背景音乐的。
15、在Dreamweaver 中, 有8 种不同的垂直对齐图像的方式，要使图像的底部与文本的基线对齐要用基线对齐方式16、在创建模板时，只有定义了可编辑区才能把它应用到网页上，可编辑区是可以编辑的，锁定区是不可以编辑的17、在设置图像超链接时，可以在Alt 文本框中填入注释的文字，当浏览器图像时鼠标移到图象并停留一段时间后，这些注释文字将显示出来18、Fireworks文件能够保存的默认格式是png格式19、Fireworks的工具栏上分为6个区域20、在Dreamweaver中，制作一像素粗细的水平线的方式一共有两种，表格和<hr>。
《网页设计与制作》期末考试试题一、单项选择题(本大题共30小题，每小题2分，共60分)1、目前在Internet上应用最为广泛的服务是(b)。
A、FTP服务B、WWW服务C、Telnet服务D、Gopher服务2、域名系统DNS的含义是(b)。
A、Direct Network SystemB、Domain Name ServiceC、Dynamic Network SystemD、Distributed Network Service3、主机域名由四个子域组成，其中(d)子域代表国别代码。
A、centerB、nbuC、eduD、cn5、当标记的TYPE属性值为(d)时，代表一个可选多项的复选框。
A、TEXTB、PASSWORDC、RADIOD、CHECKBOX6、为了标识一个HTML文件开始应该使用的HTML标记是(c)。
A、<table>B、<body>C、<html>D、<a>7、在客户端网页脚本语言中最为通用的是(a)。
A、javascriptB、VBC、PerlD、ASP8、在HTML中，标记的Size属性最大取值可以是(c)。
A、5B、6C、7D、89、在HTML中，单元格的标记是(a)。
A、<td>B、<span>C、<tr>D、<body>11、下面不属于CSS插入形式的是(a)。
A、索引式B、内联式C、嵌入式D、外部式12、在网页中最为常用的两种图像格式是(a)。
A、JPEG和GIFB、JPEG和PSDC、GIF和BMPD、BMP和PSD13、如果站点服务器支持安全套接层(SSL)，那么连接到安全站点上的所有URL开头是(b)。
A、HTTPB、HTTPSC、SHTTPD、SSL14、在HTML中，要定义一个空链接使用的标记是(a).A、<a href=”#”>B、<a href=”?”>C、<a href=”@”>D、<a href=”!”>15、对远程服务器上的文件进行维护时，通常采用的手段是(b)A、POP3B、FTPC、SMTPD、Gopher16、下列Web服务器上的目录权限级别中，最安全的权限级别是(a)A、读取B、执行C、脚本D、写入17、用Fireworks切割图形时，需要的工具是（c）A、裁剪B、选取框C、切片D、自由变形18、Internet上使用的最重要的两个协议是(b)A、TCP和TelnetB、TCP和IPC、TCP和SMTPD、IP和Telnet19、body元素用于背景颜色的属性是（c）A、alinkB、vlinkC、bgcolorD、background20、下面说法错误的是(d)A、规划目录结构时，应该在每个主目录下都建立独立的images目录B、在制作站点时应突出主题色C、人们通常所说的颜色，其实指的就是色相D、为了使站点目录明确，应该采用中文目录21、在Dreamweaver中，最常用的表单处理脚本语言是(d).A、CB、JavaC、ASPD、JavaScript22、在Dreamweaver MX中，想要使用户在点击超链接时，弹出一个新的网页窗口，需要在超链接中定义目标的属性为(b)A、parentB、_bankC、_topD、_self23、网页制作技术不可以实现由一个文件控制一大批网页(d)A、CSS文件B、库C、模板D、层24、查看优秀网页的源代码无法学习(c).A、代码简练性B、版面特色C、网站目录结构特色D、Script程序26、客户机可向服务器按MINE类型发送和接收信息，客户机使用()请求方式表示要求服务器发送文件头消息.dA、SMTPB、GETC、HEADD、POST27、在色彩的RGB系统中，32位十六进制数000000表示的颜色是(a).A、黑色B、红色C、黄色D、白色28、Flash中，与位图相比，矢量图形的优点是（a）A、变形、缩放不影响图形显示质量B、丰富多彩C、图像所占空间大D、图像质量好30、不论是网络的安全保密技术，还是站点的安全技术，其核心问题是(a).A、系统的安全评价B、保护数据安全C、是否具有防火墙D、硬件结构的稳定网页设计与网页制作多选题一、多项选择题(本大题共10小题，每小题2分，共20分。
网页制作与设计期末复习题第一章小知识点1.网页是www上的基本文档,是使用HTML等工具制作的用于展示特定内容的文件,通常以.htm或.html为拓展名。
2.网站则是一组相关网页和有关文件的集合,通过“超链接”把这些网页和有关文件连接在一起,网站上的信息就是以网页的形式显示出来的。
3.WWW系统是WWW客户机(IE)、WWW服务器(web服务器)和超文本传输协议(HTTP)三部分组成的。
4.网页元素:常见的网页由网站的LOGO、导航栏、图片、动画、按钮、文字、声音、表格、表单、超链接等组成的。
5.设计导航栏时要注意的问题:1)内容要分类合理。
2)清晰、醒目。
3)要突出本网站的主要内容和最新内容。
4)字体、颜色要基本同意。
6.根据超链接的形式的不同,网站的结构可以分为:线性网络、层次网络、网状网络、7.网页中经常使用GIF动画,它的最大特点就是占用空间小。
视频文件的格式也是很多的,常见的有RM、MOV、ASF、MPEG、AVI、DivX等。
8.动态网站的层次结构包括:web服务器层、中间件层、数据库层9.网页布局类型:对称型(使用最多)、偏置型、标题正文型、混合型等。
10.网页布局的平衡的常用方法有对称平衡和辐射平衡。
11.由Dreamweaver,Fireworks,Flash三个软件组成,俗称三剑客。
12.网站开发的基本流程:1)网站的整体规划:在网站开发之前,首先要根据用户或者网站建设者的需求,确定要开发的网站的主题或类型病进行整体规划。
进行网站的整体规划也就是组织网站的内容和设计其结构。
2)需求分析和详细设计根据要开发网站的主题或类型,确定网站的主题内容,对内容进行分类,规划出网站的整体结构,病书写需求分析报告。
13.将网站发布到web服务器:在发布站点之前需要Internet的相应服务器上申请一个主页空间,以指定网站或主页在Internet上的位置。
14.网站和网页设计的基本原则1)目标明确,重点突出 2)主题鲜明,层次清晰3)合理设置栏目 4)正确定位整体风格5)页面布局合理 6)色彩搭配,和谐统一7)多媒体功能使用得当第二章小知识点1.Dreamweaver MX2004提供了两种工作布局:设计者工作区和代码编辑者工作区2.在Dreamweaver中,如果在操作过程中想改变工作区,可以选择“编辑”菜单中的“首选参数”命令,打开其对话框。
网页设计简答题：a.相对定位与绝对定位的区别？并举例说明。
相对定位的元素框会偏移某个距离。
元素仍然保持其未定位前的形状，它原本所占的空间仍保留。
绝对定位的元素框从文档流完全删除，并相对于其包含块定位，元素原先在正常文档流中所占的空间会关闭元素定位后生成一个块级框。
b.制作菜单的常用方法？【第一步】我们要先做一个容器（要求：ID为“nav”，宽度为960px，高度为：35px，位于页面水平正中，与浏览器顶部的距离是30px；)【第二步】盒子做好了，我们就要往里面放导航条中的内容了“CSS学习学前准备入门教程提高教程布局教程精彩应用”，插入标签有序列表ul，单元格li新建样式—复合类型—#nav ul li{ float:left;};在li标签的CSS属性中加入“list-style:none;”【第三步】后面的文字全部贴着前面的文字。
设置<li>标签的宽度为100像素：【第四步】我们需要将上面的导航条做以下几个修改1）给上面的导航加上链接；2）链接文字大小修改为12px;3）并且规定链接样式，鼠标移上去和拿开的效果c.图片与文字的对齐方式？(padding,margin,DIV的float、行高、对齐、背景图片设置属性)1. padding简写属性在一个声明中设置所有内边距属性。
不允许使用负值。
可能的值auto、length、%、inherit2. margin简写属性在一个声明中设置所有外边距属性。
该属性可以有1 到4 个值可能的值auto、length、%、inherit3. float定义元素在哪个方向浮动none、left 、right、inherit(规定应该从父元素继承float 属性的值)4. line-height属性可设置行间的距离，不允许使用负值。
5. text-align 属性规定元素中的文本的水平对齐方式。
<img> 图像由标签定义。
是空标签，意思是说，它只包含属性，并且没有闭合标签。
DIV中设置CSS的两种方式(内联和外联方式代码)外联：是指把样式写在一个CSS文件中通过link标签导入到页面中例如：1.<link href="styles.css" type="text/css"/>2.<link href="001.css" type="text/css" rel="Stylesheet"/>内联:是指在同一个页面文件中，统一写出在head style标签中，要使用内联样式，你需要在相关的标签内使用样式（style）属性。
Style 属性可以包含任何CSS 属性。
本例展示如何改变段落的颜色和左外边距：d.ul与li的设置。
<ul> 标签定义无序列表。
（ul是unordered lists的缩写）ul标签是成对出现的，以<ul>；开始，</ul>；结束每一列使用<li>；标签定义在html中<li></li>是一对标记,表示有序列表或者无序列表的项目。
如果在<UL></UL>标记之间，则表示无序列表。
e.针对IE6不支伪类（编写JS代码）startList=function(){if((document.all)&&(document.getElementById)){rootnav=document.getElementById("nav")arrayli=rootnav.getElementsByTagName("li");for(i=0;i<arrayli.length;i++){currentli=arrayli[i];currentli.onmouseover=function(){this.className+=this.className+" current";}currentli.onmouseout=function(){this.className=this.className.replace(" current","");}}}}window.onload=startList;f.制作背景音乐、播放Flash、视频文件等关键代码。
背景音乐：<head></head>之间加入<bgsound src="音乐url" loop="-1"><embed src="sound/Y esterday Once More.mp3" autostart= true loop="true">播放Flash、视频文件<embed src="flash/flash921.swf" type="application/ x-shockwave-flash" width="300" pluginspage="/go/getflashplayer" >g.制作动态公告的标签及属性设置。
从插入菜单选“标签”，然后在对话框中选“html标签”“页元素”“marquee”。
然后在打开右边标签检查器，里设定marquee标签的属性。
文字移动属性的设置 方向<direction=#> #=left, right, up, down left从右向左移，right从左向右移，up从下向上移，down从上向下移。
<marquee behavior="scroll" direction="up" bgcolor="# 7fffd4" height="150px" vspace="15" scrolldelay="300" onMouseOver=this.stop() onMouseOut=this.start()><font face="宋体" size="4"> 学校将于近期举电子信息系网页设计大赛，报名截</font> </marquee>I．制作表单的常用元素。
1创建表单 .<form></form>2.<select multiple name="name" size=""></select>创建滚动菜单,size设置在需要滚动前可以看到的表单项数目 <option> 设置每个表单项的内容3.<select name="name"></select>创建下拉菜单 <option> 设置每个菜单项的内容4.<textarea name="name" cols=40 rows=8></textarea>创建一个文本框区域,列的数目设置宽度,行的数目设置高度5.<input type="checkbox" name="name">创建一个复选框,文字在标签后面6.<input type="radio" name="name" value="">创建一个单选框,文字在标志后面7.<input type=text name="foo" size=20> 创建一个单行文本输入区域,size设置为字符串的宽度 <input type="submit" value="name">创建提交(submit)按钮8.<input type="image" border=0 name="name" src="name.gif">创建一个使用图像的提交(submit)按钮9.<input type="reset">创建重置(reset)按钮J．常见元素的功能（DIV、Span、a、ul、li、h、img等）Div；为HTML文档内大块（block-level）的内容提供结构和背景的元素。
Span；在行内定义一个区域，span加在内容里，还是一行显示，1.span 元素为p 元素增加了额外的结构：<p><span>some text.</span>some other text.</p>2. span可以对文档中的部分文本增添视觉效果：<span class="red">健康</span>、<span class="blue" >富裕</span></div>a:建立超链接<a href = “”>xx文本</a>Ul:标记插入无序列表！Li：定义列表项序列！h:网页html中对文本标题所进行的着重强调的一种标签Img:表示插入图片！<img src="images/wangyeseji.png" width="124" height="93" hspace="8" vspace="16" />二、上机操作(1)用JS写出从小到大排序算法。
function sort(){var ary;var len, ex, tmp;var inputN = document.getElementById("Text1");var ary=inputN.getAttribute("value");ary = ary.split(',');len = ary.length;for(var i=0; i<len; i++){//重置是否发生交换的变量ex = false;for(var j=len-2; j>=i; j--){if(ary[j+1]<ary[j]){//交换相邻的两个元素tmp = ary[j];ary[j] = ary[j+1];ary[j+1] = tmp; // / //记录发生了交换ex = true;}} //如果没有发生交换，表明已经排序完成if(!ex)break;}var outputN = document.getElementById("Text2");outputN.setAttribute("value",ary);}(2)用JS写出图片幻灯切换效果。
