网页设计部分.doc

网页设计综合练习A卷启动Dreamweaver 8，打开C:KS文件夹中的WY1站点，并按下列要求在站点中修改网页。 1打开主页index.htm，在网页中插入一个2行2列的表格，按样张在表格第1行插入两张图片（图片文件名为bar11.gif、bar12.gif）。 2在第2行左起第1列的单元格插入一段Javascript代码（代码在文件data1.txt中，插在HTML文本相应位置中），以显示计算机的当前日期。 3将表格第2行第2列拆分成3列，按样张在这3个单元格中加入三个超级链接，即：“主页”与index.htm相链接，“表单”与xjh.jpg相链接，“电子邮件”与电子邮件地址“”相链接，三个超链接的目标框架均为“新建窗口”。 4按样张在网页中，再插入一个2行2列的表格，在第1行第1列中存放test1.txt文件中第1、第2小节的内容，在第1行第2列中插入一张图片，图片文件名为：tp11.jpg，按样张对表格第2行的第1列、第2列进行合并，存放test1.txt文件中第3小节的内容。 5按样张在网页底部插入版权信息：桂林山水2006。注意：由于显示器分辨率或窗口大小的不同，网页中文字的位置可能与样张略有差异，图文混排效果与样张大致相同。B卷启动Dreamweaver 8，打开C:KS文件夹中的WY2站点，并按下列要求在站点中建立和修改网页。 1在该网站中建立一个横幅与目录样式的框架组织网页，框架网页文件名为index.htm，替代原来的index.htm主页，上、左、右框架内的网页文件名分别为top.htm，left.htm和right.htm，各框架的大小与样张基本相同即可，并使框架边框不显示。 2按样张在top.htm网页顶端插入二张图片，图片文件名为bar21.gif、bar22.gif。 3按样张在left.htm中插入一个3行1列的表格，输入有关的文字，其中“主页”与index.htm链接，目标框架为“整页”；“查询”与tp11.jpg相链接，目标框架为“新建窗口”；“电子邮件”与电子邮件信箱链接，邮件地址为：“”，将文字的各种链接颜色均设置为白色，链接无下划线，将表格各个单元格的背景颜色设置为黑色。 4在right.htm网页中，插入一个2行2列的表格，表格的第2行合并成1列，并按样张在表格各单元格中存放test2.txt文本中相应的内容和图片（图片文件tp21.jpg）。 5在right.htm网页的最后一行，通过在HTML文本中插入一段Javascript代码，Javascript代码在文件wellcome.txt中。注意：由于显示器分辨率或窗口大小的不同，网页中文字的位置可能与样张略有差异，图文混排效果与样张大致相同。C卷启动Dreamweaver 8，打开C:KS文件夹中的WY3站点，并按下列要求在站点中修改网页。 1打开主页index.htm，按样张在网页顶端插入一张图片，图片文件名为bar31.gif，并在bar31.gif上定义一个书签，书签名为XXX。 2按样张在顶端图片下插入一个宽度为50%的1行3列的居中表格，3个单元格中分别如样张输入有关的文字，其中“主页”与index.htm链接，“查询”与tp11.jpg相链接，“电子邮件”与电子邮件地址相链接。 3插入一个2行2列的表格，按样张插入test3.txt文件的内容和图片（图片文件名为：tp31.jpg。4按样张在网页底部插入一个超级链接“top”，位置居中，与上面所定义的书签相链接。 5在网页最下方插入字幕“欢迎光临XXX个人站点”，将其表现设置为“交替”。注意：由于显示器分辨率或窗口大小的不同，网页中文字的位置可能与样张略有差异，图文混排效果与样张大致相同。D卷启动Dreamweaver 8，打开C:KS文件夹中的WY4站点，并按下列要求在站点中建立和修改网页。 1在该网站中建立一个水平拆分样式的框架组织网页，框架网页文件名为index.htm，替代原来的index.htm主页，上、下框架内的网页文件名分别为top.htm，bottom.htm，各框架的大小与样张基本相同即可，并使框架边框不显示。 2按样张在top.htm网页顶端插入一张名为bar41.gif图片，在其右侧插入一个flash插件，其flash文件名为bar42.swf。 3按样张在bottom.htm网页的左侧插入一个3行1列的表格，每单元格按样张插入文本并建立三个超级链接，“主页”与index链接，目标框架为整页，“查询”与xjh.jpg相链接，目标框架为整页，“电子邮件”与电子邮件地址相链接。 （提示：可先插入一个1行2列的表格。） 4通过设置，使已访问的超级链接的颜色、当前超级链接和超级链接的颜色均为绿色。 5在bottom.htm网页中插入一个2行2列的表格，第二行合并成一列，按样张插入test4.txt文件的内容和图片，图片文件为tp41.jpg，分别在该图片的左边部分和右边部分定义两个矩形热点，左边热点所对应的超链接为，右边热点所对应的超链接为。注意：由于显示器分辨率或窗口大小的不同，网页中文字的位置可能与样张略有差异，图文混排效果与样张大致相同。E卷启动Dreamweaver 8，打开C:KS文件夹中的WY5站点，并按下列要求在站点中建立和修改网页。 1在该网站中新建一个自顶向下的层次结构样式的框架组织网页，框架网页文件名为index.htm，替代原来的index.htm主页。上、中、下框架内的网页文件名为top.htm，middle.htm和bottom.htm，上、中、下框的高度在框架网页的比例分别为25%、60%和15%，并使框架边框不显示。 2按样张在top.htm网页插入一个1行3列的表格，在第1列中插入一张名为bar11.gif图片，在第2列中插入图片文件bar12.gif，要求在浏览时当鼠标停留到bar12.gif图片上时能交换显示bar72.gif图片，当移出鼠标时则恢复交换图片。 3按样张将top.htm中右边的单元格拆分成3行，如样张输入文字并设置三个超级链接，“主页”与index.htm相链接，目标框架均为“整页”；“查询”与xjh.jpg相链接，目标框架均为“middle”；“电子邮件”与电子邮件链接，邮件地址为：。 4在middle.htm网页中插入两个1行2列的表格，按样张分别在各单元格中插入test5.txt文件的内容和文件名为tp51.gif和tp52.gif图片。 5按样张在bottom.htm网页先插入一条蓝色的水平线，再加入版权信息。注意：由于显示器分辨率或窗口大小的不同，网页中文字的位置可能与样张略有差异，图文混排效果与样张大致相同。F卷启动Dreamweaver 8，打开C:KS文件夹中的WY6站点，并按下列要求在站点中建立和修改网页。 1按下列要求在该网站中新建文件名为form.htm的网页，插入表单，各表单域的信息如下表所示。所显示信息类型名称格式、有效性规则选项按钮或下拉菜单中的值姓名文本框Name宽度10性别两个单选项按钮Sexmale、female文化程度下拉菜单degree小学、中学、大学 2打开主页index.htm，按样张在网页顶端插入二张图片，图片文件名为bar61.gif、bar62.gif。 3按样张在顶端图片下插入一个1行4列的表格，在相应单元格中插入Flash按钮并设置超链接，“主页”与index.htm相链接，“注册”与form.htm相链接，“查询”与文件tp11.jpg相链接，“电子邮件”与电子邮件地址相链接。 4在网页中分别插入两个1行2列的表格，按样张插入test6.txt文件的内容和文件名为tp61.gif、tp62.gif的两张图片。通过设置CSS样式，将文字段落的行距设置为20像素。5按样张在网页底部插入滚动显示的字幕“欢迎光临本站”。注意：由于显示器分辨率或窗口大小的不同，网页中文字的位置可能与样张略有差异，图文混排效果与样张大致相同。G卷启动Dreamweaver 8，打开C:KS文件夹中的WY7站点，并按下列要求在站点中修改网页。 1打开主页index.htm，按样张利用布局表格设计页面，在第1行中分别插入二张图片，图片文件名为bar71.jpg、bar72.jpg。 2按样张在第2行居中位置插入日期（包括星期），要求能自动更新。 3按样张在网页的左侧单元格中插入文件名tp76.jpg的图片，在该图片上利用长方形热点加入3个超级链接,其中“首页”与index.htm链接；“注册”与xjh.jpg相链接；“联系我”与电子邮件信箱链接，邮件地址，三个超链接的目标均为“新建窗口”。 4按样张在网页的右侧将test7.txt文件内容和图片tp75.gif存放在相应单元格中。 5按样张在页面的左上角添加一个图层，在其中插入bar11.gif图片文件，然后利用时间轴设置其动画，使得浏览时该图层能从左上角缓慢地移至右下角，动画总长120帧。 注意：由于显示器分辨率或窗口大小的不同，网页中文字的位置可能与样张略有差异，图文混排效果与样张大致相同。H卷启动Dreamweaver 8，打开C:KS文件夹中的WY8站点，并按下列要求在站点中修改网页。 1打开主页index.htm，将网页的标题更改为：我的个人站点，将bg8.gif图片文件作为页面的背景图片。 2按样张在网页顶端插入两张flash图片，flash文件名为bar81.swf、bar82.swf，调节flash图片的大小与样张大致相同即可。 3按样张在顶端图片下插入一个1行2列的表格，在左侧单元格中插入名为tp82.gif图片，为该图片设置行为：显示弹出式菜单（要求：水平菜单、居中显示、边框宽度为1），菜单选项中的“主页”与index.htm相链接，“查询”与xjh.jpg相链接，“电子邮件”与电子邮件地址相链接。 4按样张