| 伯伦's profileLeniuSPhotosBlogLists |  Tools  Help |
|
|
May 13 IA项目手札 Ⅲ项目马上就要验收，希望给张老师一个满意的作品，因为这也许是我为学院所做的最后一个作品。当然，我会连续写8个小时以上网页就说明我不正常中，打开Adobe Creative Suit，想到另一个世界呆一会儿；
Cardoo说过，在完成之前不要对外放出测试站。不过这次不太一样，作为一个NB的设计师，自然可以独自完成网站，但很不幸，我还完全不NB。这是国际事务系的网站，属于国际事务系现在和将来的每一个同学，所以我在这里放出mockup（视觉设计稿），或者更准确地说是个demo（因为静态部分已经接近完成水平），欢迎所有人提出意见。就像知名设计师Dave Shea说的一样：“用户应当是你所有设计的归宿，亦是无尽创意的源泉。”
----------------------------------------
网页配色敲定，最终用了“雍红”色系，黑灰色调；
CSS设计完成，网页主结构完成；
我个人第一次使用CSS控制型菜单，效果很不错，但是二级菜单控制上还是不太自如，下次没事做写个测试集；
加入breadcrumb，我以前觉得这个是没有必要的，对于这种小型网站来说，但是为了符合标准架构我还是加进去了；
切片切死我了，本身人就累，眼睛有点花，鼠标又晃，切一个像素的背景切了我半天；
NEXT：
实装数据库系统，基本就搞定了；
完善静态页面的数据；
topbar不知道需不需要重设计一下；
新闻列表我想做一个更漂亮的，用Flash XML；
---------------------------------------------- IA项目手札 Ⅱ做正事，休息的差不多了。这次我完全理解了医生为什么嘱咐我不能感冒……
其实拖得有点久，现在脑子都有点僵住了，不在写程序的状态；不过也好，截止上个项目完成我满脑子都被Flash AS 2.0霸占了，为了重返ASP.net状态把脑子清空也未尝不是一件好事；不过坏处就是不太适应面对电脑这么久了，只写了3个多小时，现在就有点头疼，写完这篇手札睡一会儿；
---------------------------------------------
Flash轮播比我想象的困难要多一些，首先是嵌入问题，目前我无法保证对于第三方浏览器的兼容性；其次过渡效果还需要斟酌，如果仍然采用位移的方式效果很乱，但是如果采用淡出则与其他几个知名大学网站太相似；
板块分割我试图使用简洁的单像素半封闭线条，但出来的效果和top_bar以及nav_bar的风格冲突太大，做了一下小的调整，目前暂定；
数据库相关功能的实现要简单一些，VS2008环境的数据功能还是很强的，几个控件基本搞定；
菜单的CSS定义Kevis返给我了一份配色方案，我已经定义，但是总感觉好像缺少了一点学术风格，不过说实话，我也不知道到底什么样的风格叫做学术风格……
NEXT：
暂时先不写，回来再说，先把模联搞完
不过有一点，我急切需要一个强悍的摄影
---------------------------------------------
我不喜欢白天睡觉，不过现在应该不算白天了吧，无所谓了，让我做个梦…… April 19 IA项目手札 1前两天没事翻了翻之前项目的手札，发现这真的是一个好习惯；
回头看看会有很多收获，而且对每个项目都能有一个系统的概念；
休息的差不多了，虽然还是咳的惊天地泣鬼神，开始新项目吧；
----------------------------------------------
系里的项目，前期设计基本完成：
TNCF网页架构，虽然个人感觉有点死板，不过学术型网站还是这样好点；
语言用回ASP.net + Access，这种网站还是ASP做起来顺手一些；
用VS还是Dreamweaver写还没定；
设计稿出了2版，基于之前的配色方案；
配色卡真的帮了大忙，看来是专门给我这种人设计的东西；
细节素材在Fireworks里面做了一些，不打算用玻璃风格。一方面因为是学术网站，另一方面想试试Kevis提过的深色调丝绸渐变风格，结合阴影效果；
Next：
确定技术难点，列清单，落实；
敲定最终平面设计稿；
动手做占页面面积最大的Flash轮播，大工程；
买域名，中国网格，你再给我像上次一样闹出点什么事我打暴你客服；
菜单的Skin…我的软肋…试着做吧…不行去找Xion…神啊…给我点色彩感吧…
------------------------------------------
以上
April 03 结札当今天学院大厅宣传横幅挂出来时，心里掠过一阵阵复杂的思绪；
中午，法学院大厅空旷无人，我独自过去把横幅整整好，拉拉紧，看着它发呆
结札，差不多是时候了；sisulaw.cn，终于完成了；
网站是从寒假开始策划的，其实本不会有这个网站，也更不会有这个论坛，初衷只是一个用来麻痹自己，让自己累到不会再失眠的一种方式，所以我会选择自己美工，自己配色，自己动手做一切的一切，选择自己不擅长的 Flash 架构；
结果和我预料的一样，一发不可收拾；设想越来越多，一开始只想做一个小的信息平台，可现在……
架设论坛比想象中简单，关键是烦；读懂整个程序和数据结构才能开始改。不过这相当于一个反解析程序的过程，算是对自己的一个很好的锻炼；
-----------------------------------------------
网站信息
网站域名： www.sisulaw.cn
下属论坛：bbs.sisulaw.cn
网站架构：Flash AS 2.0 + XML
脚本支持：JAVA Script
当前版本：0.9
网站服务器提供商：上外官方服务器
论坛服务器提供商：中国网格
域名提供商：中国网格
-----------------------------------------------
好了，接下来是整篇文章的重点，也是我写结札的目的：
-----------------------------------------------
Special Thanks
（依照参与建设的时间节点排序）
Cardoo： 在我连续失眠惊醒不知道多少天之后，这个人对我说：“做项目吧，只有这个能救你。”也是这个人，在我开始策划时说：“这是属于你的网站，你不开口我绝不会帮你。”还是这个人，当知道我决定用Flash整站后狂喜到揽住女友一阵狂吻（Kevis，我是该向你道歉呢，还是你该谢我呢？）。别的不说，我结识Flash整站是因为你，一直以来，不管是技术上还是生活上，不管是为师还是为兄，谢谢你；
Kevis： Cardoo没说，可我知道他那和我有的一拼的色彩感不可能搞出那样的配色建议，一定是出自你手。祝你和Cardoo永远快乐幸福！
Xion： 感谢你逼我写手扎，感谢你催我做测试站，感谢你的吹毛求疵；同时我庆幸没做ASP的，否则绝对被你玩死；
王昱： 老大，如果没有你，我不会跳出来；如果没有你，我也不会有今天的一切；祝一切安好，生活幸福；
Ivy： 也许你自己也会莫名自己会出现在这里，但你在不经意间的一举一动都帮到我很多。你总能让我开心，给我灵感。从那个Flash开始，你一直是我的Tester，感谢有你的日子；
April： 好吧，我承认如果我们三个组工作室你会是核心人物。与生俱来的领导气质，全面的统筹力，无限的灵感，在我陷入设计怪圈时，感谢你拉我一把；
Catfish： 在我周围现实生活所接触到的电脑方面的人才中，你是唯一一个让我叹服的平面设计/网站美工。我羡慕，甚至嫉妒你那敏锐犀利的色彩感，江河在心的图像感和实现设计师创意的能力。如果还能有项目，真的期待我们三个的全程合作；
田老师： 不管是网站还是工作，您总在我身边提点。不管是身体还是心情，您总是照料关心；感谢您对工程的大力支持；
老鼠： 从当上部长的那天起你就开始帮我顶事情，我知道为了让我专心做技术你付出了多少，挡下了多少。原谅我在你转病房之后才去看你，对于ICU，我还是有挥之不去的阴影；话说，明天想吃什么？
Hill： 一写程序我就会变得敏感、孤僻、冷漠、甚至神经质；感谢你对我的包容，感谢你无数次不让别人打扰到我，我都记得；
Amy： 你一定还记得这个你后来都没怎么用过的英文名。谢谢你，虽然只是一句话；考试加油；
我知道还有太多人给了我太多帮助，在这里不可能一一列全；
只想说感谢所有的人，所有的所有
谢谢你们
最后：
------------------------------------------------
法学院学生中心：sisulaw.cn
法学院学生论坛：bbs.sisulaw.cn
正式发布 March 22 手札 Ⅹ手札到10了，网站也快发布了，心里却突然一阵莫名的恐慌
---------------------------------------
这两天主要是在架论坛；
你们想要我就架，没有用学校的服务器，基于很多考虑；
至于我哪里搞来的服务器就不要问了；
有只牲口欠我的；
全功能论坛，你能想到的主流论坛功能都有；
站内信，悬赏系统、金币系统、等级、附件上传、头像、签名、博客、个人主页……
论坛后台设置极其烦躁，这里还有一个小插曲；
本地用IIS测试的时候我为了加强验证码安全性将验证码设置为了4位；
但是却忘记了更改验证码图片框宽度；
也就是说后面的2位看不到了；
上传之后我才发现，但悖论出现了；
因为如果我要修改验证码图片框宽度就必须进后台，而进后台又必须输验证码；
囧的我外焦里嫩；
其实打开CSS改一下就好，可我不爽，我就要猜出来;
结果还好，在第22次尝试的时候就让我蒙对了-_-
插曲结束，论坛版块还在丰富完善中，不过水区完全已经可以先水起来了；
April乐了，lina笑了，我的身体拉红灯了……
发布么？发布吧，丑媳妇也要见公婆的：
 友情提示：
