今年暑期,我很有幸接到一份工作:在校办作助管.我经过校办各位领导,老师的指导和自身的不懈努力,最后成功完成了学校交给的各项任务.
校办助管的工作
"校办助管",顾名思义是协助老师做好校办各项工作,我的主要任务有三:
制作北邮主页上的迎新专栏.
这是一项对我来说极具挑战性的工作,一方面,作为计算机网络协会会长,作为一个拥有个人网页的我,具备一定的网页制作技能;另一方面,将迎新的流程图,报到细节,注意事项等上传到我校服务器,是今年校办的一项新举措,没有任何经验,确还必须有所创意,将有关事项烂熟于心.
7月初,我得到了迎新的所有相关材料,我开始认真仔细的阅读,这才发现新生报到是一项关系到几乎全校所有办公职能部门的系列大型活动,不仅环节繁琐,不许有丝毫疏忽,而且各个环节多需要不同部门相互配合,同时还需要对其宏观把握,做好筹划准备工作.最后,在老师们的指导和学长的帮助下,我终于对迎新过程有了大致的了解.
网页上的重中之重是"新生报到流程图".流程图的原始设计也是众人智慧的结晶,是孟主任,谢主任和很多经验丰富的老师们精心设计出来的.最初,我和学长曾打算使用microsoft word软件自带的将word文本直接转换成*.html格式的网页.当我们把word文本中无数的文本框和箭头通过耐心细致的"微调"之后,当我还沉浸在成功的喜悦中时,当我兴高采烈却满心激动的点击转换格式按钮时,一切都成为了泡影,面对着满屏幕错位的文本框和箭头,我在失落的同时感悟到,这将是一项极为艰巨的任务,也正是考验我的时候到了!
我开始策划将流程图制作成网页,即*.html格式.因为我以前制作的网页风格跟目前网页完全不同,网页内容也过于单调,而且由于程序繁琐,文本框太多,会使得整个页面拥挤不堪,毫无美感.于是有开始将多个文本框制作成为具有二级菜单的格式,这样不仅可以使整个流程清晰明了,易于理解,而且可以让浏览网页者各尽所需,真正达到互动的效果.
为了让二级菜单能够很容易的在网页上弹出,我曾想过使用软件flash,但是发现flash制作的网页活泼感较强,不适合在校主页等较庄重的场合使用.
我又开始使用micromedia dreamweaver软件制作网页,采用其中自带的behaviors功能,创建了一种actions:当鼠标移至具有二级菜单的文本框上时,会自动弹出一个hidden(隐藏)属性的二级文本框.此后又发现这让会让三级菜单不容易稳定弹出.怎么办 困难摆在我面前,而且时间越来越紧迫了,我从早到晚"玩命"的上网查看其他类似网页的源代码,结果,没有多少收获.我又借阅关于micromedia dreamweaver的书籍,不少启示.我使用click(点击)文本框后弹出二级或三级菜单,在click二级或三级文本框后将其自身隐藏.这样可以使网页文本框属性,构和格式都很稳定.
新的问题又出现了,因为网页中的二级菜单包括一些特殊位置的箭头都必须使用图层,然而当图层数目过多时,在micromedia dreamweaver里就并不是完全的所见即所得,所以每一个细节处理时,都需要一点一点的调整,同时无数遍的预览后才能将图层的位置调到准确位置.而且,每次修改网页后都需要将相关的图层通通调整一遍,这耗费了制作网页过程中大量的时间.
接下来我又开始设计网页的颜色搭配和闪烁图标,经过多人,多次的批评和建议,最后包括其中字体和大小的问题都得出了一项大众化的方案.
"箭头最好改为蓝色!"师兄给我提供了一良策,果然可以使页面变得更加漂亮!不过将黑色箭头变黑可不太方便,我于是在microsoft word里找到了箭头,而且可以将其填充为蓝色.但是这种箭头无法粘贴到micromedia dreamweaver里!经过师兄指教,我将word文档保存为*.html格式,这样,在其相应*.html文件的文件夹下会有蓝色箭头的图片,可轻松插入.
然后,还差一个弹出的小窗口和一个迎新的主页面.小窗口非常好作,我使用了windows.open命令设置了弹出窗口的大小,同时还将浏览器弹出窗口简化了.最头疼的是制作迎新主页面.它需要有平面设计,美工的功底和对迎新页面创作的灵感.我培养好几天的感觉,终于想出了页面创意,虽说比较简单,但我仍和一位大四学平面设计的师兄共同奋战了两天.