现代教育技术中心高小惠.ppt

网站制作与教学应用 网页制作一般采用 Dreamweaver 和 Frontpage 软件 软件 Frontpage 版本说明 Frontpage 2000 版本是全国计算机考试所确定的版本。 学校服务器：94 ( 账号、密码均为train)培训软件文件夹中有 Microsoft Office2000 安装软件。下载后在本机安装时只选择安装frontpage即可。 参考网站：8:8000/course/FrontPage2000/fp2k0101.htm ●FrontPage 2000的启动与退出 FrontPage 2000的启动与退出的方法与其它的Windows应用程序相同。 （1）启动操作 （2）退出操作 ● FrontPage 2000的用户界面 FrontPage 2000的主窗口界面由： 标题栏、菜单栏、工具栏、视图栏、编辑器、状态栏组成。 FrontPage 2000支持6种不同的视图，它们分别是： l网页视图：可以用不同的方式编辑网页或浏览网页。 l文件夹视图：可以按照文件夹的形式查看站点中的文件组成情况。 l报表视图：该视图下显示的是当前站点的统计数据。其内容涉及到所有的文件、图片、未链接与已链接的文件等的数量、大小及简要说明。 l超链接视图：超链接是Web站点中最重要的部分，在网页中通常少不了超链接。 l?任务视图：这是FrontPage 2000为制作复杂网站提供的一种有力工具，通过它，设计人员可以根据工作安排制定详细的任务列表。 网页制作 创建网站的一般过程由以下几个步骤构成： (1) 需求分析 (2) 规划网站 (3) 收集内容 (4) 建立Web站点 (5) 制作网页 根据网站的建设规划，制作网站的主页面及其它页面 (6) 测试网站及网页 (7) 发布网站 (8) 维护与更新 从设计阶段来说，最为重要的就是做好网站的规划、收集建立网站需要的资料及制作网页。 网页制作 ① 层状结构 层状结构（如图1.8所示）类似于目录系统的树体结构，由网站 文件的主页开始，依次划分为一级标题、二级标题等等，逐级细 化，直至提供给浏览者具体信息。 ② 线性结构 线性结构（如图1.9所示）类似于数据结构中的线性表，用于 组织本身的线性顺序形式存在的信息，可以引导浏览者按部就班地 浏览整个网站文件。这种结构一般都用在意义是平行的页面上。 通常情况下，网站文件的结构是层状结构和线性结构相结合的。这样可以充分利用两种结构各自的特点，使网站文件既具有条理 性、规范性，又可同时满足设计者和浏览者的要求。 ③ Web结构 Web结构（如图1.10所示）类似于Internet的组成结构，各网页 之间形成网状连接，允许用户随意浏览。 网页制作 制作网页 规划好网站的结构后，即将开始网站的内的网页制作。网页是站点中最基本的文档，它是用HTML语言编写的。由于FrontPage具有所见即所得的特性，并能自动创建HTML代码，所以在不很了解HTML语言的情况下，用FrontPage创建出多种格式的网页。 1）创建网页 2）保存网页 新的网页建立后，要以HTML的格式进行保存，直接选择文件菜单下的“保存”选项，即可弹出“另存为”对话框，与其它Office系列软件一样，我们可以在此处选择文件保存的位置，并对文件进行命名。 网页制作 在所有的网页制作软件中，表格的作用不仅是可以直观地描述数据，还可利用表格来划分网页的页面布局。 1)表格的插入与编辑 在FrontPage 2000里，表格的操作与Word类似。 2)利用表格进行布局 在FrontPage 2000里，表格可以用来进行页面布局。所谓页面布局，就是利用表格来确定文本、图片等网页元素的位置，作为表布局用的表格，其边框一般是不显示出来的，否则会影响页面的美观。 网页制作 1）文字的格式设置 在FrontPage 2000中，文字的录入与编辑与Word的操作完全相同，我们可以直接在插入点所在的位置输入文字，然后通过“格式”菜单可以对文字内容的格式、段落的格式进行设置，也可以为文字内容添加项目符号与编号、边框与底纹。 (学会使用 Shift+Enter 换行) 2）文本动画 作为网页制作工具，FrontPage 2000针对文字提供了一些动态效果的制作手段，最为常用的是文本动画，文本动画都是采用动态HTML（DHTML）来实现的，因此只有在Internet Explorer 4.0或以上版本，或者其它支持动态HTML的浏览器中才可以看到文本动画的效果。 网页制作 自动创建缩略图：可以自动创建一个图片的小尺寸版本，并将