1. 尽快抢注，自己的名字被抢很郁闷的，虽然我有权限帮你们换名字；
2. 水区无责任灌起来，服务器冲爆了有奖！
3. 发表一篇贴子之后就能上传自己的头像，尽快，默认的那个实在太丑，我错了；
4. 想当版主的私下联系我；
以上 March 21 手札 Ⅸ快下班了，没心情做事了，老板走了，于是我开始忙里偷闲写手札了；
上周末盯着April和Catfish的设计稿，左手抱着AS进阶技巧，右手捧着代码本过了2天。
Catfish的美工这次彻彻底底让我折服了，除了Cardoo妻子以外她是第二个总能带给我惊喜的美工。那套日历上用的星座套图已经被我关进了素材收藏文件夹，想要的找Catfish，版权在人家那里；
April的脑子是什么做的呢？我也不知道为什么她总能冒出新颖而又具有可操作性的建议，或者说是经过2个月的设计过程，我自己的灵感有点麻痹了。
------------------------------------
3个模块中最具颠覆性也是技术上相对最难的月历模块 完成；
嵌入字体的问题最终妥协了，用了伪定义，如果是Vista或者安装了微软雅黑的XP用户都能看到设计效果，否则系统将自动将动态内容字体关联为宋体，其实说起来也挺好看的；
日历和展望模块技术上没有难度，抽时间半个小时就能搞定，核心代码我基本写出来了已经；
NEXT：
菜单字体：我准备妥协了，放弃04字体是心痛的，但是网站是做给用户看的，如果你的受众都在向你反应同一个显而易见得问题，作为设计者只能义无反顾的修改，即使在你看来事情完全不是那样；
专业论坛：原本我以为大家对于论坛都没什么兴趣（看看西索寓言就知道了），于是就挂了一个简单的留言板；可现在突然冒出来一群人问我要全功能论坛，好吧，我架，架好了没人上你们等着，我全记下了。不过要等等，我机子前两天重装连IIS都还没。
全功能月历：这个有点远了，短期不准备做，暂时手动更新。AS还是没办法和JAVA比，实现翻页听起来简单，做起来就有点麻烦了。这个时候脑子里浮现出一个想法：TM为什么每个月天数都不一样呢？！
------------------------------------
关于月历的相关我会单开一篇日志讨论，我不会公开源码，想要的留下邮箱我私下给你；
感谢的话不多说了，全都留在结扎里
下班了
以上 手札 Ⅷ手札没剩几次了，项目基本进入最后的润色阶段
突然想到完工的那篇题目应该叫什么？结札？
好吧，我承认我满脑子都是代码精神不太正常……
===========================
音乐播放系统搞定，用的最简洁的方式，配合整站的风格。目前我挂的是BillBoard排行榜前三，可以在线试听。如果大家希望听到其他排行榜比如日本公信，我会考虑并且灵活更换；
留言板完成，本身准备自己写的，但是最近有点累了，而且想到还要下Access还要配置IIS（我很久不做ASP.net工程了）就完全搜捕鸟啦，关键是时间问题这个网站要快点竣工，所以找了一个比较不错的第三方源码。自己做了本地化，挂在了网站下。效果很不错，风格也很接近，这是我最看重的一点。
国际新闻完成，文章全部链到凤凰网，通过后台可以随时更新。
同时更改了新闻版块，现在分为校内新闻和国际新闻；
首页right_mc初始swf换成了update，一个更新列表，点击直达相应版块；
晨跑次数提醒不够醒目，我用JavaScript写了一个悬浮框，单独拉了个swf出来，跟随页面自动滚动，脚本放出，有用的拉走：
----------------------------------------
<script type="text/javascript">
window.onscroll = function () { var div = document.getElementById("fwin"); div.style.top = document.body.scrollTop + Y; /*这个Y换成你希望悬浮框距离页面顶端多远 如果希望悬浮框顶着屏幕上沿直接把加号和Y都删了 */ } window.onresize = window.onscroll; function start(){ var dfrag = document.createDocumentFragment(); for(var i=0;i<20;i++){ var len = document.createElement("len"); len.appendChild(document.createTextNode(" Line "+i)); dfrag.appendChild(p); } document.body.appendChild(dfrag); window.onscroll(); } </script> ---------------------------------------------
脚本内容就是这些，怎么引用看你的爱好，我直接扔在页面里了，因为我整个网页只有这一段JS。实装的时候定义body的onload属性为start，写一个div，ID为fwin，再定义具体style就行了，里面放什么随你喜欢，我是嵌了个swf进去。
Next：
写日历、月历、年历；
润色细节；
试试能不能解决音乐播放卡的问题；
完工前给所有的小swf也加上预载，前天Cardoo说：“要尊重所有的访客，你不知道也许真的有人还在用56K Moderm访问你的网站。”
=================================
感谢April和Catfish昨天给我的建议，激发了我很多灵感
在结札（暂名）中我会列出完整的致谢名单，对于帮助较大的朋友我会写在网站的Credit里
我想休息一下 手札 Ⅶ有些日子没有写手札了，最近忙疯了快
不过进度还是没有耽误，这段时间做了很多
基本框架已经完成了，现在算是个能看的网站了
不过暂时还不想发布，希望第一眼就展现出她最好的一面
--------------------------------------------------
全站结构重新优化，现在是标准Flash整站架构
Index.swf作为底层容器，load_mc进行装载
各个块以单独swf呈现，方便维护和重设计
而且动态效果也不受局限了
完成了Links、Tips的制作；News、sld的重设计
动态嵌入字体问题终于解决，稍后会专门写一篇日志讲
尝试了双遮罩+伪蒙版效果，很不错
Next：
继续丰富内容，大家还想看到什么呢？
把07、08级的下载中心做完，另外还要分别做加密系统，配色！又是配色！我恨配色！！
--------------------------------------------------
P.S. 难道我真的要走计算机这条路么？第一份正式实习就是WD 手札 Ⅵ好久没有连续做这么久了，今天一晚上都在做
庆祝，用了几个小时把06国政的下载中心已经做好了
最终讲并入sisulaw.cn作为一个子站，不过目前已经可以单独使用
大家可以去看看
-----------------------
XML的强大在实践中一点点的展现，Cardoo要得逞了
对于Flash中动态文本载入并赋值自动生成连接初学者可能会碰到语法问题
如果有可以来问我
斜纹背景忘记是在哪里看到过，效果还不错
NEXT：
更改配色方案，不同级用不同的Skin
写一个后台接口，使之能够通过网页直接更新XML源文件
要不要换一个更炫的Loading，虽然这个站点基本看不到
继续写player
P.S. 真好吃 手札 Ⅴ开学有点忙，乱七八糟的事情要处理，而且由于假期电脑没有带回去，要重新部署配置工作环境，今天才又做了点东西，可能是习惯吧，心情不好写代码，不过一直很有用……
-------------------------------
完善窗口过渡效果，准备应用到全局窗口；
测试了时间差叠加效果，没有预期的lag现象；
infobar完工，测试文件中实现，目前试图解决更新问题；
Player代码写了一半，在最终确定布局之前不能确定是否需要list模块；
menu效果试做了2种，都不是满意，暂用翻转效果；
bg在测试几个备用的可能性；
NEXT：
有人对04系字体的可读性提出了质疑，在美观性和可读性上寻求平衡点；
XML大文件读取速度怀疑，是否需要Loading效果？；
模联的网站开始策划，召集美工，我躲进代码区；
P.S. 模联的网站可能需要一个专业级的Flash相册，有看到效果好的请发链接给我，我试着扒一个出来
手札 Ⅳtest放出来了，URL我就不在这里放了，想看的问我要
只扔了个框架，主要是测试Loadingbar工作情况，还有分辨率和窗口的自适应
Loadingbar很满意
设计了2种相册风格，走之前定下来
添加缓动
做了一套player的skin不是很满意，先用这个把代码测试好了再回炉
NEXT：
字体，字体……
滚动条颠覆性重做？再看看有没有必要
自上传相册，试试，理论上可以实现
P.S. 关于Flash网页发布
Flash网页发布时会碰到一个问题就是网页发布后，Flash与网页边缘仍然有间隔，并不是全屏充满
这样一方面影响美观
同时也影响设计初衷的实现
在发布之前做一下更改即可
在发布设置中的HTML标签中的Flash发布大小选择百分比
在下面的缩放选项中选择无缩放
用编辑软件打开发布好的HTML文件
再文件头加入CSS代码（写在样式表里一样的）：
<style type="text/css"> <!-- body { height: 100%; width: 100%; margin: 0; } --> </style> 手札 Ⅲ画了一套music system的skin，但是没有实装，player的位置和表现方式都没定
countdown的实现方式基本确定，我挣扎，我纠结
Logo出了2版，第二版比较满意，不过我怎么看都觉得好像见过
关于words板块现在不能确定，初稿里我会放，看稿件情况
缓动方式确定，shake style
昨天有人说要滚轮的代码，这是用类封起来的，放在.as里
-----------------------------------------------------
private function Wheel():Void {
var thisObj:Object = this; var listenerMousew:Object = new Object(); //建立新侦听器 Mouse.addListener(listenerMousew); //侦听器绑定 listenerMousew.onMouseWheel = function(delta_fc:Number) { if (thisObj.isSelect == false) { thisObj.newsText.scroll -= Math.floor(delta_fc/2); } else if (thisObj.isSelect == true) { delta_fc = 1; } thisObj.pole_mc._y = Math.floor(thisObj.poleStartY+thisObj.totalPixels*(thisObj.newsText.scroll-1)/(thisObj.newsText.maxscroll-1)); //百分比算法 }; } //补充一点，滚动条的坐标值在计算过程中是把小数点后直接抹掉的，而不是四舍五入，恒取正值 。具体的可以去参看寂寞火山的相关贴子
-----------------------------------------------------
NEXT：
过渡动画
player测试
细节丰富
域名，这个其实不急，关键有昱哥在
Xino催我放测试站，让我把手札也放在那边
P.S. 都问我昨天怎么过的，有一台笔记本老爸要带走，于是在整理里面的设计稿和素材，只剩两台了，不能3线了。如果说情人节的收获，那就是…… 手札 ⅡNews实现方式确定，代码完毕
loadingbar完成，借鉴 CoD 5 效果，算起来这是陆军的功劳
风格确定
包括bg、bar、button等主要texture设计完成，我在继续坚持不用PS，话说我这是何苦
完成3块AS：time、infobar、scroll
NEXT：
music system
定位与背景整合
过度风格设计
下午休息，刚刷完碗感觉人好累
缓动选择 手札 Ⅰ标准架构
自适应窗口大小，引用经典JS实现（已实装）
XML数据系统，非必要不使用Access或SQL
水墨风格、纯白风格、对比风格：斟酌中
缓动应用，否则使用淡出风格
NEXT：
背景
loading style
texture style |
|
|
