第4章网页及多媒体制作 郝兴伟 山东大学计算机科学与技术学院 hxwasdu.edu. cn 山东大学计算机科学与技术学院 School of Computer Science& Techno logy, Shandong University
郝兴伟 山东大学计算机科学与技术学院 hxw@sdu.edu.cn 第4章 网页及多媒体制作
目录 41使用 FrontPage2000 42新建网页 43网页的编辑 44框架网页 45使用 Dreamweaver 46 Photoshop和图像处理 47Fash与动画制作
目 录 4.1使用FrontPage 2000 4.2 新建网页 4.3 网页的编辑 4.4框架网页 4.5 使用Dreamweaver 4.6 Photoshop和图像处理 4.7 Flash与动画制作
4使用 FrontPage2000 FrontPage2000是 Microsoft office2000办 公套件的成员,是一种可视化的网页制作和站 点管理工具。 从窗口的界面到各种功能的操作方法等各个方 面,都与 Office2000中的其它应用程序(如 Word2000、Exce12000以及 Powerpoint2000 高度统一,从而使得 Front page成为一种使用 较广的网页制作工具,用户用它可以方便的编 写htm1文档
4.1 使用FrontPage 2000 FrontPage 2000是Microsoft Office 2000办 公套件的成员，是一种可视化的网页制作和站 点管理工具。 从窗口的界面到各种功能的操作方法等各个方 面，都与Office 2000中的其它应用程序（如 Word 2000、Excel 2000以及PowerPoint 2000） 高度统一，从而使得Frontpage成为一种使用 较广的网页制作工具，用户用它可以方便的编 写html文档
411 FrontPage2000的主窗口 “视图”窗栏 件()编辑(E查看(插入(I格式()工具(表格(A)框架(R)窗口(M)帮助 口·国,回舀國》可“,。回兽团◎们回 (无)·(默认字体 ·普通·BIⅡ匪乒巨·△ 显示模式 1. htm 普通 文件夹 HTML 报表 预览 超链接 普通人M人预览/ 若要获取帮助,请按F1 〖传输方式:28.8,时间:0秒
4.1.1 FrontPage 2000的主窗口 “视图”窗格 显示模式 • 普通 • HTML • 预览
4L.2显示模式 (1)普通模式:是一种可视化的网页编辑模式。在这里,用户 可以采用“所见即所得”的方式设计、编辑和修改网页,系统 会自动生成相应的HTML代码。 2)HIML模式:将显示网页的HTM文档内容。用户可以直接 在该模式下编辑、修改其中的HTML代码,适用于那些对 HTML比较熟悉的用户。另外,如果网页中包含一些脚本程序 则这些脚本程序也需要通过HIML模式编辑 (3)预览模式:通过该模式可以预览当前编辑的网页
4.1.2 显示模式 (1) 普通模式：是一种可视化的网页编辑模式。在这里，用户 可以采用“所见即所得”的方式设计、编辑和修改网页，系统 会自动生成相应的HTML代码。 (2) HTML模式：将显示网页的HTML文档内容。用户可以直接 在该模式下编辑、修改其中的HTML代码，适用于那些对 HTML比较熟悉的用户。另外，如果网页中包含一些脚本程序， 则这些脚本程序也需要通过HTML模式编辑。 (3) 预览模式：通过该模式可以预览当前编辑的网页
举例 ■ i crosoft FI 回 件①)编辑)查看⑩)插入①)格式①)工具()表格)框架)窗口( 帮助0D ··圖回舀可口·型回 普通 ·倒默认宇体 普通·B1ⅡE≡ 视图 new_page_1. htm 欢迎光临 网页 文件①)编辑)查看⑩)插入①)格式)工具)表格④)框架①)窗口邇) 文件夹 帮助⑩ m ·哆回舀旦翌回德「 报表 图 new page1. htm h普通人m预览/ Chtml> 传输方式 Head> metahttp-equiv"content-language"content= metahttp-equivc"content-type"content="ter charset=gb2312“> nt="Microsoft F. 文件夹 m φaign=" center") font c1x=“#F00FF“欢迎光 Font>/p 报表 htm 卜普通入m虹/预览/ 行13,列45 三传输方式:28.8,时间:0秒
举例
413Web站点的创建与管理 FrontPage不仅是一个页面制作工具, 同时,它还可以进行站点管理操作。包括创 建、删除、打开、发布站点,以及设置站点 属性等工作,也可以对站点的文件和文件夹 进行操作和安全性管理
4.1.3 Web站点的创建与管理 FrontPage 不仅是一个页面制作工具， 同时，它还可以进行站点管理操作。包括创 建、删除、打开、发布站点，以及设置站点 属性等工作，也可以对站点的文件和文件夹 进行操作和安全性管理
1创建Web站点 操作方法是:选择“文件” P 周导入个人点公司墨手 站点的位置 “新建”、“站点”,打开“新‖ss d: \myCustomerl 害户支持站空站点讨论站点向项目站点 需要安全的链装sD 建站点”对话框,,选择一个站 点易甭萍禁哥务的 点模板(这里我们选择“客户支 持站点”),在“指定新站点位 置”下面的文本框中输入站点主 在计算机上创建一个新的文 目录路径,例如:输入 件夹d: my Customer,该文件 d: \my Customer, 夹下又包含子文件夹和若干 网页文件
1.创建Web站点 在计算机上创建一个新的文 件夹d:\myCustomer，该文件 夹下又包含子文件夹和若干 网页文件。 操作方法是：选择“文件” 、 “新建” 、 “站点”，打开“新 建站点”对话框，，选择一个站 点模板（这里我们选择“客户支 持站点”），在“指定新站点位 置”下面的文本框中输入站点主 目录路径，例如：输入 d:\myCustomer
2发布站点 所谓“发布站点”,就是将站点所包含的 文件复制倒指定的目标位置,可以是一台 Web服务器,或者是一个目标文件夹,甚 至是一个可擦写的光盘驱动器
2. 发布站点 所谓“发布站点”，就是将站点所包含的 文件复制倒指定的目标位置，可以是一台 Web服务器，或者是一个目标文件夹，甚 至是一个可擦写的光盘驱动器
发布站点具体步骤 选择菜单“文 布站点 指定发布站点的位置 件”、“发布站 htt:/10.0.0.66 浏览①) 点”,可以打开 三当WP(.如果没有站点建立提供者,请单击此处。 “发布站点”对 只发布更改过的网页c 发布所有网页,看盖目标站点上已有的同名网页〔A) 话框 厂包含子站点Q 厂需要安全的链接(SL〕 选项)± 发布 取消 输入要发布的站点的位置,可以是一个文件夹,然后单击“发布” 按钮,开始文件复制,最后会显示一个 FrontPage对话框,显示 “成功发布站点!”。则当前Web站点所包含的文件将被传送到 目标位置
发布站点具体步骤 输入要发布的站点的位置，可以是一个文件夹，然后单击“发布” 按钮，开始文件复制，最后会显示一个FrontPage对话框，显示 “成功发布站点！”。则当前Web站点所包含的文件将被传送到 目标位置。 选择菜单“文 件” 、 “发布站 点”，可以打开 “发布站点”对 话框