《制作简单网页》PPT课件.ppt

《《制作简单网页》PPT课件.ppt》由会员分享，可在线阅读，更多相关《《制作简单网页》PPT课件.ppt（38页珍藏版）》请在三一办公上搜索。

1、第四章制作简单网页,内容提要,文本及排版 设置文件头和网页属性 插入表格 插入多媒体对象 插入Java Applet 创建超级链接,文本及排版,插入文本 格式化文本 创建项目列表,插入文本,在页面中插入文本的方法大致有三种。第一种是直接输入法，在打开Dreamweaver文档窗口时，将光标定位到需要输入文本的地方，直接键盘输入即可。第二种方法是复制粘贴，选取合适的文本，直接复制到Dreamweaver文档窗口中的光标所在处。最后一种方法是导入已有Word文档，在Dreamweaver文档窗口中，将光标定位到要导入文本的地方，选择菜单“文件”|“导入|”|“WORD文档”命令，弹出“导入Word

2、文档”对话框，在其中选择要导入的Word文档，单击该对话框的“打开”命令，就可以导入文本了。,格式化文本,设置字符格式使用段落和标题 对齐文本 缩进与扩展 首行缩进 示例one.htm,演示,创建项目列表,无序项目列表无序项目列表通常用各种几何符号来表示其列表关系，其主要用于一种并列关系的元素组合，各列表项之间并不存在先后主次的顺序。有序项目列表 有序项目列表也称为编号列表，代表一种进程，各列表项之间存在着先后过程，通常用阿拉伯数字或字母有序符号表示。嵌套项目列表如果想把不同级别的文本内容用列表的形式表现出来，则需要用到项目列表的嵌套。创建项目列表的嵌套，需要用到文本属性面板上的段落扩展/缩进

3、按钮。示例one.htm,演示,设置文件头和网页属性,文件头在浏览器中是不可见的，但却含有网页的重要信息。它还可以实现一些非常重要的功能，以下将重点介绍与文件头相关的内容。设置网页的编码 设定文档标题 添加关键字 设置网页的刷新 插入meta对象,设置网页的编码,设定文档标题,添加关键字,可以为当前文档定义关键字，关键字用来协助网络上的搜索引擎寻找网页。很多的浏览者先通过搜索引擎找到该网页的。,设置网页的刷新,网页刷新通常用于两种情况：第一种情况是在打开某个网页后的一定时间内，让浏览器自动跳转到一个新网页：第二种情况是用于需要经常刷新的网页，可以让浏览器每隔一段时间自动刷新自身网页。,插入me

4、ta对象,meta 标签是记录有关当前页面的信息（如字符编码、作者、版权信息或关键字）的文件头元素。这些标签也可以用来向服务器提供信息，如页面的失效日期、刷新间隔和 PICS 等级。（PICS 是 Internet 内容选择平台，它提供了向 Web 页分配等级（如电影等级）的方法。）,网页布局,引例右图页面分成了四个不同的区域：页面顶部的单元格内放置标题图形；顶部下方的单元格内放置局部导航条；页面左侧的单元格内放置导航条；页面右侧的单元格内放置文字内容,网页布局的方法,绘制表格绘制布局使用框架分层,插入表格,制作表格 编辑表格 表格属性面板的使用,插入表格,制作表格:常用插入栏-表格 Ctrl

5、+Alt+T弹出“表格”对话框,插入表格,制作表格,制作简单表格 制作嵌套表格,演示,制作表格,制作简单表格 制作嵌套表格,演示,编辑表格,编辑表格的基本操作 选择表格 选择行列 选定单元格 合并与拆分单元格 插入行列 删除行列 格式化表格,演示,利用表格布局网页,利用表格排列数据 选择表格 命令排序表格 选定单元格 利用表格布局网页 插入表格调整表格,演示,表格属性面板的使用,通过对表格及单元格的属性面板的设置可以对表格进行更多灵活变化。,演示,编辑表格的高级操作,隐藏单元格之间的分隔线,编辑表格的高级操作,隐藏单元格之间的分隔线 标签后输入rules=“rows”则指定格式只对行有效,纵向

