网页制作期末复习资料选择10*2=20 判断10*2=20 简答3-4题+辨析1题=60第一章网页制作初识掌握:网站建设的基本步骤①整体规划②网页设计与制作③测试网页④网页上传发布⑤网站的更答:P9新与维护了解:网页制作工具、网页美化工具答:P网页制作的工具:①FrontPage ;② Dreamweaver7网页美化的工具:①制作静态图片:Photoshop;Fireworks;Paint P8wShop Pro(简称PSP)②制作动态图片:Fireworks;Paint Shop Pro③将音乐、声效、动画以及富有新意的界面融合在一起,以达到高品质的网页动态效果:Flash第二章创建站点第三章网页文本的处理了解:HTML的含义,HTML文档的基本结构,利用记事本编辑HTML文档的方法,网页背景色、背景图片的设置方法,加粗、斜体、加下划线、文档中的标题标记符等常用文本处理标签答:PHTML的含义:HTML是网络的通用语言,它允许设计者建立文本与图41像相结合的复杂页面,这些页面可以被网上任何人浏览,无论使用的是什么类型的电脑或浏览器。
PHTML文档的基本结构:<HTML>41<HEAD><TITLE>文本标题</TITLE></HEAD><BODY>文本内容</BODY></HTML>HTML文档必须以<HTML>标记符开始,并以</HTML>标记符结束,其他的标记符都必须在该标记符里面。
在这两个标记符间,HTML文件被分为首部(HEAD)和体部(BODY)两大部分,首部用来确定文本的标题(TITLE)和其他有关文本的信息,体部的文本被结构化为段落、列表等,并可创建于其他地址的联系等。
利用记事本编辑HTML文档的方法:网页背景色、背景图片的设置方法:在<BODY>标记符中使用bgcolor属性可以为网页设置背景颜色,有16种标准颜色可供选择;网页设计者也可选择特定图案作为页面的背景,使用BODY标记符的background属性即可。
HTML语句为:<BODY background="网页背景图案的地址">加粗、斜体、加下划线、文档中的标题标记符等常用文本处理标签:(1)加粗<B>或<strong> (2)斜体<I>或<em> (3)下划线<U> (4)删除线<STRIKE> (5)下标<SUB> (6)上标<SUP> ;在HTML中,用户可以通过Hn标记符来标识文档中的标题和副标题,其中n是1到6的数字。
<H1>表示最大的标题,<H6>表示最小的标1题。
使用标题样式时,必须使用结束标记符。
标题文字标记符的格式:<Hn align="对齐方式"> 标题文字 </Hn>属性align用来设置标题在页面中的对齐方式:left(左对齐)、center(居中)或right(右对齐)。
第四章网页表格的处理掌握:网页表格的基本HTML语法(包括单元格合并、对齐的语法)答:合并单元格:①在<TD>和<TH>标记内使用rowspan属性可以进行行合并,rowspan的取值表示垂直方向上合并的行数。
②在<TD>和<TH>标记内使用colspan属性可以进行列合并,colspan的取值表示水平方向上的合并的列数。
表格的对齐:①表格的页面对齐→表格在页面中的对齐与其他页面内容一样,可以直接在TABLE标记符中使用align属性。
另外,也可以用DIV标记符的align属性设置表格的对齐,方法是:将TABLE标记符包含在<DIV align=“”>和</DIV>之间。
②表格的内容对齐→表格单元格内容的对齐包括各数据项在水平方向和垂直方向上的对齐。
第五章网页框架的处理第六章网页图像的处理了解:图像标签的基本语法、网页中图像的常用格式答:图像标签的基本语法:①网页中的颜色→在网页中是以RGB方式来表示颜色的,RGB颜色包括几百万种之多,这么多的颜色却有一个共同点,都是由红、绿、蓝这三种基色调混和而成的,RGB其实就是Red、Green、Blue的缩写。
这三种基色中每一种颜色的饱和度和透明度都是可以变化的,用0(表示最弱)~255(表示最强)的数值来表示。
例如纯红色表示为:Red 100%、Green 0%、Blue 0%,简单的表示法为(255,0,0),用十六进制数来表示的话就变成了“FF0000”。
②插入图像→在HTML中,使用IMG标记符可以在网页中加入图像。
它具有两个基本属性:src和alt,分别用于设置图像文件的位置和替换文本。
src表示要插入图像的文件名,必须包含绝对路径或相对路径,图像可以是GIF文件、JPEG 文件或PNG文件。
alt表示图像的简单文本说明,用于不能显示图像的浏览器或浏览器能显示图像但显示时间过长时先显示。
③指定图像的宽和高→在HTML中,使用IMG标记符的width和height属性可以指定图像的宽度和宽度,以告诉浏览器Web页应分配给图像多少空间(以像素为单位)。
当浏览器解释Web页时,在实际下载图像之前会给图像预留出空间,以避免在每个图像下载时重新绘制网页,从而加快网页的下载速度。
width和height属性的取值既可以是像素数,也可以是百分数。
④图像的边框→使用IMG标记符的border属性,可以给图像添加边框效果,边框的取值是像素数。
⑤设置图像周围的空白→可以在IMG标记符内使用属性hspace和vspace设置图像周围空白,其中hspace示水平方向的空白,vspace表示垂直方向的空白,它们的取值都是像素数。
通过指定图像周围的空白,可以使页面的版式更加合理。
⑥图像的对齐→设置图像在页面中的对齐与设置文本对齐类似,可以使用DIV或P标记符将IMG标记符括起来,然后使用align属性。
使用IMG标记符的align属性,可以控制图像与周围内容的垂直对齐。
此时,align属性的值可以是: top 、 middle、bottom 分别表示图像与周围内容的顶部、中央、底部对齐。
如果要在图像的左、右环绕文字,也应该使用IMG标记符的align属性,此时,align属性的值可以是: left 表示图像居左,文本在图像右侧; right 表示图像居右,文本在图像左侧。
网页中图像的常用格式:①GIF格式→GIF格式(Graphics InterchangeFormat 图像交换格式)采用无损压缩(所谓无损压缩是指在压缩过程中图像的质量不会丢失)算法进行图像的压缩处理,是目前在网页设计中使用最普遍、最广泛的一种图像格式。
GIF格式可以高度压缩图像; GIF格式支持图像游离在背景之上的视觉效果; GIF格式的图像可以被交错下载;可以将很多幅图像结合在一个GIF文件中。
②JPEG格式→JPEG格式(Joint Photo Expert Graphics,联合图形专家组图片格式)是另一种在Web上应用广泛的图像格式。
由于它支持的颜色数几乎没有限制,因此适用于使用真彩色或平滑过渡色的照片和图片。
与GIF格式采用无损压缩不同,JPEG格式使用有损压缩来减小图片文件的大小,因此用户将看到随着文件的减小,图片的质量也降低了。
③PNG格式→PNG格式(Portable Networks Graphics,可移植的网络图形格式)是近年来新出现的一种图像格式,它适于任何类型、任何颜色深度的图片。
该格式用无损压缩来减小图片文件的大小,同时保留图片中的透明区域。
此外,该格式是仅有的几种支持透明度概念的图片格式之一(透明GIF的透明度只能是50%,但PNG格式可以是0% ~50%)。
④矢量格式→GIF、JPEG、PNG这几种格式都是标准的位图格式,但现在Web上还可以使用新的矢量格式。
所谓位图格式就是指用图片上每一点的信息来描述图像,而矢量格式则是用线条和填充色等数学信息来描述图像。
相比而言,矢量格式的文件要比位图格式的文件小得多,但表现力丝毫不逊色。
除了表现一般的静态画面以外,动画是矢量格式具有巨大优势的另一个领域。
第七章在网页中使用超链接掌握:超级链接标签的HTML语法答:①页面链接→用HTML创建超链接需要使用A标记符(结束标记符</A>不能省略,它的最基本属性是href,用于指定超链接的目标。
通过为href指定不同的值,可以创建出不同类型的超链接。
另外,在<A>和</A>之间可以用任何可单击的对象作为超链接的源,例如文字或图像。
②锚点链接→如果要设置锚点超链接,首先应为页面中需要跳转到的位置命名。
命名时应使用A标记符的name属性,在标记符<A>与</A>之间可以包含内容,也可以不包含内容。
<A name="top">目录</A>③电子邮件链接→如果将href属性的取值指定为“mailto:电子邮件地址”,那么就可以获得电子邮件链接的效果。
例如,使用以下HTML代码可以设置电子邮件超链接:<A href="mailto:">作者邮箱</A>了解:锚点的概念答:锚点,也称为书签或锚记,用来标记文档中的特定位置,使用其可以跳转到当前文档或其他文档中的标记位置,免去浏览者翻阅网页寻找信息的麻烦。
在网页中加入锚点包括两方面的工作,一是在网页中创建锚点,另一个就是为锚记建立链接。
第八章网页表单的处理掌握:表单标签的基本语法(form、单行文本框、密码框、多行文本框、单选按钮、下拉菜单、复选框、提交按钮、重置按钮)(示例CH8)答:表单标签的基本语法:<body><p>表单练习:</p><form id="form1" name="form1" method="post" action=""><label>姓名:<input type="text" name="textfield" />3<p><label>密码:<input type="password" name="textfield2" /></label></p><p><label>简介:<textarea name="textarea"></textarea></label></p><p><label>性别:<input type="radio" name="radiobutton" value="radiobutton" /> 男</label><label><input type="radio" name="radiobutton" value="radiobutton" /> 女</label></p><p><label>学历:<select name="select"><option>小学</option><option>初中</option><option>高中</option><option>专科</option><option selected="selected">本科</option><option>研究生</option></select></label><label></label></p><p><label>兴趣爱好:<input type="checkbox" name="checkbox" value="checkbox" /> 看书</label><label><input type="checkbox" name="checkbox2" value="checkbox" /> 看电影</label><label><input type="checkbox" name="checkbox3" value="checkbox" /> 旅游</label><input type="checkbox" name="checkbox4" value="checkbox" /> 唱歌</label><label><input type="checkbox" name="checkbox5" value="checkbox" /> 跳舞</label></p><p><label><input type="submit" name="Submit2" value="提交" /><input type="reset" name="Submit" value="重置" /></label></p></form><p> </p>了解:设置表单标签method属性与action属性的作用答:< FORM action= "URL" method= "GET"/"POST" </FORM> 其中Action 用于设定处理表单数据程序URL的地址。