字体动感模糊窗口--图层，右击字体图层，删格式化文件，滤镜--模糊--动感模糊，选择角度和距离，角度表示你动感模糊的方向，距离越大动感模糊效果越厉害
图片雾化在你原有图层上新建图层保证前景色和背景色为黑白，滤镜--渲染--云彩，将图层模式正常改为滤色即可。。如果觉得雾化太重可以适当降低不透明度
万事开头难啊，现在你的问题是要找到入手点，照我说的步骤来，很快适应工作岗位：【第一步】建立布局一个页面要用到的文件夹。
先提前建立好一个web文件夹，里面继续分别建立：
images 用来放置图片或者背景图片
style 用来放置CSS样式表文件
js 用来放置js代码文件
flash 用来放置swf或者flv文件
【第二步】设计出页面
你是参考页面，所以要根据页面，把jpg稿弄出来
最好在手画一个线框稿， 分别标出 页面的 结构， 方便下一步的分解html框架
【第三步】按步就班的规划html文件，确立各个结构使用的id或者class名称
头部可以使用 header 用来放置 logo、联系电话、导航条
主要内容可以用 main 用来放置大广告条、页面主要内容等等
main 里面可以分为mainbody和sider 分别用来放主要内容和侧边栏
页脚可以用 footer 用来放置版权信息
<body>
<div id="header"></div>
<div id="main"></div>
<div id="footer"></div>
</body>
完成主要框架后，在分割各个框架里的详细内容。以main为例
...
<div id="main">
<div id="mainBody"></div>
<div id="sider"></div>
</div>
...
mainBody 还可以在细分，news放置新闻，event放置动态等等：
...
<div id="mainBody">
<div id="news"></div>
<div id="event"></div>
</div>
...
news 在扩展 标题(H3)、更多链接(span、a)、文章列表(ul、li、a、span) 等等...
【第四步】切图，并建立CSS文件完成布局
使用CSS来构建布局，并使用PS或者Fireworks切图获得图片文件。
建立一个 reset.css 完成浏览器样式的reset
建立一个 layout.css 完成基本布局框架的建立
建立一个 list.css 完成各种列表的格式设置
建立一个index.css 专门放置首页的模块代码
【测试页面】测试页面的代码兼容性，放置出现不同的浏览器显示效果不同的问题。
以上的步骤，用到了你在w3cSchool学到的所有东西，更多的东西，需要你动手之后，才会明白到底是怎样的流程！
现在，开始吧，Goodluck! Have fun!
