《网页设计与制作》精品课程网站的设计与实现

2014-06-18 04:58李翠霞
电脑知识与技术 2014年11期
关键词:网站设计网页设计与制作

李翠霞

摘要:《网页设计与制作》精品课程网站根据设计的几个特点,利用asp代码制作,只需三个页面就实现了网站的基本功能,制作效率快,而且简单。

关键词:网站设计;功能实现;asp

中图分类号:TP393 文献标识码:A 文章编号:1009-3044(2014)11-2497-03

1 概述

在主持申报《网页设计与制作》精品课程时,需要制作相对应的网站作为支撑。因为精品课程标准包含课程设置、教学内容、课程资源等7个一级指标,每个一级指标下面又包含多个二级指标,如表1所示,每个二级指标对应一些支撑文件。如果将这些支撑文件分别制作成html静态页面,那么需要花费很多时间,效率比较低。因此需要设计出一个简单有效的制作方法。

2 总体设计思路

根据本课程建设的实际情况,决定网站采用asp代码制作成动态网页,这样可以用尽量少的页面实现全部的功能。

在数据库设计方面,将一级指标设计成一张lm表,如图1所示。二级指标设计成menu表,在页面设计上,首先是首页index.asp,除了显示课程名称和学校名称外,还显示一级菜单名称,并能够正常链接。然后是各指标文件的显示页面main.asp,一级菜单在页面的顶部,二级菜单在页面的左侧,右侧放一个iframe框架,框架里面是right.asp页面,用来显示对应的swf文件。

当单击一级菜单时,在页面左侧会显示对应的二级菜单,并在右侧显示二级菜单中第一个文件内容。为了达到这个效果,当初在设计数据库的dz字段,为其填充对应的值时,就充分考虑到了这一点,也就是每一个一级菜单对应的第一个二级菜单的dz字段值,和一级菜单的id字段值相等。当单击二级菜单时,就会在右侧显示menu表中dz字段值对应的文件。

3 网站功能的实现

4 总结

本网站利用设计的几个技巧,只用了三个页面就实现了网站的基本功能,充分体现了高效率的制作特点,值得网站制作初学者学习和借鉴。

参考文献:

[1] 顼宇峰,马军.ASP网络编程从入门到精通[M].北京:清华大学出版社,2008.endprint

摘要:《网页设计与制作》精品课程网站根据设计的几个特点,利用asp代码制作,只需三个页面就实现了网站的基本功能,制作效率快,而且简单。

关键词:网站设计;功能实现;asp

中图分类号:TP393 文献标识码:A 文章编号:1009-3044(2014)11-2497-03

1 概述

在主持申报《网页设计与制作》精品课程时,需要制作相对应的网站作为支撑。因为精品课程标准包含课程设置、教学内容、课程资源等7个一级指标,每个一级指标下面又包含多个二级指标,如表1所示,每个二级指标对应一些支撑文件。如果将这些支撑文件分别制作成html静态页面,那么需要花费很多时间,效率比较低。因此需要设计出一个简单有效的制作方法。

2 总体设计思路

根据本课程建设的实际情况,决定网站采用asp代码制作成动态网页,这样可以用尽量少的页面实现全部的功能。

在数据库设计方面,将一级指标设计成一张lm表,如图1所示。二级指标设计成menu表,在页面设计上,首先是首页index.asp,除了显示课程名称和学校名称外,还显示一级菜单名称,并能够正常链接。然后是各指标文件的显示页面main.asp,一级菜单在页面的顶部,二级菜单在页面的左侧,右侧放一个iframe框架,框架里面是right.asp页面,用来显示对应的swf文件。

当单击一级菜单时,在页面左侧会显示对应的二级菜单,并在右侧显示二级菜单中第一个文件内容。为了达到这个效果,当初在设计数据库的dz字段,为其填充对应的值时,就充分考虑到了这一点,也就是每一个一级菜单对应的第一个二级菜单的dz字段值,和一级菜单的id字段值相等。当单击二级菜单时,就会在右侧显示menu表中dz字段值对应的文件。

3 网站功能的实现

4 总结

本网站利用设计的几个技巧,只用了三个页面就实现了网站的基本功能,充分体现了高效率的制作特点,值得网站制作初学者学习和借鉴。

参考文献:

[1] 顼宇峰,马军.ASP网络编程从入门到精通[M].北京:清华大学出版社,2008.endprint

摘要:《网页设计与制作》精品课程网站根据设计的几个特点,利用asp代码制作,只需三个页面就实现了网站的基本功能,制作效率快,而且简单。

关键词:网站设计;功能实现;asp

中图分类号:TP393 文献标识码:A 文章编号:1009-3044(2014)11-2497-03

1 概述

在主持申报《网页设计与制作》精品课程时,需要制作相对应的网站作为支撑。因为精品课程标准包含课程设置、教学内容、课程资源等7个一级指标,每个一级指标下面又包含多个二级指标,如表1所示,每个二级指标对应一些支撑文件。如果将这些支撑文件分别制作成html静态页面,那么需要花费很多时间,效率比较低。因此需要设计出一个简单有效的制作方法。

2 总体设计思路

根据本课程建设的实际情况,决定网站采用asp代码制作成动态网页,这样可以用尽量少的页面实现全部的功能。

在数据库设计方面,将一级指标设计成一张lm表,如图1所示。二级指标设计成menu表,在页面设计上,首先是首页index.asp,除了显示课程名称和学校名称外,还显示一级菜单名称,并能够正常链接。然后是各指标文件的显示页面main.asp,一级菜单在页面的顶部,二级菜单在页面的左侧,右侧放一个iframe框架,框架里面是right.asp页面,用来显示对应的swf文件。

当单击一级菜单时,在页面左侧会显示对应的二级菜单,并在右侧显示二级菜单中第一个文件内容。为了达到这个效果,当初在设计数据库的dz字段,为其填充对应的值时,就充分考虑到了这一点,也就是每一个一级菜单对应的第一个二级菜单的dz字段值,和一级菜单的id字段值相等。当单击二级菜单时,就会在右侧显示menu表中dz字段值对应的文件。

3 网站功能的实现

4 总结

本网站利用设计的几个技巧,只用了三个页面就实现了网站的基本功能,充分体现了高效率的制作特点,值得网站制作初学者学习和借鉴。

参考文献:

[1] 顼宇峰,马军.ASP网络编程从入门到精通[M].北京:清华大学出版社,2008.endprint

猜你喜欢
网站设计网页设计与制作
企业网站建设的探讨
浅析慕课时代的《网页设计与制作》课程教学探索
《计算机应用基础》自主学习网站的研究与设计