网页制作大纲(简易版)
网页制作期末复习资料
选择10*2=20 判断10*2=20 简答3-4题+辨析1题=60
第一章网页制作初识
掌握:网站建设的基本步骤
①整体规划②网页设计与制作③测试网页④网页上传发布⑤网站的更
答:P
9
新与维护
了解:网页制作工具、网页美化工具
答:P
网页制作的工具:①FrontPage ;② Dreamweaver
7
网页美化的工具:①制作静态图片:Photoshop;Fireworks;Paint P
8w
Shop Pro(简称PSP)②制作动态图片:Fireworks;Paint Shop Pro③将音乐、声效、动画以及富有新意的界面融合在一起,以达到高品质的网页动态效果:Flash
第二章创建站点
第三章网页文本的处理
了解:HTML的含义,HTML文档的基本结构,利用记事本编辑HTML文档的方法,网页背景色、背景图片的设置方法,加粗、斜体、加下划线、文档中的标题标记符等常用文本处理标签
答:P
HTML的含义:HTML是网络的通用语言,它允许设计者建立文本与图41
像相结合的复杂页面,这些页面可以被网上任何人浏览,无论使用的是什么类型的电脑或浏览器。
P
HTML文档的基本结构:
41
文本标题
文本内容
HTML文档必须以标记符开始,并以标记符结束,其他的标记符都必须在该标记符里面。在这两个标记符间,HTML文件被分为首部(HEAD)和体部(BODY)两大部分,首部用来确定文本的标题(TITLE)和其他有关文本的信息,体部的文本被结构化为段落、列表等,并可创建于其他地址的联系等。
利用记事本编辑HTML文档的方法:
网页背景色、背景图片的设置方法:在
标记符中使用bgcolor属性可以为网页设置背景颜色,有16种标准颜色可供选择;网页设计者也可选择特定图案作为页面的背景,使用BODY标记符的background属性即可。HTML语句为:加粗、斜体、加下划线、文档中的标题标记符等常用文本处理标签:(1)加粗或 (2)斜体或 (3)下划线 (4)删除线 (5)下标 (6)上标 ;在HTML中,用户可以通过Hn标记符来标识文档中的标题和副标题,其中n是1到6的数字。表示最大的标题,
表示最小的标
1
题。使用标题样式时,必须使用结束标记符。标题文字标记符的格式:
属性align用来设置标题在页面中的对齐方式:left(左对齐)、center(居中)或right(右对齐)。
第四章网页表格的处理
掌握:网页表格的基本HTML语法(包括单元格合并、对齐的语法)
答:合并单元格:①在
表格的对齐:①表格的页面对齐→表格在页面中的对齐与其他页面内容一样,可以直接在TABLE标记符中使用align属性。另外,也可以用DIV标记符的align属性设置表格的对齐,方法是:将TABLE标记符包含在
第五章网页框架的处理
第六章网页图像的处理
了解:图像标签的基本语法、网页中图像的常用格式
答:图像标签的基本语法:①网页中的颜色→在网页中是以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 Interchange
Format 图像交换格式)采用无损压缩(所谓无损压缩是指在压缩过程中图像的质量不会丢失)算法进行图像的压缩处理,是目前在网页设计中使用最普遍、最广泛的一种图像格式。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标记符(结束标记符不能省略,它的最基本属性是href,用于指定超链接的目标。通过为href指定不同的值,可以创建出不同类型的超链接。另外,在和之间可以用任何可单击的对象作为超链接的源,例如文字或图像。
②锚点链接→如果要设置锚点超链接,首先应为页面中需要跳转到的位置命名。命名时应使用A标记符的name属性,在标记符与之间可以包含内容,也可以不包含内容。目录
③电子邮件链接→如果将href属性的取值指定为“mailto:电子邮件地址”,那么就可以获得电子邮件链接的效果。例如,使用以下HTML代码可以设置电子邮件超链接:
了解:锚点的概念
答:锚点,也称为书签或锚记,用来标记文档中的特定位置,使用其可以跳转到当前文档或其他文档中的标记位置,免去浏览者翻阅网页寻找信息的麻烦。在网页中加入锚点包括两方面的工作,一是在网页中创建锚点,另一个就是为锚记建立链接。
第八章网页表单的处理
掌握:表单标签的基本语法(form、单行文本框、密码框、多行文本框、单选按钮、下拉菜单、复选框、提交按钮、重置按钮)(示例CH8)
答:表单标签的基本语法:
表单练习: