刚上手的时候,是不是总觉得哪儿哪儿都不顺手?《网页设计与制作:从新手到高手》就是。封面那几十张密密麻麻的软件截图,顶着“从新手到高手”六个大字,明摆着是个干活工具。我当初拿起来,寻思着不就是照着图点鼠标、套模板嘛。结果硬啃了三十多页。好家伙,连个取巧的捷径都没有。全是得熬得住性子的死功夫。你想走直线?先学会绕弯子吧。

讲Dreamweaver排版,起手式就是拉栅格、定间距。作者死磕那0.5像素的对齐。我起初直皱眉。网页嘛,不就该随心所欲乱点一阵?偏不。硬着头皮照做,把三张图、四段字往没规划的框里一塞。页面立马塌成一片。算了吧。回过味来才明白,所谓的“随便”,全得靠死规矩兜底。翻到“用CSS把内容和样式分开”那节,我手指在屏幕上停了半天。网页跟人似的,里头装干货,外头套皮囊。这比喻吧,我觉得有点扯远了。咱们平时聊天,真没必要非得先把自己“样式表”理顺了再开口。有时候凭着直觉乱撞,反倒能撞上点真东西。可技术这玩意儿,没门路,它还真得先认死理。

再翻到Flash动画那几章。我差点没憋住笑。这玩意儿早进博物馆吃灰了。作者倒好,掰开揉碎讲补间动画、引导层。连时间轴上的关键帧标号,都给你列得明明白白。我顺着步骤敲代码。跑通第一个轮播Banner的时候。看着静止的图在时间轴上卡着点动起来。心里莫名就踏实了。像小时候拼那种几十块的塑料雪花片。明知道一碰就散。“咔哒”一声扣上。就是痛快。书里没扯什么底层算法。就教怎么让按钮悬停变色、让字慢慢浮上来。有人嫌基础?我觉得咱们较劲的压根不是技术。就是看着自己弄的破玩意儿在眼前“活”过来那股执念。挺实在的。

全书压轴,是个企业网站设计的综合实例。前面十几章的零碎招数,全得往一个完整的架构里塞。目录一摆。我第一反应是直摇头。画线框、切图、敲代码、调兼容。这阵仗,跟我以前接那些连需求都摸不清的活儿儿时,心跳频率一模一样。不过书里留了句大实话:“先搭骨架,再填血肉。”我拿荧光笔狠狠划了一道。回过头琢磨。咱们平时那点焦头烂额,多半是墙还没垒直,就急着贴墙纸刷漆。书里建议干脆从最基础的导航栏起头。接受页面一开始灰扑扑的线框模样。这话可能对一半。有时候瞎折腾反倒能逼出点新路子。但要是真怕搞砸,那步子确实得迈得稳当些。

毛病也挑得出。太偏工具说明书了。偶尔透着股没灵气的工匠劲儿。它不教你搞什么惊世骇俗的交互。也不跟你扯设计伦理、审美流派。可你要是真想亲手敲出第一行代码。或者单纯搞懂网页底层的门道。这种“笨功夫”可能还真绕不开。你不先学会怎么让一个元素老老实实待在左边。哪知道什么时候该让它破格蹦出来抢风头?当然。要是你本来就想搞艺术创作。这书大概率会让你觉得憋屈。

书扔在一边。电脑屏幕还亮着。浏览器里跑着我按教程敲出来的第一个静态页。配色生硬得像个调色盘打翻。排版挤得慌。但好歹真真切切地挂在那儿了。没花哨的转场。也没复杂的脚本。就是安安静静加载出来。花了我整整两个下午。能把散落的像素一块块对齐。让它们在自己的坐标上站住脚。这事儿本身。就挺够本了。