网页制作练习题
网页制作操作练习题
网页制作一、利用wy1文件夹中的素材（图片素材在wy1\images中，动画素材在wy1\flash中），按以下要求制作或编辑网页，结果最终都保存在该文件夹中，素材的位置不变。
1、打开网页index.htm，输入文字“2008年第29届奥运会”，居中、字体设置为华文彩云、18像素（或磅），下方插入1行2列表格，表格宽度为800像素，表格边距、间距均为10像素，边框线为：2像素。
2、第1行第1列单元格中插入FLASH动画qq.swf，设置动画宽和高都为150，居中。
按样张在动画下方插入2008A.TXT文件中的田径和足球相关的文本。
3、第1行第2列单元格中插入表单，标题“图书查询”设置宋体、18像素（或磅）、居中。
“书名：”字段为单行文本，宽度为24；“出版社：”为下拉菜单，包含“人民”和“高教”两项，初始选定状态为“高教”。
表单最后设置“查询”和“重设”按钮。
4、表格的下方空一行再插入水平线，设置其高度为5像素，宽度为600像素。
单击网页最上方的“2008年第29届奥运会”，能在新建窗口中打开文本文件2008A.TXT。
5、在水平线下方按样张插入图片email.gif两次，并在中间输入“联系人”，居中，图片大小更改为宽度50像素，高度按比例调整；单击文本“联系人”将发送电子邮件给**********.cn邮箱。
注意：由于显示器分辨率或窗口大小的不同，网页中文字的位置可能与样张略有差异，图文混排效果与样张大致相同即可。
【网页样张】二、利用wy2文件夹中的素材（图片素材在wy2\images中，动画素材在wy2\flash中），按以下要求制作或编辑网页，结果保存在该文件夹中。
1．打开主页index.htm，在表格第2行第2列填入文字“剑桥大学徜徉在康河的柔波中”，并设置文字的字体：黑体、字号：20px（或14磅）、颜色：999999，且加粗、垂直与水平均居中。
2．设置网页标题为“吟游大学”，按样张在表格的下方添加水平线，设置水平线高度为1px（像素）；在水平线的下方添加一行文字“吟游大学网站联系我们”，设置文字的字号：12px （或10磅），且居中；设置“联系我们”链接到邮箱地址************.cn。
网页设计制作练习题
网页设计制作练习题
1. 设计一个简单的登录界面，包括账号和密码输入框，登录按钮。
2. 设计一个新闻网站的首页，包括重要新闻推荐、热门新闻、最新新闻、热门评论等模块。
3. 设计一个电商网站的商品详情页，包括商品图片、名称、价格、规格、评论等模块。
4. 设计一个教育网站的课程详情页，包括课程介绍、授课老师介绍、上课时间、报名方式等模块。
5. 设计一个音乐网站的个人主页，包括个人信息、上传的音乐作品、收藏的音乐、关注的音乐人等模块。
6. 设计一个博客网站的文章详情页，包括文章标题、作者、发布时间、文章内容、评论等模块。
7. 设计一个社交网站的个人主页，包括个人信息、发布的动态、关注的人、粉丝、私信等模块。
8. 设计一个美食网站的菜谱详情页，包括菜名、配料、步骤、口感描述、评论等模块。
9. 设计一个旅游网站的目的地详情页，包括景点介绍、酒店推荐、旅游攻略、评论等模块。
10. 设计一个健康网站的文章详情页，包括健康知识、健康饮食、运动指南、保健方法等模块。
网页制作综合练习题
网页制作综合练习题一、单选题1、要制作网页，就要使用网页制作工具如（）A．FrontPage2003 B．Excel C．Word D．PowerPoint2、在制作网页时，电子邮件的超级链接类型应设置为（）： A．mailto：B．URL： C．http： D．ftp：3、在FrontPage窗口中，单击“文件”菜单中的（）选项，可以建立新网页。
A．打开 B．保存 C．新建 D．关闭4、在FrontPage窗口中，选中“个人简介”，单击“插入”菜单中的（）选项，可以建立超链接。
A．组件 B．超链接 C．图片 D．书签5、如果网页中的文字内容比较多，为了搜索段落方便可以插入（） A.图片 B.文字C.动画 D.书签6、文字建立链接后通常在文件下方会产生（） A. 波浪线 B.下划线 C.圆圈D.以上都不正确7、网页中可以插入（）A.图片B.动画C.音乐D.以上都可以8、排版漂亮的网页都会用很多（）来控制文本、图片、动画及视频位置 A.表格 B.段落C.层D.章节9、在FrontPage 2003中，一般常用的动画文件格式有（）格式 A. FlashB. gif C. Flash和gif D. jpg10、网页中的视频文件的主要文件格式有（）A. rmB. aviC. quicktimeD. rm、avi、quicktime11、在网页中插入背景音乐，单击“文件”菜单中的（）命令 A. 属性 B.新建C.背景 D.音乐 12、（）是WWW的灵魂A.文字B.图片C.动画D.超级链接13、插入FLASH动画是选择“插入”菜单中的（）选项 A.高级 B.图片 C.表格 D.动画14、在网页属性对话框中，下列（）是没有的 A.常规 B.背景 C.边距D.数据源 15、在网页中（）可以建立超级链接 A.文字 B.图片 C.电子邮件 D.文字、图片、电子邮件 16、“超链接”在（）菜单中 A.文件B.编辑 C.插入 D.工具17、“视频”命令在“插入”菜单中的（）选项中 A.图片 B.表格 C.超连接 D.书签18、Frontpage 2003中，如果要将图片放在页面的任意位置，使用（）方法： A.图层移动 B.对齐方式 C.绝对定位 D.相对定位 19、在Frontpage 2003中，我们可以使用下列（）方法进行页面布局，使图文整齐有序的放在想要的位置上：A.表格B.书签C.表单D.单元格 20、在FrontPage中,"打开站点"是指（） A新建一个站点文件夹 B打开一个网页文件 C打开一个站点文件夹 D新建一个网页文件夹 21、下面哪个是超文本标记语言的简称（） A 、Web PageB、HTMLC、WWW D、http22、浏览器是用于浏览网页的软件，下列选项中属于浏览器软件的是：( ) A．FrontPage2003 B．IE C．Word D．Outlook Express 23、浏览网页过程中，鼠标移动到超级链接上时，其形状一般为（）： A．I形 B．小箭头形 C．小手形 D．沙漏形 24、首页的文件名一般为（）。
第一章——网页制作习题及答案
一、单选题1.Dreamweaver是( )公司开发的集网页制作和网站管理于一身的所见即所得网页编辑器。
A、APPLEB、DREAMWORKC、MACROMEDIAD、MICROSOFT2.下述哪个工具可以编写网页？ ( )A、FireWorkB、AutoCADC、PhotoShopD、记事本3.要将样式信息作为文档的一部分用于HTML，定义样式时使用的标记是A、<href>B、<class>C、<link>D、<style>4.在HTML中，（）是网页标题标记A、<head>B、<title>C、<hr>D、<body>5.在定义样式时，要将样式定义的内容放在（）标记中。
A、“< >”B、“( )”C、“{ }”D、<script></script>6.在网页中插入背景音乐时，使用的是（）标记。
A、fileB、bgsoundC、midD、src7.在HTML中，表格每行中列的标记是（）。
A、<td>B、<tr>C、<p>D、<font>8.在HTML中，（）是表格使用的标记A、<ul>B、<table>C、<tr>D、<td>9.使用外部样式文件需要在文档的头部区域使用的标记是（）。
A、<link>B、<class>C、<style>D、<a>10.在HTML中，（）是网页主体的标记A、<head>B、<title>C、<html>D、<body>11.外部样式文件的后缀名是（）。
A、CSSB、htmlC、htmD、asp12. HTML文档结构由（）组成。
A、〈html〉...〈/html〉、〈head〉...〈/head〉、〈body〉...〈/body〉B、〈html〉...〈/html〉、〈body〉...〈/body〉C、body〉、〈/body〉D、〈html〉、〈/html〉13.下面说法正确的是 ( )A、HTML文档包含可执行文件的二进制信息B、HTML文档由ASCII字符组成C、HTML语言的标签都是成对的D、HTML语言有条件判断语句14.下面哪个不是浏览器软件？ ( )A、NeroB、FirefoxC、Internet ExplorerD、Opera15.下述哪个不属于网页制作工具？（）A、FlashB、FrontPage2000C、DreamweaverD、FrontPage Express16. WWW是指：（）A、 World Wide WaitB、 Web Wide WorldC、 World Wide WebD、 World Wade Web17.下述对HTML的描述哪个不正确？（）A、通过HTML可以连接互联网上所有资源B、可被任何文本编辑器读取C、可用于各种不同的操作系统上D、HTML标签只能成对出现18.通常主页被命名为（）。
网页制作练习题.
网页制作练习题1．在HTML中，<pre>的作用是（B）A．标题标记B．预排版标记C．转行标记D．文字效果标记2．HTML中字体大小的级别有（C）A．3级B．5级C．7级D．9级3．下列关于HTML语言的<table>标记正确的是（C）A．border用于设置表格边线宽度，cellpadding用于设置框线厚度B．cellpadding用于设置框线厚度，cellspacing用于设置数据与边框的距离C．bgcolor用于单元格的背景颜色，width用于设定整个表格的宽度D．valign用于强制单元格内容不换行，nowarp用于设定单元格内容垂直对齐方式4．HTML中表示文字粗体的标记除了使用<strong>外，还可以使用（B）A．<a>B．<b>C．<c>D．<d> 5．在HTML的<th>和<td>标记中，不属于valign属性的是（C）A．top B．middle C．low D．bottom 6．body元素用于背景颜色的属性是（C）A．alink B．vlink C．bgcolor D．background 7．<a href=″#hlj″>黑龙江</a>的作用是（B）A．超级链接到黑龙江网页上B．超级链接到本文件中hlj 标记处C．超级链接暂时不被运行D．超级链接到#hlj网页上8．下列选项中不属于CSS选择器的是（B）。
A．标签选择器B．对象选择器C．类别选择器D．ID选择器9．在Dreamweaver中，菜单栏下面默认的工具栏也称（A）A．插入栏B．文档工具栏C．编辑栏D．标签栏10．下列关于IP地址和域名的叙述中，正确的是（C）A．接入互联网的计算机都必须要有域名B．域名必须以”www”开头C．一个域名一般只对应一个IP地址D．网关是管理IP 地址和域名的设备接入互联网的计算机必须要有IP域名不必以www开头，网关是两个网络之间的连接点11．下面哪个选项不属于Dreamweaver编辑区的视图模式？（C）A．代码视图B．设计视图C．标准视图D．拆分视图12．通常一个站点的主页默认文档名是（C）A．Main.htm B．Webpage.htm C．Index.htm D．Homepage.htm13.下面哪种网站文件结构是不合理的？（A）A．所有的网站文件都保存在一个站点根目录下面B．按照文件类型对网站文件进行分类管理C．按照主题对网站文件进行分类管理D．对网站文件类型进行进一步的细分存储管理14．关于超级链接的说法正确的一项是（C）A．一个超级链接是由被指向的目标和指向目标的链接指针组成B．超链只能是文本内容C．超链的目标可以是不同网址．同一文件的不同部分．多媒体信息，但不能是应用程序D．当单击超链时，浏览器将下载Web地址15．在网页中最为常用的两种图像格式是(A) A．JPEG和GIF B．JPEG和PSD C．GIF和BMP D．BMP和PSD16．超级链接是一种(A)的关系。
网页制作练习题【可编辑】
网页制作练习题第一章、网页制作基础知识一、单项选择题1、对于网站、网页、主页，下列说法正确的是（B ）A、网站是一个大的网页，它包含着网页和主页B、网站是相关网页的集合，它包含着网页和主页C、网站包含主页，主页包含网页D、三者无关系2、以下说法错误的是(D )A、启动Dreamweaver Cs3 后，默认的文档窗口视图是设计视图B、一个网站必须要发布到WEB服务器上才能被浏览者访问C、Dreamweaver Cs3具有网页制作和网站管理的功能D、显示网格后，在浏览器中浏览该网页时也将显示网格3、以下说法错误的是（C ）A、WWW在服务说采用的是客户机/服务器模式B、Dreamweaver Cs3是集网页设计、网站开发和管理于一体的软件C、所以网页的扩展名都是htm或者html才能被访问D、一个网站只能有一个主页4、WWW是以（D ）协议为基础，提供面向Internet的信息查询服务的A、HttpB、FtpC、SmtpD、Tcp/Ip5、在Dreamweaver Cs3的工作窗口中，用来提供与正在编辑的文档有关的信息和工具的是（A ）A、属性面板B、状态栏C、标签选择器D、插入栏6、以下不属于插入栏类别的是（ C ）A、常用B、数据C、应用程序D、收藏夹7、启动Dreamweaver Cs3后，文档窗口默认的视图模式是（ A ）A、设计视图B、扩展视图C、代码视图D、布局视图8、在Dreamweaver Cs3中的状态栏上1024*768的含义是（A ）A、当前文档窗口的大小B、显卡的最大分辨率C、当前被选中的图片的像素大小D、整个Dreamweaver Cs3的窗口大小9、通过文档工具栏，不能实现的操作是（C ）A、上传文件到远程服务器B、检查浏览器的兼容性C、检查网页中是否存在错误的链接D、切换文档视图方式10、设置标尺的尺寸单位是，不包括的单位是（C ）A、像素B、百分比C、英寸D、厘米二、填空题1、当用户在浏览器的地址栏中输入网址后见到的第一个页面称为主页2、网站是指在网络上根据一定的规划，使用网页开发工具制作的用于展示特定内容的网页相关集合。
网页制作练习题
网页制作练习题网页制作练习题在当今数字化时代，网页已经成为人们获取信息、交流和展示自己的重要平台之一。
学习网页制作不仅可以提升个人技能，还能为未来的职业发展打下基础。
下面是一些网页制作的练习题，帮助读者巩固和提高自己的网页制作能力。
1. HTML基础a) 创建一个简单的HTML页面，并设置页面标题为"我的网页"。
b) 在页面中插入一个标题，内容为"欢迎来到我的网页"。
c) 创建一个有序列表，包含你最喜欢的三个电影名称。
d) 创建一个无序列表，列出你最喜欢的三个食物。
e) 在页面中插入一张图片，并设置图片的宽度为200像素。
2. CSS样式a) 在HTML页面中添加一个CSS样式表，并设置页面背景颜色为蓝色。
b) 设置标题的字体颜色为红色，字体大小为24像素。
c) 设置有序列表的项目符号为实心圆。
d) 设置无序列表的项目符号为自定义图片，图片可以自行选择。
e) 设置图片的边框为2像素宽的红色实线。
3. 响应式设计a) 创建一个响应式网页，使得在不同设备上能够自适应屏幕大小。
b) 设置页面布局，使得在大屏幕上显示为三列，中屏幕上显示为两列，小屏幕上显示为一列。
c) 添加媒体查询，使得在小屏幕上标题的字体大小变为16像素。
4. 导航栏和链接a) 在网页顶部创建一个导航栏，并添加四个链接，分别指向不同的页面。
b) 设置导航栏的背景颜色为黑色，链接的字体颜色为白色。
c) 当鼠标悬停在链接上时，链接的背景颜色变为灰色。
d) 当链接被点击后，链接的字体颜色变为红色。
5. 表单设计a) 创建一个包含文本输入框、复选框和提交按钮的表单。
b) 设置文本输入框的宽度为200像素。
c) 设置复选框的默认选中状态为选中。
d) 当提交按钮被点击后，弹出一个提示框，显示用户输入的文本。
通过完成以上练习题，读者可以巩固并提高自己的网页制作能力。
这些练习题涵盖了HTML基础、CSS样式、响应式设计、导航栏和链接以及表单设计等方面的知识点。
网页制作基础试题及答案
网页制作基础试题及答案一、单项选择题（每题2分，共10分）1. HTML是用于描述网页文档的一种标记语言，其全称是：A. Hyper Text Markup LanguageB. Hyper Text Markup LanguageC. Hyper Text Markup LanguageD. Hyper Text Markup Language答案：A2. 在HTML中，用于定义最重要的标题的标签是：A. <h6>B. <h5>C. <h4>D. <h1>答案：D3. 下列哪个属性用于设置HTML元素的CSS类？A. classB. idC. styleD. type答案：A4. 在HTML中，用于创建无序列表的标签是：A. <ol>B. <ul>C. <dl>D. <menu>答案：B5. 如果你想在网页中插入一个水平线，应该使用哪个HTML标签？A. <hr>B. <line>C. <div>D. <span>答案：A二、多项选择题（每题3分，共15分）1. CSS选择器可以是下列哪些？A. 类选择器B. ID选择器C. 属性选择器D. 伪类选择器答案：ABCD2. HTML5中新增的语义化标签包括：A. <header>B. <footer>C. <article>D. <div>答案：ABC3. 下列哪些标签可以用来定义超链接？A. <a>B. <link>C. <href>D. <anchor>答案：A4. 在HTML中，哪些标签用于定义文档的头部？A. <head>B. <header>C. <title>D. <meta>答案：A5. 在HTML中，哪些标签用于定义文档的主体内容？A. <body>B. <main>C. <section>D. <article>答案：AB三、填空题（每题2分，共10分）1. HTML文档的结构通常以____标签开始，以____标签结束。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网页制作练习题一、选择题1．在网页中最为常用的两种图像格式是（A）A.jpg和pngB.jpg和psdC.png和bmpD.psd和bmp2．标记符<title>是放在标记符（ B ）之间的A.<html></html>B.<head></head>C.<body></body>D.</head><body>3．样式表定义#title {color:red} 表示（ B ）。
A.网页中的标题是红色的B.网页中某一个id为title的元素中的内容是红色的C.网页中元素名为title的内容是红色的D.以上任意一个都可以4．＜img＞标记符中连接图片的参数是：（ B ）A.hrefB.srcC.typeD.alt5．不属于HTML标记的是（ C ）A.<html>B.<head>C.<color>D.<body>6．为了标记一个HTML文件，应该使用的HTML标记是（C）A.<p></p>B.<body></body>C.<html></html >D.<title></ title>7．运行下面创建表格的代码，在浏览器里会看到（D）的表格。
<table width=”20%”border=”1”><tr><td></td><td></td></tr><tr><td></td><td></td></tr></table>A.3行2列B.2行3列C.3行3列D.2行2列8．运行下面代码，在浏览器里看到（C）<table width=”20%”border=”1”><tr><td colspan=”2”></td></tr><tr><td rowspan=”2”></td><td></td></tr><tr><td></td></tr></table>A.6个单元格B.5个单元格C.4个单元格D.3个单元格9．若要是设计一块区域背景图片为bg.jpg，以下标记中，正确的是（D）A.<div style=”background-image=bg.jpg;”>B.<div style=”background-image:bg.jpg;”>C.<div style=”background-img=bg.jpg;”>D.<div style=”background-image :url(bg.jpg);”>10．HTML语言中，设置表格中文字与边框距离的标签是（C）A.<table border=#>B.<table cellspacing=#>C.<table cellpadding=#>D.<table width=#or %>11．HTML语言中<strong>标记的作用是（C）A.给文字加下划线B.给文字加删除线C.将文字变成粗体D.将文字变成斜体12．内部样式表的元素是（ A ）A.<style>B.<css>C.<script> 13．元素中定义样式表的属性名是（A ）A.styleB.classC.stylesD.font 14．下列（ C ）是定义样式表的正确格式。
A.{body:color=black(body}B.{body:color=black }C.body {color: black}D.{body;color:black}15．用来设置页面内容需要写在那个标签内部（B）A.<head>和</head>B.<body>和</body>C.<html>和</html>D.<title>和</title>16．HTML中的标题标签共有几个级别（C）A.4级B.5级C.6级D.7级17．下面不是组成一个HTML文件基本结构标签的是（C）A.<html></html>B.<head></head>C.<form></form>D.<body></body> 18．HTML语言中的强制换行的是（B）A.<hr>B.<br>C.<p>D.<em>19．标签hr的作用是（B）A.强制换行B.画一条水平线C.设置标题D.显示斜体文字20．在网页中要输入一个空格，应使用（B）A.&nsnp;B. C.&sbnp;D.&sbpn; 21．下面有关标记符<a>的正确说法是：（ D ）A.该标记符的参数是srcB.该标记符的参数是hrefsC.该标记符可以用来在网页中插入图片D.该标记符可以用来在网页中插入超链接22．要在表单中创建一个普通文本框，以下的写法中正确的是（A）A.<input type="text">B.<input type="password">C.<input type="checkbox">D.<input type="radio">23．在HTML中，插入图片用（B）标签来定义。
A.aB.imgC.imageD.span24．（A）标记表示网页中一个段落的开始。
A.<p>B.<hr>C.<br>D.<dl>25．当浏览器不支持图像时，图像<img>标签的（D）属性的文本内容可以代替说明图像信息。
A.srcB.styleC.valueD.alt26．行块标签中的行标签中的无语义的是（C）A.divB.strongC.spanD.input27．在CSS中要使a标签去除下划线，text-decoration属性的取值应该是（A）A.noneB.underlineC.overlineD.line-though 28．哪个属性可以控制文本的大小（A）A.font-sizeB.text-styleC.font-styleD.text-size 29．如何改变块元素的左边距？（C）A.text-indentB.indentC.margin-leftD.border-left 30．创建下拉列表应使用以下标记符（ A ）A.select和optionB.inputC.input和optionD.dl和dt、dd31．以下标签中，用于定义表格每一列的是（A）A.<td>···</td>B.<tr>···</tr>C.<table>···</table>D.<caption>···</caption>二、填空题1、块标签包含：div/h1~h6/p/ul/ol/li/dl/dt/dd ;2、行标签包含：span/a/img/em/strong/input/textarea/select;3、块标签里面没有直接含义的标签是: div ;4、标题标签怎么写：<h1>····</h1> ;5、无序列表和有序列表的子层是___li____；6、自定义标签的子层有dt 、dd ;7、列表标签包含：ul/ol/dl ;（无序列表和有序列表的子层是li 、自定义标签的下层有dt/dd ）;8、强制换行是使用br ;9、将一块区域内的input 标签包裹起来使用form ;10、a标签里面转跳的地址怎么写：<a href=”转跳地址”>····</a> ;11、img标签里面图片的地址怎么写：<img src = “图片地址” > ;12、img标签里面图片未加载出来时，出现的提示文字怎么写：<img alt=”图片的错误提示信息”> ;13、斜体强调是em 、加粗强调是strong ;14、单选框需要使用相同name值存在且相同可以实现只能选择一个元素15、value可以实现text/password/button/reset/sumbmit 文字的显示16、HTML网页文件的标记是<html></html> 网页文件的主体标记是<body></body>标记页面标题的标记是_<title></title>_。
17、HTML语言的HEAD部分包含的主要标签有mate/titie/style/link 。
18、HTML语言中特殊字符空格的代码为 。
19、表格的标签是table ，单元格的标签是td/th 。
20、表格有3个基本组成部分：行、列和caption 。
21、请写出在网页中设定表格边框的粗细的属性border ；22、单元格水平合并所用的属性值是colspan ；23、单元格垂直合并是属性值是rowspan ;24、<tr>….</tr>是用来定义__表格的行________；<td>…</td>是用来定义____表格的列_____；<th>…</th>是用来定义__表格的表头________。
在CSS中，对字体的设置所涉及的样式有font-size/font-style/font-weight/font-family/color/letter-spaceing/word-spaceing25、在表单中添加下拉列表时，应使用select 和option 标签;26、如何将一段文本设置成居中对齐style=”text-align:center;” 。