文档介绍：网页设计与课件制作范例 Macromedia 公司的配套软件----Dreamweaver MX ,Fireworks MX ,Flash MX既是当前最流行的网页设计软件,也是制作多媒体 CAI 教学课件的优秀软件。其中: Dreamweaver MX 用于网页布局, Fireworks MX 用于文字和图像的美化, Flash MX 用于动画片制作,三个软件配合使用即可设计制作出优美的网页和课件。以下通过实例进行分析讨论。网页制作的流程: (1 )规划(2 )搜集素材(3 )制作网页一. 建立用户文件(目录)及子文件夹 1、[ 我的电脑]?选文件夹 E?文件?新建?文件夹 2 、将[ 新建文件夹] 改为用户文件夹名(例: wlsyrj ) 3 、打开用户文件夹,再建一个子文件夹: media 4 、向子文件夹 media 中拷入在网页设计中将要用到的文本、图像、动画、声音等多媒体元素. Dreamweaver MX 1、 Site ? New site 2 、输入 Site Name :( 例: wlsyrj) 3 、选择路径到用户文件夹( wlsyrj ) 三. Dreamweaver MX 网页设计范例启动 Dreamweaver MX ( 一)设计框架集及各子框架网页主网页, 并保存为网页文件( .htm ) 1. 单击编辑窗右下方“ winodws size ”按钮, 选 760 × 420 (800x600) 大小模式 ? objests , 显现对象面板窗? Frames (框架) 3. 在各种框架图中点选,出现框架集上、左、右三个小框架(即 4个网页的框架) 4. 分别保存为 4 个网页文件( .htm ): (1) 保存框架集网页文件: File ? save frameset 选择路径为用户文件夹(xadx), 输入文件名: index (.htm) ?保存(2) 点击“上”框架,保存上框架网页文件: File ? save frame , 选择为用户文件夹(xadx) ,输入文件名: xadxt (.htm) ?保存(3) 点击“左”框架,保存左框架网页文件: File ? save frame 选择为用户文件夹(xadx) , 输入文件名: xadxl (.htm )?保存(4) 点击“右”框架,保存右框架网页文件: File-save frame 选择为用户文件夹(xadx) ,输入文件名: xadxr (.htm) ?保存 5.(1) 至此, 已在用户站点文件夹中建立了四个网页文件, 都可以在浏览器上单独查阅(按 F12 键) (2 )以后修改存盘时,再不需要单独存(否则易产生错误)可采用全部一次性存盘命令: File ? Save All frames (3) 注:“上”“左”“右”三个网页文件包含在框架集网页文件中。(四) 设置各子框架( “上”“左”“右”)网页属性: 1. 设置“上框架”属性: (1) 点击“上框架”? Modify ? page properties ( 2)在[page properties] 对话框中先设置如下三项内容: Title:: xadxt lmage: media/ Backcolor: #99FFFF (3) 设置后,点[ OK] 确认 2. 设置“左框架”属性: (1) 点击“左框架”? Modify ? page properties (2) 在[page properties] 对话框中先设置如下三项内容: Title: Xadxl lmage: media/ Backcolor : # (3) 设置后,点[ OK] 确认 3. 设置“右框架”属性: (1) 点击“右框架”? Modify ? page properties (2) 在[page properties] 对话框中先设置如下三项内容: Title:Xadxr lmage:media/ Backcolor #99ff99 (3) 设置后,点[ OK] 确认(五) 在各框架页中插入对象(层、表格、媒体无素……) 1.( 1). 点击“上框架”页,插入一个层: objects ? common ? Draw layer (2). 点击“左框架”页,插入五个层: objects ? common ? draw Layer (3). 点击“右框架”页,插入一个 5×3 表格: objects ? common ?i nsert Table 在 windows ? properties 属性对框架修改为: W:100 , H:500 (4). 全部存盘: File ? save All F