标记CSS实例教程-十步学会用CSS建站.docx

CSS实例教程:十步学会用CSS建站

篇一 《网页设计与制作》期末考试试题及答案

《网页设计与制作》期末考试试题

一、单项选择题(本大题共30小题每小题2分共60分) 1、 目前在Internet上应用最为广泛的服务是( ) 。

A、 FTP服务B、WWW服务C、Telnet服务D、Gopher服务2、域名系统DNS的含义是( ) 。

A、 Direct Network System B、 Domain Name Service C、 Dynamic Network System D、Distributed Network Service

3、主机域名center. nbu.edu. cn由四个子域组成其中( )子域代表国别代码。 A、centerB、nbuC、 eduD、 cn

4、当阅读来自港澳台地区站点的页面文档时应使用的正确文本编码格式是( ) 。 A、 GB码B、 Unicode码C、 BIG5码D、 HZ码

5、当标记的TYPE属性值为( )时代表一个可选多项的复选框。 A、TEXTB、 PASSWO R DC、RADIOD、 CHECKBOX6、为了标识一个HTML文件开始应该使用的HTML标记是( ) 。 A、 B、 C、

D、 7、在客户端网页脚本语言中最为通用的是( ) 。 A、 javascriptB、 VBC、 PerlD、 ASP

8、在HTML中标记的Size属性最大取值可以是( ) 。 A、 5B、 6C、 7D、 8

9、在HTML中单元格的标记是( ) 。

A、 B、 C、 D、

10、在DHTML中把整个文档的各个元素作为对象处理的技术是( ) 。 A、 HTMLB、 CSSC、DOMD、 Script(脚本语言) 11、下面不属于CSS插入形式的是( ) 。

A、索引式B、内联式C、嵌入式D、外部式12、在网页中最为常用的两种图像格式是( )。

A、 JPEG和GIFB、 JPEG和PSDC、 GIF和BMPD、 BMP和PSD

13、如果站点服务器支持安全套接层(SSL) 那么连接到安全站点上的所有URL开头是( ) 。

A、 HTTPB、 HTTPSC、 SHTTPD、 SSL 14、在HTML中要定义一个空链接使用的标记是( ).

A、 B、 C、 D、 15、对远程服务器上的文件进行维护时通常采用的手段是( )A、 POP3B、FTPC、 SMTPD、 Gopher

16、下列Web服务器上的目录权限级别中最安全的权限级别是( )A、读取B、执行C、脚本D、写入

17、用Fi rewo rks切割图形时需要的工具是  A、裁剪B、选取框C、切片D、 自由变形18、 Internet上使用的最重要的两个协议是( )

A、 TCP和TelnetB、 TCP和IPC、 TCP和SMTPD、 IP和Telnet19、 body元素用于背景颜色的属性是 

1/17

A、 al inkB、 vl inkC、 bgcolorD、 background 20、下面说法错误的是( )

A、规划目录结构时应该在每个主目录下都建立独立的images目录B、在制作站点时应突出主题色

C、人们通常所说的颜色其实指的就是色相D、为了使站点目录明确应该采用中文目录

21、在Drea mweave r中最常用的表单处理脚本语言是( ).A、CB、 JavaC、ASPD、 JavaScript

22、在Dreamweaver MX中想要使用户在点击超链接时弹出一个新的网页窗口需要在超链接中定义目标的属性为( )

A、 parentB、 _bankC、 _topD、 _self

23、网页制作技术不可以实现由一个文件控制一大批网页( )A、 CSS文件B、库C、模板

D、层24、查看优秀网页的源代码无法学习( ).

A、代码简练性B、版面特色C、 网站目录结构特色D、 Script程序25、在网页制作过程中 LOGO的标准尺寸为( )Pixels.A、 468*60B、 80*31C、 88*31D、 150*6026、客户机可向服务器按MINE类型发送和接收信息客户机使用( )请求方式表示要求服务器发送文件头消息.

A、 SMTPB、 GETC、 HEADD、 POST

