网站设计技术探讨范文

摘要:随着我国计算机技术的发展和网络的普及,互联网正在深刻改变着我们的工作和生活。从基本的办公、查询资料、文字处理到如今的网络交友、网络购物等,互联网在社会公众日常生活中扮演者越来越重要的角色。网络上信息、交易等主要是通过网站实现的,随着网络技术的发展,如何设计制作人性化的功能和界面,以此来满足不同顾客的需求显得尤为重要。本文从网站设计的背景出发,围绕网络设计技术和功能需要,并结合自身工作实际,阐述了网站设计的思路,是专业技术在实际工作应用的体现。

关键词:网站设计;技术;应用

1开发背景

如今网络成为各单位、各企业宣传自身的重要平台。学校通过网站可以宣传办学理念、办学特色,介绍专业设置情况和招生就业情况,让师生可以更加直观地了解学校,在如今网络时代是很好的宣传平台。另外,随着网络技术的发展,网上预约、网上办公系统也大大提高了办事效率,节约了资源和时间。在教学资源共享方面,网络平台可以储存和共享各类资料、信息等,各类交互式学习和教学平台大大提高了教学效果。因此,加强网站建设,拓展网站功能,提升办公效率,不断开发网络技术,是计算机更好的服务于人们的日常工作,是技术发展的需要,也是专业人员的职责。

2网站开发工具

本人根据工作需要,在本网站设计中结合实际选择Dreamweaver8作为开发工具,运用PhotoshopCP处理好图片效果,应用在网页中,用Flash制作漂亮的动画,并在网页中使用,Dreamweaver8是Macromedia公司的开发产品,是目前使用最为广泛的网页制作软件。Dreamweaver8是一个集网页创作、网站开发与站点管理于一身的超重量级的创作工具。

3网站的分析与布局

3.1网站的色彩分析

本文以我单位中专部网站为设计基础,网站基调颜色选择是蓝色为主。因为蓝色是冷色调,给人以稳重、冷静的感觉,同时,蓝色也代表着创新,也是许多人钟爱的颜色。同时在设计过程中,蓝色与其他色调进行结合,通过对比,将蓝色的朴实、稳重、内向性格与其他活跃、扩张力的色彩进行对比,给人以沉静、理智、诚实以及和平、淡雅、可靠等感觉。

3.2网站的内容分析与布局

本文设计的网站是一个实用性的网站,是介绍宣传中专部基本情况、办学特色、教学与科研一体的综合性网站。中专部网站建设的内容是为了方便学校招生信息、教育教学改革成果、校内各类新闻等。根据工作需要,结合设计的思路,网站的板块计划作如下图1所示。本网站利用Dreamweaver进行开发,其功能目标是要实现信息在线浏览的功能。本系统建成后,对各功能模块进行了反复的测试,经过多次的修改各功能模块已经达到设计的要求。本网站开发技术先进、功能模块齐全并且具有较好的通用性。在本网站中界面的设计主要还是图文结合,以简洁大方为主。

4网站测试与上传

4.1网站的测试

网站制作完成后需要进一步的测试和运行,方便查看整体效果以及各模块适应情况。需要对网站进行全面测试。软件测试是为了发现程序中的错误而执行程序的过程。好的测试方案是极可能发现迄今为止尚未发现的错误的测试方案。

4.2网站上传

利用FlashFXP上传做好的完整的网站内容。FlashFXP是一款功能强大的FXP/FTP软件,集成了其它优秀的FTP软件的优点,如CuteFTP的目录比较,支持彩色文字显示等;如BpFTP支持多目录选择文件,暂存目录;又如LeapFTP的界面设计。支持目录(和子目录)的文件传输,删除;支持上传、下载以及第三方文件续传;可以跳过指定的文件类型,只传送需要的本件;可自定义不同文件类型的显示颜色;暂存远程目录列表,支持FTP及Socks3&4;有避免闲置断线功能,防止被FTP平台踢出;可显示或隐藏具有“隐藏”属性的文档和目录;支持每个平台使用被动模式等。在这一个章节中主要是网站的测试,通过IETESTER软件对系统整体功能进行测试,测试网页在IE6、IE7、IE8浏览器是否能都能正常显示。检验本网站是否符合系统开发的目标,发现系统存在的问题进行改进,利用Flashfxp上传网站,从任何浏览器都可以看到此网站,从而实现学院网站的开发目标。

作者:张雪莹 单位:永城职业学院

参考文献:

[1]杨晓钟.网站设计与开发[M].北京:机械工业出版社,2005-06.

[2]杨选辉.网页设计与制作教程[M].北京:清华大学出版,2005-06.