
- 听风松
- 用户贡献:0个信用
- 积 分:1030
- 人气指数:244
|
习惯了blog中绚丽的主页模版,刚进wiki,显得很不习惯,于是就想美化一下主页.经过仔细观察,wiki的主页是一个集成在js框架中的静态网页,于是,一套简单的美化主页方案便浮出水面---photoshop做页面,用dw加以修饰,添加链接以及动态效果.方案虽然简单,但在实现过程中却遇到了不小的难题.
难题一:用ps作主页必定要用到切片切割,将一张大图片分割成几部分,在通过ps自带的程序合成一个html页面.问题便由此而生:wiki不支持ftp,甚至不支持图片上传,通过自带编辑器上传的图片,分辨率大大降低,影响显示效果.我的解决方法--另找空间,通过外链实现图片连接.此问题算是解决.
难题二:由于图片是通过ie下载到dw中,虽然在dw中可以实现将所有切片组合到一起,但不能够将图片作为背景.在作为背景的时候,单元格会变形.经过多次尝试,最终未能成功.于是开始另寻思路--图片不切割,通过热点进行超链接,通过层进行动态效果实现.
难题三:不知道什么原因,在引入层后,本来可以在dw完美预览的网页,在wiki中却七零八落,经过仔细观察,找到症结之所在:网页的编辑是在dw中完成,然后将源代码复制拷贝到wiki中的,在dw中,层标签位于代码的最上面,因此在wiki中,层代码将在网页的最上面显示,而不是dw中的效果.虽找到症结,但无力解决!!!
最终,不得已只能采用最原始的方法:图片不切片,将动态部分以静态代替.但这与初衷是相违背的,由于水平有限,顾发此帖,望老师及同学给以解决,不甚感谢!!!!
我的主页连接:http://wiki.hoodong.com/chenyang
|