网络多媒体课件设计与制作-1讲解材料.pptVIP

网页制作的常用技术 一般使用FrontPage、Dreamweaver等网页设计软件编制。 FrontPage比较重视网页的开发效率、易学易用； Dreamweaver强调的是更强大的网页控制、设计能力及创意的完全发挥。 还可以使用PowerPoint、word等软件制作网页，输出成*.html(*.htm)格式。 动态网页的编程语言分成浏览器端编程语言和服务器端编程语言。 浏览器端编程语言：HTML（Hypertext Markup Language，超文本标记语言）、CSS（Cascading Style Sheets，层叠样式表单）、JavaScript语言和VBScript语言。 服务器端编程语言：为了实现一些复杂的操作，比如：连接数据库，操作文件等。目前主要是3P（ASP、JSP和PHP）技术。 网页制作的常用技术：动态网页的编程语言 网页制作的常用技术：多媒体素材的采集与处理技术 网页的基本构成元素 用FrontPage 2003 制作网页 初识FrontPage 2003 创建站点 规划网页布局 编辑网页 用超链接实现导航 为网页制作特效 网页课件发布 初识FrontPage 2003 选择菜单“开始|程序|Microsoft Office FrontPage 2003”， 进入FrontPage主界面 标题栏 任务窗格 菜单栏 工作区 视图切换按钮 更改页面大小 创建站点 ①【新建任务窗格】| 【新建网站】| 【其他网站模板】 ③单击【确定】按钮，新站点创建完成 ② 【空白网站】| 【在指定新站点的位置】键入或选择新网站的位置。 例如：D:\网页制作教程 提示：执行“视图|任务窗格”打开，任务窗格 创建站点首页 新建网页设置页面大小 操作步骤： 【新建任务窗格】|【新建网页】 选择“空白网页” ①在预览标签中预览 在网页视图下按下【预览】标签即可，可以直接看到网页的最新变动情况而不需要先保存 ②在浏览器中预览 方法一： 执行“文件|在浏览器中预览”命令 选择使用的浏览器和窗口大小 方法二： 按下【预览】按钮就可以用浏览器中进行预览了 网页的预览 注意： 使用浏览器查看网页前，要先保存，否则看不到最新改动 网页的基本操作 执行“视图|文件夹列表”命令，打开文件夹列表 更改网页名称 选择网页鼠标右键|重命名 更改网页标题 选择网页鼠标右键|属性|标题 删除网页 选中网页|按【Delete】键删除 更改网页背景色：在网页上单击右键“网页属性|格式” 规划首页布局 使用框架 ? 使用布局表格 框架网页是一种特殊的网页，它将浏览器窗口分割成几个大小不同的区域，每个区域是一个可以单独滚动的普通的网页，从而使页面结构更清晰、美观，同时也扩大了网页的显示空间。 在网页中插入各媒体元素时，可以使用布局表格来安排它们的位置，使内容更加合理有序 使用框架 ①【新建任务窗格】|【新建网页】|【其他网页模板】 （1）创建框架网页 ②单击【框架网页】|选择一种框架样式 例如:横幅和目录,预览其布局 ③单击【确定】，框架网页建成。 使用框架 （2）设置框架的初始网页 问题：如何修改初始网页 解决方案：选中框架|右键|框架属性|修改初始网页 单击【新建网页】 创建一个新的空白网页 单击【设置初始网页】 插入一个已编辑的网页 例如： 网络多媒体课件制作概述 用FrontPage 2003 制作课件 网络多媒体课件制作概述 网络多媒体课件的优越性 网络多媒体课件的制作流程 网络多媒体课件的开发工具 信息量大，资源共享 交互性强，信息反馈快 实时和非实时结合，实效性强 网络多媒体课件的优越性 网页制作概述 网站与网页概述 万维网的工作过程 网站策划与设计流程 网页制作概述 网站概述 网站:是众多具有共同属性（如相关主题、类似的设计或共同目的）的网页组成的，它们存储在某一个Web服务器上。 网页概述 网页（Web Page）：网站中，供用户阅读的一个个页面，称之为“网页”，网页是通过WWW发布的包含有文本、图片、声音、动画等多媒体信息的页面，是WWW的基本单位。 不同语言开发的网页网页的后缀名也不相同，常见的网页后缀名有：htm，html，xhtml，asp，aspx，php ，jsp等等 网站概述 浏览器 定义：用于访问网络中的各种资源的工具 分类：目前使用最广泛的是基于微软视窗平台的浏览器 IE（Internet Explorer）：Microsoft（微软）公司开发出品 NE（Netscape Navigator）：Netscape（网景）公司研发 TT浏览器：腾讯公司研发 GoSuRF浏览器： IE浏览器 网景浏览器 TT浏览器 便于网页快速切换 GoSuRF浏览器 智能过滤 单键即拖（拖动网页链接即可