另外小八既然说要变革,那么我就就现有主页提点意见,仅供小八参考。
一直以来小八戮力效仿的楠木之风确实是雍容华丽,不可胜受。但在一些细节的地方仍旧有所欠缺。就我现在所接触到的技术来看,小八的制作和设计应该是同时进行的,而大概并非先设计后制作。那么说一下我现在使用的制作流程,虽然不是WEB2.0的重构技术,但是仍旧为大多数半专业\专业设计人员所使用。
一般设计工作是在PS或者FW里面进行的,这个时候完全遵循的规律就是平面设计+网页设计。为什么刻意说明是网页设计呢?因为我们的成品需要考虑技术上实现的可能性以及便利程度,所以要在最初设计的时候就要考虑到制作而进行相应的调整,这包括边框、背景、布局、页面内元素安排等等。比如哪里要放FLASH,哪里是静态图片(可切割),哪里是TABLE需要放文字的,哪里需要插入文本域或者iframe。由于我们的主页在实现功能的同时,仍旧很注重美观以及个人化的表现方式,所以不能完全由动态来实现(实际上我们现有的技术也不允许),所以应当采用静态+iframe/frame+JS(后台支持)这样的技术。好处就是在保证我们静态出色的外观情况下,还要带有动态功能。——当然门户网站并不这样做,而我们是个人性质的,主观比较重要。
在进行多方面考虑的情况下,按照既定的感觉做好设计工作后,即可以进行切割了。PS和FW同时都具备切片功能。切片的原则就是首先决定好将整个页面分为几个大的table。由于浏览器读取网页是不同table同时进行,所以将页面分成3-4个table来做,有助于提高浏览速度。而且像抬头、foot这些公用的部分可以做成iframe嵌套入其余所有需要的页面内,这样修改更新起来比较方便。分好table以后就可以在每个table内部进行功能区域性的细致切割了,这个就比较容易理解,导航如果要做鼠标悬停动画该如何切,如果只需要做热点改如何切,如果导航是flash该如何切,其实就是不同的运用表格的技术。当然你一刀下去,就是一个表格,这个要清楚才好。细致切好以后有几种生成方式可以选择,我自己用的比较方便的就是按照最初大布局的table用C键来切割成局部,再ctrl+alt+thift+S来生成html+图片的方式。如果布局比较复杂且有横纵不同的穿插,要选择生成间隔符。如果布局简单,那么可以选择不生成间隔符。间隔符本身的透明属性会破坏页面整体,出现一条诡异的线,可以再后期处理的时候在PS里自己切割高度或者宽度为1的GIF来取代间隔符。
这个时候大概已经生成了几个不同的html文件了(根据你最初的分区),然后在dreamweaver里面将这几个网页按照统一的table放在同一个页面内,保存,F12观察效果。页面属性、table的对齐等等都是在这个时候调整。
整体没有问题以后进行制作工作。从上到下依次制作导航(根据实现方式),文本域,ifame等等。需要替换掉表格内图片的地方,选中——删除,然后添加等大的表格(table),将间距、边框都设置为0(cellspace、cellpanding),背景再换成刚刚删掉的图片。这个时候里面再添加一个table,即可写入文字等等。iframe的道理相同,由于iframe有是否透明的要求,背景如何定义则由自己做主。
………………吃饭了,先写到这里。