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

《《制作简单网页》PPT课件.ppt》由会员分享，可在线阅读，更多相关《《制作简单网页》PPT课件.ppt（38页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

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

2、中的光标所在处。最后一种方法是导入已有Word文档，在Dreamweaver文档窗口中，将光标定位到要导入文本的地方，选择菜单“文件”|“导入|”|“WORD文档”命令，弹出“导入Word文档”对话框，在其中选择要导入的Word文档，单击该对话框的“打开”命令，就可以导入文本了。格式化文本格式化文本 p设置字符格式设置字符格式p使用段落和标题使用段落和标题 p对齐文本对齐文本 p缩进与扩展缩进与扩展 p首行缩进首行缩进 示例示例one.htm创建项目列表创建项目列表p无序项目列表无序项目列表无序项目列表通常用各种几何符号来表示其列表关系，其主要用于一种并列关系的元素组合，各列表项之间并不存在先

3、后主次的顺序。p有序项目列表有序项目列表 有序项目列表也称为编号列表，代表一种进程，各列表项之间存在着先后过程，通常用阿拉伯数字或字母有序符号表示。p嵌套项目列表嵌套项目列表如果想把不同级别的文本内容用列表的形式表现出来，则需要用到项目列表的嵌套。创建项目列表的嵌套，需要用到文本属性面板上的段落扩展/缩进按钮。示例示例one.htm设置文件头和网页属性设置文件头和网页属性 文件头在浏览器中是不可见的，但却含有网页的重要信文件头在浏览器中是不可见的，但却含有网页的重要信息。它还可以实现一些非常重要的功能，以下将重点介息。它还可以实现一些非常重要的功能，以下将重点介绍与文件头相关的内容。绍与文件头

4、相关的内容。p设置网页的编码设置网页的编码 p设定文档标题设定文档标题 p添加关键字添加关键字 p设置网页的刷新设置网页的刷新 p插入插入meta对象对象 设置网页的编码设置网页的编码文件头窗口设定文档标题设定文档标题添加关键字添加关键字 p可以为当前文档定义关键字，关键字用来可以为当前文档定义关键字，关键字用来协助网络上的搜索引擎寻找网页。很多的协助网络上的搜索引擎寻找网页。很多的浏览者先通过搜索引擎找到该网页的。浏览者先通过搜索引擎找到该网页的。设置网页的刷新设置网页的刷新p网页刷新通常用于两种情况：第一种情况网页刷新通常用于两种情况：第一种情况是在打开某个网页后的一定时间内，让浏是在打开

5、某个网页后的一定时间内，让浏览器自动跳转到一个新网页：第二种情况览器自动跳转到一个新网页：第二种情况是用于需要经常刷新的网页，可以让浏览是用于需要经常刷新的网页，可以让浏览器每隔一段时间自动刷新自身网页。器每隔一段时间自动刷新自身网页。插入插入meta对象对象 meta 标签是记录有关当前页面的信息（如字符编码、标签是记录有关当前页面的信息（如字符编码、作者、版权信息或关键字）的文件头元素。这些标签也作者、版权信息或关键字）的文件头元素。这些标签也可以用来向服务器提供信息，如页面的失效日期、刷新可以用来向服务器提供信息，如页面的失效日期、刷新间隔和间隔和 PICS 等级。（等级。（PICS 是

6、是 Internet 内容选择平台，内容选择平台，它提供了向它提供了向 Web 页分配等级（如电影等级）的方法。）页分配等级（如电影等级）的方法。）网页布局网页布局引例引例右图页面分成了四个右图页面分成了四个不同的区域：不同的区域：p页面顶部的单元格页面顶部的单元格内放置标题图形；内放置标题图形；p顶部下方的单元格顶部下方的单元格内放置局部导航条；内放置局部导航条；p页面左侧的单元格页面左侧的单元格内放置导航条；内放置导航条；p页面右侧的单元格页面右侧的单元格内放置文字内容内放置文字内容 网页布局的方法网页布局的方法p绘制表格绘制表格p绘制布局绘制布局p使用框架使用框架p分层分层插入表格插入表

7、格p制作表格制作表格 p编辑表格编辑表格 p表格属性面板的使用表格属性面板的使用 插入表格插入表格p制作表格制作表格:常用插入栏-表格 Ctrl+Alt+T弹出“表格”对话框插入表格插入表格制作表格制作表格p制作简单表格制作简单表格 p制作嵌套表格制作嵌套表格 制作表格制作表格p制作简单表格制作简单表格 p制作嵌套表格制作嵌套表格 编辑表格编辑表格 p编辑表格的基本操作编辑表格的基本操作 选择表格 选择行列 选定单元格 合并与拆分单元格 插入行列 删除行列 格式化表格 利用表格布局网页利用表格布局网页 p利用表格排列数据利用表格排列数据 选择表格 命令排序表格 选定单元格 p利用表格布局网页利

8、用表格布局网页 插入表格调整表格表格属性面板的使用表格属性面板的使用p通过对表格及单元格的属性面板的设置可通过对表格及单元格的属性面板的设置可以对表格进行更多灵活变化。以对表格进行更多灵活变化。编辑表格的高级操作编辑表格的高级操作 p隐藏单元格之间的分隔线隐藏单元格之间的分隔线 编辑表格的高级操作编辑表格的高级操作 p隐藏单元格之间的分隔线隐藏单元格之间的分隔线 标签后输入标签后输入rules=“rows”则指定格式只对行有效则指定格式只对行有效,纵向分隔线被隐藏纵向分隔线被隐藏插入多媒体对象插入多媒体对象 p使用图像使用图像 p插入插入flash对像对像 p插入视频对象插入视频对象 p插入音

