前言:中文期刊网精心挑选了网站策划技巧范文供你参考和学习,希望我们的参考范文能激发你的文章创作灵感,欢迎阅读。
网站策划技巧范文1
关键词:游戏化教学;网页制作;应用策略
中图分类号:G718.3 文献标志码:A 文章编号:1674-9324(2013)42-0247-02
根据网页制作的各个流程的特点,游戏化展示教学方法很好地抓住了其精髓所在,将网页制作的内容以教学游戏的方式在潜移默化中让学生领会和吸收,既减轻了学生的学习压力,又能在教学中锻炼学生的团队精神和集体意识。
一、游戏化展示教学在网站策划中的应用
在对网站建设前,必须先确定网站主题,找准网站所针对的人群,以便定下网站的主色调,这就是网站策划。教师在讲授这部分内容时,可以安排以下的教学游戏活动:
教学目的:明确不同人群对应不同网站设计风格游戏形式:将教室人数平均分为五组,进行分组讨论角色分配:一组扮演老年人,一组扮演青年人,一组扮演儿童,一组扮演时尚女性,一组扮演潮流男士。
任务分配:每组将所扮演角色的爱好、形象、风格和所关注的问题总结归纳。
游戏流程:以扮演时尚女性的小组为例。每个小组成员都要依次说出所扮演角色的一个特点,不能重复。如:爱好:购物、美容、健身、养宠物、旅行、读书、听音乐等;形象特点:时尚干练、优雅精致、落落大方、妆容精细、衣着得体等;关注问题:时尚动态、美容资讯、娱乐八卦、美食搜寻等。当然内容越详细越好,然后由一名小组成员将这些总结记录下来。以此为例,各个小组都将自己小组的讨论结果整理、归纳和总结记录下来,反馈给教师。
游戏效果:课堂气氛热烈活跃,学生踊跃发言。
通过这样的游戏化展示教学,不仅可以让学生明确什么是网站策划,又可以让学生对不同的人群需求做到心中有数。
二、游戏化教学展示在版面设计中的应用
既然定下了网站的主题,明确网站的内容,那么下面就开始规划版面工作。教师在讲解这部分内容时,也可以用游戏化展示的教学手段。例如,可以开展以下的教学活动:
教学目的:掌握版面设计的方法和美观性。
教学形式:将教室人数平均分成六组,分组讨论。
教学流程:(1)每个小组内部成员可以分别设计出一幅版面,然后将所有版面在小组内互相传阅;(2)每个小组最终讨论确定一幅自认为最好的版面设计,提交给教师;(3)教师再通过全体学生讨论,对六幅最好的版面进行色彩渲染;(4)教师安排学生穿着不同颜色的衣服,在操场进行队形变换,拍下照片,供学生传阅;(5)从六幅最好的版面中再评出其中最优秀的,作为优胜者。
教学结果:学生参与性高,积极性强,发挥了学生的动手动脑能力,培养了学生的团队合作精神,明白了版面设计的内容。
教学评价:学生通过照片可以实际了解自己设计的版面,形象直观立体,一目了然,但是耗时较长,要分课时进行。
三、游戏化展示教学在网站推广中的应用
即使再好的网页设计,如果不进行推广,也会埋在深山人未识,由此可见网站推广对于网页设计的重要性。怎么样让学生认识到这点,并且学会一定的网站推广技能呢?教师可以设计以下的教学游戏让学生掌握网站推广技能:
教学目的:让学生学会网站推广技巧。
教学准备:学生的个人网页制作作品。
教学流程:(1)学生从教师事先安排的电脑中,根据自己作品的特点,找到自己的网页制作作品;(2)学生将自己的作品特点在作品中说明;(3)让学生之间互相推荐自己的设计作品,如果别人感兴趣,或者打动了别人,就让对方在自己的作品下打一个对勾;(4)向自己的朋友推荐自己的作品,或者将自己和朋友的作品合起来向别的同学介绍,争取得到别人的认同;(5)教师评价获得对勾最多者的作品,让同学分析他的推广技巧。
教学效果:学生主动热情,希望别人认可自己,积极推荐自己的作品,课堂气氛热烈。
教学结果:第一,学生明白了搜索引擎注册和搜索目录登录技巧;第二,学生明白了广告交换技巧和合作的重要性。
教学评价:学生通过类比,明白推广的重要性,但教学课堂容易失控,需要教师有很好的掌控力。
四、游戏化展示教学在用户体验中的应用
优秀的网页制作,不仅可以吸引住用户的注意力,而且在用户体验时,也感到方便快捷,易于上手。教师在讲解这部分内容时,可以将学生的作品在电脑中储存下来,然后与每个学生共享,让学生浏览其他学生的作品,通过自己操作的亲身体会,找到最好的网页制作的作品,并在下面写下自己的评价,教师通过评价,筛选出最优秀的作品,和同学分析其成功的原因和可以借鉴之处。通过这样的教学方式,让学生明白在用户体验的过程中,用户的真实想法和实际需求,从用户的眼光和角度,分析自己网页制作的得与失。
参考文献:
网站策划技巧范文2
网上有很多教你如何“step by step”制作网页的知识,但这些知识纯粹从狭义的技术角度,告诉你如何让你的站点“立”起来,属于最低层次。像我们在前几期探讨的技术性规划,都很少有网站涉及,更不用说从网上战略的高度,来策划自己的网站以及网上经营项目了。 前两天看到一个小统计,说美国薪水最高的互联网类职业是网上策划家(Internet Strategist),而不是技术类职业。从常识判断,这个数据颇为可信。现今的互联网、计算机类图书,基本都是技术翻译资料,因为市场庞大,更有大量的垃圾翻译、重复或抄袭。有个一针见血的评价:“看得懂的觉得一文不值,看不懂的还是看不懂”。从你的个人体会看,是不是这么回事儿?这种拿技术唬人、先把人“打懵”的流行病,在网上、在网上营销领域,也同样盛行,动不动就是这个JQK“系统”、那个A123“理论”,似是而非,言不及物,浪费读者的金钱和注意力,让人家更糊涂。这类流行病的立足之根基,就是云山雾罩的技术神话。还是广告说得好:“科技,以人为本”。
话扯远了,现在我们具体来看看,你该如何策划一个站点?
设想你已经下定决心来网上发展,但不知道从何处着手。好,下面我给出一些问题。等对每个问题你都能有清晰的答案,那么你的网上战略、网站规划就有了个很酷的蓝图了。下一步,就该看你来如何将这个蓝图付诸实现。
问题一:你建网站的目的是什么?
选项:
1. 为自己的业务做广告
2. 产品、服务的销售
3. 建立一种公益
4. 为一种思想、观念、事业做宣传
5. 使自己的业务走向世界
问题二:你设想中的网站规模是多大?
选项:
1. 很小,有个网站在就行
2. 从最小的规模开始,然后逐步发展
3. 相当复杂
4. 极其庞大而复杂 问题三:你希望或者需要独立域名吗?
问题四:你的主要目标受众是谁?
选项:
1. 工商业者、专业人士
2. 女性
3. 男性
4. 青少年
5. 儿童
6. 学生
7. 所有人(?)
8. 其他 问题五:基于明确的受众定位,你希望网站有怎样的设计特色?
选项:
1. 内容为本,设计专业、缜密
2. 视觉设计新潮,登录速度快
3. 大量用图和动画,忽略登录速度
4. 注重视觉设计,同时也很快
5. 登录速度最重要
问题六:你准备如何推广网站?网上、网下或者两者并举?
选项:
1. 搜索引擎
2. 付费广告
3. 新闻邮件
4. 定向电子邮件
5. 免费广告
6. 免费咨询服务
7. 友情链接
8. 分类广告
9. 页眉广告
10. 名片
11. 广告印刷品
12. 直投邮件
13. 其他 问题七:你希望网站带来哪类额外收入吗?
选项:
1. 软件零售
2. 付费分类广告
3. 页眉广告
4. 委托网站策划
5. 其他 问题八:你准备如何经营这个网站?
选项:
1. 全部自己来
2. 委托专业服务来做,自己定期指导
网站策划技巧范文3
关键词:企业门户;门户网站;可持续发展
中图分类号:TP393文献标识码:A 文章编号:1009-3044(2009)24-7000-02
1 企业门户网站发展的重要性
当前信息化的浪潮正席卷全球。企业作为社会经济的基本单元,企业信息化的成败与否将直接关系到社会信息化进程,也直接影响到国民经济的均衡发展和社会生产力的提高。同时随着网络经济的盛起、网络的力量逐渐被企业所认识,企业门户网站也一改仅仅代表企业的“面子”,功能逐渐丰富起来。可以说,企业信息化是国民经济信息化的基础,也是构筑全社会的电子商务的基础,更是企业自身走向现代化的基础。信息化的建设将会有效地促进企业整体工作水平的提升。不但能提高企业的经营决策水平,为企业经营管理提供有效的信息资源,而能使企业内部管理更加规范,从而将复杂的事情简单化,简单的事情流程化,流程化的事情定量化,定量化的事情集成化,有效提高工作效率,大大降低管理成本。
2 前我国企业门户网站存在的问题
2.1 企业网站策划不明确
企业网站总体策划目的不明确,缺乏网络营销思想指导。从企业网站规划和栏目设置不合理状况就可以看出网站策划的指导思想不明确,主要表现在:栏目设置有重叠、交叉、或者栏目名称意义不明确,容易造成混淆,使得用户难以发现需要的信息,有些网站则栏目过于繁多和杂乱,网站导航系统又比较混乱。
2.2 企业网站信息不完整
企业网站信息量小,重要信息不完整。网页信息量小包括两种情况:一种是页面上的内容过少,或者将木来一个网页可以的内容分为多个网页,而且各网页之间没有相互链接,需要多次点击才能发现有效的信息,这样便增加了信息传播渠道的长度,在此过程中可能失去潜在用户;另一方面是尽管网页内容总量不少,但有用的信息少,笼统介绍的内容多。网站重要信息不完整是指:企业介绍、联系方式、产品分类和详细介绍、产品促销等是企业网站最基本的信息,但为数不少的企业网站上这些重要信息不完整,尤其是产品介绍过于简单,有些甚至没有公布任何联系方式。
2.3 企业网站在线服务不完善
企业网站服务尤其是在线顾客服务比较欠缺。通过网站可以为顾客提供各种在线服务和帮助信息,比如常见问题解答、电子邮件咨询、在线表单、通过即时信息实时回答顾客的咨询等等。一个设计水平较高的常见问题解答,应该可以满足80%以上顾客关心的问题,这样不仅为顾客提供了方便,也提高了顾客服务效率、节省了服务成本。但实际上被调查的大型企业网站中,最常用的顾客服务联系方式分别是:电话、在线咨询表单、FAQ、论坛。这些数字表明,企业网站的顾客服务信息的总体状况比较薄弱,尤其在线服务手段没有得到足够的重视,网络营销的在线顾客服务功能远远没有发挥出来。
2.4 企业网站优化有待提高
企业网站优化设计的基本思想和内容没有得到起码的体现。网站优化的基本思想是,通过对网站功能、结构、布局、内容等关键要素的合理设计,使得网站的功能和表现形式达到最优效果,可以充分表现出网站的网络营销功能。有调查显示,全部网站专业性综合评价平均为1.7分(采用5分制),其中家电行业平均水平最高,达到3.1分,其他行业企业网站专业性的总体状况并不理想。
3 企业门户网站的建设
3.1 企业门户网站建设的原则
1) 帮助企业不断提高内部员工的工作效率、工作能力和工作积极性。企业的员工是企业的生命力所在,在以人为本的信息时代,企业信息门户的作用在于不断的帮助员工获取最新的工作知识和技巧,结合知识管理中商务智能引擎的应用,企业员工可以通过自我学习和知识积累,以及共享经验和知识来提高工作能力,使企业成为一个促进人成长的空间,而提高员工的忠诚度、责任心和满足感。2) 帮助企业更好的满足外部客户的需求。在以客户为中心的时代,对企业而言,没有什么比获取客户的心更重要的了。企业可以让客户定制自己所需要的客户界面,定制收集所需要的企业信息,对企业提出其特别的需求,通过这种一对一的虚拟营销服务,企业通过采用客户关系管理中的各种原则,给与客户及时的反馈信息,并使客户能够在一定程度观察到需求变成订单、订单被处理、订单在生产、产品完成一直到订单完成的所有状态,保证了与客户的实时沟通。客户通过企业的门户可以获得更多的知识而成为企业门户的常客,企业则通过客户的访问信息分析客户未来的需求。这样的第一手资料,将成为企业宝贵的财富。
3.2企业门户网站的建设措施
3.2.1 使用者优先
网站永远都是面对用户的,企业网站也是如此,如果没有了使用者再好的企业网站也只是美丽的空壳。企业网站是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径,因此必须明确设计站点的目的和用户需求,从而做出切实可行的设计计划。要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析。在设计规划之初同样考虑:建设网站的目的是什么?为谁提供服务和产品?企业能提供什么样的产品和服务?网站的目的消费者和受众的特点是什么?企业产品和服务适合什么样的表现方式?因此,无论是在企业网站分析设计阶段还是应用开发阶段都要以用户的角度去考虑,努力使网站建设成“以商业功能为驱动、以服务为导向”的企业信息门户。
3.2.2 锁定目标
不管做什么事,一定要进行规划,建设网站更是如此。规划时必须确定自己网站的性质、提供内容、目标观众,然后根据本身的软硬件条件来设置范围。网络的特色是及时、新鲜、丰富、热闹,这是吸引大家上网的条件,如果本身条件强大,可以根据上述原则使自己网站成为一个全方位的信息提供者,如果不足,就成为单方面的提供者;此外,还可以在特殊议题或主题上加以突出,进一步锁定目标用户。
3.2.3 首页突出有特性
第一页是最重要的东西,因为它是别人认识这个网站的第一印象。如果是新开幕的站台,最好在第一页就对这个网站的性质与所提供内容做个扼要说明与导引,让别人判断要不要继续进入里面。最好第一页就有很清楚的类别选项,而且尽量符合人性化,让参观者可以很快找到需要的主题。在设计上,最好秉持干净而清爽的原则。第一、若无需要,尽量不要放置大型图形文件或加上不当的程序,因为它会增加下载时间,导致观赏者失去耐心;第二、画面不要散置得太过杂乱无序,因为观赏者会找不到东西。切记第一页是企业网站给人的第一印象。
3.2.4 实行互动性
网络的另一个特色就是互动。好的网站必须与使用者有良好的互动性,包括在整个设计呈现、使用介面导引上等等,都应该掌握互动的原则,让使用者感觉他的每一步都确实得到适当的回应, 这部份需要一些设计上的技巧与软硬件支持。事实上,好的网站设计必须加上个人技巧、经验累积以及软硬件技术的配合运用等。
3.2.5 避免滥用技术
技术是令人着迷的东西,许多人也喜欢使用技术。专家普遍指出,好的技术运用会让网站栩栩如生,令人叹为观止; 但不当的技术则适得其反,反而成为网站建设的大败笔。首先,使用技术时一定要考虑传输时间,不要成为他人观看的沉重负担;其次,技术一定要与本身网站的性质及内容相配合,不要耍了一大堆不相干的技术。有一个最常见的技术应用,就是利用Javascript撰写一个走马灯的功能,让文字可以动态地显示在窗口的最下一栏,这种方式看起来似乎很酷,但却容易遮住该位置原木用来显示地址及传输状态的功能,反而造成使用者的不便。Java小程序也是目前网络上的常见技术,它是一个好用的利器,擅长于动态物象的呈现,虽然只要浏览器支持就可以动,但同样,也需要考虑传输时间,以及一般人的电脑系统负荷等问题。最后,技术最好不要用得太过多样而复杂,有此人似乎不展现功力就不快乐,所以也不管合不合适,就把所有可用技术全部用在里面,这时大家就会看到一个惨不忍睹的网站。
3.2.6 即时更新维护
企业网站建立后,要不断更新内容。不要忘记,大家都想看新鲜的东西,没人对过时信息有兴趣, 所以资料一定要注意即时性。有些网站半年没更新,感觉就像一池死水。如果想要经营一个带有即时性质的网站, 除了注意内容外,资料还要记得每日更新。站点信息的不断更新,让浏览者了解企业的发展动态和网上职务等,同时也会帮助企业建立良好的印象。最后,要考虑的就是事后维护管理的问题,企业网站的维护管理就比较繁人,它的工作往往偏重属重复而死板同时还要注意对网站安全的维护。
总之,在信息技术日新月异的今天,企业的传统管理方式已经落后于时代的发展。我们要充分利用先进的微电子技术、计算机通信技术、网络技术和软件技术与传统的企业技术进步、技术改造相结合,使生产管理、设备更新、资源配置和市场服务等一系列企业运营计划随时调整至最佳状态。
参考文献:
[1] 秦学礼.企业门户网站的建设和应用[J].计算机时代,2002(8):25-26.
网站策划技巧范文4
1、网络营销核心
最珍贵的是“创意”;最核心的是“策划”;最难得的是人才,尤其是策划人才!
真正关键的,也是最难的,不是“执行”,而是“策划”。即,不是“怎么做”而是“做什么”。具体的执行无非在技术、技巧及协调组织层面,这些东西企业直接招人或外包均可实现,但整体策划,却难以凭一己之力完成。
目前,真正的网络营销顶尖高手大部分都自己当老板去了,小部分在大企业,中小企业基本上没有高手,至少没有顶尖高手。未来,按服务性质和过程划分,网络营销顾问可分为咨询顾问和实施顾问:
咨询顾问,提供咨询服务,对企业网络营销提出方案或建议,并不实际操作每个环节;实施顾问,则具体负责网络营销各环节的落实。一个偏营销,负责策划;一个偏技术,负责执行。真正的网络营销顶尖高手,一定是“策划”人才。
2、网络营销人员的三个知识层面
*营销;
*互联网;
*技术,尤其是网站相关技术;
二、事情篇
3、网络营销过程
1)、一个系统的网络营销过程,按顺序基本上可分为三个阶段:
①、网站策划(策划、设计、建设)——基础;
②、网络推广(策划、执行)——核心;
③、网络公关(危机公关)——善后。
目前,大家通常所谈的网络营销基本上都属于第二阶段范畴;也就是说,目前企业网络营销缺乏系统性;这一方面与认识有关,另一方面因人才缺乏所致。
2)、按内外可分为二块:
①、对内:网站(包括:设计、建设;监测、分析;优化、推广)
②、对外:传播(包括:向谁说、说什么、怎么说)
当然,二块并非各自独立,而是互为一体的,合为一体就是:网站设计、建设;对外传播;监测、分析;优化、推广。如此划分只是为了从业务环节上加以理解。
三、实践篇
4、中小企业对网络营销两大典型误解
1)、网络营销就是一切
现状:对网络营销寄于过高期望,或对某些营销手段赋予不当要求(比如希望通过SEO把自己都排到第一;通过网络炒作一夜成名)。
纠正:网络营销,不过是随着互联网的发展而产生的一种相对于传统营销而言的营销方式。只是对企业营销方式的一种扩展与补充,仍脱离不了传统的营销本质。单靠网络营销打造不出一个品牌。如果一个企业要死,也不可能仅指望网络营销将其救活。
2)、网络营销=免费营销
现状:中小企业一方面认识到网络营销的重要性,但一方面限于资源、资金有限,都希望能完全不花钱或者只花很少一点儿钱来做网络营销。
纠正:网络营销虽然相对于传统的营销方式而言,具有更好性价比,但也不等于免费营销,啥都不用花钱就能取得大效果。不能又想马儿跑,又想马儿不吃草,这显然是不切实际的。
四、行业篇
5、网络营销行业发展二大瓶颈
1)、效果衡量
中小企业虽然在网络营销上不愿投钱,但主要原因不是缺钱,而是无法明确、准确的衡量某一项推广带来的具体收益。中小企业为什么选择竞价排名?为什么愿意接受在百度竞价仅点击一次就十几块甚至几十块的高价来做竞价排名?不仅因为其的确能带来效果,最重要的是这个效果切实可见。
2)、人才短缺(前面已讲,此处略过)
6、网络营销的尴尬现状
1)、中小企业
要人没人(就一个人);要钱没钱(只花点钱做个竞价排名,其他都不愿投钱);还期望颇高;
2)、大企业
对网络营销要么不屑,要么直接砸广告;
五、趋势篇
7、网络营销未来趋势预测
1)、网络营销企业,将按主要营销手段细分,如:
博客:指间柔沙;
软文:软文之家、软文中国
SEO:太多
EDM:中邮通、罗维邓白氏
搜索广告:google、baidu商
网络炒作:陈墨
网络公关:1024
微博:酒红冰蓝等(刚刚兴起)
2)、网络营销企业,将按行业细分
尽管这种现象目前尚未出现,但相信,随着网络营销行业自身的进一步发展及不同客户对网络营销的更高要求,未来将出现垂直行业性的专业网络营销顾问公司,比如针对快消品行业的、针对3C产品的、针对软件行业的等等。
3)、网络营销外包,将是趋势
网站策划技巧范文5
《网站设计与制作》也是计算机各专业学生学习后续课程的基础,比如学习基于网络编程的动态网页设计技术,学生毕业后可从事网络软件的设计与开发,进行商务网站的设计与制作,同时也可以考取网页设计师、网络软件工程师等相关国家职业资格证书。开设该课程是复合我校关于“高素质、技能型人才”培养目标的需求的,通过该课程的教学,可以培养出一批优秀的、能够在一线工作岗位上从事网页设计与制作、网站规划、管理与维护工作的专业人才。基于该课程的主要工作岗位有:网站管理与维护人员、网页设计与编辑人员、网站策划人员及网页美工人员等。
二、课程教学思路与教学方法改进
学生如果要很好得完成网站制作,所需的的知识体系非常庞杂,其中包括网络基础知识,网页制作技术,平面设计和动画制作等基本要素。具体涉及到网页制作软件,图像处理软件,动画软件,数据库知识,脚本语言动态服务器编程技术等。教学内容比较多,知识点比较分散,而学时仅为48个学时,学习内容多而课时少。经过多年的教学活动的开展和经验总结后,我们总结出一套适合高职学生教学方法,那就是使用任务驱动式的教学方法。我们以前的教学设计思路是:讲授知识点———设计任务———监督学生完成———验收,现在的教学设计思路是这样的:实际工作任务导向———任务驱动———相关知识讲授。老师在此教学思路中的角色:给学生布置一项工作(实际工作任务导向)———将工作转变为一个任务(任务驱动)———通过任务引出知识点(知识学习)。学生在此教学思路中的角色:通过老师的引导,理解相关任务要求,继而产生强烈的学习相关知识的兴趣,在下一步的知识学习中就能很好地学习,掌握了相关知识后,马上运用于实践,完成老师布置的任务。通过该课程的教学,使学生最终能够自主开发一个完整的网站,毕业后能够直接从事企事业单位网站的开发设计与管理维护等工作。
三、课程体系内容重构
本课程性质是计算机系的基础必修课,教学对象是全系各专业的大一学生,因此教学内容定位于静态网页的制作,以Dreamweaver软件为主线,介绍静态网页设计和制作的基本技术,目前很多网页教材是基于网页三剑客的即Dreamweaver、photoshop和flash,然而当前课时条件和时间条件下,根本做不到三个软件都讲到位,事实上每个软件分开都可成为一门课程,而网页设计课程只能以网页制作软件Dreamweaver为主,其他软件为辅,并且其他软件制作的作品要与网页密切相关为了解决内容多学时少的矛盾,有利于教学的开展和培养学生的动手能力,为此我们对教学内容重新进行了重构,围绕Dreamweaver软件讲解网页制作的方法和技巧,只有在制作图像缩略图、切片、按钮、LOGO图片等时候,才辅助其他软件加工素材或者制作动画。教学内容分为9个模块:模块一、网页设计基础;模块二、页面的基本操作;模块三、简单网页的制作;模块四、网页的样式设计;模块五、实用HTML布局页面;模块六、实用DIV+CSS布局页面;模块七、制作多媒体页面;模块八、网页交互设计;模块九、网站的测试与管理。
四、总结
网站策划技巧范文6
关键词: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].湖北大学学报:自然科学版.
作者简介: