网页设计期末复习网页设计和开发
网页设计简答题:
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中 是一对标记,表示有序列表或者无序列表的项目。如果在
- ;开始,
e.针对IE6不支伪类(编写JS代码)
startList=function()
{
if((document.all)&&(document.getElementById))
{
rootnav=document.getElementById("nav")
arrayli=rootnav.getElementsByTagName("li");
for(i=0;i { currentli=arrayli[i]; currentli.onmouseover=function() { this.className+=this.className+" current"; } currentli.onmouseout=function() { this.className=this.className.replace(" current",""); }}}} window.onload=startList; f.制作背景音乐、播放Flash、视频文件等关键代码。 背景音乐:
播放Flash、视频文件
g.制作动态公告的标签及属性设置。
从插入菜单选“标签”,然后在对话框中选“html标签”“页元素”“marquee”。然后在打开右边标签检查器,里设定marquee标签的属性。文字移动属性的设置方向
I.制作表单的常用元素。
1创建表单.
2.创建滚动菜单,size设置在需要滚动前可以看到的表单项数目
3.创建下拉菜单
4.创建一个文本框区域,列的数目设置宽度,行的数目设置高度
5.创建一个复选框,文字在标签后面
6.创建一个单选框,文字在标志后面
7. 创建一个单行文本输入区域,size设置为字符串的宽度创建提交(submit)按钮
8.创建一个使用图像的提交(submit)按钮
9.创建重置(reset)按钮
J.常见元素的功能(DIV、Span、a、ul、li、h、img等)
Div;为HTML文档内大块(block-level)的内容提供结构和背景的元素。
Span;在行内定义一个区域,span加在内容里,还是一行显示,
1.span 元素为p 元素增加了额外的结构:
some text.some other text.
2.span可以对文档中的部分文本增添视觉效果:健康、富裕
a:建立超xx文本
Ul:标记插入无序列表!
Li:定义列表项序列!
h:网页html中对文本标题所进行的着重强调的一种标签
Img:表示插入图片!
二、上机操作
(1)用JS写出从小到大排序算法。
function sort(){
var ary;
var len, ex, tmp;
var inputN = document.getElementById("Text1");
var ary=inputN.getAttribute("value");
ary = ary.split(',');
len = ary.length;
for(var i=0; i ex = false; for(var j=len-2; j>=i; j--){ if(ary[j+1] tmp = ary[j]; ary[j] = ary[j+1]; ary[j+1] = tmp; // / //记录发生了交换 ex = true; } } //如果没有发生交换,表明已经排序完成 if(!ex)break; } var outputN = document.getElementById("Text2"); outputN.setAttribute("value",ary); } (2)用JS写出图片幻灯切换效果。 var t=1; var imageindex=1; var imagenumbers=3; function changeImage() { setFocus(imageindex); imageindex++; if(imageindex>imagenumbers) { imageindex=1; } setTimeout('changeImage( )',t*1000); } function setFocus(indexImage) { for(i=1;i<=imagenumbers;i++) { if(i==indexImage) { document.getElementById('image'+i).style.display='block'; } else { document.getElementById('image'+i).style.display='none'; } } window.onload=changeImage; (3)用JS判断表单验验(包括密码验证、根据用户选择的值,自动填写相关值, 如选择某个系,自动读取列表值) function Check() { var passwd=document.getElementById("passwordText").value; var Confirmpasswd=document.getElementById("ConfirmpasswordText").value; if (passwd=="") { alert("密码不能为空"); } if (passwd!= Confirmpasswd) { alert("密码不一致,请重输"); } var confirack=document.getElementById("CheckBoxServiceAck"); if(!confirack.checked) { alert("你未接收服务条款!"); } } 。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。//根据专业方向列出对应所有专业 function selectToPreTextarea() { var currSelectIndex = document.getElementById("listMajor").selectedIndex; var preSelect = document.getElementById("SelectPreselectmajors"); if( currSelectIndex==1) { jsAddItemToSelect(preSelect, "计算机应用", 0); jsAddItemToSelect(preSelect, "计算机网络", 1); jsAddItemToSelect(preSelect, "电子商务", 2); } if( currSelectIndex==2) { jsAddItemToSelect(preSelect, "会计电算化", 3); jsAddItemToSelect(preSelect, "经济管理", 4); } if( currSelectIndex==3) { jsAddItemToSelect(preSelect, "英语", 5); jsAddItemToSelect(preSelect, "日语", 6); } //用户选专业 function getMajors() { var preSelect = document.getElementById("SelectPreselectmajors"); var selectIndex=preSelect.selectedIndex; var ConfirmSelect = document.getElementById("ConfirmPreselectmajors"); var currSelectText = preSelect.options[selectIndex].text; var currSelectvalue = preSelect.selectedIndex; jsAddItemToSelect(ConfirmSelect, currSelectText, currSelectvalue); } //用户删专业 function DeletedMajors() { var ConfirmSelect = document.getElementById("ConfirmPreselectmajors"); jsRemoveSelectedItemFromSelect(ConfirmSelect); } //// 1.判断select选项中是否存在Value="paraValue"的Item function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = false; for (var i = 0; i < objSelect.options.length; i++) { if (objSelect.options[i].value == objItemValue) { isExit = true; break; } } return isExit; } // 2.向select选项中加入一个Item function jsAddItemToSelect(objSelect, objItemText, objItemValue) { //判断是否存在 if (!jsSelectIsExitItem(objSelect, objItemValue)) { var varItem = new Option(objItemText, objItemValue); objSelect.options.add(varItem); } } // 3.从select选项中删除一个Item function jsRemoveItemFromSelect(objSelect, objItemValue) { //判断是否存在 if (jsSelectIsExitItem(objSelect, objItemValue)) { for (var i = 0; i < objSelect.options.length; i++) { if (objSelect.options[i].value == objItemValue) { objSelect.options.remove(i); break; 《网页设计与开发第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的设置。 网页设计与开发第1章试卷及答案
网页设计期末复习 网页设计与开发
标签定义无序列表。(ul是unordered lists的缩写)ul标签是成对出现的,以
;开始,
;结束每一列使用标记之间,则表示无序列表。
网站设计与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.
D.
网页设计与开发复习整理
网页设计与开发复习整理 2018.1.11 1、Scheme://host.domain:port/path/filename (第1章网页设计简介) 2、
(背景颜色,背景图像,活动链接,文本链接,文本,访问过的链接) 3、标记语法 <标记名称> <标记名称>内容标记名称> <标记名称属性名1=“属性值”属性名2=“属性值”> (第2章HTML基础介绍) 4、标题字加粗、 6、特殊符号& ¥ <> 7、注释
排版内容9、文字样式…(字体、字号、颜色) 10、文字修饰..……(加粗、斜体、下划线) 11、删除线
或
(宽、高、颜色、对齐方式、无阴影) 18、段落缩进
…(第3章文字与段落) 19、无序列表
- (disc实心圆点circle空心圆点square实心方块)(start为起始值)
- …
- …
- (1数字(IE默认disc)a小写字母A大写字母i小写罗马I大写罗马)
- 项目名称
- 项目名称 …
网页设计与开发第6章试卷及答案
《网页设计与开发第6章》试卷 一、选择题 1)在HTML文件中,可以让表格显示边框线,例如:
中添加border属性 B.在
|