9、频对象插入音频对象 使用图像使用图像p插入图像插入图像 p鼠标经过图像鼠标经过图像 p设置图像属性设置图像属性示例示例image.htm 插入插入flash对像对像p插入插入flash动画动画 p插入插入flash按钮按钮 p使用使用Flash文本对象文本对象 p插入插入Flashpaper p插入插入Flash元素元素 示例示例myhome.html插入视频对象插入视频对象 p插入插入FlashVideo p插入插入Shockwave影片影片 p插入插入ActiveX 示例示例Guizhoumovie.htm示例示例flashvideo.htm插入音频对象与插入插入音频对象与插入Java A

10、pplet p插入插件插入插件p插入插入Java Applet p示例示例JavaApplet.htmpjava程序分为两类程序分为两类:Java小程序小程序(Applet)和和Java应应用程序用程序(Application),这两类程序是有区别的。这两类程序是有区别的。Java Applet嵌入在嵌入在WWW的页面的页面,作为作为 页面的组页面的组成部分被下载成部分被下载,并能运行在实现并能运行在实现Java虚机器虚机器(JVM)的的Web浏览浏览 器中。器中。Java的安全机制可以的安全机制可以防止小程序存取本地文件或其他安全方面防止小程序存取本地文件或其他安全方面 的问的问题。而一个题

11、。而一个Java应用程序运行于应用程序运行于Web浏览器之浏览器之外外,没有没有Applet运行运行 时的诸多限制。另外时的诸多限制。另外,两者程两者程序设计上的最大区别在于序设计上的最大区别在于:Java Applet 没有主程没有主程序序,而而Java应用程序一定要有主程序。应用程序一定要有主程序。创建超级链接创建超级链接 p地址和链接地址和链接 文件地址 超级链接 p添加链接添加链接 p书签链接和热点链接书签链接和热点链接 文件地址文件地址p绝对地址绝对地址 在网页中如要创建一个外部链接，就需要使用一个绝对地址。绝对URL是指某个文件在网络上的完整路径。例如：http:/ 相对地址的书写

12、有两种类型：文件相对地址和根目录相对地址2007.10-2008.133创建链接（续）创建链接（续）p（2）绝对地址与相对地址（续）绝对地址与相对地址（续）相对地址 文件相对地址l文件相对地址描述了某个文件（文件夹）相对另一个文件（文件夹）的相对位置。即使站点根目录发生变化，这种形式的地址也不会受到影响。当 站点管理器内进行文件的重命名、文件的移动、文件夹的移动等操作时，用文件相对地址创建的链接都会动态地进行更新。l某站点的目录结构:/index.htm;/exercise/images.htm;/data/index.html下面以这个站点中的文件为例说明文件相对地址的写法。2007.10-

13、2008.134创建链接（续）创建链接（续）p（2）绝对地址与相对地址（续）绝对地址与相对地址（续）相对地址 文件相对地址（续）l如果要创建从exercise目录下的images.htm到站点根目录下的index.htm的链接，链接地址应是“./index.htm”。l如果exercise目录下的images.htm到data目录下的index.htm的链接，链接的地址应是“./data/index.htm”。2007.10-2008.135创建链接（续）创建链接（续）p（2）绝对地址与相对地址（续）绝对地址与相对地址（续）相对地址 根目录相对地址l如果要创建的是内部链接，用户还可以选择根目录

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

15、的任何文本或图像的链接。立到文档内任意位置的任何文本或图像的链接。当浏览者单击设置好超级链接的网页元素时，当浏览者单击设置好超级链接的网页元素时，将会从当前页面转到关联页面中。将会从当前页面转到关联页面中。p超级链接分为内部链接与外部链接，它们是相超级链接分为内部链接与外部链接，它们是相对站点目录而言的。如果超级链接的是站点目对站点目录而言的。如果超级链接的是站点目录内的文件，这样的链接就是内部链接；相反，录内的文件，这样的链接就是内部链接；相反，如果链接的是站点目录之外的文件，这样的链如果链接的是站点目录之外的文件，这样的链接就被称为外部链接。接就被称为外部链接。添加链接添加链接p添加外部链

16、接添加外部链接 p添加内部链接添加内部链接 p添加添加E-mail链接链接p书签链接和热点链接书签链接和热点链接 示例示例herb.htm示例示例wuhan_map.htmInsert Form&Form Object(Continue)p1)Form Introduction左图是网易通行证的左图是网易通行证的注册网页，需要填写注册网页，需要填写一些个人信息，如姓一些个人信息，如姓名、性别、出生日期、名、性别、出生日期、证件号码等。填写信证件号码等。填写信息的页面上包括很多息的页面上包括很多表单对象，如文本框、表单对象，如文本框、单选按钮、下拉列表单选按钮、下拉列表框、按钮等。所有这框、按钮等。所有这些表单对象合在一起，些表单对象合在一起，称为表单。称为表单。