6、分隔线被隐藏,插入多媒体对象,使用图像 插入flash对像 插入视频对象 插入音频对象,使用图像,插入图像 鼠标经过图像 设置图像属性示例image.htm,演示,插入flash对像,插入flash动画 插入flash按钮 使用Flash文本对象 插入Flashpaper 插入Flash元素 示例myhome.html,演示,插入视频对象,插入FlashVideo 插入Shockwave影片 插入ActiveX 示例Guizhoumovie.htm示例flashvideo.htm,演示,插入音频对象与插入Java Applet,插入插件插入Java Applet 示例JavaApplet.ht

7、m,演示,java程序分为两类:Java小程序(Applet)和Java应用程序(Application),这两类程序是有区别的。Java Applet嵌入在WWW的页面,作为 页面的组成部分被下载,并能运行在实现Java虚机器(JVM)的Web浏览 器中。Java的安全机制可以防止小程序存取本地文件或其他安全方面 的问题。而一个Java应用程序运行于Web浏览器之外,没有Applet运行 时的诸多限制。另外,两者程序设计上的最大区别在于:Java Applet 没有主程序,而Java应用程序一定要有主程序。,创建超级链接,地址和链接 文件地址 超级链接 添加链接 书签链接和热点链接,文件地址

8、,绝对地址 在网页中如要创建一个外部链接，就需要使用一个绝对地址。绝对URL是指某个文件在网络上的完整路径。例如：http:/相对地址的书写有两种类型：文件相对地址和根目录相对地址,2007.10-2008.1,33,创建链接（续）,（2）绝对地址与相对地址（续）相对地址 文件相对地址文件相对地址描述了某个文件（文件夹）相对另一个文件（文件夹）的相对位置。即使站点根目录发生变化，这种形式的地址也不会受到影响。当 站点管理器内进行文件的重命名、文件的移动、文件夹的移动等操作时，用文件相对地址创建的链接都会动态地进行更新。某站点的目录结构:/index.htm;/exercise/images.h

9、tm;/data/index.htm下面以这个站点中的文件为例说明文件相对地址的写法。,2007.10-2008.1,34,创建链接（续）,（2）绝对地址与相对地址（续）相对地址 文件相对地址（续）如果要创建从exercise目录下的images.htm到站点根目录下的index.htm的链接，链接地址应是“./index.htm”。如果exercise目录下的images.htm到data目录下的index.htm的链接，链接的地址应是“./data/index.htm”。,2007.10-2008.1,35,创建链接（续）,（2）绝对地址与相对地址（续）相对地址 根目录相对地址如果要创建的

10、是内部链接，用户还可以选择根目录相对地址，这种地址在动态网页编写时用得比较多，但如果只是静态的网页，使用文件相对地址还是方便得多。根目录相对地址的书写形式比较简单，首先以一个向右的斜杠开头，用它代表根目录。然后再书写文件夹名，最后书写文件名。例如，要创建到exercise目录下的images.htm的链接，任何文件中的链接地址都可以写成“/exercise/images.htm”。根目录相对地址和链接目标文件的位置是没有关系的。,超级链接,一个网页一定少不了超级链接，可创建到文档、图像、多媒体文件或可下载软件的链接。可建立到文档内任意位置的任何文本或图像的链接。当浏览者单击设置好超级链接的网页

11、元素时，将会从当前页面转到关联页面中。超级链接分为内部链接与外部链接，它们是相对站点目录而言的。如果超级链接的是站点目录内的文件，这样的链接就是内部链接；相反，如果链接的是站点目录之外的文件，这样的链接就被称为外部链接。,添加链接,添加外部链接 添加内部链接 添加E-mail链接书签链接和热点链接 示例herb.htm示例wuhan_map.htm,演示,Insert Form&Form Object(Continue),1)Form Introduction左图是网易通行证的注册网页，需要填写一些个人信息，如姓名、性别、出生日期、证件号码等。填写信息的页面上包括很多表单对象，如文本框、单选按钮、下拉列表框、按钮等。所有这些表单对象合在一起，称为表单。,