27、在色彩的RGB系统中 32位十六进制数000000表示的颜色是( ).A、黑色B、红色C、黄色D、 白色

28、 Flash中与位图相比矢量图形的优点是  A、变形、缩放不影响图形显示质量

B、丰富多彩C、 图像所占空间大D、 图像质量好

29、 网页代码第一行说明此页是 A、 HTMLB、 PHPC、 ASPD、 VBSCRIPT

30、不论是网络的安全保密技术还是站点的安全技术其核心问题是( ).A、系统的安全评价B、保护数据安全C、是否具有防火墙D、硬件结构的稳定答案

1.B 2.B 3.D4.C5.D6.C7.A8.C 9.A10.C11.A12.A13.B 14.A15.B 16.A17.C18.B 19.C20.D

21.D22.B23.D24.C25.C26.D27.A28.A29.C30.A

网页设计与网页制作多选题

一、多项选择题(本大题共10小题每小题2分共20分。在每小题的五个备选答案中选出二至五个正确的答案并将正确答案的字母分别填在题干的括号内多选、少选、错选均不得分。 )

1.WWW的组成主要包括( )ACDA.URLB.Gopher

C.HTMLD.HTTPth7.cn E.Telnet

2.下列关于IP地址与域名的说法正确的是()A. IP地址以数字表示域名用字符表示B. IP地址是供全球识别的通信地址C. IP地址与域名是一一对应的D.域名可以多于三个层次

E. IP地址与域名都限制在32位内

3.一般来说适合使用信息发布式网站模式的题材有()ABCD

ABDE

A.软件下载B.新闻发布C.个人简介D.音乐下载E.文学作品大全

4.网页制作工具按其制作方式分可以分为()A.通用型网而制作工具B.标记型网页制作工具C.专业型网页制作工具D.编程型网页制作工具E.“所见即所得”型网页制作工具

2/17

5.下列关于网页设计的说法中正确的有()A.冷暖色调在均匀使用时不宜靠近B.纯度相同的两种颜色适宜放在一起C.整个页面中最好有一个主色调

D.文本的色彩不会发生抖动只有图片的色彩才会发生抖动E.抽象线条的构图很容易造成重心不稳

6.下面说法正确的是()AEA. Java是一种编译语言

B. JaveScript是面向对象的程序设计语言C. Javascript是由SUN公司开发的D. Javascript的源代码非常安全E. Java采用强定义类型变量检查

7.以下属于DHTML最主要的优点的是() A.动态样式B.动态定位C.动态链接D.动态内容

E.动态扩展

8.在CSS中下面属于BOX模型属性的有()A. fontB.margin第七城市C.paddingD.visibleE.border

9.下面属于Javascript对象的有() A.Window&n bsp;B. DocumentC. FormD. StringE.Navigator

10.下面关于CSS的说法正确的有()A.CSS可以控制网页背景图片

B.margin属性的属性值可以是百分比C.整个BODY可以作为一个BOX

BE

ACE

ABD

BCE

ABCDE

ABC

D.对于中文可以使用word-spacing属性对字间距进行调整E.margin属性不能同时设置四个边的边距th7.cn

11.Netscape为使用层开发了两个附加的专有标识是 标识和 标识。 AC A BC D

12.CSS通过 方法将样式格式化应用到用户的页面中。 ABCD A创建新的样式单B 内部样式单

C外部的、被连接的样式单D被嵌入的样式规则

13.要将左图所示的分帧页面转变成右图所示的分帧页面应执行的操作是()BCDA按住“Alt”键同时将鼠标移到图1下部左边框等图标变成双向箭头时拖动到图2中添加的位置。

B单击“Modify”下拉菜单的“Frameset”级联菜单中的“Spl it Frame Left”命令。

C首先在“Frame Inspector”中选中代表图1下部的帧的图像然后按住“Alt”键同时将鼠标移到图1下部左边框等图标变成双向箭头时拖动到图2中添加的位置。 D首先按下“Alt”键并用鼠标在图1下部的帧上单击然后按住“Alt”键同时将鼠标移到图1下部左边框等图标变成双向箭头时拖动到图2中添加的位置。

