网页设计期末复习网页设计与开发
![网页设计期末复习网页设计与开发](https://img.360docs.net/img7e/1er6ylojufrieebtrx60ymj36xrd7p0q-e1.webp)
![网页设计期末复习网页设计与开发](https://img.360docs.net/img7e/1er6ylojufrieebtrx60ymj36xrd7p0q-52.webp)
网页设计简答题:
a. 相对定位与绝对定位的区别并举例说明。
相对定位 的元素框会偏移某个距离。 元素仍然保持其未定位前的形状, 它原本所占的空间仍 保留。
绝对定位 的元素框从文档流完全删除, 并相对于其包含块定位, 元素原先在正常文档流中所 占的空间会关闭元素定位后生成一个块级框。
b. 制作菜单的常用方法 【第一步】我们要
先做一个容器(要求: 页面水平正中,与浏览器顶部的距离是 导航条中的内容了“ CSS 学习学前准备
签有序列表 ul ,单元格 li 新建样式—复合类型— #nav ul li{ float:left;};
CSS 属 性中加入
“list-style: non
e; ”
100 像素:【第四步】我们需要将上面的导航条做以下几个修改 面的导航加上链接; 开的效果 c. 图片与文字的对齐方式 (padding,margin,DIV 的 float 、行高、对齐、背景图片设置属 性) 1. padding length 、 %、
2. margin 可能的值 auto 、
length 、%、 inherit
3. float 定义元素在哪个方向
浮动 性的值)
4. line-height 属性可设置行间的距离,不允许使用负值。
5. text-align 属性规定元素中的文本的水平对齐方式。
图像由标签定义。是空标签,意思是说,它只包含属性,并且没有闭合标签。
DIV 中设置CSS 的两种方式(内联和外联方式代码)
外联:是指把样式写在一个 CSS 文件中通过link 标签导入到页面中
例如:
1.
ID 为“nav ”,宽度为960px ,高度为:35px ,位于
30px ;) 【第二步】盒子做好了,我们就要往里面放 入
门教程 提高教程 布局教程 精彩应用” ,插入标 在 li
标签的
第三步】后面的文字全部贴着前面的文字。设置
1)给上
2)链接文字大小修改为 12px;3 )并且规定链接样式,鼠标移上去和拿
简写属性在一个声明中设置所有内边距属性。不允许使用负值。
inherit
可能的值 auto 、
简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值 none 、 left 、right 、inherit ( 规定应该从父元素继承 float 属
2.
内联 : 是指在同一个页面文件中,统一写出在 head style 标签中,要使用内联样式,你需要 在相关的标签内使用样式( style )属性。 Style 属性可以包含任何 CSS 属性。 本例展示如何改变段落的颜色和左外边距:
d. ul 与 li 的设置。
- 标签定义无序列表。 (ul 是 unordered lists 的缩写) ul 标签是成对出现的,以
- ;标签定义在html 中
- ; 开始,
是一对标记,表示有序
列表或者无序列表的项目。如果在
e. 针对 IE6 不支伪类(编写 JS 代码)
startList=function()
{
if(&&)
{
rootnav=("nav") arrayli=("li"); for(i=0;i<;i++)
{
currentli=arrayli[i]; =function()
{
+=+" current";
}
=function()
{
=" current",""); }}}}
g. 制作动态公告的标签及属性设置。
从插入菜单选 “标签”, 然后在对话框中选“ html 标签” “页元素”“ marquee 。然后
在打开右边标签检查器,里设定 marquee 标签的属性。文字移动属性的设置
方向
上移, down 从上向下移。
=startList;
f. 制作背景音乐、播放 Flash 、视频文件等关键代码。
才匕日& rr. 背景音乐:
之间加入('image'+i).='none';
}
}
}
=changeImage;
(3) 用JS 判断表单验验(包括密码验证、根据用户选择的值,自动填写相关值,如选择某个系,自动读取列表值)
function Check()
{
var passwd=("passwordText").value;
var Confirmpasswd=("ConfirmpasswordText").value; if (passwd=="")
{
alert(" 密码不能为空");
}
if (passwd!= Confirmpasswd)
{
alert(" 密码不一致,请重输");
}
var confirack=("CheckBoxServiceAck");
if(!
{
alert(" 你未接收服务条款!");
}
ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
electedIndex;
var preSelect =
("SelectPreselectmajors");
if( currSelectIndex==1)
{
jsAddItemToSelect(preSelect, "
jsAddItemToSelect(preSelect, "
jsAddItemToSelect(preSelect, " }
if( currSelectIndex==2)
{
jsAddItemToSelect(preSelect, "
jsAddItemToSelect(preSelect, " }
if( currSelectIndex==3)
{
jsAddItemToSelect(preSelect, "
jsAddItemToSelect(preSelect, " 计算机应用", 0); 计算机网络", 1); 电子商务", 2);
会计电算化", 3);
经济管理", 4);
英语",
5);
日语",
6);
}
}
ext;
var currSelectvalue = ; jsAddItemToSelect(ConfirmSelect,
currSelectText, currSelectvalue);
}
断select 选项中是否存在Value="paraValue" 的Item function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = false;
for (var i = 0; i < i++) {
if [i].value == objItemValue) {
isExit = true;
break;
}
}
return isExit;
}
select 选项中加入一个Item function jsAddItemToSelect(objSelect, objItemText, objItemValue) { select 选项中删除一个Item
function jsRemoveItemFromSelect(objSelect, objItemValue) { alue == objItemValue) { break;
}
}
} else {
alert(" 该select 中不存在该项");
}
}
除select 中选中的项
function jsRemoveSelectedItemFromSelect(objSelect) {
var length = - 1;
for(var i = length; i >= 0; i--){
>=
if(objSelect[i].selected == true){
[i] = null;
}
}
}
改select 选项中value="paraValue" 的text 为"paraText" function jsUpdateItemToSelect(objSelect, objItemText, objItemValue) { alue == objItemValue) {
[i].text = objItemText; break;
}
alert(" 成功修改");
} else {
alert(" 该select 中不存在该项"); }
}
}
网页设计与开发第1章试卷及答案
《网页设计与开发第1章》试卷 一、选择题 1.HTML指的是( A )。 A超文本标记语言(Hyper Text Markup Language) B家庭工具标记语言(Home Tool Markup Language) C超链接和文本标记语言(Hyperlinks and Text Markup Language) D超文本传输协议 (Hypertext transfer protocol) 答案: A 2.web标准的制定者是( B )。 A 微软 B万维网联盟(W3C) C网景公司(Netscape) D IBM公司 答案: B 3.通常网页的首页被称为( A )。 A.主页 B.网页 C.页面 D.网址 答案: A 4.网页的基本语言是( C )。 A.JavaScript B.VBScript C.HTML D.XML 答案: C 5.网页在Internet 上是通过URL来指明其所在的位置的,每个不同的网页都应该有不同 的URL,比如263网站主页的URL就是( A )。 A. B.\\ C. D.mailto: 答案: A 6.下列不属于Macromedia公司产品的是( D )。 A.Dreamweaver B.Fireworks C.Flash D.Frontpage 答案: D 7.下列属于静态网页的是( A )。
A. B. C.D.答案: A 8.属于网页制作平台的是( C )。 A.photoshop B.flash C.dreamweaver D.cuteFTP 答案: C 9.要想在打开网页时弹出一个信息框,可以便用下列哪种技术实现( C )。 A.CSS技术 B.HTML技术 C.调用JavaScript D.URL 答案: C 10.以下说法中,错误的是( B )。 A.网页的本质就是HTML源代码。 B.网页就是主页。 C.使用“记事本”编辑网页时,应将其保存为 .htm 或 .html 后缀。 D.本地网站通常就是一个完整的文件夹。 答案: B 11.URL是下列( D )的简写,中文译作( )。 A.Uniform Real Locator,全球定位 B.Unin Resource Locator,全球资源定位C.Uniform Real Locator,全球资源定位 D.Uniform Resource Locator,全球资源定位 答案: D 12.下列( C )软件不能编辑html语言。 A.记事 本 B.FrontPage C.Dreamweaver D.C语言 答案: D 13.下面说法错误的是( C )。 A. CSS样式表可以将格式和结构分离
网页设计期末复习 网页设计与开发
网页设计简答题: a.相对定位与绝对定位的区别?并举例说明。 相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状,它原本所占的空间仍保留。 绝对定位的元素框从文档流完全删除,并相对于其包含块定位,元素原先在正常文档流中所占的空间会关闭元素定位后生成一个块级框。 b.制作菜单的常用方法? 【第一步】我们要先做一个容器(要求:ID为“nav”,宽度为960px,高度为:35px,位于页面水平正中,与浏览器顶部的距离是30px;)【第二步】盒子做好了,我们就要往里面放导航条中的容了“CSS学习学前准备入门教程提高教程布局教程精彩应用”,插入标签有序列表ul,单元格li新建样式—复合类型—#nav ul li{ float:left;};在li标签的CSS属性中加入“list-style:none;”【第三步】后面的文字全部贴着前面的文字。设置
文字大小修改为12px;3)并且规定样式,鼠标移上去和拿开的效果 c.图片与文字的对齐方式?(padding,margin,DIV的float、行高、对齐、背景图片设置属 性) 1. padding简写属性在一个声明中设置所有边距属性。不允许使用负值。可能的值auto、length、%、inherit 2. margin简写属性在一个声明中设置所有外边距属性。该属性可以有1 到4 个值 可能的值auto、length、%、inherit 3. float定义元素在哪个方向浮动none、left 、right、inherit(规定应该从父元素继承float 属性的值) 4. line-height属性可设置行间的距离,不允许使用负值。 5. text-align 属性规定元素中的文本的水平对齐方式。 图像由标签定义。 是空标签,意思是说,它只 包含属性,并且没有闭合标签。 DIV中设置CSS的两种方式(联和外联方式代码) 外联:是指把样式写在一个CSS文件过link标签导入到页面中 例如: 1. 2. 联:是指在同一个页面文件中,统一写出在head style标签中,要使用联样式,你需要在相关的标签使用样式(style)属性。Style 属性可以包含任何CSS 属性。 本例展示如何改变段落的颜色和左外边距: d.ul与li的设置。
- 标签定义无序列表。(ul是unordered lists的缩写)ul标签是成对出现的,以
- ;标签定义在html中 是一对标记,表示有序列表或者无序列表的项目。如果在
... B.- ...
- ...
- D.
- ...
答案: B 2.有序列表的HTML代码是(c ) A.- ...
- ...
C.- ...
- ...
- 3.定义列表的HTML代码是() A.
- …
- …
- …
- … C.
- …
- … D.
- …
- …
- …
- …
- 项目名称
- 项目名称 …
C.字母 D.方块 答案: A 6.定制表中type标记中的square表示() A.圆点 B.圆环 C.字母 D.方块 答案: D 7.定制有序列表表中的序号的起始值的表示法为() A.
- B.
- C.
- D.
- 答案: D 8.以下有关列表的说法中,错误的是() A.有序列表和无序列表可以互相嵌套。 B.指定嵌套列表时,也可以具体指定项目符号或编号样式。 C.无序列表应使用UL 和LI 标记符进行创建。 D.在创建列表时,LI 标记符的结束标记符不可省略。 答案: D 9.在HTML网页中,用来定义有序列表的元素包括() A.ol B.ul C.li D.dl 答案: A 10.有序列表的项目编号要从小写字母a开始,type属性值设置为()A.a B.1
网页设计与开发HTML、CSS、JavaScript实例教程 (郑娅峰 著) 清华大学出版社课后习题1-10章答案
第一章习题 1.HTML指的是( A )。 A超文本标记语言(Hyper Text Markup Language) B家庭工具标记语言(Home Tool Markup Language) C超链接和文本标记语言(Hyperlinks and Text Markup Language) 2.web标准的制定者是( B )。 A 微软B万维网联盟(W3C)C网景公司(Netscape) 3.用HTML标记语言编写一个简单的网页,网页最基本的结构是( D )。 A
… … B… … C… … D … … 4.从IE浏览器菜单中选择____查看 源文件______命令,可以在打开的记事本中查看到网页的源代码。 5.实现网页交互性的核心技术是_______ JavaScript _______________。 6.CSS的全称是________ Cascading Style Sheet __________ ______。 7.写出你了解的专业网页编辑制作工具_____Dreamweaver_,_ EditPlus ___________。8.URL的全称是____Uniform Resource Locator _____________________________。 第二章习题 1.以下标记符中,用于设置页面标题的是( A )。 AB C D 2.以下标记符中,没有对应的结束标记的是( B )。 A B
C D3.文件头标记也就是通常所见到的____…_____标记。 4.创建一个HTML文档的开始标记符是_________,结束标记符是 _________。 5.标记是HTML中的主要语法,分____单_____标记和____双_____标记两种。大多 数标记是____成对_____出现的,由____开始_____标记和_____结束____标记组成。 6.把HTML文档分为__头部_______和______主体___两部分。___主体______部分就 是在Web浏览器窗口的用户区内看到的内容,而__头部_______部分用来设置该文 档的标题(出现在Web 浏览器窗口的标题栏中)和文档的一些属性。 7.HTML4或XHTML1.0的三种文档风格是__严格型、过渡型____、框架型_____。 8.简述一个HTML文档的基本结构。 一个完整的HTML文件包含头部和主体两个部分的内容,在头部内容里,可定义标题、样式等,文档的主体内容就是要显示的信息。标记通常会作为HTML 文档的开始代码,出现在文档的第一句,而标记通常作为HTML文档的结束代码,出现在文档的尾部,其他的所有的HTML代码都位于这两个标记之间,该标记用于告知浏览器或其他程序,这是一个Web文档,应该按照HTML语言规则对文档内容的标记进行解释;…是HTML文档的头部标记; … 标记之间的文本是在浏览器中要显示的页面内容。网页设计与开发第3章试卷及答案
《网页设计与开发第3章》试卷一、选择题 1.在HTML中,下面是段落标签的是()。 A.与 B.
与 C.与 D.与 答案: D 2. 创建黑体字的文本标签是() A. B. C. D. 答案:D 3. 正确描述创建一个一级标题居中的句法是()。 A.heading text B.heading text
C.heading text D.heading text 答案: B 4. 下面哪一项是换行符标记()。 A. B. C.
D.答案: C 5 .要在文本的首行空两个汉字,就要插入()个空格。 A.l B.2 C.3 D.4 答案: D 6 .在网页的源代码中表示加粗文字显示的标记是()。 A. B. C.
D.答案: A 7 .缩进排列对应的源代码中的标记是()。 A.
B. C. D.
答案: B 8.当网页既设置了背景图像又设置了背景色,那么()。 A.以背景图像为主 B.以背景色为主 C.产生一种混合效果 D.冲突,不能同时设置 答案: A 9.在HTML源代码中,图像用()标记来定义。 网页设计与开发复习整理
网页设计与开发复习整理 2018.1.11 1、Scheme://host.domain:port/path/filename (第1章网页设计简介) 2、
(背景颜色,背景图像,活动链接,文本链接,文本,访问过的链接) 3、标记语法 <标记名称> <标记名称>内容标记名称> <标记名称属性名1=“属性值”属性名2=“属性值”> (第2章HTML基础介绍) 4、标题字标题文字 5、空格 换行
加粗、 6、特殊符号& ¥ <> 7、注释… (注释不可以嵌套在其他注释中) 8、显示预排版排版内容
9、文字样式…(字体、字号、颜色) 10、文字修饰..……(加粗、斜体、下划线) 11、删除线…12、上标…下标… 13、文字标注 被说明文字 14、设置地址文字(斜体、浏览器自动换行)… 15、设置等宽文字… 16、段落、居中和换行……
或… 17、水平分割线
(宽、高、颜色、对齐方式、无阴影) 18、段落缩进…
(第3章文字与段落) 19、无序列表- (disc实心圆点circle空心圆点square实心方块)(start为起始值)
- (1数字(IE默认disc)a小写字母A大写字母i小写罗马I大写罗马)
网页设计与开发第6章试卷及答案
《网页设计与开发第6章》试卷 一、选择题 1)在HTML文件中,可以让表格显示边框线,例如:
,5代表边框线的粗细,它的单位是( )。 A.cm B.pixel C.grid D.dot 答案: B 2)在HTML语言中,下列( )是专属于td、th元素的属性。 A.bgcolor B.align C.colspan D.background 答案: C 3)关于HTML表格说法错误的是( )。 A.表格的width属性可以设置为像素值或百分比 B.表格的height属性可以设置为像素值或者百分比 C.如果不指定border属性,表格默认宽度为1 D.表格和单元格的背景色可以同时设置 答案: D 4)下列( )设置能使单元格显示边框。 A.在
中添加border属性 B.在 中添加border属性 C.在
中添加border属性 精选文库D.以上全都可以 答案: A 5)在HTML文件中,给表格添加行的标签是( )。 A.
B. C. D. 答案: C 7)设置表格的单元格填充为0的HTML代码是()。 A. B.
C.
D.
答案: D 8)表示表头的背景色彩的HTML是()。 A.
B. C. D. 答案: C 网页设计与开发第13章试卷
《网页设计与开发第13章》试卷 一、选择题 1. HTML5 之前的 HTML 版本是( ). A.HTML 4.01 B.HTML 4 C.HTML 4.1 D.HTML 4.9 答案: 2. H TML5 的正确 doctype 是( ). A. B. C. D. 答案: 3. 在 HTML5 中,哪个元素用于组合标题元素?( ) A.
B. C. D. 答案: 4. HTML5 中不再支持下面哪个元素?( ) A. B. C.
答案: 7. 用于播放 HTML5 视频文件的正确 HTML5 元素是:( ). A.
B. C.
- 3.定义列表的HTML代码是() A.
- ;开始,
网站设计与Web应用开发技术(第二版)习题答案
附录各章习题参考答案 第1章习题参考答案 1. 答:Internet是一个宽泛的概念,WWW实际上Internet所提供的众多服务中的一项。由于很多人上网主要浏览网站,很多初学者容易混淆这两个概念。 2. 答:统一资源定位符(URL)用于定位某个资源,由于Internent的复杂性,其提供的服务及传输协议有很多种,为了能区分,URL中必须进行说明,此处的http就是为了说明该请求属于超文本传输协议;URL的概念比较宽泛,http只是其中的一种传输协议,也可能出现别的情况,比如ftp等。。而www则是所请求服务器的域名,有些服务器的域名中就不包含www。 3. 答:其实技术是没有好坏之分的,关键在于是否适合你所应用的环境以及你是否能掌握。一味的求新、求好是没有经验的开发者所采取的行动。我们不应该单纯追求技术的先进性,而要追求有效和实用,当你要实现一个方案时,要分析项目的性质及最终用户,然后再寻找能解决问题的最经济、最实用也能满足用户需要的手段。因为用户并不关心你采用多么先进的技术,用户关心的是可靠(Reliable)、快速(Rapid)、方便(Convenient)。 4. 答:可以根据上文提供的基本原则,进行区分。不过有些网站不能截然的划分成其中的某一种。平时上网时多观察,多思考,对于提高自己的能力有很大的帮助。 5. 略 第2章习题参考答案 1.答:主要包括以下几个步骤(1) 建立网站前的市场分析,(2) 建设网站目的及功能定位,(3) 网站的技术解决方案,(4) 网站内容规划,(5) 网页界面设计,(6) 网站测试,(7) 网站发布与推广,(8) 网站维护,(9) 网站建设日程表,(10) 费用明细。详细内容可参考本书 2.2部分。 2.答:可以简单的通过两个方式进行判断: (1) 查看“管理工具”下是否有“Internet信息服务(IIS)管理器”,通过查看可以获知;这个方法可以获知本机是否使用了IIS服务,且仅对Windows操作系统有效。 (2) 直接在浏览器中输入“http://127.0.0.1”,看是否能看到有关信息(若安装的Web 服务器所设置的端口不是默认的80,则此方法无效)。 (3) 在本机执行netstat –a命令,查看是否存在Web服务器。 Web服务器的安装方法请查看本书2.4部分。 3.答:一般来说,这样就可以使用了,不过使用默认的配置可能会在将来出现问题。因此,通常我们需要进一步对网站进行配置。根据实际需要,一般来说,网站的安全性配置和网站的性能配置是需要修改的。
网页开发与设计课后习题答案.(DOC)
习题1 1.HTML指的是( A )。 A超文本标记语言(Hyper Text Markup Language) B家庭工具标记语言(Home Tool Markup Language) C超链接和文本标记语言(Hyperlinks and Text Markup Language) 2.web标准的制定者是( B )。 A 微软B万维网联盟(W3C)C网景公司(Netscape) 3.用HTML标记语言编写一个简单的网页,网页最基本的结构是( D )。 A
… … BC D
网页设计与开发(郑娅峰_著)课后习题1-10章答案
网页设计课后题答案 第一章习题 1.HTML指的是(A)。 A超文本标记语言(Hyper Text Markup Language) B家庭工具标记语言(Home Tool Markup Language) C超链接和文本标记语言(Hyperlinks and Text Markup Language) 2.web标准的制定者是( B )。 A微软B万维网联盟(W3C)C网景公司(Netscape) 3.用HTML标记语言编写一个简单的网页,网页最基本的结构是( D )。 A
… … BC D
网页设计与开发第2章试卷与答案
..
.
.
..
《网页设计与开发第2章》试卷
一、 选择题
1.在网页源代码中(
)标记必不可少。
A.
B.
C.