1、第二章 网页的基本编辑,主讲:黎军,版权所有,盗版必究,2,2-1 表格的应用,一、创建表格 好处:布局划界、精确定位 手绘表格: 操作:表格 手绘表格。 特点:自己操作、不能画表中表,版权所有,盗版必究,3,2、插入表格,操作: 常用工具栏上的插入表格按钮 表格插入表格 特点:比较精确、精确、“定制表格”,版权所有,盗版必究,4,二、表格的编辑,常用表格编辑 擦除表格线(单击表格工具栏“擦除”按钮,将橡皮形光标对要擦除的表格线进行擦除即可) 合并或拆分单元格 选择合并/拆分单元格,版权所有,盗版必究,5,3、拖动表格线(调整表格大小) 注意: 当遇到“阻力”时,就考虑临近的表格里的内容。单击
2、常用工具栏上右侧的“显示全部”按钮。 不能拖动时,则可能是已经锁定,操作:选择表格表格属性表格。进行操作。 浏览时发生变化,则是“指定宽度”的单位设置了“百分比”,版权所有,盗版必究,6,4、设置表格线的粗细,操作: 表格表格属性表格,弹出对话框,版权所有,盗版必究,7,5、表格的对齐方式,操作: 表格属性对齐方式 而格式工具栏中的对齐方式按钮只能设置单元格中内所显示内容的对齐。,版权所有,盗版必究,8,三、运用表格编排版面,布局表格的划制 运用表格进行划制。边框设置为0 简单的布局用一个布局表格即可。而复杂的则要用多个表格进行设置表中表。,版权所有,盗版必究,9,2、应用表格实现文字的坚排,
3、操作:先创建一个划有很多竖条的表格,并将表格线设置为0,在坚条中输入文字。让文字自动换行 若汉字与相邻的位置不会自动换行,则需要用shift+ENTER 强制换行。,版权所有,盗版必究,10,3、使表格自由浮动,操作:表格属性样式格式定位,设置为绝对。则如图所示可以自由的移动他,版权所有,盗版必究,11,课后作业,1、编辑出书本上图2-7 图2-8所示 2、按图2-9制作出简单网页。,版权所有,盗版必究,12,2.2 文本的编辑,Frontpage中很多的文本编辑跟WORD十分相似,但也有很多独特的地方。 一、修饰文本 1、分为分散修饰与集中修饰两部分 设置字体(使用常用字体,尽量少使用扩充字
4、库。) 操作:选择格式字体(也可直接在格式工具栏上进行),版权所有,盗版必究,13,、设置字号 操作:选择格式字体(也可直接使用格式工具栏按钮) 注意: 有缺陷,所设字号是相对的,文字的实际大小还取决于浏览器的设置。(操作:查看文字大小) 、设置字形:“加粗、倾斜、下划线”(注意:下划线很少用到,因为在网页中有下划线的自动认为有超链接) 、设置字体颜色 、设置突出显示颜色(底纹),版权所有,盗版必究,14,2、集中修饰,、简单集中修饰 操作:选择格式字体,可预览 通过自定义样式来修饰, 操作:选择格式样式,进行操作,样式也可自行设定。 自行设定样式操作:格式样式修改(如图),版权所有,盗版必究
5、,15,二、调整位置,1、对齐方式 分为水平与垂直 分别有左对齐、右对齐、居中对齐、两端对齐四种。 注意:打空格的方式不能精确定位。 集中设置对齐方式。操作:选择表格单元格属性,版权所有,盗版必究,16,2、设置缩进,(1)首行缩进 (操作:选择格式段落),版权所有,盗版必究,17,(2)设置文本前后的缩进,操作:选择格式段落或:格式工具栏上的缩进按钮,版权所有,盗版必究,18,3、设置边距,(1)设置单元格边距 指单元格内的内容与四周表格线之间的边距。 操作:选择表格表格属性 (2)设置网页边距 指网页四周与内容之间的距离, 操作:选择右键网页属性。选择高级,版权所有,盗版必究,19,三、控
6、制间距,包括 字距、行距、段矩 1 字距,选择格式字体中找到字距(或选择右击字体) 2、行距设置 操作:选择格式段落 3、设置段距 操作:选择格式段落 注意:对于普通的小字正文段落,当行距设为110-130%时自然和谐,版权所有,盗版必究,20,课后作业。,版权所有,盗版必究,21,2-3 多媒体对象的编辑,一、插入和调整图片 操作:插入图片 1、插入“来自文件”的图片,版权所有,盗版必究,22,也可直接使用拖动文件的方法。 从FrontPage 编辑器左边的文件夹列表中选取一个图片,拖住鼠标左键不放拖动到右边编辑区放开即可。,版权所有,盗版必究,23,调整图片,对齐方式 改变大小 更改属性,
7、版权所有,盗版必究,24,2、插入自选图形,操作:插入图片自选图形 对自选图形进行调整,版权所有,盗版必究,25,3、插入艺术字,操作:选择插入艺术字 调整:单击对象弹出艺术字工具条,可对其进行编辑。,版权所有,盗版必究,26,二、设置背景色和背景图,选用原则: 图文内容琐碎密集用颜色作背景 内容较空旷用图片作背景 背景色或背景图片应与网页内容之间在色调上有明显反差。并避免使用过于刺眼或过于花哨的图片做背景。 按背景设置的范围分为:网页背景、表格背景和单元格背景三大类,他们的设置分别在网页属性、表格属性和单元格属性。,版权所有,盗版必究,27,1、设置网页背景,操作:右击网页属性,选择格式,找
8、到背景,版权所有,盗版必究,28,2、设置表格背景,操作:选择右键表格属性,选择相应的颜色或背景图,版权所有,盗版必究,29,3、设置单元格背景,操作:选择右键单元格属性, 设置相应的对象即可,版权所有,盗版必究,30,三、插入背景音乐,选择背景音乐原则: 曲调要与内容主题协调 音乐文件不宜过大 尽量使用MID文件 应设置相应的播放次数 操作:选择右键网页属性背景音乐。,版权所有,盗版必究,31,版权所有,盗版必究,32,2-4 超链接的设置,通过四通八达的超链接来构建现代的互联网,使用户可以在网络世界里轻松的漫游。 属性和类型 链接的载体(对谁设置超链接):如文字、图片、视频或组件 链接的目
9、标(指向谁):如网页、某个部位、E-Mail、及文本等 根据载体不同分为: 文字超链接、图片超链接、组件超链接3种 根据目标不同分为: 网页间超链接、书签超链接、电子邮件超链接、非网页文件超链接,版权所有,盗版必究,33,二、设置超链接的方法,方法: 拖动法 单击图像单击插入超链接按钮 菜单法:选择插入超链接 右键法:左键选择超链接 设置好超链接会以变色显示(蓝色)加下划线 在编辑状态,当光标停留在超链接上时会显示“请用CTRL+CLICK跟踪超链接” 而在浏览状态下会变成手形!,版权所有,盗版必究,34,操作方法,1、设置指向“原有文件或WEB页”的超链接,选择链接到,设置提示文字,设置显示文字,选择对象,或者网址,版权所有,盗版必究,35,2、设置本文档中的超链接,即指向本网页内设有书签标记的某处的超链接。 设置方法: 先设置好书签,操作:插入书签 再将对象链接到书签,操作:选择本文档中的位置书签即可,版权所有,盗版必究,36,3、设置指向“新建文档”的超链接,在设置时,经常遇到设置的目标文件并不存在,这时可运用此选项新建一个空的目标文件夹并将超链接指向它 操作:选择新建文档设置名称设置路径即可,版权所有,盗版必究,37,4、设置指向电子邮件的超链接,