网页设计与制作第2章.ppt

《网页设计与制作第2章.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、2.1网页的基本操作2.2使用表格2.2.1插入表格2.2.2设置表格属性2.2.3合并单元格2.3Flash动画的使用2.3.1插入Flash动画2.3.2Flash动画的属性第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动画◆ 给网页设置背景◆ 给网页添加背景音乐◆ 插入水平线和更新日期教学进程本章要点：双击“index.htm”文件2.1网页的

2、基本操作教学进程执行【插入】

3、【表格】命令2.2使用表格将光标移到要插入表格的位置。方法一：在【插入】工具栏中选择【常用】项，单击【表格】按钮。方法二：执行【插入】

4、【表格】命令。2.1.1插入表格1教学进程设置参数2.1.1插入表格2教学进程得到的效果2.1.1插入表格3教学进程2.1.2设置表格属性调节参数1教学进程2.1.2设置表格属性调节参数后的效果2教学进程2.2.3合并单元格教学进程2.3Flash动画的使用方法一：将Flash动画文件拖动到单元格内即可。方法二：执行【插入】

5、【媒体】

6、【Flash】命令●步骤教学进程2.3.1插入Flash动画2.3.2设置Flash动

7、画的属性选择该Flash动画，在属性面板中可以设置【宽度】。调整对应单元格的尺寸。教学进程2.4使用文本2.4.1设置文档标题教学进程在【文档】工具栏的【标题】文本框中输入需要的标题●步骤●将光标放在单元格内，在属性面板中的背景颜色可设置单元格颜色。2.4.2设置单元格颜色教学进程●文本排版常见问题：使用回车换行时，段落间距太大时，可以使用换行符来代替回车，方法有两种。●方法一执行【插入】

8、【HTML】

9、【特殊字符】

10、【换行符】命令来完成●方法二使用快捷键Shift+Enter教学进程2.4.3输入文字●文章开头无法按空格键空出两格。●方法一单击【字符】按钮右边的小三角按钮，在弹出

11、的菜单中选择【不换行空格】命令●方法二执行【插入】

12、【HTML】

13、【特殊字符】

14、【不换行空格】命令来完成教学进程2.4.4设置文字的属性●——重要知识点●设置字体、颜色、大小、对齐方式和样式：●设置文字的属性教学进程选中文字，可以通过调整【属性】面板中各个参数来改变文字的字体、颜色、大小和对齐方式●根据自己的喜好设置文字的效果●设置文字的属性后的效果教学进程2.4.5插入特殊文本字符教学进程●插入特殊文本字符的方法●方法一：在【插入】工具栏中选择【文本】项，打开【文本】工具栏。●方法二：执行【插入】

15、【HTML】

16、【特殊字符】

17、【其他字符】命令。●方法三：选择一种中文输入法，在输入法

18、面板的小键盘图标上右击鼠标，在弹出的菜单中选择【特殊符号】。教学进程2.4.6插入水平线实例制作要求插入水平线设置宽为750设置高为1对齐方式为居中实例效果教学进程2.4.7插入更新日期(1)方法一执行【插入】

19、【日期】命令(2)方法二单击【常用】工具栏中的【日期】按钮。插入日期教学进程2.4.8插入背景图片(1)步骤一(2)步骤二打开【页面属性】对话框。在【外观】分类中，单击【背景图像】后面的【浏览】按钮。选择“images”目录下的“back.gif”文件。(3)步骤三教学进程2.4.9插入背景音乐步骤切换到【代码】视图或者【拆分】视图，在与之间加入如下

20、代码：“loop”的值为循环的次数-1表示无限循环。(1)（1）对文本进行简单排版时，使用回车键后，每行文字距离太大，使用（）命令可以解决这个问题。A．换行符B．回车C．不换行空格D．Shift+Enter(2)（2）对文本进行简单排版时，如果按空格键无法输出空格来，可以使用（）命令解决这个问题。A．换行符B．空格C．不换行空格D．Shift+Enter选择题1教学进程2.5习题与上机操作(3)如果想在页面中插入一条长为100的水平线，那么在【属性】面板中将水平线的【宽】设置为（），【高】设置（）；相反，如果要插入高1

21、00的垂直线，只要将【宽】的值设定（），【高】的值设定为（）即可。A．100B．1C．0D．10选择题1教学进程(1)新建一个站点，并在站点目录中新建网页文件First.htm。上机操作题2教学进程(2)在网页中添加文本、表格及图像，并加入背景图。(3)插入水平线、更新日期等信息，最终的网页效果如下图所示。