网页设计与制作简答题.doc

1、简述Web浏览器打开一个Web文件的工作过程。 2、描述网页设计的一般步骤。3、简述网页设计的基本准则。 4、简述规划网站目录结构时应遵循的原则。 5、描述版面布局的步骤。 6、什么是“HTML”？HTML“标记”又是什么？ 7、简述“HTML”文档的基本结构。8、简述以下一段HTML代码中各对标记的作用。htmlheadtitle网页设计/title/headbodyh2北国风光/h2/body/html 9、如何进行本地网页的测试？ 10、网站管理和维护的主要工作有哪些？ 11、什么是Web浏览器?12、简述网页设计中所需要注意的通用规则。13、简述DHTML的概念及主要组成。14、简述使用FrontPage在网页中插入一个日历的过程。15、简述色彩的三原色的概念及每种颜色的调配范围。16、 为什么要采用DHTML技术？客户端动态网页技术有哪些优点？17、 网站栏目划分的原则是什么？18、 XML与HTML相比的主要优点有哪些？19、请简述一下网站的设计流程？20、 简述FireWorks的特点。21、网页制作的步骤是什么？22、怎样让链接没有下划线? 23、怎样在网页中加入多媒体播放? 24、怎样让网页的背景图像不滚动? 25、怎样定义网页的关键字?26、什么是Web浏览器?27、网页上所说的重心平衡指的是什么?28、什么是DHTML？DHTML技术主要由哪几部分组成？29、在CSS中，对字体的的设置所涉及到的属性有哪些？30、用HTML语言回答一个HTML文件应具有的基本结构。31、比较GIF格式和JPG格式的原理与各自的适用范围。32、为什么要采用DHTML技术?客户端动态网页技术有哪些优点?33、简述站点的概念以及虚拟目录和实际目录之间的对应关系。34、什么是Web安全色?35、简述虚拟主机的概念和功能。36、简述Dreamweaver的工作窗口由哪些部分组成。37、在Dreamweaver中，插入图像的方法有哪些？38、在Fireworks中，如何使文字附加于路径？39、在Flash MX中可以创建哪些类型的元件？各元件的含义是什么？40、HTML中标记和标记有何区别? 41、简述在网页中插入背景音乐的方法。 42、怎样在网页中插入Flash影片？ 43、简述设计Web站点的一般步骤。44、简要说明html的基本工作原理。 45、简要说明表格与框架布局的区别。 46、举例说明在网页中使用CSS样式表的三种方式（都使用对p标记符应用color属性为例），并简要分析各自的特点。 47、简要说明使用网页图像时应注意的问题48、简要回答选择符的作用及分类。49、XML的主要特征有哪些？50、FrontPage的主要功能有哪些？51、简答HTML文件的基本标记组成。52、简答Java与JavaScript的主要区别。53、 简述网站的开发流程。（10分）54、 简述静态网页的执行过程。（7分）55、 简述在Dreamweaver MX中制作以插件方式播放音乐的页面的步骤。56、简述网页制作有哪些基本流程。 57、在Dreamweaver MX中，目标端点的链接有哪几种？58、简述在Fireworks中，可以做哪几个方面的环境设置。59、在Flash MX中，帧有哪几种类型？各自的含义是什么？参考答案：1、简述Web浏览器打开一个Web文件的工作过程。 1） Web浏览器向服务器发出页面请求 2） 服务器接收页面请求，并将搜索到的页面发给Web浏览器 3） Web浏览器接收并显示页面 2、描述网页设计的一般步骤。 1) 设计主题 2) 设计网页的总体结构 3) 资料的收集和整理 4) 选择网页的设计方法 5) 注意一些基本问题，如：标题要简明、图片最好加说明等 3、简述网页设计的基本准则。 需要遵循的艺术原则主要有： 1） 对比原则 2） 协调原则 3） 平衡原则 4） 趣味原则。 还包括统一、连贯、分割、对比、和谐、易读、易找、清晰、精选。 4、简述规划网站目录结构时应遵循的原则。 在创建目录时需要注意： （1）不要将所有文件都存放在根目录下。 （2）目录层次不要太深，建议不要超过三层 。 （3）不要使用过长的目录名和尽量不要使用中文目录名。 5、描述版面布局的步骤。 步骤： 1） 绘制网页草图 2） 粗略布局 3） 定案 6、什么是“HTML”？HTML“标记”又是什么？ HTML是一种建立网页文件的语言，透过标记式指令，将影像、声音、图片和文字等连接起来。 在HTML中用于描述功能的符号称为“标记”，它是用来控制文字、图形等显示方式的符号。 7、简述“HTML”文档的基本结构。 HTML网页的基本结构。 HTML文件开始 文件头开始 文件头 文件头结束 文件体开始 文件体 文体结束 HTML文件结束 完整得全分，否则一组标记分 8、简述以下一段HTML代码中各对标记的作用。htmlheadtitle网页设计/title/headbodyh2北国风光/h2/body/html 包括文件开始标记、文件头标记、标题标记、文件体标记、换段标记及相关的一些属性。 9、如何进行本地网页的测试？ 在本地机器上进行测试的基本方法是用浏览器浏览网页，从网站的首页开始，一页一页地测试，以保证所有的网页都没有错误。在不同的操作系统以及不同的浏览器下网页可能会出现不同的效果，甚至无法浏览，就算是同一种浏览器但在不同的分辨率显示模式下，也可能出现不同的效果。解决办法就是使用目前较主流的操作系统（如windows、unix）和浏览器（如microsoft internet explorer 、netscape navigator）进行浏览观察。本地测试的另一项重要工作就是要保证各链接的正确跳转，一般应将网页的所有资源相对于网页“根目录”来进行定位，即使用相对路径来保证上传到远程服务器上后能正确使用。 本地测试还涉及到一些工作如检查网页的大小、脚本程序能否正确运行等。 10、网站管理和维护的主要工作有哪些？ 网站的管理维护主要包括检测网站的错误、保证网站正常运转、处理用户信息、定期更新网页内容和修正网页错误等。网站的管理维护可以使用一些专业的软件来实现。对于公司、企业等单位，尤其是拥有自己服务器的单位，则需要配置专门的网站管理员来管理和维护。11、所谓Web浏览器，是指一个运行在用户计算机上的程序，它负责下载、显示网页，因此也称为WWW客户程序。一旦把Web浏览器指向某个网页，也就意味着要浏览器去查找、下载那个网页。 Web浏览器能将Web文档的HTML编码解释，并显示为在浏览器上所见的Web页面。也就是说，HTML文本可以被由配置了Web浏览器的计算机解释、显示。12、网页设计需要遵从一定的通用规则，必须按照一定的规划、想法来实施。规则一：网站的设计目的决定设计方案；规则二：浏览者的需求应被放在第一位；规则三：页面的有效性；规则四：页面的布局保持统一性；规则五：使用表格和适当的帧结构来设计网页；规则六：谨慎使用图片；规则七：平面设计意识；规则八：减少Java Applet和其他多媒体的使用。13、DHTML就是一种在网页下载到浏览器后能够随时改变网页内容、排版格式以及对页面对象进行操作的技术。一般地，DHT-ML技术主要的组成部分为客户端的脚本程序语言、文档对象模型即DOM、层叠样式表及HTML。14、在菜单栏中选择“插入”“Web组件”一“高级控件”斗ActiveX控件”，在弹出的对话框中选择“Calendar控件9o后，单击“确定”按钮即可。15、所有的色彩都可以通过三原色调配出来，电脑屏幕的色彩就是由RGB(红、绿、蓝)3种色光合成的，只要对红、绿、蓝三种基色的含量进行配比，就可以调配出其他的颜色。每种颜色可调配的范围从0255共计256个色阶。如果用十六进制表示，就是00FF。16、 答案：DHTML主要由4种主要技术组成，各个部分的名称及功能如下： (1)HTML 4.0：HTML4.0包括许多增强特性，如大表格的分段显示，带有固定标题的可以滚动的表格，以及对长表格打印的更好支持。对HTML格式的增强侧重于使这些格式更灵活。 (2)CSS：CSS控制用XML或HTML语言编写的文档的显示、CSS可以使页面布局和格式比HTML更精确。 (3)DOM：文档对象模型(Document Object Model)，它为HTML文档定义了一个与平台无关的程序接口。使用该接口可以控制文档的内容、结构和样式，Web开发人员借助DOM可以在其Web页中引入动态和交互式内容，而不必依赖于Web服务器来提供新的内容或改变现有内容的显示方式。(4)脚本语言：目前广为流行的JavaScript是由Netscape公司开发的一种脚本语言，其结构简单，使用方便，易学易懂。它的代码可以直接嵌入HTML文档之中，无需编译就可在支持JavaScript的浏览器中解释运行。 17、答案：在划分栏目时需要注意的是：*尽可能删除与主题无关的栏目。*尽可能将网站最有价值的内容列在栏目上。*尽可能方便访问者的浏览和查询。 18、 答案：XML的诞生是在HTML遇到不可克服的困难之后。XML有利于信息的表达和结构化组织，从而使数据搜索更有效；XML可以使用URL别名使Web的维护更方便，也使Web的应用更稳定；XML可以使用数字签名使Web的应用更广阔拓展到安全保密领域。可以认为未来的Web书写工具必定是XML。而XML的广泛使用必然能推动Web不断发展，从而开创Web应用的新时代。XML设计的初衷是作为一种广泛应用于Internet的标记语言，但这并不意味着XML将一定会对Web进行革命，或者XML就只能在Web上应用。最终，XML可以成为一条把许多应用联系在一起的纽带，通过分布式应用来处理数据。虽然HTML的格式化页面功能非常有用，但是我们仔细考虑过这个问题之后会发现Web站点只不过是比打印的或传真的资料有用罢了。尽管可以从一个Web浏览器剪切(cut)或粘贴(paste)信息，然而XML却向我们展示了一幅前景可重复使用的页面内容。使用适当的支持应用程序，一个用户可以从一个文档提取XML数据，把它们放在他们自己的私有数据存储处，使得以后操作这些信息更为容易。这些信息可以包含站点地图、价格清单、产品信息，或是可以被表示为文本的几乎任何一种数据。基于内容的XML标志还增强了搜索能力，使得代理商和搜索引擎能把数据分类，而不会把精力浪费在基于内容的全文本搜索上。同时，XML的使用不仅仅限于Web页面。XML具有作为一种通用变换格式的潜力，使得不同种类的应用程序之间也能方便地交换数据。XML浏览器是XML的主要入口，它允许使用者能自由地阅读XML文档，但浏览器还仅仅是开始。XML为应用程序，甚至为基于极为不同的系统之上的应用程序之间的交流打开了方便之门。只要应用程序能(通过HTTP，文件共享或其他机制)共享数据，并拥有一个XML语法分析器，它们就可以很容易共享各种信息。异构数据库之间可以交换表格数据，商业应用程序之间可以交换更新信息，文档系统之间可以共享信息。 19、答案：整个站点设计流程大体分为八个部分： (1)初始商讨：主要收集该站点核心的关键信息，确定包括站点的目标用户、要发布的内容及开发web服务器平台。 (2)构思：设计师根据收集的信息，开始构思站点内容的组织、栏目的设置、页面的基本结构等等。通常，站点开发人员要把这些构思用方案的形式呈现给顾客，这个方案要包括整个网站的结构、不同的布局设计及导航方式。 (3)综合内容：页面设计师开始制作一些初始页面图样，这些图样可用Photoshop等程序来创建，然后，设计师将配以文字的图样打印出来与顾客反复讨论，修改。 (4)页面布局和导航：一旦客户同意了这些综合内容，页面设计师就开始编制Web页面，站点导航也被编制到页面中，让客户看到页面初始效果。 (5)图形制作：如果客户同意了站点的外观设计，网页设计师将大量制作所需的图形，并进行图形优化。 (6)内容流程：利用各种网页技术(如 CSS，Java，Flash等)，把客户的书面材料和相关图形有机地集成在一起。 (7)测试：在站点被提交客户之前，站点开发人员要彻底测试每个Web页面和链接，并进行修补、恢复。(8)验收交付：一旦开始验收工作，客户要对站点进行大量的测试，找出排版和内容方面的错误，同时反馈给站点开发人员进行必要的修改，在做完了必要的修正后，可以开始向外界宣传站点，正式启用站点。 20、答案：(1)活效果； (2)自动应用纹理和填充效果；(3)完整的文本控制组件；(4)文件导出预览；(5)批处理过程；(6)图像映射；(7)实例级按钮元件编辑；(8)制取切片；(9)与Macromedia Dreamweaver MX的兼容性。21、答：网页制作的基本步骤是：（1）根据要求确定网站内容。（2）规划网站栏目。（3）确定网页尺寸与版面布局。（4）确定网站配色与风格。（5）收集网页所用素材。（6）利用软件制作网页。（7）测试和发布网站。22、只要在Head/Head中加入以下代码，所有链接就都没有下划线了： style type=text/css !- a：linktext-decoration:none; a: hovertext-decoration:underline - /style。 23、有些多媒体文件无需其他程序就可以播放， 而有许多多媒体文件需要外部程序才能播放。如果浏览器没有安装这种外部程序，那么浏览器会自动去下载。要加入多媒体格式,可加入如下代码： EMBED SRC=多媒体文件名 AUTOSTART=TRUE 24、Internet Explorer 浏览器支持一个 Body 属性 bgproperties，它可以让背景不滚动，语句格式为： Body Background=图片文件 bgproperties=fixed 25、在网页中加入关键字,可以供某些搜索引擎使用,它们会利用该关键字为你的网站做索引， 这样，当别人用关键字搜索网站时，如果你的网页包含该关键字，那么就可以被列出了。定义网页关键字，可以在Head/Head中加入如下代码： meta name=Keywords content=china,enterprise,business,net Content 中所包含的就是关键字,你可以自行设置。26、所谓Web浏览器是一个运行在用户计算机上的程序，(2分)它负责下载、(1分)显示网页，(1分)因此也称为WWW客户程序。(1分)27、指网页上各种元素分布的协调程度。(5分)28、DHTML就是一种在网页下载到浏览器后能够随时改变网页内容、排版格式以及对页面对象进行操作的技术。(2分)一般地，DHTML技术主要的组成部分为客户端的脚本程序语言、(1分)文档对象模型即DoM、(1分)层叠样式表(1分)及HTML。(注：组成部分中HTML不含也可以，前三部分各1分)。29、涉及到的属性有字形(font-family)、(2分)字体大小(font-size)、(1分)字体效果(fontstyle)、(1分)文字的粗细(font-weight)o(1分)30、HTML文件开始 文件头开始(2分)文件内容 文件头结束 文件体开始(2分)文件体内容 文件体结束 HTML文件结束(1分)31、有一个非常简单的原则来判断应该采用哪种文件存储格式：如果是自己设计的线条简单、色彩种类比较少的图形，或者是制作透明图形、制作动画，那么就用GIF格式。因为GIF文件能够做动画，而且它的压缩算法是通过精简色彩集来实现的；如果需要在网页上放置一幅照片，或者是处理过的照片，那么就使用JPEG文件格式，因为JPEG的压缩算法对包含有复杂的颜色的图片很有效。 在GIF格式中最多允许有256色，而JPEG则没有这个限制，且可以显示所有的RGB颜色。RGB颜色在一般的个人电脑上可以从000000FFFFFF，也就是所谓的24位真彩色，它共有256256256=16777216种不同的色彩。而GIF的颜色只用8位表示，所以其色彩范围为00FF，只能显示256种颜色。 在使用彩色照片时，由于彩色照片属于连续色调的图像，因此它所包含的颜色数目一般远远大于256色。如果把它保存为GIF格式的文件，将不能把这些颜色都显示出来。GIF的原理是先为所有的颜色建立一个索引，然后选择其中256种最常见的颜色进行显示，因此GIF用来处理高清晰度照片是不合适的。 如果颜色数目少于256色，保存为真彩色的图像就会造成浪费，因为在保存为真彩色J PEG的过程中，对每一个像素点，都要建立颜色信息，这样就会有大量的颜色信息是重复的，图片文件自然就会增大了。而GIF与JPEG不同，如前面所述，它首先在GIF文件头部建立一个颜色索引表，然后仅仅保存各像素点对应的颜色索引号。当软件在显示这个文件时，首先要 对GIF图像进行解码，就会按照索引号在表中寻找对应的颜色。因此在保存简单颜色的图像时，GIF大量采用索引，就比JPEG直接存储各点的颜色信息节省得多。32、DHTML主要由4种主要技术组成，各个部分的名称及功能如下： (1)HTMl。40：HTML40包括许多增强特性，如大表格的分段显示，带有固定标题的可以滚动的表格，以及对长表格打印的更好支持。对HTML格式的增强侧重于使这些格式更灵活。 (2)CSS：CSS控制用XML或HTML语言编写的文档的显示、CSS可以使页面布局和格式比HTML更精确。 (3)DOM：文档对象模型(Document ObjectModel)，它为HTML文档定义了一个与平台无关的程序接口。使用该接口可以控制文档的内容、结构和样式，Web开发人员借助DOM可以在其Web页中引入动态和交互式内容，而不必依赖于Web服务器来提供新的内容或改变现有内容的显示方式。(4)脚本语言：目前广为流行的JavaScript是由Netscape公司开发的一种脚本语言，其结构简单，使用方便，易学易懂。它的代码可以直接嵌入HTML文档之中，无需编译就可在支持JavaScript的浏览器中解释运行。33、站点(Site)是一个各种媒体的集合的抽象概念，有时也被翻译为“站台”。在物理上它可能是一个有许多子目录的大目录，但是站点的许多媒体也可能分布在其他各个不同的物理位置上。Web服务器通常以站点为单位来组织要发布的信息。在站点的概念之下，还有一个虚拟目录的概念。虚拟目录就是为了组织位于不同物理位置上的信息文件而设计的概念。每一个站点都有一个自己的根目录，这个目录实际上对应着一个物理上的实际存储位置。在Web站点系统中，虚拟目录的名称被称为文件系统物理目录的别名，比如文件系统中的物理目录C：Inter-Pub，其在C：InterPub下有两个子目录，分别为A和Bl。而在Web站点的根目录下有三个虚拟子目录，分别为A、B和C。其中虚拟目录A被设为直接对应物理目录：C：InterPubA，而虚拟目录B的名称B则是对应物理目录C：InterPubB2的别名，虚拟目录C则位于对应另外一个不在与其他两个目录相同的物理子目录的位置：D：temp。因此，通过虚拟目录可以把分布在不同物理位置的资源组合起来创建一个Web站点。但是一般来说，Web站点是建立在一个物理目录下的。34、Web安全色是由于浏览器在显示各种颜色时是有选择的，如果没有其他外挂相应的图像处理接口程序的话，它只能选择其中的216种进行显示。无论是Red(00FF)、Green(00FF)颜色通道，或是Blue(00FF)对任意一通道，都采用一种“跳跃”的方式进行颜色编码，即R，G，B都只能在00FF之间的跳跃取值。这些跳跃显示的色彩被称为Web安全色，意义是在任何浏览器上都能够正确显示。 35、虚拟主机就是使用特殊的软硬件技术，把一台运行在因特网上的服务器分成多台“虚拟”的主机。 每一台虚拟主机都具有独立的域名和IP地址，具有完整的Internet服务器(WWW、FTP、E-mail)功能。虚拟主机之间完全独立，并可由用户自行管理。36、答：Dreamweaver MX的工作窗口由标题栏、菜单栏、工具栏、“属性”面板、文档窗口、浮动面板等部分组成。37、答：在Dreamweaver中插入图像的方法有：按【Ctrl+Alt+I】组合键，或单击“插入”|“图像”命令，直接插入图像或用占位符插入图像。38、答：在Fireworks中，选取工具箱中的箭头工具，然后按住【Shift】键的同时依次单击文本和路径，将其一起选中，接着单击“文本”|“附加到路径”命令即可。39、答：在Flash中，可以创建影片剪辑、按钮和图形元件三种。其中，影片剪辑元件也就是一段Flash动画，它可独立于主动画进行播放；按钮元件是用于控制动画的交互控制元件，可以响应鼠标的单击或滑过等事件；图形元件是静态的元件，可反复应用于影片剪辑、按钮或场景动画中。40、标记为换行，上下行之间无空行；标记为插入段落，上下行之间有空行。 41、使用【窗口】菜单/【标签检查器】命令，打开标签面板，选择“行为”选项卡，单击”+”，选择【播放声音】命令，打开插入声音文件对话框，选择一个声音文件。 42、“插入”菜单“媒体”“Flash”，选择一个Flash影片文件，选中Flash影片文件，在属性面板中设置Flash影片文件的属性。 43、(1)对Web站点作出具体的规划 (2)准备Web站点的素材 (3)创建 Web站点和制作网页 (4)测试Web站点 (5)发布Web站点 (6)宣传自己的Web站点 (7)对Web站点进行维护和更新44、HTML是用来表示Web文档的规范，是用于Web文档的格式化语言。HTML通过标记来标记要显示的网页中的各个部分，以通知Web浏览器应该如何显示网页，即确定网页内容的格式。浏览器按照顺序阅读HTML文件，然后浏览器根据内容附近的HTML标记来解释和显示内容，这个过程称为语法分析。例如，如果为某段文字添加了标记，浏览器将会以粗体字显示这段文字。 45、(1)、表格是在同一个网页中将页面划分为不同区域； (2)、框架是在同一个浏览器窗口中显示多个网页； (3)、框架可以通过指定超链接的目标框架获得交互式的布局效果。 46、(1)、在标记符中直接嵌套样式信息，例如，p红色显示的段落文本；优点是可以单独指定特定部分的样式，缺点是不利于维护。 (2)、在style标记符中指定样式信息，例如 pcolor:red 优点是能对单独网页进行很好的格式控制和维护，缺点是不利于多个网页的维护。 (3)、链接外部样式表中的样式信息，例如，在当前网页目录中包括以下mycss.css文件：pcolor:red。然后在网页中用以下代码。 优点是利于维护多个网页，缺点是不利于控制单独页面中的个别部分。 47、(1) 少而精 （2）制作低分辨率图像，加快页面的下载时间。 （3）加入图片的替代文字，也就是图片的说明。48、选择符作用在于定义CSS的名称，以便引用。 在CSS中主要有三种选择符：（1）超文本标