第章制作页面.ppt

; 3.1 案例导入：西部旅游网3.2 页面属性的设置3.3 文本的修饰3.4 设置超级链接 3.5 使用图像;3.1　实例：制作一个旅游网站;该网站实例包含了若干个网页，在网页中添加文本、插入图像、建立超链接，涉及到的知识点有以下几点： 页面属性的设置及文本的修饰； 插入图像，插入图像对象实现特效； 多个网页之间建立超链接。;“修改”菜单“页面属性”命令，或单击“属性”面板中的“页面属性”按钮。弹出“页面属性”对话框： 外观选项卡：设置背景颜色及背景图像，另外还可设置文本\链接\访问过的链接\活动链接\页边距等。 标题/编码选项卡:设置网页的标题，输入请到西部来旅游。显示在浏览器的标题栏中,如果未定义,则显示为“Untitled Document” 编码选项卡：选择文档编码。 跟踪图像选项卡：跟踪图像是为网页排版的一种辅助手段，在HTML文档不显示。选择跟踪图像的路径及不透明度。;;3.3 文本的修饰;选择、复制、移动文本拷贝HTML，直接将文件的HTML源代码拷贝至剪贴板。 CTRL+Z是撤消,CTRL+Y重做 检查拼写错误：文本菜单|“检查拼写”命令。 查找和替换文字“编辑”菜单|“查找和替换”命令 设置文字属性选中文本，在“属性”面板进行文字的设置,或是使用插入栏|“文本”选项中的某个按钮进行修饰；更多的可选择“文本”菜单|“样式”命令进行修饰。;设置段落 选中文本，“属性”面板中,对段落进行修饰,对齐方式、文本缩进等. 列表(有序列表\无序列表)选中文本，在“属性”面板中,单击“列表”按钮,再单击列表项目，弹出“列表属性”对话框，对列表进行样式的修饰. 建嵌套列表:进行文本缩进,输入嵌套列表.;3.4 设置超级链接;二、超链接的分类 超链接的分类有很多种，按链接目标的不同，超链接分为：页面链接、锚记链接、电子邮件链接，按链接单击对像的不同，超链接分为：文字链接、图像链接、图像映射等。 页面链接 页面链接是指链接目标是其它网页或文件，浏览者单击超链接时将跳转到相应的网页或显示相应的文件。 设置方法：选中创建超链接的文本或图像，在“属性”面板的链接??本框中输入URL地址，或单击链接框右侧的“浏览文件”按钮，弹出“选择文件”对话框，选择相应的文件。;在网页中使用锚记锚记又称书签,一个篇幅较长的网页分为许多块,可以通过锚记跳转到网页中不同的部分.定义锚记:将光标定位到要用锚记的位置,单击插入栏中的命名锚记按钮.出现命名锚记的对话框,输入锚记名称.设置带有锚记的超链接:选中文字或图像元素,在属性检查器中,单击链接文本框,在URL文本框中键入“文件名称#锚记名称”,如果链接在同一文档中进行,则直接键入“#锚记名称”. E-MAIL链接:插入栏中的电子邮件链接中“E-MAIL”文本框中,输入电子邮件地址.或是在属性检查器中链接文本框中输入mailto: ;图像链接 选中图像,在“属性”面板中的“链接”文本框中键入要链接的网址或文件即可. 热点链接选中图像,单击属性面板中的热点按钮,可将热点设置为矩形\圆形\多边形等. 为链接设立目标在“属性”面板中,设置链接目标。 blank(新建窗口); _parent(父窗口打开超链接); _self(在本窗口或本框架中打开链接); _top,在当前浏览器的最外层打开链接;3.4 使用图像;三、设置图像属性选中图像，在“属性”面板中设置图像的属性： 对图像进行命名. 改变图像大小：在“属性”面板直接输入图像的尺寸大小。 在“文档”窗口拖动图像的右方、右下方、下方的句柄进行拖动。在“属性”面板中单击重设大小可以恢复图像的大小。 图像的对齐方式：垂直、水平方向等。 设置图片的边距：：垂直边距、水平边距 经图像加上文本说明：在“属性”面板中“替代”文本框中输入说明文本。;设置低分辨率图像制作两张图像，一个是浏览器最终显示的图像，另一个是它的低分率或者灰度版本。单击图像，在“属性”面板中，低品质源输入低分辨率的图像地址。 增加图像边框：在“属性”面板中输入边框宽度。;四、使用水平线;五、插入鼠标经过图像及导航条;;;新建一个空白的网页文件选择“命令”菜单|“创建网站相册”命令,弹出一个对话框,设置相册标题\副标题\其它信息等;选择“浏览”按钮,确定源图像文件夹和目标图像文件夹,设置略缩图的大小\格式等,小数点位数可改变图像的尺寸大小.,“为每张相片建立导览页面”复选框来为每个图像创立导航页.如图所示。 ;;本 章 小 结 本章主要介绍了网页元素编辑及相关属性的设置，包括以下几个方面： 1．网页文本的编辑 2．超链接的建立 3．图像的插入和图像对象的编辑 本章练习题 1. 选择题 （1）网页中常用的图像文件格式包括（ ）。 A．JPG、BMP、G