14.关于Dreamweaver功能的说法正确的是()ABCD A可以制作让他人提交的表单B可以制作计数器C可以制作留言板

D可以制作打开一个页面的同时打开一个小页面窗口

15.在建立模板的过程中命名可编辑区域或锁定区域时不能使用的符号有() BC A单引

3/17

号B双引号C尖括号D&符号

16.每个时间链开始都是包括两个关键帧()和()AB A开始B结束C关键帧D主帧

17.除了下划线、连字符之外文件名中还不能包括( )AB A空格B标点C%D&

18.在Dreamweaver中用时间线建立动画效果时可以包括的动画有( )BCD A图象位置、大小改变的动画B图层位置改变的动画C图层可见性改变的动画

D图片文件来源改变的动画

19.在Dreamweaver中打开HTML检查器的方法有( )ABCD A单击“Window”下拉菜单中的“HTML Source”命令

B单击“Window”下拉菜单中的“Laucher”命令在打开的对话框中单击“HTML Source”图标C单击“Document”窗口右下脚处的“Show HTML Source”图标D按“F10”键

20.通过( )方法可以选中一个帧。 BDA单击所要选中的帧。

B单击“Frame Inspector”中的代表图像。

C按下“Alt”键并用鼠标在所要选中的帧上单击。 D单击所要选中的帧的左上角。 21.通过对模板的设置将已有内容定义为可编辑区域以下选项中正确的是( )ACDA既可以标记整个表格也可以标记表格中的某个单元格作为可编辑区域B一次可以标记若干个单元格

C层被标记为可编辑区域后可以随意改变其位置

D层的内容被标记为可编辑区域后可以任意修改层的内容

22.在使用时间链时用“Record Path of Layer”命令记录层的路径关于关键点的说法正确的是()CD

A用户拖动层的速度越快则划分出的关键点越多B用户拖动层的速度越快则划分出的关键点越少C用户可以通过改变拖动的速度来变更关键帧的位置D关键点的多少和拖动层的速度无关

23.在Dreamweaver中只需要三个参数( )来加入一个Shockwave影片。ABC A位置B高度C宽度D长度

24 以下  内容是HTML文件的头部内容所包括的。 ABCA.网页标题、关键字

B.作者信息、 网页描述、基础地址C.自动刷新、 CSS样式D.注释、表单域

25关于HTML语言下列说法正确的是  。 ABCD

A.HTML是HyperText Markup Language的首字母缩写 中文被称作“超文本标签语言”

B.HTML文件中可以插入图形、声音、视频等多媒体信息C.在HTML文件中用户可以建立与其他超文本的链接

D.HTML是纯文本类型的语言可以使用任何文本编辑器打开查看、编辑26关于鼠标经过图像下列说法正确的是  。 BCDA.鼠标经过图像的效果是通过HTML语言实现的

B.设置鼠标经过图像时需要设置一张图片为原始图像另一张为鼠标经过图像C.可以设置鼠标经过图像的提示文字与链接D.要制作鼠标经过图像必须准备两张图片

27下列 软件可以作为Dreamweaver的外部图像编辑器。 ABD A.Fireworks

篇二 《网页设计与开发》实例教程第二版课清华大学出版社后习题答案

习题

1 HTML指的是A 。

4/17

A超文本标记语言HyperText Markup Language

B家庭工具标记语言HomeTool Markup Language

C超链接和文本标记语言Hyperl inks and Text Markup Language

2 web标准的制定者是B 。

A微软B万维网联盟W3C C网景公司Netscape

3用HTML标记语言编写一个简单的网页 网页最基本的结构是D  。

A ……

B ……

C ……

D ……

4从IE浏览器菜单中选择__________命令可以在打开的记事本中查看到网页的源代码。

5实现网页交互性的核心技术是。

6 CSS的全称是______。

7写出你了解的专业网页编辑制作工具___________。

