8网页制作

1高等学校计算机一级考试网页制作12基本情况•要求–使用Dreamweaver8中文版进行网页制作•分值–属于网页制作部分，占20分•具体要求掌握内容–网页基本设置–插入文字、图片、多媒体等，并设置属性–表格(基本操作、属性设置)、表单(表单对象)–创建各类超级链接(文字、图片、电子邮件等)23网页基本设置•基本设置包含的内容–设置网页标题–设置网页背景色–设置网页背景图像34插入各种对象•文字–输入或从其他文档中复制–文字格式设置(字体、颜色、大小、对齐)•图片–插入图片，设置图片大小，对齐•Flash动画–插入Flash动画，设置动画大小，对齐45插入水平线•插入水平线–“插入”菜单→“HTML”→“水平线”•水平线设置–宽度、高度、阴影、对齐、颜色•水平线颜色设置–选择水平线按右键→选择“编辑标签”→打开编辑“编辑标签”窗口，选择“浏览器特定的”，设置颜色6插入其他对象•特殊字符•首行空2个字符7表格设置•表格属性设置•单元格属性设置78表格中的操作•“修改”菜单→“表格”–合并、拆分单元格–插入行、列–删除行、列9文字与图片的链接•文字的链接•图片的链接–不要通过“插入”菜单中“超级链接”创建链接–通过属性面板创建链接•热点链接–选择图片中部分作为链接区域10其他链接•电子邮件的链接–通过属性面板创建链接时，在邮件地址前要加上“mailto:”–通过“插入”菜单中“电子邮件链接”创建链接，可直接输入邮件地址•锚记设置–先定义锚记，通过“插入”菜单中“命名锚记”–再设置锚记链接，通过属性面板创建锚记链接，在锚记名前必须加上“#”11链接网页打开•在当前网页中打开•在新的网页中打开12表单设置•创建表单•表单对象的添加•表单对象–文本、复选框、单选按钮、按钮•注意：–表单对象必须添加在表单里面–如果没有表单，先要创建表单13其他设置•项目符号–CSS样式来设置（2010真题C套）•滚动字幕–2010真题D套14网页制作题目要求•利用C:\KS\wy文件夹中的素材–图片素材在wy\images中–动画素材在wy\flash中•按以下要求制作或编辑网页，效果参照样张，结果保存在原文件夹中。152010年真题A套•1．打开主页index.htm，设置网页标题为英特尔酷睿处理器；按样张设置网页背景色为淡蓝色（#99CCFF）；在表格第3行左侧第一个单元格中插入动画cool.swf，并设置该动画的宽度为400像素，高度为120像素。•2．设置表格属性：对齐方式水平居中、边框线宽度和单元格间距都设置为0；设置表格第3行的背景颜色为白色；设置表格最后一行中的联系我们链接到邮箱地址[e-mail]。•3．在表格第2行单元格输入文字获取更多信息。该文字在单元格中居中对齐；设置字体为黑体、加粗、颜色为枣红色（#990066）、大小24磅（或30像素）。•4．在表格第3行最右侧单元格中，插入图片inter.jpg；设置图片宽度为250像素、高度为115像素；并设置该图片中intel字样部分链接到网页inter.htm；网页以新窗口方式打开。•5．按样张合并表格第6行单元格并设置水平居中；插入水平线；宽度为800像素，高度为10像素；颜色为淡绿色（#99CC33）。15162010年真题A套_注意点•设置表格最后一行中的“联系我们”链接到邮箱地址[e-mail]。•设置该图片中intel字样部分链接到网页inter.htm；网页以新窗口方式打开。•插入水平线；宽度为800像素，高度为10像素；颜色为淡绿色（#99CC33）。16172010年真题A套_样张17182010年真题B套•1．打开主页index.htm，设置网页标题为互联网森林；设置背景颜色为水蓝色（#CCFFFF）；设置表格居中对齐、边框线宽度和单元格间距都设置为0。•2．合并第2行单元格并设置左对齐；按照样张将tree.txt中的有关文字复制进来；设置字体为楷体_GB2312、颜色为浅绿色（#009900）、大小18磅（或24像素）。•3．按样张在表格第3行插入水平线；宽度为500像素，高度为2像素；左对齐；颜色为草绿色（#99CC00）。•4．在表格第4行左侧第一个单元格中插入图片pic1.jpg；设置图片大小为宽410像素，高260像素；该图片链接到网页tree.htm；网页以新窗口方式打开。•5．按样张在表格第4行最右侧单元格中创建表单及单选选项按钮；其中愿意选项已钩选；您的建议：后插入文本区域（字符宽度20，行数2）；最后插入两个按钮提交和重置。文字可从tree.txt中复制。18192010年真题B套_注意点•按样张在表格第3行插入水平线；宽度为500像素，高度为2像素；左对齐；颜色为草绿色（#99CC00）。•该图片链接到网页tree.htm；网页以新窗口方式打开。202010年真题B套_样张20212010年真题C套•1．打开主页index.htm，设置网页背景图像为bj.jpg，设置网页中的表格属性：对齐方式为居中对齐、边框线宽度及单元格间距均为0，指定宽度为95%，分别将表格第3、4、5行的第2列到第5列的所有单元格合并。•2．根据样张在表格第1行的第1列单元格插入图片hs.jpg，使图片居中，设置宽为150像素，高为120像素，设置图片hs.jpg中的黄山2个字的热点区域链接到fb.txt。•3．在表格的第1行第2列单元格中插入动画hs.swf，并使其居中、宽为800像素、高为120像素；根据样张在表格的第2行第2列单元格插入水平线。•4．设置水平线宽度为90%，高度5像素，居中，蓝色（#0000FF）。第3行第2列单元格中插入文本文件fb.txt中的内容，首行空2个字符。按样张设置空心圆项目符号。•5．根据样张在表格的第3行第2列插入Copyright2005-2006黄山风景区管委会，并超链接到，在页首黄山旅游处插入名为abc的书签（锚），将表格下方的返回页首超链接到该书签（锚）。21222010年真题C套_注意点•设置图片hs.jpg中的黄山2个字的热点区域链接到fb.txt。•第3行第2列单元格中插入文本文件“fb.txt”中的内容，首行空2个字符。按样张设置空心圆项目符号。–先添加默认的项目符号–再创建CSS样式应用•在页首黄山旅游处插入名为abc的书签（锚），将表格下方的返回页首超链接到该书签（锚）。232010年真题C套_样张23242010年真题D套•1．打开主页index.htm。在第一行居中插入动画jd.swf，设置宽度500像素，高度80像素，设置网页背景颜色为(#CCFFCC)，网页标题为：峨眉山旅游。•2．根据样张将网页上原滚动字幕四川景点，文字改为四川峨眉山，方向改为向右移动，背景颜色为(#CCFFFF)，字体幼圆、大小为24磅（或36像素），颜色为(#FF0000)。•3．根据样张在第三行添加文字景区动态景点介绍风光图片游客留言（文字可从文字.txt中取），大小为12磅（或16像素），对齐方式为居中，设置景点介绍链接到景点介绍.htm。•4．在第四行按样张插入文本文件文字.txt中的内容，并设置左对齐，首行空2个空格，根据样张在文字下插入图片map.gif，并设置居中，宽度175像素，高度100像素。•5．根据样张在第五行插入表单，文字在文字.txt文件中。在表单中含有四项复选项，始发城市下拉框中有三个选项：上海市、北京市、成都市，其中初始状态是上海市。终点城市文本框（域）中的初始值为峨眉山，将两个按钮分别设置为提交和重置。24252010年真题D套_注意点•根据样张将网页上原滚动字幕“四川景点”，文字改为“四川峨眉山”，方向改为向右移动，背景颜色为(#CCFFFF)，字体幼圆、大小为24磅（或36像素），颜色为(#FF0000)。•修改代码–marqueebehavior=alternate四川景点/marquee–marqueedirection=right四川峨眉山/marquee25262010年真题D套_样张272010年真题E套•1．打开主页index.htm。设置网页标题为：火山；并在index.htm网页表格的第一行单元格写上题目世界地质奇观--火山，字体为隶书、红色，居中、6（24磅）。•2．根据样张在表格第2行插入水平线，高度3，宽度为窗口的90%，居中且有阴影。•3．在网页表格的第3行第1列单元格中插入图片（chengyin.png）；设置图片宽度为310像素、高度为170像素；根据样张在图片的下面插入文字（文字可从火山.txt中取得）并设置文字大小为2（10磅），文字按样张左对齐、段首空2个字符位置。•4．编辑表格第3行第2列内的表格，使其宽度为所在单元格的90%；表格第一列输入数字并设置居中，设置该列宽度为表格的15%；设置该表格中最后一行文字链接到。•5．根据样张在网页表格的第4行插入表单，添加相应的文字（文字可从火山.txt中取得）和表单元素，将洪水设为已选，其他未选，在表单下方将两个按钮设置为提交和重置，并按样张设置在表单下方居中。282010年真题E套_样张292010年真题F套•1．打开主页index.htm。设置网页标题为：认识足球世界杯；设置网页背景图像为bj.png，按样张在网页表格的第1行第1列单元格中插入图片nfsjb.jpg，设置图片大小为145×90。•2．在表格的第1行第2列单元格中输入认识足球世界杯，居中，字体为隶书、红色（#FF0000），文字大小为7（36磅，或48像素）。•3．按样张在表格第2行插入水平线，设置宽度为95%，高度3，有阴影；将表格第3行第1列的图片链接到cj.mht，并能在新窗口中打开该网页。•4．按样张在表格第3行第1列的图片下方插入文字（文字可从世界杯.txt中获得），并设置小标题为红色（#FF0000）加粗、居中，下方正文文字段落两端对齐，首行空2个字符；合并该单元格右边的2个单元格，并调整三个单元格从左到右宽度分别为40%、10%、50％。•5．按样张将表格第3行右边文字放入表单中，添加相应的表单元素，设置第三行文字为已选，其余未选；在表单下方将两个按钮设置为提交和查看，并按样张设置在表单下方居中。302010年真题F套_注意点•合并该单元格右边的2个单元格，并调整三个单元格从左到右宽度分别为40%、10%、50％。312010年真题F套_样张322010年真题G套•1．打开主页index.html。设置网页标题为：世界杯；按样张设置网页背景色为浅蓝色（#99CCFF）。设置表格属性：对齐方式水平居中、边框线宽度为0。•2．按样张设置表格第二行第一列的背景色为深蓝色（#000099），添加文字：世界杯吉祥物，并设置文字的字体为黑体，文字的颜色为白色（#FFFFFF），文字的大小为16pt。•3．按样张在表格第三行第一列文字前添加动画worldcup.swf，并设置动画布局对齐方式为左对齐。合并表格第二行第三列和第三行第三列，插入图片：worldcup.jpg。•4．将2010年世界杯赛程时间至2010年世界杯赛程观战指南的每行下方添加宽度为400像素的水平线，并设置水平线的高度为1像素，无阴影。设置2010年世界杯赛程时间链接到站点中的worldcup.html，且能在新窗口中看到worldcup.html的网页内容。•5．在表格中的最下方插入一空白行，添加一行内容：关于我们|联系我们|网站地图|网站律师|友情链接，设置该行的对齐方式为居中，设置联系我们链接到邮箱地址：[e-mail]。332010年真题G套_样张342010年真题H套•1．打开主页index.html。设置网页标题为：云计算；按样张设置网页背景色为浅蓝色（#E7F4FE）。设置表格属性：对齐方式水平居中、边框线宽度为0。•2．按样张设置表格第一行的背景色为