网页设计与网站建设练习题
网站建设考试题及答案
网站建设考试题及答案一、选择题（每题2分，共20分）1. 以下哪个不是HTML标签？A. `<a>`B. `<p>`C. `</>`D. `<div>`答案：C2. CSS中用于设置字体颜色的属性是？A. `color`B. `font-size`C. `background-color`D. `text-align`答案：A3. 哪种类型的文件用于存储JavaScript代码？A. .htmlB. .cssC. .jsD. .jpg答案：C4. 在HTML中，用于定义最重要的标题的标签是？A. `<h1>`B. `<h2>`C. `<h6>`D. `<h3>`答案：A5. 以下哪个不是网页布局的基本原则？A. 一致性B. 对齐C. 颜色对比D. 随机性答案：D6. 响应式网页设计的主要目的是？A. 增加网站加载速度B. 适应不同设备的屏幕尺寸C. 提高搜索引擎排名D. 提高网站安全性答案：B7. 以下哪个不是HTML5的新特性？A. 语义化标签B. 表单控件C. 内联框架D. 离线存储答案：C8. 以下哪个是CSS选择器？A. `#header`B. `body`C. `ul li a`D. 所有选项答案：D9. 在HTML中，`<!DOCTYPE html>`声明的目的是？A. 指定字符编码B. 指定文档类型C. 指定网页标题D. 指定网页描述答案：B10. 以下哪个标签用于插入图片？A. `<a>`B. `<img>`C. `<iframe>`D. `<video>`答案：B二、填空题（每题2分，共20分）1. 在HTML中，`<meta>`标签通常用于定义____。
答案：文档的元数据2. CSS中的`display`属性可以设置为`none`，表示____。
网站建设考试题及答案
网站建设考试题及答案一、选择题（每题2分，共20分）1. 以下哪个不是HTML的基本标签？A. <html>B. <head>C. <body>D. <script>答案：D2. CSS的全称是什么？A. Cascading Style SheetsB. Computer Style SheetsC. Common Style SheetsD. Client Side Sheets答案：A3. 以下哪个JavaScript函数用于获取页面元素？A. getElementById()B. getElementsByName()C. getElementsByClass()D. All of the above答案：D4. 以下哪个不是Web开发中的前端技术？A. HTMLB. CSSC. JavaScriptD. PHP答案：D5. 以下哪个不是HTML5的新特性？A. 语义化标签B. 视频和音频支持C. 表单控件增强D. 网页框架答案：D6. 以下哪个是响应式网页设计的关键技术？A. 固定布局B. 媒体查询C. 浮动布局D. 绝对定位答案：B7. 以下哪个不是HTML5的表单输入类型？A. emailB. numberC. rangeD. checkbox答案：D8. 以下哪个不是Web开发中的后端技术？A. Node.jsB. MySQLC. ReactD. Python答案：C9. 以下哪个是Web开发中的数据存储技术？A. AJAXB. JSONC. SQLD. XML答案：C10. 以下哪个不是Web开发的安全性问题？A. 跨站脚本攻击（XSS）B. 跨站请求伪造（CSRF）C. 服务器端注入（SQL注入）D. 客户端注入答案：D二、简答题（每题5分，共30分）1. 请简述HTML、CSS和JavaScript在网页开发中的作用。
答案：HTML负责网页的结构和内容，CSS负责网页的样式和布局，JavaScript负责网页的交互功能。
网页设计与网站设计期末考试B卷及答案
网页设计与网站建设期末试卷（B卷）学号：姓名：得分：一、单选题（30小题，每题1分，共30分）1. 【标签】面板中的表格属性Align设置居中的是（）A．rightB. leftC. centerD. up2．同一网页或不同网页中指定位置的链接称为（）A．外部链接B．内部链接C．锚记链接D．热区链接3．下列不属于Flash元件的是（）A．动画B．表单C．图形D．按钮4．下面说法错误的是( )。
A、单元格可以相互合并B、在表格中可以插入行C、可以拆分单元格D、在单元格中不可以设置背景图片5．在DreamweaverMX中，想要使用户在点击超链接时，弹出一个新的网页窗口，需要在超链接中定义目标的属性为( )。
A、parentB、_selfC、_topD、_bank6. 以下表示表格标签是的（）A．<form> B. <tr> C. <table> D. <td>7.如果不想在段落间留有空行，可以按（）组合键。
A．Enter B.Ctrl+EnterC . Alt+Enter D. Shift+Enter8. 在网页中连续输入空格的方法是（）A. 连续按空格键B．按下Ctrl 键再连续按空格键C．转换到中文的全角状态下连续按空格键D．按下Shift键再连续按空格键9.在Dreamweaver中，静态网页的扩展名是（）A．.html B. .aspC. .dwtD. .css10. 添加走动文字的标签是（）A．<marquee></marquee>B. <title></title>C. <html></html>D. <table></table>11.关于网页中的换行，下列说话错误是的（）A.可以使用<br>标签换行B. 可以使用<p>标签换行C.使用<br>标签换行，行与行之间没有间距；使用<P>标签换行，两行之间会空一行D.可以直接在html中代码中按一下回车键换行，网页中的内容也会换行12. 在HTHL语言中，如果要对文字的颜色进行修饰，应通过（）A．font-family:”宋体” B. Font-size:9ptC. color:#990000D. href=”../example/2.html13. 在表格中边框默认的值是（）A．-1 B. 0 C. 1 D. 214. 设置表格的行数和列数，不能采用的方法是（）A．在插入表格时设置表格的行数和列数B．选中整个表格，在属性面板中修改其行数和列数C．通过拆分、合并或删除行、列来修改行数和列数D．打开代码视图，在<table>标签中修改相应属性，以修改表格的行数与列数15. 以下表示段落标签的是（）A. <p> 段落标签B. <td> 行标签C. <hl> 显示文字效果D. <pre> 格式标签16.以下表示声明框架标签的是（）A. <frameset>B. <frame>C. <table>D. <td>17.以下标题字标签中，显示出得文字效果，字号最大的是（）A. <h1>B. <h2>C. <h3>D. <h4>18.以下表示声明表单标签的是（）A. <frameset>B. <form>C. <table>D. <tr>19.在网页中的任意位置，可以插入框架的标签是（）A. <frameset>B. <frame>C. <iframe>D. <noframes>20.添加背景音乐的标签是（）A.<bgmusic>B. <bgm>C. <bgsound>D. <music>21.超文本标记语言是指（）A.URLB.Super Markup LanguageC.XMLD.HTML22.在网站设计中所有的站点结构都可以归结为（）A.两级结构B.三级结构C.四级结构D.多级结构23.Dreamweaver中，模板文件的扩展名是（）A.htmB. .aspC. .dwtD. .css24. 在Dreamweaver中，表格的主要作用是（）A．用来组织数据B．用来表现图片C．实现网页的精确排版和定位D．用来设计新的页面25.网页中插入的flash动画文件的格式是：（）A.GIFB.PNGC. SWFD.FLA26．Flash动画是（）A．流式动画 B．GIF动画C．A VI动画D．FLC动画27．CSS侧重于（）A．Web页的继承性和表现B．组织和查找数据C．网页的初始创建D．Web页内容的动态表现28.创建空链接，需要在属性面板的“链接”文本框中输入的一个符号是（）A.#B.$C.@D.&29.插入背景音乐需要将bgsound标记添加到网页文件<head>、</head>之间，那么用来设置音乐路径的属性是（）A.hrefB.pathC.srcD.address30.在Dreamweaver中列表的列表属性中有四种项目列表类型，其中以数字编码开头，并有明确的先后顺序的是（）A.项目列表B. 编号列表C.目录列表D. 菜单列表二、多选题(每题2分，共10分)1.网页中常用的图像格式包括（）A.GIFB.BMPC.JPEGD.WAVE.PNG2.创建图片局部热区链接，包括哪几种类型？（）A.椭圆形热点B.矩形热点C.多边形热点D.圆形热点E.月星热点3.通常的图像处理工具包括（）A.PhotoshopB.FireworksC.FrontpageD.DreamweaverE.Flash4.网站命名的原则包括：( )A、要有很强的概括性B、要合理、合法、易记C、名称不宜过长D、要有个性5. Dreamweaver中模板的作用是：( )A、有利于保持网页风格的一致B、可以进行网页的布局C、提高网页更新和维护的效率D、设置网页元素的显示方式E、适合于团队合作三、名词解释题（每题4分，共20分）1．文档相对路径2．CSS样式表3．图层4．表单5．URL四、简答题（每题6分，共30分）1．简述GIF、JPEG和PNG3种基本图像的特点（8分）2、简述使用外部CSS样式表相对于使用内部CSS样式表的好处。
网页设计制作练习题
网页设计制作练习题
1. 设计一个简单的登录界面，包括账号和密码输入框，登录按钮。
2. 设计一个新闻网站的首页，包括重要新闻推荐、热门新闻、最新新闻、热门评论等模块。
3. 设计一个电商网站的商品详情页，包括商品图片、名称、价格、规格、评论等模块。
4. 设计一个教育网站的课程详情页，包括课程介绍、授课老师介绍、上课时间、报名方式等模块。
5. 设计一个音乐网站的个人主页，包括个人信息、上传的音乐作品、收藏的音乐、关注的音乐人等模块。
6. 设计一个博客网站的文章详情页，包括文章标题、作者、发布时间、文章内容、评论等模块。
7. 设计一个社交网站的个人主页，包括个人信息、发布的动态、关注的人、粉丝、私信等模块。
8. 设计一个美食网站的菜谱详情页，包括菜名、配料、步骤、口感描述、评论等模块。
9. 设计一个旅游网站的目的地详情页，包括景点介绍、酒店推荐、旅游攻略、评论等模块。
10. 设计一个健康网站的文章详情页，包括健康知识、健康饮食、运动指南、保健方法等模块。
[答案][福建师范大学]2020秋《网页设计与网站建设》在线作业二
![[答案][福建师范大学]2020秋《网页设计与网站建设》在线作业二](https://img.taocdn.com/s3/m/40289479dd3383c4ba4cd227.png)
1.如果一个表格包括有1行4列，表格的总宽度为“699”，间距为“5”，填充为“0”，边框为“3”，每列的宽度相同，那么应将单元格定制为多少像素宽。
()A.126B.136C.147D.167答案：D2.若要循环播放背景音乐bg.mid，以下用法中，正确的是()。
A.〈bgsound src=“bg.mid” Loop=“-1”〉B.〈bgsound src=“bg.mid” Loop=True〉C.〈sound src=“bg.mid” Loop=“True”〉D.〈Embed src=“bg.mid” autostart=true〉〈/Embed〉答案：A3.当链接指向下列哪一种文件时，不打开该文件，而是提供给浏览器下载。
()A.ASPB.HTMLC.ZIPD.JPG答案：C4.主机域名由四个子域组成，其中()顶级域名代表国别代码。
A.centerB.nbu答案：D5.在Dreamweaver CC中，表格的主要作用是()A.组织数据B.表现图片C.实现网页的精确排版和定位D.设计新的页面答案：C6.域名系统DNS的含义是()。
A.Direct Network SystemB.Domain Name SystemC.Dynamic Network SystemD.Distributed Network Service答案：B7.在同一站点中的网页之间建立的链接是()。
A.内部超链接B.邮件超链接C.外部超链接D.文本超链接答案：A8.下列说法正确的是()A.设置背景颜色是设置文字的背景颜色B.Margin用来设置内边距C.font-size用来设置字体D.bgcolor用来设置背景颜色答案：D9.标签〈img src=“pic1.gif” align=“center”〉的作用是()。
A.插入图片pic1.gif，图片水平对齐采用“居中”方式B.插入图片pic1.gif，图片垂直对齐采用“居中”方式C.插入图片pic1.gif，图片右侧文字的水平对齐采用“居中”方式D.插入图片pic1.gif，图片右侧文字的垂直位置相对图片“居中”答案：A10.在网页中连续输入空格的方法是()A.连续按空格键B.按住Ctrl键再连续按空格键C.转换到中文的全角状态下连续按空格键D.按住Shift键再连续按空格键答案：C11.下列关于IP地址与域名的说法正确的是()A.IP地址以数字表示，域名用字符表示B.IP地址是供全球识别的通信地址C.IP地址与域名是一一对应的D.域名可以多于三个层次答案：ABCD12.下列()选项是对网页内容的编辑。
网页制作测试题(试题题目)
《网页制作》测试题<一>一、选择（60分）1、规划网站的目录结构时，应该注意的问题是（）A、尽量用中文名来命名目录B、整个网站只需要一个images 目录C、目录层次不要太深D、使用长的名称来命名目录2、在属性面板设置网页打开的方式中，能回到上一级的浏览窗口，显示超链接所指向的网页文件的是（）A、_blackB、_parentC、_selfD、_top3、DreamweaverMX通过（）面板管理站点。
A、站点B、文件C、资源D、结果4、插入表格对话框中的“间距”表示（）。
A、表格的外框精细B、表格在页面中所占用的空间C、单元格之间的距离D、单元格大小5、对于一个有N个框架的框架页，是由（）个单独的HTML文档组成的。
A、NB、N+1C、N-1D、N+26、HTML的颜色属性值中，蓝色的代码是（）。
A、#000000B、#00FF00C、#0000FFD、#FFFF007、在DreamweaverMX的网页设计中，在“查找和替换”对话框中单击（）在“结果”面板组中打开“搜索”面板，显示搜索文本或标签的所有匹配项A、查找一个B、查找全部C、替换D、替换全部8、下列关于DreamweaverMX的说法错误的是（）。
A、从Word中直接复制粘贴的文字可以保留其原有格式B、“插入”面板实际上是一个工具栏集，默认显示“常用”工具栏C、在文档窗口中可以通过“查看”菜单或“文档”工具栏来切换视图。
D、拖动棉板的名称标签可以进行自由组合。
9、网页设计中，设置表格框线和背景颜色时，在（）属性面板中单击“边框颜色”和“背景颜色”拾色器，然后选择所需的颜色即可。
A、单元格B、行C、列D、表格10、在网页设计中，选择单元格的方法是（）。
A、单击单元格，然后单击编辑窗口下边的 <td>标签B、单击单元格的右边或底部边缘的任意位置C、选择“编辑”——“全选”命令D、在单元格中拖动鼠标11、如果要实现在网页上迅速跳转到页首之类的链接，应该通过（）来设置。
网站建设与维护测试3
《网页设计与网站建设》第04章在线测试第一题、单项选择题（每题1分，5道题共5分）1、代码＜img border＝"5"＞中，border属性的作用是：A、设置图片的宽度B、设置边框的宽度C、设置图片的高度D、指出要插入的图片文件的路径2、设置水平线高度的HTML代码是：A、＜hr＞B、＜hr size＝?＞C、＜hr width＝?＞D、＜hr noshade＞3、下列哪个标记不用于＜table＞＜/table＞标记对中：A、＜tr＞标记B、＜td＞标记C、＜th＞标记D、＜dd＞标记4、关于表格的说法不正确的是：A、可以创建跨行跨列的单元格B、表格的宽度和高度只能用像素进行设置C、单元格可以设置不同的背景颜色D、可以用cellspacing属性设置单元格之间的距离5、以下样式规则正确的是：A、h1{color:red;font-size:25px;}B、img{color:red;font-size:25px;}C、h1{font-color:red;font-size:25px;}D、h1{color:red。
font-size:25px。
}第二题、多项选择题（每题2分，5道题共10分）1、在Dreamweaver中创建模板的方法有：A、创建空模板B、将普通网页另存为模板C、从文件菜单中新建模板D、用css创建模板E、用表格创建模板2、＜table＞标记的属性包括：A、borderB、alignC、cellspacingD、cellpaddingE、srcF、href3、在一幅图像上创建的热点区域，可以是：A、圆形热点区域B、矩形热点区域C、椭圆形热点区域D、三角形热点区域E、多边形热点区域4、关于＜p＞标记和＜br＞标记，以下说法正确的是：A、＜P＞标记是段落标记B、＜p＞标记可以使两段之间多一空行C、＜p＞标记和＜br＞标记都要成对使用D、＜br＞标记不会在行与行之间留下空行E、＜br＞标记可以设置align属性5、关于css的选择器，说法正确的是：A、html标记可以作为选择器B、选择器位于一对大括号内C、.red是类选择器D、一条css样式规则可以没有选择器E、#green是ID选择器第三题、判断题（每题1分，5道题共5分）正确错误＞标记的target时，可以在一个新的浏览器窗口中打开网页。
网页制作与网站建设在线作业
1、在以下软件中，〔〕软件不能设计网页。
A.DreamweaverB.FrontPageC.记事本D.Windows Movie Maker2、在以Dreamweaver设计网页过程中，为了防止网页的链接对象使用包含盘符的本地绝对路径，最有效的方法是〔〕。
A.建立用户文件夹，把网页所需的全部文件存储在该文件夹中B.建立本地站点，把网页所需的全部文件存储在本地站点的文件夹中C.建立与效劳器的映射关系，要求效劳器实时检测网页状态D.没有什么专门的方法3、在Dreamweaver中，〔〕工具不能建立图像热区链接。
A.矩形工具B.椭圆形工具C.多边形工具D.线条工具4、Dreamweaver无法显示的图像文件格式有〔〕。
A.GIF格式B.JPG格式C.BMP格式D.PNG格式5、在本地电脑里，网页index.htm的存放路径是c:\webpages\index.htm，图像logo.gif的存放路径是c:\webpages\images，现在将该图像插入到网页index.htm中，那么使用相对路径方式显示logo.gif，正确选项是〔〕。
A.C:\webpages\images\logo.gifB.C:\webpages\logo.gifC.images\logo.gifD...\images\logo.gif6、以下关于超链接的说法，不正确的选项是( )。
A.超链接的指向可以是网页或是网页中的书签〔锚点〕B.超链接可以建立在文本、图像或是图像的热区上C.超链接的目标页面可以在当前窗口翻开，也可以在新窗口翻开D.访问过的超链接颜色一定发生改变。
7、如果网页是一个包含3个区域的框架构造，那么就要保存( )个文件。
A. 1B. 2C. 3D. 48、Dreamweaver默认字体大小是( )。
A. 2B. 3C. 4D. 59、在Dreawearer中，下面对象中可以添加热点的是〔〕。
A.表格B.文字C.图象D.任何对象10、如果锚点名称〔书签〕是a，那么建立该锚点的链接，应在链接对话框中输入〔〕。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
练习题
一．判断题
1.在CSS中，可以用3种以上的方式来表示颜色。
√
2."指针”和“部分选定”工具都是用来选择和移动对象的，因此他们的属性的面版也表现得一样。
√
3.使用选取框工具时，减选其它区域：选取范围后再按住shift键×
4.选取工具的边缘选项：羽化，该选项的取值为0—100之间，数值越小，柔化程度也越大。
×
5.橡皮擦工具可擦除所选位图对象或像素选区中的像素√
6.矢量和位图对象都可以成为蒙版对象或被蒙版对象。
√
7.使用FTP（文件传输协议）方式将网页上传至网站，首先应获得登陆FPT服务器的用户名和密码√
8.框架集可以看作是一个可以容纳和组织多个文档的容器，而每个框架则是相互依赖的HTML文档×
9.Gif图像为8位颜色模式，共能显示256种颜色√
二．单选题
5.下列哪些工具具有可修改的笔触属性？（ C ）A．钢笔B．铅笔C．刷子D．矢量路径工具
6、在使用魔术棒工具时，容差的作用是：（ B ）
A．确定选取区域的大小B．决定色彩类似的程度C．设置选取区域的边缘光滑程度D．确定选区区域的颜色改变程度
7.图像映射上的热点区域可以是以下( )形状中的一种：（ABC ）
A.矩形; B圆形C任意多边形D椭圆形;
8.通过对模版的设置将已有内容定义为可编辑区域，以下选项正确的是：（A ）
A.既可以标记整个表格也可以标记某个单元格为可编辑区
B.一次可以标记多个单元格
C.层被标记为可编辑区后可随意改变位置
D.层的内容被标记为可编辑区后，可任意修改层的内容
9、什么工具用来选择图像中的一个颜色相近区域? （ A ）
A. 魔术棒工具
B. 选取框工具
C. 套索工具
10、使用选取框工具,当减选其它区域时,选取范围后再按住哪个键? （D ）
A. 回车
B. 空格
C. shift
D. alt
三．填空题
（3）如果要定义一个可应用于所有标记符的通用类test，应使用 .test
（4）Dreamweaver中行为包含的两个部分为：___事件__和__动作______.
（5）使用行为时，需选取产生行为的元素，例如图片、带链接的文字、层等。
如果需要在页面一载入就开始出现效果，可以选择状态栏上的_<body_>_______标签.
（6）Onscroll 事件表示___拖动滚动条时发生的事情_________.
(7) CSS样式中定义链接的各种状态, __active_________表示链接激活。
(8) 模板由__可编辑__区和__不可编辑___区组成
(9) 域名申请的原则是：_域名是唯一且一般采用先到先得的申请方法____.
（10）Dreamweaver 中发布网页的快捷键是shift+F12 。
（11）URL中最常用的协议包括超文本传输协议HTTP，和_____FTP__________, _____WebDAV____________协议等。
四．问答题和思考
1、在网页中使用CSS样式表的两种方式
（1）在标记符中直接嵌套样式信息。
例如，p<style=”color:red”>红色显示的段落文本</p>;优点是可以单独指定特定部分的样式，缺点是不利于维护。
（2）在style标记符中指定样式信息。
例如，<style>p{color:red}</style>，优点是能对单独网页进行很好的格式控制和维护，缺点是不利于多个网页的维护。
2.CSS是什么的简称，它的主要作用是什么？
（1）可以更灵活的控制网页中网页中文字的字体，颜色，大小，间距，风格和位置。
（2）可以灵活设置一段文字的行高，缩进，并可以为其加入三维效果的边框。
（3）可以方便地为网页中的任何元素设置不同的背景颜色和背景图像。
（4）可以精确的控制网页中各个元素的位置。
(5)可以为网页中各元素设置过滤器，从而产生如阴影，模糊，透明等效果。
（6）可以与脚本语言结合，从而产生各种动态效果。
（7）由于是HTML直接的格式化代码，因此网页的打开速度非常快。
4、位图和矢量图各有什么特点？gif,jpeg 各有什么特点
（1）位图：可以表现出色彩丰富的图像——图像效果；可以逼真表现自然界的各景物；不能任意放大缩小，且图像数据量大。
矢量图：任意放大缩小，且图像数据量小；色彩不丰富，无法表现逼真的景物。
（2）
5、、简述在dreamweaver中如何利用行为为状态栏添加文本
9、简述网站目录结构设计的原则
10、网站CI的概念和如何具体实现
（1）ci又称为企业识别是现代企业或组织通过形象设计与想象塑造活动寻求竞争优势的差异化战略。
（2）实现；使用统一的标志；设计标准色彩；设计标准字体；设计宣传语。
15、简述如何制作一个蓝色细线表格。
插入一个一行一列的表格设置其边框为0，边距为0，间距为1，背景色为蓝色，然后全部选定单元格将其背景颜色设为白色，即可实现制作一个蓝色细线表格。
17、网站主机方案及其优缺点
（1）虚拟主机：优点；投资小，建站速度快，安全可靠，无需软硬件配置和投资，技术支持。
缺点；空间受限，只能提供简单的电子商务服务，需要使用大量数据库功能或其他应用软件的网站不合适。
（2）服务器托管：优点；共享ISP通信宽带，费用相对低廉，有较高安全保障，无需对硬件进行投资与维护，可设置多个域名和多个虚拟站点，提供较多的服务。
缺点；费用高。
完全依赖服务商解决硬件问题（3）独立服务器/专线方式：优点；可在本地对服务器进行全方位管理，可设计完全的电子商务
缺点；付出大量通信费，网络安全设备费，防病毒等负担，需要较强技术力量管理维护。
18、用htｍl 设计一个表格，要求：
表格标题为“展览中心”，字号为３６，字体为仿宋，颜色为红色表格边框为１，背景颜色为黄色
表格第一行为“欢迎进入展览中心”为从左向右移动文字；
表格第二行两个单元文字建立空链接；
页面标题为“展览大全”，为网站推广设计ｍｅｔａ标签。
（关键词和描述）。
展览中心
欢迎进入展览中心
家居展览食品展览。