8 URL的全称是_____________________________。

9写出URL包含的三个部分内容的作用。

URL通常包括三个部分第一部分是Scheme告诉浏览器该如何工作第

二部分是文件所在的主机第三部分是文件的路径和文件名。

习题

1.以下标记符中用于设置页面标题的是A  。

ABCD

2.以下标记符中没有对应的结束标记的是B 。

AB

CD

3.文件头标记也就是通常所见到的标记。

4.创建一个HTML文档的开始标记符是结束标记符是。

5.标记是HTML中的主要语法分标记和____标记两

种。大多数标记是____成对_____出现的由____开始_____标记和_____结束____标记组成。

6.把HTML文档分为_________和______两部分。_________部分就是在Web浏览器窗口的用户区内看到的内容而_________部分用来设置该文档的标题出现在Web浏览器窗口的标题栏

中和文档的一些属性。

7.HTML4或XHTML1.0的三种文档风格是型_____。

8.简述一个HTML文档的基本结构。

一个完整的HTML文件包含头部和主体两个部分的内容在头部内

容里可定义标题、样式等文档的主体内容就是要显示的信息。

5/17

标记通常会作为HTML文档的开始代码 出现在文档的第一句而标记通常作为HTML文档的结束代码 出现在文档的尾部其他的所有的HTML代码都位于这两个标记之间该标记用于告知浏览器或其他程序这是一个Web文档应该按照HTML语言规则对文档内容的标记进行解释 …是HTML文档的头部标记 …

标记之间的文本是在浏览器中要显示的页面内容。

实验

用HTML语言编写符合以下要求的文档标题为“班级主页”在浏览器窗口用户区内显示“欢迎来到我们的班级主页”完成后的效果如图2-3所示。班级主页

欢迎来到我们的班级主页

图2-3实验

习题

1.下面哪一项是换行符标记 C

A B C

D 2.在HTML中标记的Size属性最大取值可以是 C 。

A.5B 6C 7D 8

3.在HTML中标记 的作用是B  。

A.标题标记B预排版标记C.转行标记D文字效果标记

4.下面的B 特殊符号表示的是空格。

A "B  C &D &copy

5.要设置一条1像素粗的水平线应使用的HTML语句是

6.在HTML文件中版权符号的代码是。

7.使页面的文字居中的方法有

8.标题字的标记是。

1.列表List 顾名思义就是者无序排列而形成的表。

2.常用的列表有和义列表三种。

3.无序列表标记的type属性可以指定出现在列表项前的项目符号的样式其取值可以是 disc、 circle和square三种。

4.有序列表标记的type属性可以指定出现在列表项前的项目编号的样式其取值可以是 1、 a 、 A、 i和I五种。

5.使用有序列表标记的用户则可改变编号的起始值。

该属性值是一个整数表示从哪一个数字或字母开始编号。

6/17

6.使用列表项标记的ty pe属性于无序列表而言或编号对于有序列表而言 。

7.使用列表项标记的属性可以改变当前列表项的编

号大小并会影响其后所有列表项的编号大小。但该属性只适用于有序

列表中。

习题

1.下列哪一项是在新窗口中打开网页文档 B 。

A _selfB _blankC _topD _parent

2.在网页中必须使用A 标记来完成超级链接。

A …B …

C …D …

3.超链接是建立网站、 网页主要元素之一。若要建立在同一网页内的链接应

采用以下B链接形式。

A链接到一个E-mai l B书签式链接

C框架间链接D链接到一个网站

4.关于超链接 A的说法是正确的。

A不同网页上的图片或文本可以链接到同一网页或网站

B不同网页上的图片或文本只能链接到同一网页或网站

C 同一网页上被选定的一个图片或一处文本可以同时链接到几个不同网站

D 同一网页上图片或文本不能链接到同一书签

5.若要在页面中创建一个图像超链接要显示的图形为myhome.jpg所链接的地址为以下用法中正确的是 B 。

A myhome.jpg

B

C

D 6.以下创建mai l链接的方法正确的是C  。

