您的位置：360文档中心› 网页设计期末复习网页设计和开发

网页设计期末复习网页设计和开发

网页设计期末复习网页设计和开发
网页设计期末复习网页设计和开发

网页设计简答题：

a.相对定位与绝对定位的区别？并举例说明。

相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状，它原本所占的空间仍保留。

绝对定位的元素框从文档流完全删除，并相对于其包含块定位，元素原先在正常文档流中所占的空间会关闭元素定位后生成一个块级框。

b.制作菜单的常用方法？

【第一步】我们要先做一个容器（要求：ID为“nav”，宽度为960px，高度为：35px，位于页面水平正中，与浏览器顶部的距离是30px；)【第二步】盒子做好了，我们就要往里面放导航条中的内容了“CSS学习学前准备入门教程提高教程布局教程精彩应用”，插入标签有序列表ul，单元格li新建样式—复合类型—#nav ul li{ float:left;};在li标签的CSS属性中加入“list-style:none;”【第三步】后面的文字全部贴着前面的文字。设置

  • 标签的宽度为100像素：【第四步】我们需要将上面的导航条做以下几个修改1）给上面的导航加上；2）

    文字大小修改为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标签的属性。文字移动属性的设置方向 #=left, right, up, downleft从右向左移，right从左向右移，up从下向上移，down从上向下移。

        scrolldelay="300"onMouseOver=this.stop() onMouseOut=this.start()>

            学校将于近期举电子信息系网页设计大赛，报名截

        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章》试卷 一、选择题 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;”【第三步】后面的文字全部贴着前面的文字。设置

    • 标签的宽度为100像素：【第四步】我们需要将上面的导航条做以下几个修改1）给上面的导航加上；2）

      文字大小修改为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中
      • 是一对标记,表示有序列表或者无序列表的项目。如果在
          标记之间，则表示无序列表。

          网站设计与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 … … B … … C … … D … … 4．从IE浏览器菜单中选择____查看 源文件______命令，可以在打开的记事本中查看到网页的源代码。 5．实现网页交互性的核心技术是_______ JavaScript _______________。 6．CSS的全称是________ Cascading Style Sheet __________ ______。 7．写出你了解的专业网页编辑制作工具_____Dreamweaver_，_ EditPlus ___________。8．URL的全称是____Uniform Resource Locator _____________________________。 9．写出URL包含的三个部分内容的作用。 URL通常包括三个部分，第一部分是Scheme，告诉浏览器该如何工作，第二部分是文件所在的主机，第三部分是文件的路径和文件名。 习题2 以下标记符中，用于设置页面标题的是（ A ）。 A B <caption> C <head> D <html> 以下标记符中，没有对应的结束标记的是（ B ）。 A <body> B <br> C <html> D <title> 文件头标记也就是通常所见到的____<head>…</head>_____标记。 创建一个HTML文档的开始标记符是___<html>______，结束标记符是____</html>_____。 标记是HTML中的主要语法，分____单_____标记和____双_____标记两种。大多数标记是____成对_____出现的，由____开始_____标记和_____结束____标记组成。 把HTML文档分为__头部_______和______主体___两部分。___主体______部分就是在Web浏览器窗口的用户区内看到的内容，而__头部_______部分用来设置该文档的标题（出现在Web 浏览器窗口的标题栏中）和文档的一些属性。 HTML4或XHTML1.0的三种文档风格是__严格型、过渡型____、框架型_____。 简述一个HTML文档的基本结构。 一个完整的HTML文件包含头部和主体两个部分的内容，在头部内容里，可定义标题、样式等，文档的主体内容就是要显示的信息。<html>标记通常会作为HTML 文档的开始代码，出现在文档的第一句，而</html>标记通常作为HTML文档的结束代码，出现在文档的尾部，其他的所有的HTML代码都位于这两个标记之间，该标</p><h2>网页设计与开发(郑娅峰_著)课后习题1-10章答案</h2><p>网页设计课后题答案 第一章习题 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 <html> <head>…</head> <frame>…</frame> </html> B <html> <title>… … C … … D … … 4．从IE浏览器菜单中选择____查看 源文件______命令，可以在打开的记事本中查看到网页的源代码。 5．实现网页交互性的核心技术是_______ JavaScript _______________。 6．CSS的全称是________ Cascading Style Sheet __________ ______。 7．写出你了解的专业网页编辑制作工具_____Dreamweaver_，_ EditPlus ___________。8．URL的全称是____Uniform Resource Locator _____________________________。 第二章习题 1.以下标记符中，用于设置页面标题的是（A）。 A B <caption> C <head> D <html> 2.以下标记符中，没有对应的结束标记的是（ B ）。 A <body> B <br> C <html> D <title> 3.文件头标记也就是通常所见到的____<head>…</head>_____标记。 4.创建一个HTML文档的开始标记符是___<html>______，结束标记符是 ____</html>_____。 5.标记是HTML中的主要语法，分____单_____标记和____双_____标记两种。大多 数标记是____成对_____出现的，由____开始_____标记和_____结束____标记组成。 6.把HTML文档分为__头部_______和______主体___两部分。___主体______部分就 是在Web浏览器窗口的用户区内看到的内容，而__头部_______部分用来设置该文 档的标题（出现在Web 浏览器窗口的标题栏中）和文档的一些属性。 7.HTML4或XHTML1.0的三种文档风格是__严格型、过渡型____、框架型_____。 8.简述一个HTML文档的基本结构。 一个完整的HTML文件包含头部和主体两个部分的内容，在头部内容里，可定义标题、样式等，文档的主体内容就是要显示的信息。<html>标记通常会作为HTML 文档的开始代码，出现在文档的第一句，而</html>标记通常作为HTML文档的结束代码，出现在文档的尾部，其他的所有的HTML代码都位于这两个标记之间，该标记用于告知浏览器或其他程序，这是一个Web文档，应该按照HTML语言规则对文档内容的标记进行解释；<head>…</head>是HTML文档的头部标记；<body>… </body>标记之间的文本是在浏览器中要显示的页面内容。</p><h2>网页设计与开发第2章试卷与答案</h2><p>..<br>.<br>.<br>..<br>《网页设计与开发第2章》试卷<br>一、 选择题<br>1．在网页源代码中（<br>）标记必不可少。<br>A．<html><br>B．<br>C．<table><br>D．<br><br>答案: A<br>2．关于 HTML 文件说法错误的是（<br>）。<br>A．HTML 文件是一个包含标签的文本文件<br>B．这些标签告诉浏览器怎样显示这个页面<br>C．HTML 文件必须以.htm 为扩展名<br>D．HTML 文件可以用一个简单的文本编辑器创建<br>答案: C<br>3. 关于 HTML 文件说法正确的是（<br>）<br>A．HTML 标签都必须配对使用<br>B．在<title>和标签之间的是头信息
          C．HTML 标签是大小写无关的，跟表示的意思是一样的
          .
          专业 word 可编辑
          .

          ..
          .
          .
          ..
          D．在和标签之间的文本会以加粗字体显示
          答案: A
          4. 下面针对标记属性声明正确的是（
          ）
          A．


          B．

          C．

          D．

          答案: A
          5. 下面的标记中属于单标记的是（
          ）
          A．
          B．
          C．
          D．

          答案: D
          6. 以下标记符中，用于设置页面标题的是（
          ）
          A ．<br>B． <caption><br>C． <head><br>.<br>专业 word 可编辑<br>.<br><br></p><h2>网页设计与网站开发--模拟题</h2><p>网页设计与网站开发模拟试题一 一、单项选择题（共10小题，每小题2分，共20分） 1. 在Internet中，IP地址采用： A．4个字节对应的32位二进制数，由3个小数点隔开的数字域组成 B．4个字节对应的32位二进制数，由4个小数点隔开的数字域组成 C．2个字节对应的16位二进制数，由4个小数点隔开的数字域组成 D．3个字节对应的24位二进制数，由4个小数点隔开的数字域组成 答案：A 解析：在Internet中，IP地址采用4个字节对应的32位二进制数，由3个小数点隔开的数字域组成，每个字节可以用一个十进制数来表示，如202.117.114.1。 2. 下面哪一项的电子邮件链接是正确的： A．https://www.360docs.net/doc/7e9073457.html, B．xxx@.net C．xxx@com D．xxx@https://www.360docs.net/doc/7e9073457.html, 答案：D 解析：电子邮件的正确书写形式是“用户名@域名”，其中域名可以是https://www.360docs.net/doc/7e9073457.html,的形式。 3. 若要使设计网页的背景图形为bg.jpg，以下标记中，正确的是： A. <body ba ckground=”bg.jpg”> B. <body bground=”bg.jpg”> C. <body image=”bg.jpg”> D. <body bgcolor=”bg.jpg”> 答案：A 解析：使设计网页的背景图形为bg.jpg的正确标记是：<body background=”bg.jpg”>。 4. Photoshop CS2中使用下列哪个方法不能进行路径的创建： A．使用钢笔工具 B．使用自由钢笔工具 C．使用添加锚点工具 D．先建立选区，再将其转化为路径 答案：C</p><p>解析：Photoshop CS2中可以在路径上添加锚点改变路径，但是不能使用添加锚点工具来穿件路径。 5. 在Fireworks MX 2004中优化图形不涉及下列哪个操作： A.合理定义画布大小 B.选择最佳文件格式 C.设置格式特定的选项 D.调整图形中的颜色 答案：A 解析：B、C、D选项均可用来优化图形，但是A选项中画布大小不能用来优化图形。 6. Fireworks MX 2004中默认情况下，历史面板可以记录多少个步骤： A. 10个 B. 20个 C. 30个 D. 50个 答案：B 解析：在Fireworks MX 2004中历史面板可以记录多达20个步骤。 7. Fireworks MX 2004中的按钮形态虽然多种多样，但基本状态只有4种，请在下列选项中选出不属于按钮基本状态的选项： A．释放 B．滑过时释放 C．按下 D．滑过时按下 答案：B 解析：Fireworks MX 2004中的按钮的基本状态有4种：释放、滑过、按下、滑过时按下。 8．在Flash MX 2004中，分解（打散）编辑对象的快捷操作是: A. Ctrl+B B. Ctrl+Shift+P C. Ctrl+Shift+B D. Ctrl+Shift+I 答案：A</p><h2>《网页设计与开发第4章》试卷</h2><p>《网页设计与开发第4章》试卷 一、选择题 1.无序列表的HTML代码是（） A．<li><ui>...</li> B．<ul><li>...</ul> C．<Ol><li>...<Ol> D．<li><ol>...</li> 答案: B 2.有序列表的HTML代码是（c ） A．<ul><li>...</ul> B．<li><ul>...</li> C．<ol><li>...</ol> D．<li><ol>...<li> 3.定义列表的HTML代码是（） A．<dt><dl>…<dd>…</dl> B．<dd><dt>…<dl>…</dd> C．<dt><dd>…<dl>…</dt> D．<dl><dt>…<dd>…</dl> 答案: D 4.下列说法错误的是（） A．disc是定制表中type的标记 B．left是定制表中type的标记 C．circle是定制表中type的标记 D．square是定制表中type的标记 答案: B 5.定制表中type标记中的circle表示（） A．圆点 B．圆环</p><p>C．字母 D．方块 答案: A 6.定制表中type标记中的square表示（） A．圆点 B．圆环 C．字母 D．方块 答案: D 7.定制有序列表表中的序号的起始值的表示法为（） A．<ol begint=#> B．<ol star=#> C．<ol still=#> D．<ol start=#> 答案: 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</p><h2>网页设计与开发HTML、CSS、JavaScript实例教程 (郑娅峰 著) 清华大学出版社课后习题1-10章答案</h2><p>第一章习题 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 <html> <head>…</head> <frame>…</frame> </html> B <html> <title>…… C …… D …… 4．从IE浏览器菜单中选择____查看 源文件______命令，可以在打开的记事本中查看到网页的源代码。 5．实现网页交互性的核心技术是_______ JavaScript _______________。 6．CSS的全称是________ Cascading Style Sheet __________ ______。 7．写出你了解的专业网页编辑制作工具_____Dreamweaver_，_ EditPlus ___________。8．URL的全称是____Uniform Resource Locator _____________________________。 第二章习题 1.以下标记符中，用于设置页面标题的是（ A ）。 A B <caption> C <head> D <html> 2.以下标记符中，没有对应的结束标记的是（ B ）。 A <body> B <br> C <html> D <title> 3.文件头标记也就是通常所见到的____<head>…</head>_____标记。 4.创建一个HTML文档的开始标记符是___<html>______，结束标记符是 ____</html>_____。 5.标记是HTML中的主要语法，分____单_____标记和____双_____标记两种。大多 数标记是____成对_____出现的，由____开始_____标记和_____结束____标记组成。 6.把HTML文档分为__头部_______和______主体___两部分。___主体______部分就 是在Web浏览器窗口的用户区内看到的内容，而__头部_______部分用来设置该文 档的标题（出现在Web 浏览器窗口的标题栏中）和文档的一些属性。 7.HTML4或XHTML1.0的三种文档风格是__严格型、过渡型____、框架型_____。 8.简述一个HTML文档的基本结构。 一个完整的HTML文件包含头部和主体两个部分的内容，在头部内容里，可定义标题、样式等，文档的主体内容就是要显示的信息。<html>标记通常会作为HTML 文档的开始代码，出现在文档的第一句，而</html>标记通常作为HTML文档的结束代码，出现在文档的尾部，其他的所有的HTML代码都位于这两个标记之间，该标记用于告知浏览器或其他程序，这是一个Web文档，应该按照HTML语言规则对文档内容的标记进行解释；<head>…</head>是HTML文档的头部标记；<body>… </body>标记之间的文本是在浏览器中要显示的页面内容。</p><h2>网页设计与开发第3章试卷及答案</h2><p>《网页设计与开发第3章》试卷一、选择题 1．在HTML中，下面是段落标签的是（）。 A．<html>与</html> B．<head>与</head> C．<body>与</body> D．与 答案: D 2. 创建黑体字的文本标签是（） A. <pre></pre> B. <h1></h1> C. <h6></h6> D. <b></b> 答案:D 3. 正确描述创建一个一级标题居中的句法是（）。 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> 答案: B 4. 下面哪一项是换行符标记（）。 A．<body> B．<font> C．<br> D．</p><p>答案: C 5 .要在文本的首行空两个汉字，就要插入（）个空格。 A．l B．2 C．3 D．4 答案: D 6 .在网页的源代码中表示加粗文字显示的标记是（）。 A．<b></b> B． C．<body></body> D．<table></table> 答案: A 7 .缩进排列对应的源代码中的标记是（）。 A．<block></block> B．<blockquote></blockquote> C．<quote></quote> D．<qutoeblock></quoteblock> 答案: B 8.当网页既设置了背景图像又设置了背景色，那么（）。 A．以背景图像为主 B．以背景色为主 C．产生一种混合效果 D．冲突，不能同时设置 答案: A 9.在HTML源代码中，图像用（）标记来定义。</p><h2>网页设计与开发复习整理</h2><p>网页设计与开发复习整理 2018.1.11 1、Scheme://host.domain:port/path/filename （第1章网页设计简介） 2、<body bgcolor=”” background=””alink=”“ link=”“ text=”“vlink=”“topmargin=”“leftmargin=”“> （背景颜色，背景图像，活动链接，文本链接，文本，访问过的链接） 3、标记语法 <标记名称> <标记名称>内容</标记名称> <标记名称属性名1=“属性值”属性名2=“属性值”> （第2章HTML基础介绍） 4、标题字<h# align=”left|center|right|justify”>标题文字</h#> 5、空格 换行<br>加粗<b>、<strong> 6、特殊符号& ¥ <> 7、注释<comment>…</comment>（注释不可以嵌套在其他注释中） 8、显示预排版<pre>排版内容</pre> 9、文字样式<font face=”” size=”” color=””>…</font>(字体、字号、颜色) 10、文字修饰<b>..</b><i>…</i><u>…</u>(加粗、斜体、下划线) 11、删除线<del>…</del> 12、上标<sup>…</sup>下标<sub>…</sub> 13、文字标注 <ruby> 被说明文字 <rt>文字的标注</rt> </ruby> 14、设置地址文字（斜体、浏览器自动换行）<address>…</address> 15、设置等宽文字<tt>…</tt> 16、段落、居中和换行… <center>…</center> <br>或<nobr>…</nobr> 17、水平分割线<hr width=”” size=”” color=”” align=””noshade> （宽、高、颜色、对齐方式、无阴影） 18、段落缩进<blockquote>…</blockquote> （第3章文字与段落） 19、无序列表 <ul type=””start=””>（disc实心圆点circle空心圆点square实心方块）（start为起始值）<dt>…</dt> <dd>…</dd> </ul> 20、有序列表 <ol type=””start=””>（1数字(IE默认disc)a小写字母A大写字母i小写罗马I大写罗马）<li>项目名称</li> <li>项目名称</li> …</p><h2>网页设计与开发第6章试卷及答案</h2><p>《网页设计与开发第6章》试卷 一、选择题 1）在HTML文件中，可以让表格显示边框线，例如：<table border=5>,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．在<td>中添加border属性 B．在<table>中添加border属性 C．在<tr>中添加border属性</p><p>精选文库D．以上全都可以 答案: A 5）在HTML文件中，给表格添加行的标签是( )。 A．<tr> </tr> B．<td> </td> C．<th> </th> D．以上都正确 答案: A 6）跨多列的单元格的HTML代码为（）。 A．<th colspan=#> B．<th rowspan=#> C．<td colspan=#> D．<td rowspan=#> 答案: C 7）设置表格的单元格填充为0的HTML代码是（）。 A．<table cellspacing=0> B．<table height=0> C．<table border=0> D．<table cellpadding=0> 答案: D 8）表示表头的背景色彩的HTML是（）。 A．<tr color=#> B．<tr bgcolor=#> C．<th bgcolor=#> D．<th color=#> 答案: C</p><h2>网页设计与开发第13章试卷</h2><p>《网页设计与开发第13章》试卷 一、选择题 1. HTML5 之前的 HTML 版本是( ). A．HTML 4.01 B．HTML 4 C．HTML 4.1 D．HTML 4.9 答案： 2. H TML5 的正确 doctype 是( ). A．<!DOCTYPE html> B．<!DOCTYPE HTML5> C．<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5.0//EN" ""> D．<!DOCTYPE> 答案： 3. 在 HTML5 中，哪个元素用于组合标题元素？( ) A．<group> B．<header> C．<headings> D．<hgroup> 答案： 4. HTML5 中不再支持下面哪个元素？( ) A．<q> B．<ins> C．<menu> D．<font> 答案： 5. HTML5 中不再支持下面哪个元素？( ). A．<cite> B．<acronym> C．<abbr> D．<base> 答案： 6. 在 HTML5 中，onblur 和 onfocus 是：( ). A．HTML 元素 B．样式属性 C．事件属性</p><p>答案： 7. 用于播放 HTML5 视频文件的正确 HTML5 元素是：( ). A．<movie> B．<media> C．<video> D．<audio> 答案： 8. 用于播放 HTML5 音频文件的正确 HTML5 元素是：( ). A．<mp3> B．<audio> C．<sound> D．<media> 答案： 9. 在 HTML5 中不再支持 <script> 元素的哪个属性？( ) A．rel B．href C．type D．src 答案： 10. 在 HTML5 中，哪个方法用于获得用户的当前位置？( ) A．getPosition() B．getCurrentPosition() C．getUserPosition() D．position() 答案： 11. 新的 HTML5 全局属性，"contenteditable" 用于：( ). A．规定元素的上下文菜单。该菜单会在用户点击右键点击元素时出现。 B．规定元素内容是否是可编辑的。 C．从服务器升级内容。 D．返回内容在字符串中首次出现的位置。 答案： 12. 在 HTML5 中，contextmenu 和 spellcheck 是( ). A．HTML 属性 B．HTML 元素 C．事件属性 D．样式属性</p><h2>网页设计与开发第2章试卷及答案</h2><p>《网页设计与开发第2章》试卷<br>一、 选择题<br>1．在网页源代码中（）标记必不可少。 A．<html> B． C．<table> D．<br> 答案: A 2．关于 HTML 文件说法错误的是（） 。 A．HTML 文件是一个包含标签的文本文件 B．这些标签告诉浏览器怎样显示这个页面 C．HTML 文件必须以.htm 为扩展名 D．HTML 文件可以用一个简单的文本编辑器创建 答案: C 3. 关于 HTML 文件说法正确的是（） A．HTML 标签都必须配对使用 B．在<title>和标签之间的是头信息 C．HTML 标签是大小写无关的，跟表示的意思是一样的 D．在和标签之间的文本会以加粗字体显示 答案: A 4. 下面针对标记属性声明正确的是（） A．
          B．
          C．
          D．


          答案: A 5. 下面的标记中属于单标记的是（） A． B． C．

          D．
          答案: D 6. 以下标记符中，用于设置页面标题的是（） A ． B．<caption> C．<head> D ．<html> 答案: A 7.用 HTML 标记语言编写一个简单的网页，网页最基本的结构是（） 。 A．<html><head>…</head><frame>…</frame></html> B．<html><title>…… C．…… D ．…… 答案: D 8. HTML 中,表示（） A.正在点击文字的色彩是红色。 B.可链接文字的色彩是红色。 C.非可链接文字的色彩是红色。 D.已链接文字的色彩是红色。 答案: C

          个人网页设计与开发

          个人网站设计与开发 【内容摘要】本设计以个人为研究对象，首先研究了个人需求和开发新的个人网站的可行性；其次，在认真分析了网上个人网页基础和自己对个人网页的见解上开始了网站的设计，明确了网站的结构设计，为网站设计了具体的开发方案。最后实现了一个具有展现个人特色、青春风貌等的个人网站。本网站采用Dreamveaver8为主要编码工具,网站经过调试，能满足在不同的分辨率下有相同的显示效果，网页浏览速度快，功能较完整的特点。 【关键词】个人特色；个人网站；网页设计 1.概述 1.1背景 随着网站技术的发展与普及，很多人开始为自己量身制作一个属于自己的个人网站，通过网站来展示自己的个性、特色。一些大型的网站也提供了个性化的装饰功能。这也是为了迎合人们对个性化的需求，通过建立个人网站来展现自我个性。 1.2可行性分析 （1）技术可行性 由Macromedia公司所开发的著名网站开发工具Dreamweaver8。它使用所见即所得的接口，集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。 （2）需求可行性 个人为展现自我的需求越来越大，个人网站可以满足人们对自我

          展现的需要。 2.设计方案 1设计理念 通过比较艳丽的颜色格调，展现青春的自我。以淡蓝色格调、轻唱悠悠的歌声转入界面到深蓝色背景的主页的格版，显示出每个人的个性。展现不同的自我。在主页中，通过分块的板式设计，在不同的表格中设置一些关于自己的介绍，使得别有一翻滋味。 2设计图 3实施方法 通过CSS+DIV进行版面排版设置，并解决不同分辨率下面的显示问题。

          网页设计与开发第2章试卷及答案

          《网页设计与开发第2章》试卷一、选择题 1．在网页源代码中（）标记必不可少。 A． B． C．

          D．
          答案: A 2．关于HTML文件说法错误的是（）。 A．HTML文件是一个包含标签的文本文件 B．这些标签告诉浏览器怎样显示这个页面 C．HTML文件必须以.htm为扩展名 D．HTML文件可以用一个简单的文本编辑器创建 答案: C 3.关于HTML文件说法正确的是（） A．HTML标签都必须配对使用 B．在和标签之间的是头信息 C．HTML标签是大小写无关的，跟表示的意思是一样的D．在和标签之间的文本会以加粗字体显示 答案: A

          4.下面针对标记属性声明正确的是（） A．

          B．
          C．
          D．
          答案: A 5.下面的标记中属于单标记的是（） A． B． C．
          D．
          答案: D 6.以下标记符中，用于设置页面标题的是（） A ． B． <caption> C． <head> D ．<html> 答案: A 7. 用HTML标记语言编写一个简单的网页，网页最基本的结构是（）。 A．<html> <head>…</head> <frame>…</frame> </html> B．<html> <title>… …

          网页设计与开发第7章试卷及答案

          《网页设计与开发第7章》试卷 一、选择题 1.下列关于表单的说法不正确的一项是（）。 A．表单元素可以单独存在于网页表单之外 B．表单中包含各种对象，例如文本域、列表框、复选框和单选按钮 C．get和post方法是浏览器将表单信息提交给服务器程序的两种主要方法 D．表单由两部分组成：一是描述表单的HTML源代码；二是用来处理用户在表单域中输入的信息的服务器端应用程序客户端脚本 答案: A 2. 下列不是表单域的控件是（）。 A．单行文本框 B．复选框 C．下拉菜单 D．图文框 答案: D 3. HTML语言中表单的作用是（）。 A．显示图像 B．设置超链接 C．收集用户反馈信息 D．显示网页信息 答案: C 4. 有如下一行代码 请问它的功能是（）。 A．创建一个文本框 B．创建一个密码框 C．创建一个文本域

          D．创建一个按钮 答案: A 5.在HTML中，
          ，action表示（）。 A．提交的方式 B．表单所用的脚本语言 C．提交的URL地址 D．表单的形式 答案: B 6.在HTML中，，method表示（）。 A．提交的方式 B．表单所用的脚本语言 C．提交的URL地址 D．表单的形式 答案: A 7.增加表单的复选框的HTML代码是（）。 A． B． C． D． 答案: D 8.增加表单的密码域的HTML代码是（）。 A． B． C． D． 答案: B

          网站设计与开发

          《网站设计与开发》复习资料 试题类型：填空题、判断正误题、名词解释题、简答 第一部分Internet与网页的基础知识 第一章Internet的基础知识 1、什么是Internet？ （1）定义：从网络通信的角度来看，Internet是一个以TCP/IP (Transmission Control Protocol / Internet Protocol)网络协议连接各个国家、地区、领域的计算机网络的数据通信网。从信息资源的角度来看，Internet是一个集各个部门、领域的各种信息为一体，供用户共享的信息资源网络。 （2）组成部分： ①路由器：是Internet的标准设备，具有判断网络地址、选择路径、实现往来互联的功能。通过路由器能够完成向指定网络发送数据的选择过程，实现广域网与局域网的互连； ②TCP/IP协议集：在Internet上，为保证数据安全、可靠地到达指定的目的地，使用的一种专门的计算机语言(协议)。它由两个不同层次的标准组成。IP提供了网络传送信息的规格；TCP建立在IP之上，用以保证信息传送的正确性。 ③局域网：（Local Area Network，LAN）是指在某一区域内由多台计算机互联成的计算机组。一般是方圆几千米以内。局域网可以实现文件管理、应用软件共享、打印机共享、工作组内的日程安排、电子邮件和传真通信服务等功能。局域网是封闭型的，可以由办公室内的两台计算机组成，也可以由一个公司内的上千台计算机组成。 ④广域网：一种用来实现不同地区的局域网或城域网的互连，可提供不同地区、城市和国家之间的计算机通信的远程计算机网。 2、Internet的主要功能： （1）通信，Talk/IRC (网上交谈)、Iphone (Internet电话)、Ipager (Internet E-Mail与Pager 转发)、E-mail等，使用电子邮件通信，速度快、费用低，特别适合国际间通信量大的用户使用； （2）交流，Telnet、FTP、Gopher、News、WWW（超文本信息检索工具）、WAIS (全文检索工具)、Gopher (文本信息检索工具)都是Internet检索和传送信息的良好工具。 第二章网页的基础知识 1、网页的概念 网页是构成WWW最基本的元素，许多网页链接起来就组成了一个网站(或称为Web 站点)。站点的首页（准确地说, 应该是网站展示信息的首页）被称为主页(Homepage)，而这个站点的所有页面，则被称之为网页(Webpage)。主页是一个Web 站点的核心，主页的好坏直接影响到这个站点的访问情况。 2、Internet的工作模式 Internet是以客户机/服务器(Client/Server, C/S)的工作模式进行的。而在客户机端，用户只需用浏览器(Browser)就能轻松地访问世界各地的Internet信息资源。

          相关主题
          相关文档
          最新文档