精品课程网站制作步骤-2012-07-01
使用精品课程网站制作步骤
1、 在任意的盘符建立一个课程网站文件夹,取名为“我的
网络课程”,在其内部建立四个文件夹:“img”,
“menu01”、“menu02”、“flash”,注意不允许用中文命
名;
2、 拷贝“
用素材”文件夹中“项目10-05…”文件夹
的“img”文件夹中的“logo.jpg”文件到“我的网络
课程”中的“img”文件夹中;
3、 启动DW软件,选择新建“html”,选择“文件”菜单中
的“保存”,将其保存到“我的网络课程”文件夹中,
取名为“index”
4、 在“标题”栏输入“我的网络课程”,然后直接回车; 5、 选择“拆分”模式,在该模式下,窗口上部为“代码”
窗口、下部为“
”窗口;
6、 在设计页面空白处单击,点击“插入记录”菜单,选“
格”,在表格对话框中输入2行、1列,宽度为“950”
像素,单元格边框、边距及间距均输入“0”,点击确定。
7、 在表格第一行、第一列中单击鼠标左键,选择“插入记
录”菜单中的“图像”,浏览找到“img”文件夹中的
“logo.jpg”,点确定,将图片插入表格中; 8、 在第二行中单击鼠标左键,输入“菜单”二字;点击“文
件”菜单,选择“保存”文件。
9、 插入菜单。启动软件18--“sothink DHTML Menu”,在
中选择“简单”中的“dark”,单击创建。 10、 修改菜单的长度。单击左侧一级菜单中的任一项,点击
右侧“菜单条目”中的“常规”,修改宽度数值为165; 11、 增加一级菜单条目。单击左侧任意菜单项,CTRL+C,然
后选择“最顶层菜单项”,CTRL+V;
12、 依次修改菜单项宽度到955;
13、 修改菜单文字内容,并建立链接。单击左侧要修改的菜
单项,点击右上部“菜单条目”中的“常规”选项,修
改文字内容,并建立链接。本步骤选择“products”菜
单,将其改为“回到首页”,在链接一栏输入
“index.html”,选择 “samples”选项,将其修改为
“课程介绍”,在链接一栏输入“001.html” 14、 发布前的准备工作。选择右侧“源文件夹”,在属性面
板点击右上角的“高级”选项,在Javascript及图像
栏分别输入“menu01”;
15、 发布菜单到index.html中。点击工具栏中的“发布”,
选择“发布”,浏览找到“我的网络课程”中的index.html
文件,找到“菜单”二字,在菜单二字中间单击鼠标,
然后点击“插入代码”,点击确定,成功发布,再点确
定。回到DW软件,接受修改,至此完成水平菜单的插
入。
16、 插入左侧菜单内容。在页面空白处单击,当光标跳到
外时,点击菜单“插入记录”选“表格”,输
入1行、2列,宽度为950像素,其余全为“0”,点击
确定,马上将其设为“居中对齐”。
17、 在第一列中单击鼠标左键,将单元格属性中的“宽”设
为“200”,将“垂直”属性设为“顶端”对齐,在第二
列中单击鼠标,将“垂直”属性也设为“顶端”对齐。
在第一列中输入“菜单”二字,保存文件并F12预览。 18、 加工树状菜单。启动19-sothink Tree Menu,在模版中
选择“商业”中的最后一个“yellow”菜单,点击“确
定”;
19、 选择audio中的bios菜单项,点击右侧“节点设置”
中的“常规”选项,将其改为“回到首页”,在链接栏
输入“index.html”,再选择CD/DVD drivers,将其改
为“课程介绍”,在链接栏输入“001.html” 20、 发布前的准备工作。点击右侧“web路径”,在“脚本
路径”及“图像路径”中分别输入“menu02”;
21、 发布菜单。点击工具栏中的“发布”,点击二次“下一
步”,浏览找到我的网络课程中的“index.html”,点击
“下一步”,找到“菜单”二字,在中间单击,点击没
有文字的按钮,点击下一步直到完成,回到DW软件,
就收修改,至此树状菜单制作完毕。
22、 复制项目10-05中index.html中的文字,在第二列中
粘贴文字,至此首页制作完毕。
23、 加工001.html。复制index.html文件,将其改名为
001.html,使用DW软件中的“打开”,选中001.html文
件,直接修改文字内容即可。
24、 插入flash素材。拷贝项目01中的autocad-test文件
夹中的autocad-test.swf文件到“我的网络课程”中
的“flash”。在“课程介绍”后回车换到下一行,选择
文字“居中”,让光标位于中部,单击“插入记录”菜
单,选择“媒体”中的“flash”,将交互测试插入网页
001中。
25、 插入flash视频。拷贝*.flv文件到“我的网络课程”
中的“flash”。在刚刚插入的flash后面鼠标并回车,
然后点击“插入记录”菜单中“媒体”,选择“Flash
视频”,在对话框中为其外观选择最后一个,单击确定。 26、 插入flashpaper文档(由doc文档转换成的flash)。
拷贝项目04-05中的flashpaper文档到“flash”文件
夹中,在刚刚插入的flash视频后面鼠标并回车,然后
点击“插入记录”中“媒体”中的flashpaper选项,
浏览找到flashpaper文档,将宽度设为650,高度设
为700,
27、 如法炮制可生成002等页面。