丽水职业技术学院网页样式与布局期末复习题
网页设计与制作期末试题及答案
![网页设计与制作期末试题及答案](https://img.taocdn.com/s3/m/2d0f3c44af45b307e87197c9.png)
网页设计与制作模拟试题(一)一、单项选择题(每空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 )软件能实现此项功能。
网页设计与制作期末试卷
![网页设计与制作期末试卷](https://img.taocdn.com/s3/m/e3e6fbfec9d376eeaeaad1f34693daef5ef71387.png)
2014-2015年度第一学期12级_ 网页设计与制作课程期末试卷一、判断题〔15分〕〔〕1、在一个WEB站点中,主页就是网页,两者是一致的。
〔〕2、表格是一种Web页面布局的常用方法。
〔〕3、的多个网页有一样的头部和脚注,可以利用库实现。
〔〕4、一般来说,整个站点就是一个大的文件夹。
〔〕5、CSS样式表可以从外部导入,通过的形式,使用样式定义。
〔〕6、动态网页就是网页中有许多多媒体元素和一些动的效果,使用户感觉页面非常有活力。
〔〕7、站点中的文件夹可以使用中文名称。
〔〕8、框架网页能够在窗口的不同框架内翻开的目标文件。
〔〕9、框架的不同区域可以显示不同的网页。
〔〕10、CSS样式,只能通过外部导入,并到网页,网页才能有效果。
〔〕11、在网页制作中,我们经常用表单方法进展页面布〔〕12、在IE浏览器中预览网页的快捷键是F10〔〕13、添加背景音乐的HTML标签是<music>。
〔〕14、代表“鼠标按下左键〞的事件是On Mouse Over。
〔〕15、Dreamweaver中的行为可以删除。
二、选择题〔每题1.5分,共30分〕1、以下几个事件中代表“鼠标按下左键〞的事件是〔〕。
A.On Mouse DownB.On Mouse OutC.On Mouse OverD.On Mouse Up2、添加背景音乐的HTML标签是〔〕。
A.<bgsound>B.<bgmusic>C.<bgm>D.<music>3、在网页制作中,我们经常用以下____________方法进展页面布局。
A、文字B、表格C、表单D、图片4、常用的网页制作工具有____________。
A、wordB、ExcelC、DreamweaverD、VB5、在IE浏览器中预览网页的快捷键是____________。
A、F9B、F10C、F11D、F126、以下标记可以不成对出现的是〔〕。
《网页设计与制作》期末考试复习题
![《网页设计与制作》期末考试复习题](https://img.taocdn.com/s3/m/c24d9b2a78563c1ec5da50e2524de518974bd347.png)
《网页设计与制作》期末考试复习题一、单选题1.“常用”面板中的“图像”按钮,在_____区域中。
A.插入面板 B.属性面板 C.面板组 D.菜单栏2._____在面板组中。
A.CSS B.文件 C.属性面板 D.框架3.在表单中允许用户从一组选项中选择多个选项的表单对象是_____。
A.单选按钮 B.列表/菜单 C.复选框 D.单选按钮组4.超级链接主要可以分为文本链接、图像链接和_____。
A.锚链接 B.瞄链接 C.卯链接 D.瑁链接5.CSS表示_____。
A.层 B.行为 C.样式表 D.时间线6.能够设置成口令域的_____。
A.只有单行文本域 B.只有多行文本域C.是单行、多行文本域 D.是多行文本标识7.为了标识一个HTML文件应该使用的HTML标记是_____。
A.《p》《/P》B.《body》《/body》C.《html》《/html》D.《table》《/table》8.超级链接是一种_____的关系。
A.一对一 B.一对多 C.多对一 D.多对多9.在下面的描述中,不适合于JavaScript的是_____。
A.基于对象的 B.基于事件的 C.跨平台的 D.编译的10._____技术把网页中的所有页面元素看成是对象,能让所有页面元素对事件做出响应。
A.HTML B.CSS C.DOM D.XML11.HTML代码《img src=“name”》表示_____。
A.添加一个图像 B.排列对齐一个图像C.设置围绕一个图像的边框的大小 D.加入一条水平线12.Dreamweaver的文本菜单中,Style→Underline表示_____。
A.从字体列表中添加或删除字体 B.将选定文本变为粗体C.将选定文本变为斜体 D.在选定文本上加下划线13.《frameset cols=#》是用来指定_____。
A.混合分框 B.纵向分框 C.横向分框 D.任意分框14.Dreamweaver的插入菜单中,Table表示_____。
网页设计与制作期末试题及规范标准
![网页设计与制作期末试题及规范标准](https://img.taocdn.com/s3/m/18ee1ed1e109581b6bd97f19227916888486b9b4.png)
,.网页设计与制作模拟试题一、单项选择题(每空1分,共10分)1.客户/服务器系统的最大特色是客户机和服务器(D)A.必然运行在同一台机器上B.必然运行在同一个网络上C.必然运行在不一样样的计算机上D.不用运行在同一计算机上2.若需要软件把LAN上的客户机从Internet上隐蔽起来,并为客户机履行Web恳求,则下边(D)软件能实现此项功能。
A.InternetInformationServerB.IndexServerC.PersonalWebServerD.代理服务器3.平常一个站点的主页默认文档名是(C)A.Main.htmB.Webpage.htmC.Index.htmD.Homepage.htm4.平常,比较好的成立站点目录的习惯是(A)A.在根目录下成立一个总的IMAGE目录搁置图象文件B.直接把图象文件搁置在各栏目的目录下C.为各栏目成立一个独自的IMAGE目录搁置图象文件D.在每个目录下成立一个IMAGE目录搁置图象文件5.以下有关页面布局的说法正确的选项是(D)A.分辨率越高,可供使用的页面尺寸越大B.网页布局与平面设计相同,不受页面大小的影响C.页眉和页脚中只好出现文本,不可以出现图形D.页面布局平常是经过手工设计的,当前还没有相应的电脑软件达成这一工作6.以下对于HTML文档的说法正确的一项为哪一项(A)A.<HTML>与</HTML>这两个标志合起来说明在它们之间的文本表示两个HTML文本B.HTML文档是一个可履行的文档C.HTML文档但是一种简单的ASCII码文本D.HTML文档的结束标志</HTML>可以省略不写7.正确描绘创立一个一级标题居中的句法是(D)A.<H0ALIGN=CENTER>HeadingText</H0>B.<H1ALIGN=CENTER>HeadingText</H1>C.<H ALIGN=CENTER>HeadingText</H>D.<HT ALIGN=CENTER>HeadingText</HT>8.要创立一个Email地点的链接,下边正确的句法是(A)A.<ahref=“”>与我联系</a>B.<ahref=“”>与我联系</a>C.<ahref=“”>与我联系</a>D.<ahref=“”>与我联系</a>9.以下是可以搁置在<FORM>和</FORM>之间的标志,其顶用于定义一个用户可键入多行文本的标志是(B)A.<select> C.<input>B.<textarea> D.<body>10.在HTML中定义一个书签应当使用(A)A.<aname=“bookmark”>text</a>B.<ahref=“#bookmark”>text</a>C.<alink=“#bookmark”>text</a>D.<atarget=“#bookmark”>text</a>1.当前在Internet上应用最为宽泛的服务是(B)。
网页设计与制作期末试题及答案
![网页设计与制作期末试题及答案](https://img.taocdn.com/s3/m/60bd2aa28bd63186bcebbcda.png)
网页设计与制作期末试题及答案It was last revised on January 2, 2021网页设计与制作模拟试题一、单项选择题(每空1分,共10分)1. 客户/服务器系统的最大特点是客户机和服务器 ( D )A. 必须运行在同一台机器上B. 必须运行在同一个网络上C. 必须运行在不同的计算机上D. 不必运行在同一计算机上2. 若需要软件把LAN上的客户机从Internet上隐藏起来,并为客户机执行Web请求,则下面( D )软件能实现此项功能。
A. Internet Information ServerB. Index ServerC. Personal Web ServerD. 代理服务器3. 通常一个站点的主页默认文档名是 ( C )A. B.C. D.4. 通常,比较好的建立站点目录的习惯是 ( A )A. 在根目录下建立一个总的IMAGE目录放置图象文件B. 直接把图象文件放置在各栏目的目录下C. 为各栏目建立一个单独的IMAGE目录放置图象文件D. 在每个目录下建立一个IMAGE目录放置图象文件5. 以下有关页面布局的说法正确的是 ( D )A. 分辨率越高,可供使用的页面尺寸越大B. 网页布局与平面设计一样,不受页面大小的影响C. 页眉和页脚中只能出现文本,不能出现图形D. 页面布局通常是通过手工设计的,目前还没有相应的电脑软件完成这一工作6. 以下关于HTML文档的说法正确的一项是 ( A )A. <HTML>与</HTML>这两个标记合起来说明在它们之间的文本表示两个HTML文本B. HTML文档是一个可执行的文档C. HTML文档只是一种简单的ASCII码文本D. HTML文档的结束标记</HTML>可以省略不写7. 正确描述创建一个一级标题居中的句法是 ( D )A. <H0 ALIGN=CENTER> Heading Text </H0>B. <H1 ALIGN=CENTER> Heading Text </H1>C. <H ALIGN=CENTER> Heading Text </H>D. <HT ALIGN=CENTER> Heading Text </HT>8. 要创建一个Email地址的链接,下面正确的句法是 ( A )9. 下列是可以放置在<FORM>和</FORM>之间的标记,其中用于定义一个用户可键入多行文本的标记是( B )A. <select>B. <textarea>C. <input>D. <body>10. 在HTML中定义一个书签应该使用( A )A. <a name=“bookmark”> text </a>B. <a href=“#bookmark”> text </a>C. <a link=“#bookmark”> text </a>D. <a target=“#bookmark”> text </a>1.目前在Internet上应用最为广泛的服务是(B )。
《网页设计与制作》期末测验试题及答案
![《网页设计与制作》期末测验试题及答案](https://img.taocdn.com/s3/m/dba8750ab94ae45c3b3567ec102de2bd9705de74.png)
《网页设计与制作》期末测验试题及答案一、选择题(每题2分,共20分)1. 以下哪个不是网页设计的基本构成元素?A. 文本B. 图像C. 表单D. 动画答案:D2. HTML文档的头部标签是?A. <head>B. <body>C. <html>D. <title>答案:A3. 以下哪个标签用于定义标题?A. <h1> - <h6>B. <p>D. <span>答案:A4. 在CSS中,以下哪个属性用于设置元素的宽度?A. widthB. heightC. marginD. padding答案:A5. 以下哪个CSS属性用于设置元素的背景颜色?A. background-colorB. colorC. font-sizeD. border答案:A6. 以下哪个HTML标签用于定义列表项?A. <li>B. <ul>C. <ol>答案:A7. 在CSS中,以下哪个属性用于设置元素的左边距?A. margin-leftB. margin-rightC. margin-topD. margin-bottom答案:A8. 以下哪个HTML标签用于定义表格?A. <table>B. <tr>C. <td>D. <th>答案:A9. 在CSS中,以下哪个属性用于设置元素的字体大小?A. font-sizeB. font-familyC. font-weightD. text-align10. 以下哪个HTML标签用于定义超链接?A. <a>B. <link>C. <nav>D. <ul>答案:A二、填空题(每题2分,共20分)1. HTML文档的根元素是______。
答案:html2. 在CSS中,用于选择所有元素的通用选择器是______。
《网页设计与制作》期末考试练习题及答案
![《网页设计与制作》期末考试练习题及答案](https://img.taocdn.com/s3/m/fcb5a5cd32d4b14e852458fb770bf78a65293a0d.png)
《网页设计与制作》期末考试练习题及答案一、单项选择题(每小题1分,共24小题24分)1.可以设计制作网页的软件是()o1. Dreamweaver (正确答案)8. Fireworks9. Photoshop10Flash11()可以把浏览者从一个网页带到另一个网页,或者从网页的某一个部分引导到另一个部分。
A.主页B.超文本C.超级链接(正确答案)D.网页12URL 是指()A.域名B.资源管理器C.文件传输协议D.统一资源定位符(正确答案)13网页中最重要的布局元素是()oA.广告区B.标题C.主体内容(正确答案)D.页脚答案解析:主体内容是网页中最重要的布局元素。
14网页文件的扩展名是()oA. stcB.html (正确答案)C.flaD.rar6.不属于Dreamweaver CS6软件管理站点功能的有()。
A.导出站点B.剪切站点(正确答案)C.编辑站点D.复制站点7.()可以使客户在电子商务网站中轻松而快捷地找到需要的信息。
A.商品订购8.信息检索(正确答案)C.信息管理D.信息反馈9.()是电子商务网站留住访问者的关键因素。
A.页面快速下载(正确答案)10页面风格保持一致C.页面易读D.方便查找11()是网站所有者对外宣传自身形象的工具。
A.标题B. Logo (正确答案)C.页眉D.页脚10.淘宝网属于()OA.B2B商务网站B.B2C商务网站C.C2c商务网站(正确答案)D.020商务网站11.不属于网页设计与制作流程中设计阶段需要做的内容是()。
A.选择主题B.规划结构C.收集素材D.制作网页(正确答案)12.新建站点命令包含在()菜单中。
A.文件B.站点(正确答案)C.窗口D.编辑13.在Dreamweaver CS6中()视图用于浏览,不能编辑。
A.代码视图B.拆分视图C.设计视图D.实时视图(正确答案)14.在新建网页时,目前最流行的文档类型是(),它给我们程序员带来很多便捷,无须再去记一堆约束信息。
网页设计与制作期末考试试卷A
![网页设计与制作期末考试试卷A](https://img.taocdn.com/s3/m/bd185756b80d6c85ec3a87c24028915f804d8421.png)
专业班级学号姓名=======================================装======================订=======================线===============================================期末考试试卷(A)一、单项选择题(共10分,每小题1分)()1.HTML的基本结构是。
A.<html><body></body><head></head></html>B.<html><head></head><body></body></html>C.<html><head></head><foot></foot></html>D.<html><head><title></title></head></html>()2.在HTML中,显示图片和鼠标指针移至图片上显示提示文字分别用实现。
A.<img/>标签和alt属性B.<img/>标签和title属性C.<img/>属性和<alt>标签D.<img/>属性和<title>标签()3.下列CSS语法结构,完全正确的是。
A.p{font-size:12;color:red;}B.p{font-size:12;color:#red;}C.p{font-size:12px;color:red;}D.p{font-size:12px;color:#red;}()4.在CSS中,不是CSS选择器。
A.ID选择器B.标签选择器C.类选择器D.颜色选择器()5.表格的基本语法结构是。
网页设计与制作期末试题及答案(2)(1)
![网页设计与制作期末试题及答案(2)(1)](https://img.taocdn.com/s3/m/0451a8bc7f1922791688e8b5.png)
网页设计与制作模拟试题一、单项选择题(每空1分,共10分)1.客户/服务器系统的最大特点是客户机和服务器(D)A.必须运行在同一台机器上B.必须运行在同一个网络上C.2.Web3.C.4.A.B.C.D.5.以下有关页面布局的说法正确的是(D)A.分辨率越高,可供使用的页面尺寸越大B.网页布局与平面设计一样,不受页面大小的影响C.页眉和页脚中只能出现文本,不能出现图形D.页面布局通常是通过手工设计的,目前还没有相应的电脑软件完成这一工作6.以下关于HTML文档的说法正确的一项是(A)A.<HTML>与</HTML>这两个标记合起来说明在它们之间的文本表示两个HTML文本B.HTML文档是一个可执行的文档7.D.8.9.10.在HTML中定义一个书签应该使用(A)A.<aname=“bookmark”>text</a>B.<ahref=“#bookmark”>text</a>C.<alink=“#bookmark”>text</a>D.<atarget=“#bookmark”>text</a>1.目前在Internet上应用最为广泛的服务是(???B??)。
A.FTP服务???B.WWW服务????C.Telnet服务???D.Gopher服务2.在域名系统中,域名采用(??C??)。
A.树型命名机制????????B.星型命名机制C.层次型命名机制???????D.网状型命名机制??AC5.在6.7.A.<HTML></HTML>????????B.<HEAD></HEAD>C.<FORM></FORM>????????D.<BODY></BODY>8.加入一条水平线的HTML代码是(???A??)。
网页制作期末试题及答案
![网页制作期末试题及答案](https://img.taocdn.com/s3/m/c1813b123d1ec5da50e2524de518964bcf84d29e.png)
网页制作期末试题及答案以下是网页制作期末试题及答案,符合要求的文章:网页制作期末试题及答案一、试题1. 请简述HTML和CSS的作用和关系。
2. 请解释HTML标签和CSS选择器的作用和用法。
3. 请列举并解释HTML常用的标签和它们的用途。
4. 请列举并解释CSS常用的选择器和它们的用途。
5. 请简述响应式网页设计的原理和实现方法。
6. 请解释JavaScript的作用和用途。
7. 请简要介绍常见的网页优化方法。
8. 请简述网页访问性(accessibility)的概念和重要性。
9. 请列举并解释网页制作中常用的图形格式。
10. 请简要介绍网页制作的常用工具和软件。
二、答案1. HTML(超文本标记语言)用于描述网页的结构和内容,而CSS (层叠样式表)用于描述网页的展示和样式。
HTML提供了网页的结构框架,通过标签元素实现了文本、图片、链接等内容的展示;CSS则用于控制这些元素的样式,如颜色、字体、大小、布局等。
HTML和CSS是紧密结合的,通过在HTML中添加CSS样式,可以实现更加丰富和美观的网页设计。
2. HTML标签和CSS选择器都用于在网页中标记和选择元素。
HTML标签是由尖括号括起来的单词或符号,用于定义元素的属性和内容,如<p>表示段落、<img>表示图片等。
CSS选择器可以根据元素的标签名、类名、ID等属性进行选择和样式控制,如p表示选择所有段落、.class表示选择指定类名的元素、#id表示选择指定ID的元素等。
3. HTML常用的标签有:- <html>:定义HTML文档- <head>:定义文档的头部区域- <title>:定义文档的标题- <body>:定义文档的主体内容- <h1>~<h6>:定义标题(h1最高级,h6最低级)- <p>:定义段落- <a>:定义链接- <img>:定义图片- <ul>:定义无序列表- <ol>:定义有序列表- <li>:定义列表项这些标签用于搭建网页的骨架和展示内容。
网页设计与制作期末试题及答案
![网页设计与制作期末试题及答案](https://img.taocdn.com/s3/m/b8ac55ba011ca300a7c39074.png)
网页设计与制作模拟试题一、单项选择题(每空1分,共10分)1.目前在Internet上应用最为广泛的服务是( )。
A.FTP服务B.WWW服务C.Telnet服务D.Gopher服务2.在域名系统中,域名采用( )。
A.树型命名机制B.星型命名机制C.层次型命名机制D.网状型命名机制3.HTTP协议是一种()协议。
A.文件传输协议B.远程登录协议C.协议D.超文本传输协议4.HTML语言中的转行标记是( )。
A.<html>B.<br>C.<title>D.<p>5.在HTML中,标题字体标记<hx>中x的最大取值是( )。
A.4B.5C.6D.76.以下不能用来定义表格容的标记为( )。
A.<br>B.<tr>C.<th>D.<td>7.下面不是组成一个HTML文件基本结构标记的是( )。
A.<HTML></HTML>B.<HEAD></HEAD>C.<FORM></FORM>D.<BODY></BODY>8. 加入一条水平线的HTML代码是( )。
A. <hr>B. <img src="name" border=?>C. <img src="name" align=?>D. <img src="name">9.在HTML中,标记<pre>的作用是( )。
A.标题标记B.预排版标记C.转行标记D.文字效果标记10. 要创建一个Email地址的,下面正确的句法是( )。
A. <a href=“mailto:”>与我联系</a>B. <a href=“files:”>与我联系</a>C. <a href=“http:”>与我联系</a>D. <a href=“usenet:”>与我联系</a>二、简答题(每题6分,共60分)1、简述Web浏览器打开一个Web文件的工作过程。
网页设计期末考试题
![网页设计期末考试题](https://img.taocdn.com/s3/m/d545646babea998fcc22bcd126fff705cc175cb3.png)
网页设计期末考试题一、背景介绍网页设计是当今互联网时代不可或缺的一门技术,通过设计合理的布局和优化的用户体验,能够吸引用户的注意力并提升网站的转化率。
本期末考试旨在考核学生对网页设计的理解和应用能力。
二、设计主题与要求1. 主题:个人博客网站设计2. 要求:a) 设计一个个人博客网站,包括主页、博客列表页、博客详情页和关于页。
b) 主页:展示个人信息、最新博客文章列表以及个人简介等。
c) 博客列表页:展示博客文章的列表,包括文章标题、作者、发布时间和摘要等信息。
d) 博客详情页:展示单篇博客文章的详细内容,包括标题、作者、发布时间和正文等。
e) 关于页:包括个人信息、技能展示和联系方式等内容。
三、设计要点1. 页面布局:a) 主页:合理的布局结构,突出个人信息和最新博文。
b) 博客列表页:清晰的列表展示,易于浏览和选择。
c) 博客详情页:整洁的排版,使用户能够专注于阅读内容。
d) 关于页:简明扼要地呈现个人信息。
2. 配色方案:a) 主页:使用温暖、活力的颜色搭配,突出个人风格。
b) 博客列表页:使用清爽、舒适的颜色搭配,注意颜色与内容的协调。
c) 博客详情页:使用简洁、柔和的颜色搭配,保持专注于内容阅读。
d) 关于页:使用简洁、专业的颜色搭配,突出个人的专业素养。
3. 图片与图标:a) 主页:选用高质量的个人照片和代表个人特点的图标。
b) 博客列表页:为每篇博客添加适当的图片或图标,吸引读者眼球。
c) 博客详情页:根据博客内容选择合适的图片或图标进行插图。
d) 关于页:添加个人照片和相关技能图标。
4. 字体与排版:a) 主页:选择适合标题和正文的字体和字号,注意字体之间的搭配。
b) 博客列表页:使用易读性强的字体和字号,保证信息的清晰呈现。
c) 博客详情页:合理使用字体、字号和段落间距,使文章易于阅读。
d) 关于页:使用简洁、专业的字体和字号,提高信息的可读性。
四、设计提交要求1. 设计文件:将设计稿提交为图片或PDF格式的文件。
网页设计与制作期末作业
![网页设计与制作期末作业](https://img.taocdn.com/s3/m/44cb3fca172ded630b1cb62b.png)
《网页设计》课程期末考试作业网站名称:孤独的探戈设计人:谢岭班级:电子商务151学号:37评阅人:王选勇学期:2016~2017学年第1学期成绩:丽水学院工学院2016.12诚信承诺我谨在此承诺:本人所完成的《网页设计基础》期末考试作品均系本人独立完成,没有抄袭行为,凡涉及其他作者的观点和材料,均作了注释,若有不实,后果由本人承担。
承诺人(签名):谢岭2016 年 12 月 25日《网页设计》课程期末考试作业成绩评定表《孤独的探戈》设计说明书一、选题的分析(选题的意义,针对选定的课题,打算如何展开设计,想表达什么内容?)本次我选的网站主题是音乐,我平时就十分喜欢听音乐,我觉得音乐是一种年轻人表达自我的一种方式,通过音乐我们能表现自己的喜怒哀乐,表现出自己的生活态度。
音乐能够给我们力量,给我们安慰,给我们无限的希望。
我们心里总有那么一首歌,想唱给心爱的姑娘;总有那么一首歌,慰藉我们孤独的灵魂。
因此,我也想制作一个音乐网站,通过音乐的力量来给更多的人温暖和安慰。
针对这次选定的主体,我打算制作六个网页,分别为首页,歌手,专辑,排行榜,MV和自我简介六部分。
首先制作之前,我借鉴参考了主流音乐网站QQ音乐和网易云音乐的网页排版布局,取其精华,为我所用。
我初步确定了本次网页布局为简单的上下型,简洁明了方便用户浏览。
网页内容为图文并茂,以较少的文字加上多彩的图片吸引用户兴趣。
总而言之,这次网站设计的理念是极简主义,去除多余的文字,排版内容简单明了,贯穿一种单纯真诚的生活态度。
二、如何运用网络的优点进行更好的表达(网站的版面风格、版式、颜色、互动性、多媒体等。
为什么这样做?)首先,本次网站页面的版面布局借鉴了一些优秀的音乐网站的排版,版面以上下型为主,风格偏简洁舒适自然,因为过多的东西以及一些花俏的动画,会给人视觉疲劳,看来起来繁重累赘,不利于用户的浏览体验。
网页的颜色以白色,灰色为主,看起来低调却富有内涵,同时加入多彩的图片以至于整体不会太沉闷。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
《网页样式与布局》复习题一、填空题:1.上网浏览网页时,一般使用作为客户端程序。
2.在HTML页面中,title标记符应位于<head>和</head>标记符之间。
3.目前常用的WEB标准静态页面语言是HTML。
4.改变元素的外边距用_margin_,改变元素的内边距用 padding。
5.Color:#666666;可缩写为color:#666。
6. 合理的页面布局中常听过结构与表现分离,那么结构是xhtml,表现是css 。
7.CSS 的常用的选择器有标签选择器id选择器、和类选择器。
8.在CSS中,盒子模型的padding属性包括有顶填充、左填充、右填充和底填充等属性。
9.一个完整的XML文档由文档声明、元素、字符引用和处理指令组成的。
10.边框的样式可以包含的值包括粗细、和等。
11.在HTML文档中,可以直接将JavaScript代码编写到标签中间,注意不能将标签放进的<script></script>标签中。
12.在CSS中,使用给display属性设置值和为可以分别定义块元素和行内元素。
13.一个HTML基本页面的内容都包含在标签内,在这对标签内通常包含有、和等三个要素。
14. 是一个区块容器标记,在该标记中,可以放置其他的一些HTML元素。
15.div与span的区别是。
16.如右图为一个border为1px的div块,总宽度为215px(包括border),阴影区为padding-left:25px;,那么此div的width应设置为px。
17.在CSS中,盒模型的属性包括有、和padding等。
19.按照内容形式的不同,网站可以分为、、专业网站和个人网站。
20.常见的网页布局有、、分栏型、封面型和Flash型。
21.常用的网页测试方式有、和等3种。
二、判断题:1.<!和!>标记是被JavaScript作为注释来使用的。
()2.IE浏览器与Firefox浏览器之间不存在着一些CSS样式的兼容的问题,所以不会出现字体大小不兼容的问题。
()3.在CSS中定义盒子模型时,外边界也可以使用负值。
()4.在CSS中,可以使用列表样式属性来设置列表的样式的项目符号。
()5.使用CSS定位时,可以通过“相对”、“绝对”或“固定”方式,对网页里的任何一个元素进行定位。
()6. // 标记是被JavaScript作为注释来使用的。
()7. em是CSS中用到的一种度量单位1em等于18像素。
()8. 边框的样式可以包含的值包括长度。
()9. CSS中对于中文可以使用word-spacing属性对字间距进行调整。
()10. HTML中所有的标签都是成对出现,都拥有起始标签和结束标签。
( )11. HTML中所有的标签都不需要成对出现,有无起始标签和结束标签都行。
()12. HTML中的标签无需区分大小写。
()13. HTML中标签要区分大小写。
()14./*…*/是用于CSS样式文件的注释。
()15. <br>标签命令是没有对应的结束标记的。
()三、选择题:1.HTML中的()标签是用于定义浏览器窗口标题栏上的文本信息。
A. htmlB. bodyC. brD. title2. HTML是一种()。
A. 超文本标记语言B. 超文本编程语言C. 超文本脚本语言D. 可扩展超文本标签语言3. <b></b>标签的作用是()。
A. 把文本作为标题来显示B. 把文本作为斜体来显示C. 把文本作为粗体来显示D. 用于显示强调的文本4.下列( )样式定义后,内联(非块状)元素可以定义宽度和高度。
A. display:inlineB. display:noneC. display:blockD. display:inherit5.关于CSS样式的四种引入方式正确的是()。
A.内容样式,内嵌样式,链接样式,导入样式B.行内样式,链接样式,导入样式,内容样式C.内嵌样式,行内样式,导入样式,链接样式D.内容样式,内嵌样式,链接样式,导出样式6.CSS中ID选择符在定义的前面要有指示符()。
A. *B. #C. !D. .7.下列选项中不属于CSS 文本属性的是()。
A. font-sizeB. line-heightC. text-alignD. text-transform8.a:hover表示超链接文字在()时的状态。
A.鼠标放上去B. 鼠标经过C. 鼠标按下D. 访问过后9.li元素中包含img元素的时候,IE6中img下面多出了5px左右的空白,下列哪个处理办法不可行()。
A. 使li 浮动,并设置img为块级元素B. 设置ul的font-size:0;C. 设置img的margin: 0;D. 设置img的margin-bottom: -5px;10.关于XML语言下列描述不正确的是()。
A. XML声明是处理指令的一种,必须位于XML文档的第一行。
B. XML中的元素样式是:<标记>数据内容</标记>。
C. XML不是一种具有严格语义的结构化语言。
D. XML的属性值必须加引号。
11.下面的()CSS属性是用于更改背景颜色的。
A. background-color:B. bgcolor:C. text:D. color:12.下面的()是用于给所有的<h1>标签添加背景颜色。
A. .h1 {background-color:#FFFFFF}B. h1 {background-color:#FFFFFF;}C. #h1 {background-color:#FFFFFF}D. h1.all {background-color:#FFFFFF}13.下列的CSS属性中,()可以用于更改样式表的字体颜色。
A. text-color=B. fgcolor:C. text-color:D. color:14.下列的CSS属性中,()可以用于更改字体大小。
A. text-sizeB. font-sizeC. text-styleD. font-style15. 下列的CSS属性中,()设置盒子模型的左侧外边界。
A. margin: <值>B. indent: <值>C. margin-left: <值>D. text-indent: <值>16. CSS是利用什么HTML标记构建网页布局?()A. <dir>B. <div>C. <dis>D. <dif>17. 在CSS 中不属于添加在当前页面的形式是()。
A.内联式样式表B.嵌入式样式表C.层叠式样式表D.链接式样式表18. CSS中,盒子模型的属性不包括()。
A. fontB. marginC. paddingD. border19. 为了标识一个HTML文件开始应该使用的HTML标记是 ( )。
A.<table>B.<body>C.<html>D.<a>20. 在网页中最为常用的两种图像格式是( )。
A.JPEG和GIFB.JPEG和PSDC.GIF和BMPD.BMP和PSD21. HTML中()标签必须嵌套于head标签之中。
A. bodyB. titleC. imageD. html22. 在HTML中,下面是段落标签的是:()。
A. <HTML></HTML>B. <HEAD></HEAD>C. <BODY></BODY>D. <P></P>23. 怎样给html中的所有h1标签增加一个背景色( )A. all.h1 {background-color:#FFFFFF;}B. h1 {background-color:#FFFFFF;}C. h1.all {background-color:#FFFFFF;}D. h1.total {background-color:#FFFFFF;}24. 以下代码片段中,属于绝对定位的是()。
A. #box{width:100px;height:50px;}B. #box{width:100px;height:50px;position:absolute;}C. #box{width:100px;height:50px;position:static;}D. #box{width:100px;height:50px;position:relative;}25.若要在网页中插入样式表main.css,以下用法中,正确的是()。
A.<Link href=”main.css” type=text/css rel=stylesheet>B.<Link Src=”main.css” type=text/css rel=stylesheet>C.<Link href=”main.css” type=text/css>D.<Include href=”main.css” type=text/css re l=stylesheet>26. 以下选项可以定义不带下划线的超链接是()。
A. a {text-decoration:no underline}B. a {underline:none}C. a {decoration:no underline}D. a {text-decoration:none}27. 下列哪一项是CSS添加背景图片的正确语法构成?()A. background-positionB. background-colorC. background-imageD. background-size28. 在HTML中,创建一个样式表,可以设置当前页面中ID为compact元素的内容的字体为斜体,下列那段代码实现该功能。
()A. <style type=“text/css”>compact{font-style:italic;}</style>B. <style type=“text/css”>@compact{font-style:italic;}</style>C. <sty le type=“text/css”>.compact{font-style:italic;}</style>D. <style type=“text/css”>#compact{font-style:italic;}</style>29. 上边框10像素下边框20像素左边框 12像素右边框 5像素,此边框正确的写法是( )。