网页设计与制作试题与html代码

2.2.3字型设置标记功能：设置文字的风格，如黑体、斜体、带下划线等，这是一组标记，它们可以单独使用，也可以混合使用产生复合修饰效果。常用的标记有以下一些：<B>…</B>：文字以粗体显示。<I>…</I>：文字显示为斜体。<U>…</U>：显示下划线。<STRIKE>…</STRIKE>：删除线。<BIG>…</BIG>：使文字大小相对于前面的文字增大一级。<SMALL>…</SMALL>：使文字大小相对于前面的文字减小一级。<SUP>…</SUP>：使文字成为前一个字符的上标。<SUB>…</SUB>：使文字成为前一个字符的下标。<BLINK>…</BLINK>：使文字显示为闪烁效果。<TT>…</TT>：以等宽体显示西文字符。<CITE>…</CITE>：输出引用方式的字体，通常是斜体。<EM>…</EM>：强调文字，通常用斜体加黑体。<STRONG>…</STRONG>：特别强调的文字，通常也是斜体加黑体。注：有些标记的效果必须在动态环境下才能显示，例如<BLINK>标记。【例2-4】字型设置标记的应用。例如单标记<HR>表示在文档当前位置画一条水平线，一般是从窗口中当前行的最左端一直画到最右端，它可以带这么一些属性：<HRsize=“3”align=“LEFT”width=“75%”>。功能：设置网页中普通文字的显示效果。格式：<FONTface=“字体”size=“字号”color=“颜色”>文字</FONT>。格式：<Hnalign=“对齐方式”>标题内容</Hn>。属性：n表示标题字号的级别，可以是1～6之间的任意整数，数字越小，字号越大。段落标记功能：设置文章段落的开始和结束。浏览器在解释HTML文档时，会自动忽略文档中的回车、空格以及其他一些符号，所以在文档中输入回车，并不意味着在浏览器内将看到一个不同的段落，当需要在网页中插入新的段落时，可以使用段落标记，它可以将标记后面的内容另起一段。格式：<Palign=“水平对齐方式”>…</P>。强制换行标记功能：另起一行显示文字。格式：<BR>插入水平线标记功能：在页面上画横线，可用于页面上内容的分割。格式：<HRwidth=“value1”size=“value2”align=“value3”color=“color1”noshade>1．无序列表功能：设置无序列表。格式：<ULtype=“加重符号类型”><LItype=“加重符号类型”>列表项目1<LItype=“加重符号类型”>列表项目2属性：在无序列表的开始和结束处，分别是<UL>和</UL>标记，每一项列表条目之前必须加上<LI>标记。type属性表示在每个项目前显示加重符号的类型，共有三种选择：type=“disc”时，列表符号为“●”（实信圆），type=“circle”时，列表符号为“○”（空心圆），type=“square”时，列表符号为“■”（实心方块）。<UL>和<LI>标记都可以定义type参数，使得在一个列表中，不同的列表项目可以用不同的列表符号，但一般情况下不要这样设置。2．有序列表功能：设置有序列表。格式：<OLtype=“序号类型”start=“起始号码”><LItype=“序号类型”>列表项目1<LItype=“序号类型”>列表项目2……</OL>。属性：在有序列表的开始和结束处，分别是<OL>和</OL>标记，每一项列表条目之前必须加上<LI>标记。type属性表示在每个项目前显示的序号类型，其值可以为1（阿拉伯数字）、A（大写英文字母）、a（小写英文字母）、I（大写罗马字母）、i（小写罗马字母）。start用于设置编号的开始值，默认值为1，<LI>标记设定该条目的编号，其后的条目将以此作起始数目逐渐递增。说明：无序列表和有序列表可以嵌套，产生缩进的、有层次的列表项目。【例2-9】有序列表标记的应用。功能：在页面中制作文字滚动的效果。格式：<MARQUEEbehavior=“value”bgcolor=“color”direction=“value”height=“value”width=“value”loop=“value”scrollamount=“value”scrolldelay=“value”hspace=“value”vspace=“value”>滚动文字</MARQUEE>。属性如下。（1）behavior：设置文字滚动方式。共有三种滚动方式供选择：behavior=“alternate”时，文字将交替进行滚动；behavior=“scroll”时，文字将循环往复滚动；behavior=“slide”时，文字将只进行一次滚动。（2）bgcolor：为滚动文字添加背景颜色。（3）direction：设置文字滚动的方向，value的取值可以为up、down、left和right四种，分别表示滚动文字的方向向上、向下、向左和向右。（4）height和width：设置文字滚动的区域，取值为点数或相对于窗口的百分比。（5）loop：设置文字滚动的循环次数。默认值为-1，-1表示无限次循环次数。（6）scrollamount：调整文字滚动的速度，数值越大速度越快。（7）scrolldelay：设置在每一次滚动的间隔产生一段时间的延迟，数值越大延迟越长。（8）hspace和vspace：设置文字滚动的水平垂直空间。<IMG>的图像标记功能功能：在当前位置插入图像。格式：<IMGsrc=“image-URL”alt=“简单说明”longdesc=“详细说明”width=“x”height=“y”border=“边框长度”hspace=“x”vspace=“y”align=“对齐方式”>。<IMG>的视频标记功能利用<IMG>还可以变相的插入视频功能：在网页中加入视频信息，格式一般为*.AVI。格式：<IMGsrc=“image-URL”dynsrc=“avi-URL”loop=“n”start=“开始时间”controlsloopdelay=“时间间隔”>。2.3.2背景音乐标记功能：在网页中加入声音，声音文件格式可以为*.wav或*.mid。格式：<BGSOUNDsrc=“声音文件的URL地址”loop=“value”>。属性：src指明声音文件的URL地址。loop控制播放次数，取-1或INFINITE时，声音将一直播放到浏览者离开该网页为止。2.3.3多媒体标记功能：在页面中放置如SWF动画（即Flash动画）、MP3音乐、电影等多种多媒体内容。格式：<EMBEDsrc=“file_URL”height=“value”width=“value”hidden=“hidden_value”autostart=“auto_value”loop=“loop_value”></EMBED>属性如下。（1）src：指明多媒体文件所在的路径，可以插入的常见的多媒体文件包括SWF动画、MP3音乐、MPEG格式的视频和AVI格式的视频。功能：建立超链接。格式：<Ahref=“file-URL”target=“value”>显示的文本或图像</A>。2.5HTML的表格标记表格可以将文本和图像按一定的行和列规则进行排列，以便更好地表示长信息，有利于快速查找信息。表格内的格子称为单元格。表格标记对于制作网页是很重要的，现在很多网页都使用多重表格，主要是因为表格不但可以固定文本或图像的输出，而且还可以任意的进行背景和前景颜色的设置，使页面有很多意想不到的效果，使页面更加整齐美观。表格标记的构成如下：功能：建立基本表格。格式：<TABLEsummary=“文字”bgcolor=“color1”background=“Image-URL”border=“n”bordercolor=“color2”width=“x或x%”height=“x或x%”align=“LEFT/RIGHT/CENTER”><CAPTIONalign=“TOP/BOTTOM/LEFT/RIGHT”>表题（表格说明）</CAPTION><TR><TH>表头1</TH><TH>表头2</TH>……….<TH>表头n</TH></TR><TR><TD>表项1</TD><TD>表项2</TD>……….<TD>表项n</TD></TR><TR><TD>表项1</TD><TD>表项2</TD>……….<TD>表项n</TD></TR>……</TABLE>。（1）<TABLE></TABLE>标记对用来创建一个表格。<CAPTION>…</CAPTION>表示对表格标题的说明<TR>…</TR>定义行，该标记中的内容显示在一行，此标记对只能放在<TABLE></TABLE>标记对之间使用，而在此标记对之间加入文本将是无用的，因为在<TR></TR>之间只能紧跟<TD></TD>标记对才是有效的语法；<TD></TD>标记对用来创建表格中一行中的每一个格子，此标记对也只有放在<TR></TR>标记对之间才是有效的，输入的文本也只有放在<TD></TD>标记对中才有效。（4）<TH>…</TH>用来设置表格头，表头的每一列需用一个<TH>标记，通常是黑体居中文字。（5）<TD>…</TD>用来定义表格内容的一列，与<TH>的区别是内容不加黑显示。说明：（1）<TABLE>中bgcolor、background、align、height、width等属性可以放在TD标记中，作为单元格的属性。（2）一行的开始表示前一行的结束，一列的开始表示前一列的结束，所以<TR>、<TH>、<TD>均可以作单标记使用。（3）<TH>标记还可以用于每行的第一列，设置列标题。（4）<CAPTION>、<TH>、<TD>标记之间可以嵌套其他格式标记，如<P>、<FONT>等。（5）单元格内容可以是文字，也可以是图像。（6）表格可以嵌套，通过表格嵌套可以产生复杂的表格。（7）<TR>还有align和valign属性。align是水平对齐方式，取值为LEFT(左对齐)、CENTER(居中)、RIGHT(右对齐)；而valign是垂直对齐方式，取值为TOP(靠顶端对齐)、MIDDLE(居中间对齐)或BOTTOM(靠底部对齐)。1．表单标记<FORM>2．输入标记<INPUT>输入标记<INPUT>是表单中最常用的标记之一。该标记用来定义一个输入区，可在其中输入信息，此标记必须放在<FORM></FORM>标记对之间。格式：<INPUTname="field＿name"type="type＿name">。3．菜单和列表标记<SELECT>和<OPTION>文本框标记<TEXTAREA><TEXTAREA></TEXTAREA>表示创建一个可以输入多行的文本框，可以在其中输入更多的文本，此标记对放在<FORM></FORM>标记对之间。格式：<TEXTAREAname="name"rows="value"cols="value"></TEXTAREA>1．框架集标记<FRAMESET>框架主要包括两个部分，一个是框架集，另一个就是框架。框架集是在一个文档内定义的一组框架结构的HTML网页。框架集定义了在一个窗口中显示的框架数、框架的尺寸、载入到框架的网页等。而框架则是指在网页上定义的一个显示区域。在使用了框架集的页面中，页面的<BODY>标记被<FRAMESET>标记所取代，然后通过<FRAME>标记定义每一个框架。功能：定义分割窗口，用来定义主文档中有几个框架并且各个框架是如何排列的。格式：<FRAMESETcols="value，value，…"rows="value，value，…"framespacing="value"bordercolor="Color＿value">…</FRAMESET>。属性如下。（1）cols：左右分割窗口（用“，”分割，value为定义各个框架的宽度值，单位可以是百分数、绝对像素值或星号(“*”)，其中星号表示剩余部分）。（2）rows：上下分割窗口（用“，”分割，value为定义各个框架的宽度值，单位可以是百分数、绝对像素值或星号(“*”)，其中星号表示剩余部分）。（3）framespacing：设定框架集的边框宽度。（4）bordercolor：设定框架集边框颜色。框架标记<FRAME>一、选择题（每题3分，共45分）1、可以通过（）文本框设置单元格内容和单元格边界之间的像素数。A:填充B:间距C:边框D:宽和高2、将鼠标指针移动到表格上面，当鼠标指针呈（）形状时，单击便可选中表格。A:网格图标B:十字C:双箭头D:空心箭头3、在一个网站中，路径的表示方式一般有（）。A:绝对路径、根目录相对路径B:绝对路径、根目录绝对路径C:绝对路径、根目录相对路径、文档目录相对路径D:绝对路径、根目录绝对路径、文档目录相对路径4、若要编辑Dreamweaver8站点，可采用的 方法 快递客服问题件处理详细方法山木方法pdf计算方法pdf华与华方法下载八字理论方法下载 是（）。A:执行菜单“站点”/“管理站点”命令，然后选择一个站点，单击“编辑”B:在“文件”面板中，切换到要编辑的站点窗口中，双击站点名称C:执行菜单“站点”/“打开站点”命令，然后选择一个站点D:在“属性面板”中进行站点的编辑5、如果要使浏览器不显示表格边框，应将“边框粗细”设置为（）。A:1B:2C:3D:06、以下扩展名中不表示网页文件的是（）A、.htmB、.htmlC、.aspD、.txt7、构成WEB站点的最基本的单位是（）A、网站B、主页C、网页D、文字8、网页最基本的元素是（）A、文字与图像B、声音C、超链接D、动画9、在进行网站 设计 领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计 时，属于网站建设过程规划和准备阶段的是（）A、网页制作B、确定网站的主题C、后期维护与更新D、测试发布10、Dreamweaver是（）软件A、图像处理B、网页编辑C、动画制作D、字处理11、在网站整体规划时，第一步要做的是（）A确定网站主题B选择合适的制作工具C搜集 材料 关于××同志的政审材料调查表环保先进个人材料国家普通话测试材料农民专业合作社注销四查四问剖析材料 D制作网页12、链接到同一网页的超链接，又称为（）。A．绝对超链接B．相对超链接C．邮件超链接D．锚点超链接13、要想在新的浏览器窗口中打开链接页面，应将链接对象的“目标（target）”属性设为（）A．_parentB．_blankC．_selfD．_top14、“HTTP”的中文含义是（）。A、文件传输协议B、超文本传输协议C、顶级域名网址D、以上都不是15、下面说法错误的是()A.规划目录结构时，应该在每个主目录下都建立独立的images目录B.在制作站点时应突出主题色C.人们通常所说的颜色，其实指的就是色相D.为了使站点目录明确，应该采用中文目录二、填空题（每空3分，共45分）1、网页通常可分为静态网页和。2、静态网页的后缀名通常为和。3、是一个网站或站点的第一个网页，是网站的门面。4、通常所说的“网页制作三剑客”指美国Macromedia公司推出的DreamWeaver、和FireWorks网页设计软件。5、确定站点的_________是建立网站时首先应该考虑的问题。6、表格的宽度可以用像素和两种单位来设置。7、网页文件中，能起到动画效果的图形格式是。8、通过的方式可以使各个网页之间联接起来，使网站中众多的页面构成一个有机整体，使访问者能够在各个页面之间跳转。9、在Dreamweaver文档窗口中有三个视图，它们分别是、拆分视图和视图。10、网页其实是用超文本标记语言（HyperTextMarkupLanguage）编写的，超文本标记语言的英文简称。11、Web页中通常使用的图像文件格式为、和。三、简答题（每题10分）1、网页制作的步骤是什么？附：参考答案一、1、A2、C3、C4、A5、D6、D7、C8、A9、B10、B11、A12、D13、B14、B15、D二、1、动态网页2、.htm.html3、主页（或首页）4、FLASH5、内容或主题6、百分比7、GIF8、超链接9、代码视图设计视图10、HTML11、JPGGIFPNG三、答：网页制作的基本步骤是：（1）根据要求确定网站内容。（2）规划网站栏目。（3）确定网页尺寸与版面布局。（4）确定网站配色与风格。（5）收集网页所用素材。（6）利用软件制作网页。（7）测试和发布网站。《网页设计与制作》期末考试试题一、单项选择题(本大题共30小题，每小题2分，共60分)1、目前在Internet上应用最为广泛的服务是()。A、FTP服务B、WWW服务C、Telnet服务D、Gopher服务2、域名系统DNS的含义是()。A、DirectNetworkSystemB、DomainNameServiceC、DynamicNetworkSystemD、DistributedNetworkService3、主机域名center.nbu.edu.cn由四个子域组成，其中()子域代表国别代码。A、centerB、nbuC、eduD、cn4、当阅读来自港澳台地区站点的页面文档时，应使用的正确文本编码格式是()。A、GB码B、Unicode码C、BIG5码D、HZ码5、当标记的TYPE属性值为()时，代表一个可选多项的复选框。A、TEXTB、PASSWORDC、RADIOD、CHECKBOX6、为了标识一个HTML文件开始应该使用的HTML标记是()。A、<table>B、<body>C、<html>D、<a>7、在客户端网页脚本语言中最为通用的是()。A、javascriptB、VBC、PerlD、ASP8、在HTML中，标记的Size属性最大取值可以是()。A、5B、6C、7D、89、在HTML中，单元格的标记是()。A、<td>B、<span>C、<tr>D、<body>10、在DHTML中把整个文档的各个元素作为对象处理的技术是()。A、HTMLB、CSSC、DOMD、Script(脚本语言)11、下面不属于CSS插入形式的是()。A、索引式B、内联式C、嵌入式D、外部式12、在网页中最为常用的两种图像格式是()。A、JPEG和GIFB、JPEG和PSDC、GIF和BMPD、BMP和PSD13、如果站点服务器支持安全套接层(SSL)，那么连接到安全站点上的所有URL开头是()。A、HTTPB、HTTPSC、SHTTPD、SSL14、在HTML中，要定义一个空链接使用的标记是().A、<ahref=”#”>B、<ahref=”?”>C、<ahref=”@”>D、<ahref=”!”>15、对远程服务器上的文件进行维护时，通常采用的手段是()A、POP3B、FTPC、SMTPD、Gopher16、下列Web服务器上的目录权限级别中，最安全的权限级别是()A、读取B、执行C、脚本D、写入17、用Fireworks切割图形时，需要的工具是（）A、裁剪B、选取框C、切片D、自由变形18、Internet上使用的最重要的两个协议是()A、TCP和TelnetB、TCP和IPC、TCP和SMTPD、IP和Telnet19、body元素用于背景颜色的属性是（）A、alinkB、vlinkC、bgcolorD、background20、下面说法错误的是()A、规划目录结构时，应该在每个主目录下都建立独立的images目录B、在制作站点时应突出主题色C、人们通常所说的颜色，其实指的就是色相D、为了使站点目录明确，应该采用中文目录21、在Dreamweaver中，最常用的表单处理脚本语言是().A、CB、JavaC、ASPD、JavaScript22、在DreamweaverMX中，想要使用户在点击超链接时，弹出一个新的网页窗口，需要在超链接中定义目标的属性为()A、parentB、_bankC、_topD、_self23、网页制作技术不可以实现由一个文件控制一大批网页()A、CSS文件B、库C、模板D、层24、查看优秀网页的源代码无法学习().A、代码简练性B、版面特色C、网站目录结构特色D、Script程序25、在网页制作过程中，LOGO的 标准 excel标准偏差excel标准偏差函数exl标准差函数国标检验抽样标准表免费下载红头文件格式标准下载 尺寸为()Pixels.A、468*60B、80*31C、88*31D、150*6026、客户机可向服务器按MINE类型发送和接收信息，客户机使用()请求方式表示要求服务器发送文件头消息.A、SMTPB、GETC、HEADD、POST27、在色彩的RGB系统中，32位十六进制数000000表示的颜色是().A、黑色B、红色C、黄色D、白色28、Flash中，与位图相比，矢量图形的优点是（）A、变形、缩放不影响图形显示质量B、丰富多彩C、图像所占空间大D、图像质量好29、网页代码第一行<%@language=”Vbscript”%>，说明此页是：A、HTMLB、PHPC、ASPD、VBSCRIPT30、不论是网络的安全保密技术，还是站点的安全技术，其核心问题是().A、系统的安全评价B、保护数据安全C、是否具有防火墙D、硬件结构的稳定答案1.B2.B3.D4.C5.D6.C7.A8.C9.A10.C11.A12.A13.B14.A15.B16.A17.C18.B19.C20.D21.D22.B23.D24.C25.C26.D27.A28.A29.C30.A二、简答题(每小题8分，共40分)31、简述建设一个网站的一般过程。32、简述gif，jpg，swf，psd文件的特点和用途。33、Asp与JavaScript有什么区别。34、论述网页设计中所需要注意的通用规则。35、简述浏览器从www.334600.com打开index.htm的工作过程。简答题要点:31.(1)申请域名(2)购买空间(3)制作网页(4)上传管理32.gif动态格式小图形jpg压缩比大大图形swfflash动画格式动态页面psd可保留分层信息，便于修改photoshop源文件33.asp是服务器代码javescript是客户端代码34.首先，网站的设计目的决定 设计方案 关于薪酬设计方案通用技术作品设计方案停车场设计方案多媒体教室设计方案农贸市场设计方案 .其次，浏览者的需求要放在第一位.另外还需要注意页面的有效性.页面的布局要保持统一.使表格和适当的帧结构来设计网页.要谨慎使用图片.要有平面设计意识.同时减少JavaApplet和其他多媒体的使用.35.(1)浏览器向DNS获取www.334600.com的IP地址(2)浏览器与IP地址建立TCP连接，端口为80;(3)浏览器执行HTTP协议，发送GETindex.htm命令，请求读取该文件;(4)服务器返回index.htm文件代码到客户端;(5)解释此页面，显示出页面内容.网页设计一、单选题1．“常用”面板中的“图像”按钮，在_____区域中。A．插入面板B．属性面板C．面板组D．菜单栏2．_____在面板组中。A．CSSB．文件C．属性面板D．框架3．在表单中允许用户从一组选项中选择多个选项的表单对象是_____。A．单选按钮B．列表/菜单C．复选框D．单选按钮组4．超级链接主要可以分为文本链接、图像链接和_____。A．锚链接B．瞄链接C．卯链接D．瑁链接5．CSS表示_____。A．层B．行为C．样式表D．时间线6．能够设置成口令域的_____。A．只有单行文本域B．只有多行文本域C．是单行、多行文本域D．是多行文本标识7．为了标识一个HTML文件应该使用的HTML标记是_____。A．《p》《/P》B．《body》《/body》C．《html》《/html》D．《table》《/table》8．超级链接是一种_____的关系。A．一对一B．一对多C．多对一D．多对多9．在下面的描述中，不适合于JavaScript的是_____。A．基于对象的B．基于事件的C．跨平台的D．编译的10．_____技术把网页中的所有页面元素看成是对象，能让所有页面元素对事件做出响应。A.HTMLB．CSSC．DOMD．XML11．HTML代码《imgsrc=“name”》表示_____。A．添加一个图像B．排列对齐一个图像C．设置围绕一个图像的边框的大小D．加入一条水平线12．Dreamweaver的文本菜单中，Style→Underline表示_____。A．从字体列表中添加或删除字体B．将选定文本变为粗体C．将选定文本变为斜体D．在选定文本上加下划线13．《framesetcols=#》是用来指定_____。A．混合分框B．纵向分框C．横向分框D．任意分框14．Dreamweaver的插入菜单中，Table表示_____。A．打开插入图像对话框B．打开创建表格的对话框C．插入与当前表格等宽的水平线D．插入一个有预设尺寸的层15．单击_____可以选中表单虚线框。A．《table》B．《td》C．《img》D．《form》16．在HTML标记中，用于表示文件开头的标记是_____。A．《HTML》B．《TITLE》C．《HEAD》D．《FORM》17．下列哪种元素不能插入层中_____。A．表单及表单对象B．框架C．表格D．层18．关于CSS和HTML样式的不同之处，说法正确的是_____。A．HTML样式只影响应用它的文本和使用所选HTML样式创建的文本B．CSS只可以设置文字字体样式C．HTML样式可以设置背景样式D．HTML样式和CSS相同，没有区别19．在Dreamweaver中，下面关于定义站点的说法错误的是_____。A．首先定义新站点，打开站点定义设置窗口B．在站点定义设置窗口的站点名称中填写网站的名称C．在站点设置窗口中，可以设置本地网站的保存路径，但不可以设置图片的保存路径D．本地站点的定义比较简单，基本上选择好目录即可20．下列关于行为的说法不正确的是_____。A．行为即是事件，事件就是行为B．行为是事件和动作的组合、C．行为是Dreamweaver预置的JavaScript程序库D．使用过行为可以改变对象属性、打开浏览器和播放音乐等三、填空题1．超文本标记语言的简称是__HTML___。2．Dreamweaver中，“文档”窗口中切换视图为：显示代码视图、显示设计视图、显示拆分视图___。3．如果一次打开了多个文档，可以采用__层叠___或平铺方式放置这些文档。4．在“布局”模式中，可以在添加内容前使用___布局单元格__和表格来对页面进行布局。5．在布局表格中绘制布局单元格时会出现一条明亮的__网格线___。6．Dreamweaver中共有___四__种类型的模板区域。7．Web服务器是响应来自Web浏览器的请求以提供Web页的____软件_。8．导入和导出站点是通过选择__站点/管理站点___菜单项实现的。9．用“站点定义”对话框中的“高级”设置来设置Dreamweaver站点。可以根据需要分别设置本地、__默认图像___文件夹。10．Dreamweaver可帮助用户组织和管理___站点__。11．静态网页文件的扩展名是__HTM或HTML___。12．网页按其表现形式可分为__静态网页___和___动态网页__两种。13．将制作好的网页上传到网上的过程即是__发布___。14．选择“插入|媒体”下的__Flash按钮___菜单命令可以插入Flash按钮。15．选择___插入→表单→表单__菜单命令，可以在页面中插入表单。16．CascadingStyleSheets的缩写是___CSS__，全称为__层叠样式表___。PAGE14