基于ASP+DW技术的校园工会网站设计与制作

开篇：润墨网以专业的文秘视角，为您筛选了一篇基于ASP+DW技术的校园工会网站设计与制作范文，如需获取更多写作素材，在线客服老师一对一协助。欢迎您的阅读与分享！

摘要：根据目前流行的网站制作技术，设计并制作了某学校工会网站，网站设计合理，制作完整，功能健全，具有一定的实用价值。对ASP技术和DW技术的充分利用，为网站制作工作的开展奠定了理论和实践基础。指出了在网站制作中各个环节中出现的具体问题，并针对性的进行了解决，对网站制作工作进行了深刻的梳理和总结。

关键词：ASPDW网站制作网络化

中图分类号：F270.7 文献标识码：A 文章编号：1007-9416（2012）03-0000-00

工会是学校的重要部门，工会网站可以作为网上信息的重要阵地。使用网络信息，凝聚会员是新时代的工作要求。本校园工会网站采用动态网站制作技术，网站的设计与制作工作完成后，由工会工作人员在远程计算机上对服务器上的网站进行日常信息的更新和维护，制作网站后台管理模块即可实现此功能。

网站的设计和制作包括多方面的知识，它是艺术和技术的综合应用，具体说来有网站策划、网站美工、网站具体模块规划，总体数据库设计，网站制作、后台内容管理模块制作、网站测试、网站上传等步骤组成，作者结合某学校工会网站的制作，总结小型网站的制作经验和技巧，以为网站制作积累宝贵经验。

1、网站的策划与设计

网站的整体策划是根据学校工会领导的综合部署下进行的，这里需要工会工作人员认真讨论研究后，给网站制作人员下达明确的任务说明，由于工会工作人员的精心准备，对网站的风格、网站的功能、网站的规模、网站的模块划分已经非常明确。经过工会工作人员和网站制作人员的共同探讨协商，整理出网站的初步风格、功能要求和模块设计。

参考其他学校的网页制作效果，使用美术基础和网页制作软件PS，设计出来3套网页效果图初稿，每套均有首页，二级页面、三级页面的具体效果，最终由领导确定了一套。在设计的过程中，参考美术老师的意见，借鉴加创新，结合网页的特点，如单位使用像素，宽度适合于800像素的显示器。导航栏的高度要适中，整体结合“块”结构，使用分栏设计，整体风格统一。定稿后，由网站制作人员对网页效果图进行切片处理，作为组装网页的原素材和参考图。

根据网站的具体功能，将网站划分为模块：工会简介、工会文件、工会简讯、工会活动、女工园地、健康人生、法律法规、友情链接。其中有些模块只需要一个页面，更多的模块需要二级网页、三级网页的显示。多数模块的内容是需要存储在数据库中的，因此二级模块、三级模块的设计要用到数据库中的内容。

首先是选择使用何种类型的数据库管理软件，数据库管理软件根据功能可分为大型，中型，小型数据库。根据工会网站的具体内容并不复杂，所以选择了小型数据库管理软件Access。但在数据分析和数据表，表结构的设计上却耗费了作者一定的精力。因为没有考虑到后台内容管理的功能设计，所以最初设计表时把需要用到数据库的各个模块都分别设计了表，但最后的后台内容管理模块在数据库内容增删改查时却遇到了大麻烦，因为最初表设计得多了，在做增删改查时也需要做相同多的模块设计，内容就重复了，所以又重新设计表，使用类别字段来区分模块。由此总结的经验就是：数据库设计非常重要，一定要把前期后期工作全面考虑，相互结合，才能为后期程序的编写提供方便。

2、网站的制作

网站的制作使用DW软件完成，具体制作步骤是：首先创建站点，设置服务器，使用DIV+CSS方法创建各个模块的页面和框架，链接数据库，在各个页面设置绑定记录集，设置服务器行为。网页的制作是最为繁琐的工作，首先依据网页设计效果进行布局的设置，具体方法是使用DIV进行布局，然后使用CSS方法对各个DIV样式进行设置，在设置样式的时候，选择使用外部样式表的方法，因为外部样式表更易于管理。在设置背景图像时，使用PS的切片工具进行制作，切片工具有一个BUG，就是其存储名称不能修改，因此在切片时，最好的方法是先设置好切片的名称属性，在导出时就可以使用这个名称命名切片了，同时存储的格式最好是GIF格式，因为这个格式支持透明背景，并且在网页浏览器中支持渐变效果。

