平面设计
位置:首页>> 平面设计>> Photoshop教程>> Photoshop把PSD网站模板切图为XHTML+CSS的网页(6)

Photoshop把PSD网站模板切图为XHTML+CSS的网页(6)

 来源:asp之家 发布时间:2010-04-05 21:46:00 

标签:切图,photoshop,PSD,模板,xhtml,css

 接下来开始用CSS重新构建页面,清除浏览器的默认设置。背景图像是附属于body和全局字体风格的设置。容器,内容和页脚的div也要使用适当的背景图片和风格设置。

继续写CSS样式表,接下来的一些元素用代码写出来慢慢加上,建立一个无序列表然后加上合适的图片和颜色。

到目前来讲就可以在浏览器里面看看啦~基本上的大型已经出来啦~logo啊导航啊内容区啊基本上已经颇具雏形鸟。

接下来是在这个框架上渐渐丰满起来,用一个容器来搞定文章发布区,就像我们前面说的一样,这个地方我们不用图片只需要用代码就能搞定。

0
投稿

猜你喜欢

  • 本教程仅提供一种思路只为抛砖引玉大家如果有更好的方法也拿出来共享,下面先看效果 第一步:用螺旋形工具画出一个螺旋 第二步:根据情况从中心删除
  • 最终效果图:素材下载:字体烟雾第一步:新建一个文档.1000X1000PX的,把前景色设置为白色,背景色为黑色。然后后滤镜>渲染>
  • 最终效果 1、新建一个文件,大小自定,创建纯色调整图层,给文件做一个底色,颜色自定。       &nb
  • 之前也介绍过立体字效果的制作方法,不过文字的层次没有这么多。本教程文字立体面多出一个,制作的时候需要耐心的去调节高光及暗调等部分。 最终效果
  • 原载于:PSDTUTS 作者:Collis 翻译:高小白这个教程Collis将向你展示如何用火的照片来与文字相结合。我们现在将看到的是一个漂
  • photoshop制作闪亮的花纹艺术字效果步骤1打开Photoshop,创建一个新文档,我用的是1920×1200像素大小。然后用一个深色#
  • 本教程色调以淡淡的青色为主,调色幅度不大。不过效果却看上去非常清爽。作者调色的时候基本上都是用可以选颜色调色。这个调色工具比较好控制&
  • 如何使用ps给照片添加梦幻的彩色泡泡?给大家介绍如何使用ps给照片添加梦幻的彩色泡泡,一起来看看吧。1.打开ps,按Ctrl+O将需要制作添
  • 本教程效果有点怀旧的味道。图片色调以淡淡的灰色为主。画面看上去就干净很多。同时用黑色作为暗角,人物部分就显得非常突出。整体视觉效果非常不错。
  • 效果图街头素材大象素材本实例原作者bpkelsey,PS爱好者重新翻译并截图制作。1、将大象素材拖入,ctrl+J复制图层隐藏大象副本图层,
  • 效果图素材1)打开原图,复制一层,用PS自带“抽出”滤镜,抽出图像中人物,备用(抠图就不详细介绍了)。注:这个无所谓方法,根据个人喜好,总之
  • 在这个独家Photoshop教程中,大家将学习如何在Photoshop中创建玻璃质感的霓虹灯文字效果。1.首先输入一些文本。例如用World
  •            Photoshop变形工具图层样式做光亮字教程。简单的制
  • 本文为大家讲述在Photoshop中创建金属文字效果:PS最好的功能之一就是图层风格。我们能使用图层风格创造出各种各样的效果:如“塑料、玻璃
  • 本教程主要使用Photoshop制作超炫光感立体字,主要靠复制字体图层慢慢的堆积成立体字效果。先上效果步骤1、新建一个400*400像素的新
  • 本教程介绍人物头像的鼠绘方法。作者的鼠绘水平相当厉害,作品绘制的非常精细,各方面都非常完美。可惜作者的教程不是很详细,只有大致的流程图。最终
  • 本教程的效果基本上都是用色相/饱和度来完成。作者为了保留更多的图片细节,都只在同一图层做调整。先整体调整下颜色,然后用选区选取需要调色的局部
  • 非主流多图闪效是非主流最爱的闪图效果,专业的图片处理深奥繁琐,很多初学者制作闪图都很费力,而且达不到期望的效果,今天小编给大家介绍超简单非主
  • 本教程介绍水晶图标的制作方法。刚看效果图可能感觉有点复杂,不过只要弄清除里面的构造,基本上都是以相似的图形组合而成,很多图层的制作方法都是一
  • 本教程介绍音乐海报的制作方法。作者制作的非常细腻,从选材到制作,每一步都非常讲究,尤其人物部分的调色非常专业。后期的装饰效果可以按照自己的喜
手机版 平面设计 asp之家 www.aspxhome.com