下载文档原格式
网页制作上机练习
1.在dreamweaver中建立本地站点mysite，建立并设置本地站点的主目录为d:\siteXXX，
其中XXX为自己的学号
2.创建一个网页文件form.html，网页文档视图如下：
（其中年龄分为：0-17岁、18-35岁、36-50岁、50岁以上，4个年龄段。
）
3.创建一个乐曲“点播”页面music.html,
要求：
（1）使用表格或DIV+CSS进行页面布局
（2）页面分主题区、乐曲连接区、内容区（乐曲播放区）、制作人信息区四个。
（3）主题区显示flash动画（内容不限）、乐曲连接区内有两首乐曲的超级连接（乐曲内容不限）、制作人信息区显示制作人姓名、学号、制作日期。
（4）页面有背景音乐（内容不限），要求循环播放
（5）使用模板技术，实现两首乐曲播放网页，文件名分别为m1.html、m2..html 4.完成后将站点文件夹压缩，通过“凌波”教学软件（见电脑桌面左下角图标），提交到
教师机。
一:HTML代码填空（每空5分，共30分）要求：1、将以下HTML代码划线部分补充完整；2、该网页要求支持简体中文；3、标题为考生真实姓名；4、三行两列的表格，边框为1个像素；5、表格第一行合并两个单元格，内容居中显示6、该网页保存为test1.htm，并浏览网页，按ALT+Print Screen键截图，粘贴到指定位置上。
<html><head><meta http-equiv="Content-Type" content="text/html; charset=①GB2312"> ②<title>考生姓名</title></head><body><table ③border=”1” width="100%"><tr><td width="100%" ④colspan=”2”><p ⑤align=”center”>Text</td></tr><tr><td width="50%">Text</td><td width="50%">Text</td></tr>⑥<tr><td width="50%">Text</td><td width="50%">Text</td></tr></table></body></html>运行后的结果粘贴为下方文本框中：二、HTML代码改错题(每处6分，共30 分)要求：1、参照图2将划线语句中错误纠正；2、该网页为表单的应用；3、标题为单行文本；4、内容为多行文本；5、发布信息按钮的行为为提交；6、全部重写按钮的行为为重置。
专升本网页制作试题及答案一、选择题1. 在HTML中，用于定义网页头部的标签是：A. `<body>`B. `<head>`C. `<footer>`D. `<header>`答案：B2. CSS中，用于设置元素背景颜色的属性是：A. `background-color`B. `color`C. `bgcolor`D. `background`答案：A3. JavaScript中，用于获取页面中元素的函数是：A. `getElementById()`B. `getElementsByClassName()`C. `getElementsByTagName()`D. `querySelector()`答案：A4. 下列哪个不是HTML5的新特性？A. 语义化标签B. 视频和音频支持C. 表单控件D. 内嵌框架（iframe）答案：D5. 在HTML中，用于创建超链接的标签是：A. `<a>`B. `<p>`C. `<img>`D. `<div>`答案：A二、填空题1. HTML文档的根元素是_______。
答案：<html>2. 网页中，用于定义段落的标签是_______。
答案：<p>3. 在CSS中，用于设置文本对齐的属性是_______。
答案：text-align4. JavaScript中，用于打印信息到控制台的函数是_______。
答案：console.log()5. HTML5中，用于创建表单的标签是_______。
答案：<form>三、简答题1. 请简述HTML、CSS和JavaScript三者在网页制作中的作用。
答案：HTML负责网页的结构和内容，CSS用于控制网页的布局和样式，而JavaScript则用于增加网页的交互性。
2. 解释什么是响应式网页设计，并简述其重要性。
web二级等级考试上机试题及答案一、选择题（每题2分，共20分）1. HTML文档的根元素是：A. <html>B. <head>C. <body>D. <title>答案：A2. CSS中设置字体颜色的属性是：A. colorB. fontC. text-colorD. font-color答案：A3. 在JavaScript中，用于获取元素的DOM操作是：A. getElementByIdB. getElementsByClassNameC. querySelectorD. All of the above答案：D4. 下列哪个标签用于定义最重要的标题？A. <h1>B. <h6>C. <p>D. <div>答案：A5. 在HTML中，用于插入图片的标签是：A. <img>B. <picture>C. <image>D. <photo>答案：A6. CSS选择器中，用于选择类名为"example"的元素的符号是：A. #B. .C. :D. %答案：B7. JavaScript中，用于定义函数的关键字是：A. functionB. defC. funcD. declare答案：A8. 在HTML5中，用于定义文档类型和HTML版本的标签是：A. <!DOCTYPE html>B. <html>C. <doctype>D. <html5>答案：A9. CSS中，用于设置元素的宽度和高度的属性是：A. width和heightB. sizeC. dimensionD. All of the above答案：A10. JavaScript中，用于在控制台输出信息的函数是：A. console.logB. printC. alertD. log答案：A二、填空题（每题2分，共20分）1. HTML中的语义化标签____用于定义导航链接。
1.下列哪一种为Dreamweaver模板文件的扩展名？（___c____）（A）css（B）html（C）dwt（D）mb2.如下图所示的这段CSS样式代码，定义的样式效果是怎样的？（___a____）a:link{color:#000000;}a:visited{color:red;}a:hover{color:blue;}a:active{color:#ffffff;}（A）默认链接色是黑色，访问过链接是红色，鼠标上滚链接是蓝色，活动链接是白色（B）默认链接色是蓝色，访问过链接是蓝色，鼠标上滚链接是红色，活动链接是绿色（C）默认链接色是绿色，访问过链接是黄色，鼠标上滚链接是红色，活动链接是蓝色（D）默认链接色是绿色，访问过链接是红色，鼠标上滚链接是蓝色，活动链接是黄色3.以下选项中不能用来表示 CSS 颜色的是（__c_____）（A） red（B） #FF0000（C） rgb(f, 0, 0)（D） rgb(100%, 0,0)4.下述描述中，错误的是（____b___）。
（A）OL标签用于插入一个有序列表（B）HTML代码中，所有标签都必须配对使用（C）既可用16进制值描述颜色，也可用英文名称描述部分基础颜色（D）在HTML代码中，SIZE是一个属性，并非一个标签5.HTML标记用（____c___）括起来。
（A）（）（B）{ }（C）< >（D）" "6.下面可以给网页添加背影图片的是（____b___）。
（A）使用<img>标签（B）在<body〉标签中使用background属性（C）在<html〉标签中使用background属性（D）在<background〉标签7.HTML代码中，〈align=center〉表示（___d____）。
（A）文本加注下标线（B）文本加注上标线（C）文本闪烁（D）文本或图片居中8.用于同一个网页内容之间相互跳转的超链接是（__d_____）。
⽹页制作上机练习题【第⼀章】上机练习：1、下载Dreamweaver 8的安装软件，练习Dreamweaver 8的安装、启动、关闭和卸载。
(从ftp://web@210.28.58.241⽹站下载)2、启动Dreamweaver 8进⼊其⼯作界⾯，分别指出各个组件及其功能。
3、在本地计算机D盘建⽴⼀个⽂件夹，以本⼈姓名和学号命名，如“李明0701010101” 。
然后创建⼀个站点，站点的名称以本⼈的姓名的拼⾳⼩写字母来命名，如“李明”的站点名称为“liming”。
在站点根⽬录下新建images、photo、music、flash、main等5个⽂件夹，在站点根⽬录下新建index.html、01.html、02.html、03.html、04.html、05.html、06.html、abc.html等8个页⾯⽂件。
【第⼆章】上机练习1:⼀、打开本地站点根⽬录下的03.html⽂件，进⾏如下设置：1、设置⽂件头内容：⽂件标题：可爱的校园；插⼊关键字：学校简介；校园风光；校园⽂化；教学设施插⼊META：值－author，内容－你的姓名。
2、设置页⾯属性：（1）设置页⾯⽂本颜⾊为黄⾊、背景颜⾊为绿⾊；（2）设置标题1为72像素、红⾊；3、插⼊⽂本（1）编辑字体，添加⿊体和⾪书两种字体；（2）在⽂档编辑窗⼝输⼊“可爱的校园”，格式为标题1，字体居中，字体为⾪书；（3）录⼊“学校简介”、“校园风光”、“校园⽂化”、“教学设施”⽂字，格式为段落，分为4⾏，并进⾏项⽬列表。
（4）在“校园简介”下⾯另起⼀⾏，录⼊⼀段校园简介的⽂字，不少于100字，⾸⾏前⾯4个空格；4、插⼊图像（1）从⽹上下载校园风光图⽚3张，存到⽹站根⽬录的images⽂件夹中；（2）在“校园风光”下⾯另起⼀⾏，插⼊刚下载的第⼀张图⽚，修改图⽚的属性为300×200；（3）设置⿏标经过图像。
把刚下载的第⼆、第三张图⽚分别设为“原始图像”、“⿏标经过图像”，修改图⽚的属性为300×200；（4）插⼊⼀个图像占位符，⼤⼩为300×200，颜⾊为黄⾊。
网页制作基础试题及答案一、单项选择题（每题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）网页设计的全部内容都必须存放在本地根文件夹E:\kaoshi中，否则不予评分；（4）在主页default.asp上写上自己的真实班级、学号和姓名，作为评分的依据；(5)考试结束后，请将试卷放在桌面上，关闭所有程序窗口，打开E:\kaoshi文件夹窗口，然后离开考场。
1.制作一个如图所示的课程表。
（10分）2.检查你的浏览器是否支持flash播放，如支持，则播放一个flash动画。
（10分）3.制作如图所示的一个表单。
（10分）4.制建框架主界面，样式如下图。
要求主框架网页标题为：网页制作考试网页，框架结构为上、左、右样式），并分别设置成不同背景颜色（颜色自拟）。
（10分）5.制作如下一个通讯录，要求能动态的查询记录和添加记录。
(30分)6.设计一个如下图所示的模板，并将此模板应用于上述所有网页。
（10分）7.整合上述各题：应用上述模板，创建一个主页default.asp，将上述各题链接起来。
并且要求在此主页写上自己的真实班级、学号和姓名，作为评分的依据。
其中的超级链接文本对象起初是紫色，并且不具有下划线，仅当鼠标移到其上时才具有下划线，并且字体变成红色。
（15分）8.将上述主页的超级链接，并导出其站点地图“kaoshi.bmp”（如样图所示），最后将其超级链接到主页default.asp中去。
（5分）。
大学web上机考试题及答案一、选择题（每题2分，共20分）1. 以下哪个不是HTML标签？A. <p>B. <div>C. <table>D. <css>答案：D2. CSS选择器中，哪个用于选择类名为“example”的元素？A. #exampleB. .exampleC. [example]D. *example答案：B3. 在JavaScript中，以下哪个方法用于将字符串转换为大写？A. toUpperCase()B. toLowerCase()C. toCapitalize()D. toTitleCase()答案：A4. 以下哪个HTML属性用于定义图像的替代文本？A. altC. titleD. href答案：A5. 在HTML中，以下哪个元素用于定义文档的头部？A. <head>B. <header>C. <title>D. <h1>答案：A6. 以下哪个不是JavaScript中的全局对象？A. windowB. documentC. MathD. user答案：D7. 在CSS中，以下哪个属性用于设置元素的背景颜色？A. background-colorB. colorC. font-colorD. text-color答案：A8. 在HTML中，以下哪个元素用于定义一个无序列表？B. <ol>C. <dl>D. <table>答案：A9. 在JavaScript中，以下哪个方法用于获取数组中的第一个元素？A. first()B. last()C. pop()D. shift()答案：D10. 在HTML中，以下哪个属性用于定义超链接的目标地址？A. hrefB. srcC. altD. title答案：A二、填空题（每题2分，共20分）1. 在HTML中，`<meta>` 标签通常位于________标签内。
网页的制作
编制：王慧审稿：张莉时间：2010-11-26
【目标引领】：
1．初步认识Frontpage,.并熟悉其基本操作。
2. 根据表达任务的要求，使用常用的网页制作软件制作与发布动态网页。
3．掌握在网页制作过程中的基本操作。
上机任务：请按以下要求完成制作一份网页。
第一步：打开Frontpage,方法：单击“开始/程序/Frontpage”或直接双击桌面上的该图标。
第二步：新建一网页，方法：“文件/新建/网页…”，新建一空白网页。
第三步：在网页编辑区上方插入滚动字幕，内容为：“欢迎您的光临！”要求字体为宋体10号字加粗，背景色为黄色。
定位光标，单击“插入”→“组件”→“字幕”命令，打开“字幕属性”对话框，如图所示。
用户可以在文本栏中输入文字，如“谢谢你的光临！”并对其设置其它属性，如运动的速度、方向、背景颜色等。
设置字幕
第四步：在字幕下方插入水平线，要求：水平线颜色为蓝色，宽度为窗口宽度的80%，居中对齐。
第五步，在水平线的下方插入一3行4列
的表格，
①求为：宽度为800像素，粗细为3，
边框颜色为红色，背景色为银白色。
②并在此基础上完成：将表格的第2行
第1列和第3行第1列合并为一个单
元格，并将第1行第2列的单元格拆
分为2列的单元格，并平均分配各列。
③在第1行第1列插入一幅剪贴画，并调整画的大小为居中对齐，宽度和高度分别为80像素，
60像素。
第六步：在表格下方输入文字：泰安英雄山中学，并选中该文字，并该文字链接到“ttp:///”，其方法为：
1、选中文本，单击“插入”→“超链接”或鼠标右键快捷菜单的“超链接”命令。
2、选定超链接方式如图所示。
找到链接目标，确定即可。
第七步：另起一行，插入一图片（自选），并建立图片超链接：其方法为：
创建图片超链接与创建文本超链接的方法基本相同，同样在如图7-13所示对话框操作。
为图片建立热区也是创建图片超链接的一种方式。
第八步：输入文字“请联系我”，并建立该文字的超链接，指向电子邮箱：tasjz1@
第九步：右单击网页空白处，选择“网页属性…”，并选择一幅图片作为网页背景
第十步：保存网页，以Index.htm为名，保存到
D：\my document下。