A管理员

B管理员

C管理员

D管理员

7.下面是相对路径的是C  。

A .cnB ftp://219.153.40.150

C . ./a.htmlD /a.html

8.下面哪组属性是用于设置图像映射的区域坐标的D  。

A recB circleC polyD coords 9.在HTML文件中 URL是。

10.在HTML文件中超链接可以分为

11.关于超链接属性用于指定链接的目标窗口。

习题

1.

7/17

2. . . . 表示 D A.页面空白B.页面属性C.标题传递D.滚动文字嵌入背景音乐的HTML代码是 B

A.B.

C.D.

通过哪个属性可以为图片添加边框线. C 

A. htmlB.aspC.borderD. img网页中常用的图片格式为、 。 在HTML文档中显示图片所用的标记是。

. . .的width和height属性表示高。

使用标记只能添加声音文件不能显示和调整播放软件的控制面板而使用标记则可以插入各种各样的多媒体。

3.4.5.6.7.

习题

1.以下选项中哪个全部都是表格标记B  。

A B

C D

2.请选择可以使单元格中的内容进行左对齐的正确HTML标记A 。

A B

C D

3.要使表格的边框不显示应设置border的值是B 。

A 1B 0C 2D 3

4.以下标记中用于定义一个单元格的是A 。

A  B …

C …D …

5.若要使表格的行高为16pt 以下方法中正确的是A  。

A ?

B ?

C ?

D ?

6.表格的标记是单元格的标记是。

7.表格的宽度可以用百分比和两种单位来设置。

8.表格分行用到的标记是。

9.请写出在网页中设定表格边框的厚度的属性设定表格单元

格之间宽度属性___cel lspacing___________ 设定表格内容与单元格间的距离属性____cel lpadding______。

10.请写出表格标题功能是题_______。

11. ?.是用来定义 ?是用来定义元格 ?是用来定义___表头_______。

12.单元格垂直合并所用的属性是单元格横向合并所用的属性是

13.利用标记符的属性可以控制表格边框的显示样

8/17

式利用标记符的__rules_____属性可以控制表格分隔线的显示样式。

习题

1.框架的分割方式有ABD 。

A.上下分割B.左右分割C.对角线分割D.嵌套分割

2.如果要将窗口进行水平的分割那么要用到B属性。

A.colsB.rowsC.colspanD.hr

3.设置窗口高度或宽度的数值一种是采用设置另一种是采用比设置。

4.嵌入式的窗口我们一般用来实现。

5.在网页中插入浮动框架要用

篇三 DIV+CSS网页制作首页布局实例教程

DIV+CSS 网站首页布局实例教程

第一步页面布局与规划

在网页制作中有许多的术语例如 CSS、 HTML、 DHTML、 XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识而在你学习这篇入门教程之前请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。所有的设计第一步就是构思构思好了一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来 以下是我构思好的界面布局图。

下面我们需要根据构思图来规划一下页面的布局仔细分析一下该图我们不难发现图片大致分为以下几个部分

1、顶部部分其中又包括了LOGO、 MENU和一幅Banner图片

2、 内容部分又可分为侧边栏、主体内容

3、底部包括一些版权信息。

有了以上的分析我们就可以很容易的布局了我们设计层如下图:

根据上图我再画了一个实际的页面布局图说明一下层的嵌套关系这样理解起来就会更简单了。

DIV结构如下

│ body{}/*这是一个HTML元素具体我就不说明了*/

└#Container {}/*页面层容器*/

├#Header {}/*页面头部*/

├#PageBody{}/*页面主体*/ │ ├#Sidebar {}/*侧边栏*/ │ └#MainBody{}/*主体内容*/└#Footer {}/*页面底部*/至此页面布局与规划已经完成接下来我们要做的就是开始书写HTML代码和CSS。

第二步写入整体层结构和CSS

接下来我们在桌面新建一个文件夹命名为“DIV+CSS布局练习”在文件夹下新建两个空的记事本文档输入以下内容

9/17