ch_2 网页的设计-文字版面编辑091.pptVIP

第2章 文字版面的编辑 2.1 页面布局 2.2 字体属性 2.3 FrontPage中文字编辑 2.1 页面布局 2.1.1 换行标签br 2.1.2 强制不换行标签nobr 2.1.3 分段控制标签p 2.1.4 原样显示文字标签pre 2.1.5 居中对齐标签center 2.1.6 引文标签blockquote 2.1.7 水平分隔线标签hr 2.1.8 特殊字符 2.1.9 注释标签 2.1.10 设定网页背景和文字的颜色 全国信息技术应用培训教育工程（ITAT）网站 全国信息技术应用培训教育工程（ITAT）网站源程序 2.1.1 换行标签br 2.1.2 强制不换行标签nobr 2.1.3 分段控制标签p 2.1.3 分段控制标签p 简单网页练习 html head titleWebPage Test 1 /title body 你好吗？br很好。 p nobr请改变您浏览器窗口的宽度，使之小于这一行的宽度， 看看这个标记的作用！/nobr /p 请改变您浏览器窗口的宽度， 使之小于这一行的宽度， 看看这个标记的作用！ /body /html 简单网页效果图 2.1.4 原样显示文字标签pre 2.1.4 原样显示文字标签pre pre效果图 2.1.5 居中对齐标签center 2.1.6 引文标签blockquote 2.1.6 引文标签blockquote 2.1.7 水平分隔线标签hr 2.1.8 特殊字符 设置网页背景声音 在HEAD中添加： BGSOUND src=“soundfileURL” 示例： head bgsound src=拉德斯基进行曲.mp3 /head 2.2.1 标题文字标签Hn 2.2.2 文字格式控制标签Font 2.2.3 特定文字样式标签 2.3　FrontPage中文字编辑技巧 文字编辑 　　在FrontPage中编辑网页必须进入“网页”视图模式，类似于Word中的“文件编辑”窗口，由于两者Microsoft家族的系列产品，所以在操作上大同小异，均是以图形视觉化方式将文字直接键入进去或是将图片、影像直接插入，非常方便。 1 实　作 文字的变化在FrontPage2002可以通过“格式”工具栏来设置。可对文字做缩放、颜色、文字形式（粗体、斜体、下划线）、文字对齐等设置。 下面以制作上述的页面为例进行说明： 进入Frontpage的“网页”视图，直接输入文字。 乱码的处理 如果输入的文字变成乱码，可执行菜单栏的“文件/属性”命令，将“语言”标签页中HTML编码方式设置为“简体中文”。 2 如何设置文字大小 接下来将“全OK资讯网”做缩小与放大设置： （1）先选取要改变的文字。 （2）在“格式”工具栏的字号大小下拉按钮上单击，弹出字号大小列表，选取要设置的字号大小，由1至7,1号字最小，7号字最大。 3 如何改变字体 当对网页上的文字做编辑时，若能适时以不同的字体显现，除了可以让网页内容呈现较活泼生动的一面外，也可借助字体的不同来加以区分内容。 字体的设置是通过“格式”工具栏的“字体”列表来加以选取。 注意，为也保存效果，最好选取通用的字体。 改变字体的操作步骤 （1）若要将“全OK资讯网”字体改为宋体，先选取这几个字。 （2）由“格式”工具栏的“字体下拉框”中下拉出“字体”列表，选取“宋体”字体。 （3）按照上一步骤对其他几行完成相应字体的设置。 4 文字的特殊变化 在“格式”工具栏中，可以通过3个按钮来对文字做特殊的变化。 3个变化效果为：粗体、斜体和下划线。 5 如何设置文字颜色 对文字着色，是通过“格式”工具栏的　　 字体色彩按钮来设置的。 操作步骤如下： （1）选取要着色的文字 （2）在“格式”工具栏的　　上单击，弹出“字体颜色”对话框。 （3）在“字体颜色”对话框中的“标准色”上单击想要的颜色，即完成文字颜色的设置。 6 如何自定义颜色 若在“标准色”中没有想要的颜色时，可在“其他颜色”选项上单击，由出现的“颜色”对话框中，按“自定义”按钮，在出现的对话框中选出自己需要的颜色，放入“自定义颜色”小方框中。 操作步骤 （1）在“自定义颜色”中选取一个小方框，准备放置即将调出的颜色。 （2）例如，在“基本颜色”上选蓝色，会在右图的“颜色｜纯色”中显示所选出的颜色，同时在图中的“调色盘”中出现十字光标，供你取色。 （3）移动鼠标在蓝色渐变系列中选取需要的颜色，此时会将选取的颜色放入图右下角的“颜色｜纯色”中。 （4）单击“添加到自定义颜色”按钮，将所选取的颜色放入图中“自定义颜色”的1号手指的小方格中。 （5）最后，按“确定”按钮将所选取的颜色应用于选取的文字中。 7 如何删除自定义颜色内的颜色