网页特效的制作是很有意思的一件事情，这是需要使用JS代码，网上有很多JS代码的效果和原程序，但很麻烦的一件事情是如何读懂这些代码，把相应的内容替换成你所需要的内容，比如，图片说明文字，超链接等等，还有一件事情是，网上提供的JS效果并不是你所需要的尺寸和颜色，这也需要你读懂JS代码，同时把相应的样式修改成你所需要的样式。本网站使用的JS特效有一个新闻展示效果，具体制作方法是下载JS代码，修改JS代码，把JS特效嵌入到相应的DIV中，其中的制作难点是，网站要求新闻展示是随时间更新的，这就需要把静态的新闻换成动态的新闻，因此需要从后台数据库中提取相应的字段，同时在后台管理模块中，还要相应的模块处理新闻的增删改查。

网站后台内容管理是方便网站维护人员工作方便专门制作的，工会网站的维护工作是由工会工作人员远程进行管理的，因此就有必要制作一个专门方便工会工作人员管理网站内容的模块。其制作内容就设计到对后台数据库的增删改工作，由于在数据库设计过程中，没有考虑到后期的维护工作，因此在对新闻内容的增删改工作上，出现了需要给多个表进行增删改的要求，因此建议今后设计数据库时，将所有的新闻表重新整合，以类别区分各种信息。

另外在处理图片上传的工作时，需要考虑如何上传图片信息。之所以要专门指出图片上传是有原因的，因为图片需要上传到服务器上才能将其具体路径信息记录到相应数据表记录的字段中，也就是说，如果某条新闻需要图片的支持，那么这条新闻的图片是以相对路径的形式存储在数据库中的，所以在增改新闻图片时，必须先把图片上传到服务器相应的目录下。图片上传到服务器后，它的文件名将随机改变，所以要记录好图片的新文件名。这样才能进行和图片相关的操作。文件上传可以分为两种：有组件上传和无组件上传。作者使用的是无组件上传，原因是有组件上传要求远程服务器上必须安装相应的组件才能完成文件上传功能，而无组件上传不需要在服务器上安装相应的组件即可完成文件的上传。

网站的测试是网站制作必不可少的步骤和环节，网站制作完毕之后，必须及时进行网站测试，测试可以分为两种测试：黑盒测试和白盒测试。作者将黑盒测试的任务交给3名学生进行，经过2天的测试，将各个模块统统测试3遍，测试中发现了一些问题：网页标题没设置、个别网站内容出现DIV跑位现象，不同的浏览器出现不同的效果，个别网站出现内容描述不清晰的情况等等，通过作者的核实，都进行了更改并重新测试。白盒测试则是由作者亲自完成的，在测试中出现的问题主要有：站点中出现了没有用的网页，处理的办法是将其删除；表单中出现了没有用到的项目，有些项目类型不合适，处理办法是删除或修改；经过黑盒测试和白盒测试之后，还需要使用者在长期的维护过程中，不断的测试，并把需要修改的地方指明给作者，由作者进行修改，这就出现的软件的不同版本。

3、网站的上传与更新

网站制作、测试完毕后，就交付给学校网站维护人员进行上传，网站是存放在学校服务器上的，也就是说，所有的网页浏览者通过浏览器将网页请求发送到学校网站服务器上，由服务器将浏览者请求的网页发送给浏览者。

网络信息的更新需要使用后台管理系统进行，这个系统是作者专门针对本网站设计制作的，专为网站信息的更新维护设计，这样通过此系统，公会工作人员通过远程浏览器即可更新网络服务器上的公会网站数据库，从而方便轻松的维护更新网站内容。值得一提的是，网站后台管理系统也是相当复杂的一个模块，涉及到管理员密码设置更改，网页访问限制，数据库信息的增删改查等内容，所有动态信息均通过此模块对网站数据库进行更新。

4、结语

工会网站的使用，实现了无纸化办公，能够快捷的消息，减少了许多人力物力的开销，提高了工作效率，这是本系统的功能和特点。从网站的策划，设计，制作，测试到，整个过程作者亲力亲为，其中体会非常深刻，本网站的建设基本完成，其基本功能全部实现。如何把类似的网站设计成网站模板，如果实现模板化，此类网站的制作将会更加便捷快速。

参考文献

[1]陈益材. DWCS4+ASP――动态网站建设从入门到精通[M].机械工业出版社,2010.

[2]魏洪斌,周鑫,刘志江.Dreamweaver MX 网页设计[M]. 清华大学出版社,2005.

[3]荣钦科技.ASP+Dreamweaver MX 2004 数据库网站开发与实例[M].清华大学出版社,2004.

[4]秦学礼.DreamweaverMX2004 实用教程[M]. 清华大学出版社,2004.

[5]周双娥,李其锋.基于ASP．NET技术的管理信息系统的研究与设计[J].湖北大学学报:自然科学版.

作者简介：

曹晓丽，女，1979年10月，河南郑州人，毕业于华中科技大学计算机工程硕士，主要研究方向：多媒体技术，信息安全。

毛颖颖，女，1982年7月，河南安阳人，毕业于河南师范大学教育技术学专业，理学硕士，主要研究方向：多媒体技术、动漫制作。