论文部分内容阅读
【摘要】使用Dreamweaver8.0、photoshop7.0、flash8.0、Access2003 等多种软件进行化工原理课程资源的网站开发建设。为学生提供自主学习和提高实践能力的网络平台。
【关键词】化工原理网络课件设计开发
本网络课件通过各种网页制作工具完成化工原理网络课程课件的制作[1]。
课件内容有:(1)课程负责人主讲教师(2)教学队伍(3)课程描述(4)电子教案;(5)课程建设规划(6)教学大纲(7)教案(8)设备动画资源(9)作业习题(10)参考文献(11)讨论与答疑(12)模拟试卷(13)网上答题。
1 主要开发语言
本网络课件开发语言有“Hypertext Markup Language” [2]、 “Active Server Page” 开发工具主要有 Dreamweaver8.0、Photoshop7.0、Flash8.0、Access2003。
2 主要开发过程
网站的开发由静态网页和动态网页两部分组成,静态网页包括:主页(登陆后)、电子资源和动画资源;动态网页包括:登陆系统、在线答疑和考试系统。
2.1静态网页的开发
(1)主页的开发:首先打开Dreamweaver,先定义一个站点,站点的作用是连接“书”内容的线,在创建新项目中点击“站点”出现菜单。为站点起一个名字hgly,然后给站点的地址定义为http://59.72.198.18,以后浏览主页的时候只需要输入站点地址即可,一直选择下一步,将服务器技术和远程服务器都选择为无。
进入Dreamweaver的编辑主界面之后首先开始进行布局,在这里选择表格布局。
根据初步拟定的首页内容,点击工具栏上的插入>>表格插入一个6行6列宽度为1000像素的表格1。将表格1的第一行全选点击右键:表格>>合并单元格,同理将表格1的第2行、第3行第6行分别合并,将第1列的合并,从第2列开始的第4行合并,再将从第2列开始的其他行合并。
将准备好的logo图片插入第1行单元格中。 在表格1的第二行插入一个1行3列宽度为1000像素的表格2,在表格2的第三列插入准备好的flash缩放导航,在第二列插入一个3行3列宽200像素高140像素的表格3,将表格3的第一列合并插入最新公告的菜单图片,将第2行第2列的宽高设置为180*95像素。
将表格1的第3行插入一个宽1000像素的1行2列的表格4在其中再插入一个宽700像素的1行2列的表格5,并在表格5的第一列插入您现在所在的位置的菜单图片,在第2列中输入文本“首页”,表明用户现在浏览的位置是在首页。
在左侧插入一个2行1列的表格,在其第一行插入“主讲教师”的菜单图片,第2行插入主讲老师的照片。再插入一个4行2列的表格,并填写老师的信息。继续插入一个5行1列的表格将“师资队伍”“课程介绍”“教学大纲”“教学方法”“参考文献”的菜单图片分别插入对应的单元格。插入一个7行3列的表格,在第1行插入“链接导航”的菜单图片。
静态网页部分的亮点是主页的层定位,将光标定位到表格1第5行,打开插入>>布局对象>>层,设置层的位置和高宽,同理再插入4个层,位置和宽高都和层1相同。
分别在每个层中插入文本和图片,在层“SZDW”中插入表格填入化工原理各个讲师的粗略信息,以及老师的照片。选中插入老师照片的表格,打开代码版面,这时代码中的光标位置和设计中代码的位置是同步的,在表格代码前后添加代码。
(2)电子资源网页的开发:打开主页,将主页另存为dzzy.html。保留logo、上部导航、网站地图、公告栏、用户登录和导航链接以及底部版权信息,将其他部分删除。在网站地图中输入文本“首页—>电子资源”。选择文本“首页”单击右键,选择“创建链接”,将其链接到index.html。这样,当用户浏览到改网页时,能够及时的知道自己的位置并快捷地回到浏览过的页面。
在导航链接表格上方插入一个6行1列宽221像素高184像素的表格,并在第1行插入电子资源的菜单图片根据分类的资料在第2、3、4、5行分别输入“课件”“教案”“ 作业与习
题” “试题库”。在表格1的右下单元格插入一个1行1列的表格,将其宽度设置为663像素,在表格内插入电子资源的菜单图片,并插入>>HTML>>水平线。再在表格1中插入一个3行2列宽度为663像素的表格,分别在各个单元格中插入图片。电子资源网的子网页可以利用电子资源网页来制作。
2.2动态网页的开发
(1)登陆系统的制作:将index.html在Dreamweaver中打开,并另存为index.asp。将光标定位到公共栏左边的单元格,并进入代码编辑器,输入相应代码,完成管理员登陆界面、学生管理员界面、填写用户个人信息、登陆成功后修改个人资料、获取密码、注册页面、判断是否用户名存在。
(2)在线答疑系统的开发:在线答疑系统首先建立数据库,打开数据库工具Access2003,点击文件>>新建>>空数据库>,将文件命名为DB#guestbook,新建表“<%NoDown%>”“”“ ”,分别在其中添加如下项目:、、<%NoDown%>。
新建空白ASP文件,粘贴代码:connDB.asp(定义检查数据库)、guestbook.asp(答疑主界面)、guestBook_add.asp(添加留言界面)、guest_reply.asp(回复留言界面)loginout.asp(注销登录界面)。
(3)考试系统的开发:考试系统和答疑系统都是先建立数据库,再在Dreamweaver中编写代码生成网页。数据库的建立方式和答疑系统创建方式一致,在access2003中建立一个名为db.mdb的数据库,在库中创建“admin”“papers”和“Stu”三个表,并在其中加入相应项目。
在Dreamweaver中编写相应代码:login.asp(登陆界面)、Admin.asp(管理员管理界面)、test.asp(考试界面)。
【关键词】化工原理网络课件设计开发
本网络课件通过各种网页制作工具完成化工原理网络课程课件的制作[1]。
课件内容有:(1)课程负责人主讲教师(2)教学队伍(3)课程描述(4)电子教案;(5)课程建设规划(6)教学大纲(7)教案(8)设备动画资源(9)作业习题(10)参考文献(11)讨论与答疑(12)模拟试卷(13)网上答题。
1 主要开发语言
本网络课件开发语言有“Hypertext Markup Language” [2]、 “Active Server Page” 开发工具主要有 Dreamweaver8.0、Photoshop7.0、Flash8.0、Access2003。
2 主要开发过程
网站的开发由静态网页和动态网页两部分组成,静态网页包括:主页(登陆后)、电子资源和动画资源;动态网页包括:登陆系统、在线答疑和考试系统。
2.1静态网页的开发
(1)主页的开发:首先打开Dreamweaver,先定义一个站点,站点的作用是连接“书”内容的线,在创建新项目中点击“站点”出现菜单。为站点起一个名字hgly,然后给站点的地址定义为http://59.72.198.18,以后浏览主页的时候只需要输入站点地址即可,一直选择下一步,将服务器技术和远程服务器都选择为无。
进入Dreamweaver的编辑主界面之后首先开始进行布局,在这里选择表格布局。
根据初步拟定的首页内容,点击工具栏上的插入>>表格插入一个6行6列宽度为1000像素的表格1。将表格1的第一行全选点击右键:表格>>合并单元格,同理将表格1的第2行、第3行第6行分别合并,将第1列的合并,从第2列开始的第4行合并,再将从第2列开始的其他行合并。
将准备好的logo图片插入第1行单元格中。 在表格1的第二行插入一个1行3列宽度为1000像素的表格2,在表格2的第三列插入准备好的flash缩放导航,在第二列插入一个3行3列宽200像素高140像素的表格3,将表格3的第一列合并插入最新公告的菜单图片,将第2行第2列的宽高设置为180*95像素。
将表格1的第3行插入一个宽1000像素的1行2列的表格4在其中再插入一个宽700像素的1行2列的表格5,并在表格5的第一列插入您现在所在的位置的菜单图片,在第2列中输入文本“首页”,表明用户现在浏览的位置是在首页。
在左侧插入一个2行1列的表格,在其第一行插入“主讲教师”的菜单图片,第2行插入主讲老师的照片。再插入一个4行2列的表格,并填写老师的信息。继续插入一个5行1列的表格将“师资队伍”“课程介绍”“教学大纲”“教学方法”“参考文献”的菜单图片分别插入对应的单元格。插入一个7行3列的表格,在第1行插入“链接导航”的菜单图片。
静态网页部分的亮点是主页的层定位,将光标定位到表格1第5行,打开插入>>布局对象>>层,设置层的位置和高宽,同理再插入4个层,位置和宽高都和层1相同。
分别在每个层中插入文本和图片,在层“SZDW”中插入表格填入化工原理各个讲师的粗略信息,以及老师的照片。选中插入老师照片的表格,打开代码版面,这时代码中的光标位置和设计中代码的位置是同步的,在表格代码前后添加代码。
(2)电子资源网页的开发:打开主页,将主页另存为dzzy.html。保留logo、上部导航、网站地图、公告栏、用户登录和导航链接以及底部版权信息,将其他部分删除。在网站地图中输入文本“首页—>电子资源”。选择文本“首页”单击右键,选择“创建链接”,将其链接到index.html。这样,当用户浏览到改网页时,能够及时的知道自己的位置并快捷地回到浏览过的页面。
在导航链接表格上方插入一个6行1列宽221像素高184像素的表格,并在第1行插入电子资源的菜单图片根据分类的资料在第2、3、4、5行分别输入“课件”“教案”“ 作业与习
题” “试题库”。在表格1的右下单元格插入一个1行1列的表格,将其宽度设置为663像素,在表格内插入电子资源的菜单图片,并插入>>HTML>>水平线。再在表格1中插入一个3行2列宽度为663像素的表格,分别在各个单元格中插入图片。电子资源网的子网页可以利用电子资源网页来制作。
2.2动态网页的开发
(1)登陆系统的制作:将index.html在Dreamweaver中打开,并另存为index.asp。将光标定位到公共栏左边的单元格,并进入代码编辑器,输入相应代码,完成管理员登陆界面、学生管理员界面、填写用户个人信息、登陆成功后修改个人资料、获取密码、注册页面、判断是否用户名存在。
(2)在线答疑系统的开发:在线答疑系统首先建立数据库,打开数据库工具Access2003,点击文件>>新建>>空数据库>,将文件命名为DB#guestbook,新建表“<%NoDown%>”“
新建空白ASP文件,粘贴代码:connDB.asp(定义检查数据库)、guestbook.asp(答疑主界面)、guestBook_add.asp(添加留言界面)、guest_reply.asp(回复留言界面)loginout.asp(注销登录界面)。
(3)考试系统的开发:考试系统和答疑系统都是先建立数据库,再在Dreamweaver中编写代码生成网页。数据库的建立方式和答疑系统创建方式一致,在access2003中建立一个名为db.mdb的数据库,在库中创建“admin”“papers”和“Stu”三个表,并在其中加入相应项目。
在Dreamweaver中编写相应代码:login.asp(登陆界面)、Admin.asp(管理员管理界面)、test.asp(考试界面)。