《网页设计与制作第2章.ppt》由会员分享，可在线阅读，更多相关《网页设计与制作第2章.ppt（25页珍藏版）》请在三一办公上搜索。
1、2.1 网页的基本操作2.2 使用表格 2.2.1 插入表格 2.2.2 设置表格属性 2.2.3 合并单元格2.3 Flash动画的使用 2.3.1 插入Flash动画 2.3.2 Flash动画的属性,第 2 章,制作简单网页,2.4 使用文本 2.4.1 设置文档标题 2.4.2 设置单元格颜色 2.4.3 输入文字 2.4.4 设置文字的属性 2.4.5 插入特殊文本字符 2.4.6 插入水平线 2.4.7 插入更新日期 2.4.8 插入背景图片 2.4.9 插入背景音乐2.5 习题与上机操作,文字的使用插入Flash动画给网页设置背景给网页添加背景音乐插入水平线和更新日期,教学进程,
2、本章要点：,双击“index.htm”文件,2.1 网页的基本操作,教学进程,执行【插入】|【表格】命令,2.2 使用表格,将光标移到要插入表格的位置。方法一：在【插入】工具栏中选择【常用】项，单击【表格】按钮。方法二：执行【插入】|【表格】命令。,2.1.1 插入表格,1,教学进程,设置参数,2.1.1 插入表格,2,教学进程,得到的效果,2.1.1 插入表格,3,教学进程,2.1.2 设置表格属性,调节参数,1,教学进程,2.1.2 设置表格属性,调节参数后的效果,2,教学进程,合并单元格,教学进程,2.3,Flash动画的使用,教学进程,插入Flash动画,设置Flash动画的属性,选择
3、该Flash动画，在属性面板中可以设置【宽度】。调整对应单元格的尺寸。,教学进程,2.4,使用文本,设置文档标题,教学进程,将光标放在单元格内，在属性面板中的背景颜色可设置单元格颜色。,设置单元格颜色,教学进程,文本排版常见问题：使用回车换行时，段落间距太大时，可以使用换行符来代替回车，方法有两种。,方法一 执行【插入】|【HTML】|【特殊字符】|【换行符】命令来完成,方法二 使用快捷键Shift+Enter,教学进程,输入文字,文章开头无法按空格键空出两格。,方法一 单击【字符】按钮右边的小三角按钮，在弹出的菜单中选择【不换行空格】命令,方法二 执行【插入】|【HTML】|【特殊字符】|【
4、不换行空格】命令来完成,教学进程,设置文字的属性,设置字体、颜色、大小、对齐方式和样式：,设置文字的属性,教学进程,选中文字，可以通过调整【属性】面板中各个参数来改变文字的字体、颜色、大小和对齐方式,根据自己的喜好设置文字的效果,设置文字的属性后的效果,教学进程,插入特殊文本字符,教学进程,插入特殊文本字符的方法,方法一：在【插入】工具栏中选择【文本】项，打开【文本】工具栏。,方法二：执行【插入】|【HTML】|【特殊字符】|【其他字符】命令。,方法三：选择一种中文输入法，在输入法面板的小键盘图标上右击鼠标，在弹出的菜单中选择【特殊符号】。,教学进程,插入水平线,实例制作要求,实例效果,教学进
5、程,插入更新日期,(1),方法一,执行【插入】|【日期】命令,(2),方法二,单击【常用】工具栏中的【日期】按钮。,插入日期,教学进程,插入背景图片,(1),步骤一,(2),步骤二,打开【页面属性】对话框。,在【外观】分类中，单击【背景图像】后面的【浏览】按钮。,选择“images”目录下的“back.gif”文件。,(3),步骤三,教学进程,插入背景音乐,步骤,切换到【代码】视图或者【拆分】视图，在与之间加入如下代码：,“loop”的值为循环的次数,-1表示无限循环。,(1),（1）对文本进行简单排版时，使用回车键后，每行文字距离太大，使用（）命令可以解决这个问题。,A换行符 B回车 C不换
6、行空格 DShift+Enter,(2),（2）对文本进行简单排版时，如果按空格键无法输出空格来，可以使用（）命令解决这个问题。,A换行符 B空格 C不换行空格 DShift+Enter,选择题,1,教学进程,2.5,习题与上机操作,(3),如果想在页面中插入一条长为100的水平线，那么在【属性】面板中将水平线的【宽】设置为（），【高】设置（）；相反，如果要插入高100的垂直线，只要将【宽】的值设定（），【高】的值设定为（）即可。,A100 B1 C0 D10,选择题,1,教学进程,(1),新建一个站点，并在站点目录中新建网页文件First.htm。,上机操作题,2,教学进程,(2),在网页中添加文本、表格及图像，并加入背景图。,(3),插入水平线、更新日期等信息，最终的网页效果如下图所示。,
