忙了一夜的成果

  呵呵,弄了一夜,终于把那个封面给弄好了。

  本人美工一直不好,让大家见笑了。为了做这个封皮页面,没少费了功夫。先是为了省事,到网上搜索了一下午,结果什么也没发现,网上的大多不合我意。然后被逼无奈,只好自己硬着头皮去弄这个东西了。为了突出主题,到百度上搜出了这么一张图片,然后开工。用fireworks大体修改下。原来的图片是有一段日文写的页面地址,TMD,看着就不爽,于是就用橡皮图章工具给擦掉了。按照一般的做法,我都是保留版权的,这回版权地址是日文,我很不爽,于是理直气壮地擦掉了。

  然后用文本框工具,微软雅黑字体(自己装的,我可没用Vista)写上了标题,拿矩形工具画出了一个透明度60%,半径10px羽化的白色矩形,然后在背景图的相应位置建立一个选区,执行模糊,把那个矩形放到刚刚模糊的选区上,OK,Vista的毛玻璃效果搞定!

  再然后,我用切片工具切片、导出,得到了HTML页面。

  这样的页面不符合xhtml标准的,需要自己再写。新建一个DW里面新建文档,并且使其符合xhtml 1.0 标准,加上各种meta头,诸如编码、作者、以及与seo有关的信息。将导出的文档打开,复制里面的表格,优化下,去除冗余代码,复制到新建的文档那里。先弄个基本的div框架,由于页面简单,就两层嵌套就好了,定义好各个div的id、class,去写css咯~

  新建一个css文档,将原来放在表格里的img全部换成css修饰的背景,表格的高、宽也统统是css修饰。在文字连接部分再插div,做个列表。最后优化下布局,加上版权,然后将原来用在Qzone装饰用的flash放在这里,透明下,O了!

  马上浏览,成功!上传、修改下DNS,OK了。

  虽然我再这里写显得十分Easy,但是天知道我当时做这个东西时那个费劲,一点点小问题都得Baidu一下,现在才体会到,啥叫站着说话不腰疼~

  最后贴出来,给大家分享下。
查看图片