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

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

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

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

大体效果就这么搞定了,设计稿的内容基本上也都呈现出来了,这时候你可以换着浏览器和分辨率来看看有没有问题以及模拟链接的效果比如鼠标on啊 鼠标点击过啊等等效果。

其实网页设计这玩意搞起来了就停不下来了。你必须在FF,opera,safari下面看看有没有问题,你看这不在IE下面就出问题了么?(好讨厌IE6……如果机器装了更高版本的ie的话,你可以试试ietester)


  修改一些CSS样式表很快就能搞定这个问题,具体的参见上图。

订阅的选项似乎总是在IE下面会有问题,这个只需要简单地加上 display: inline在列表中就能解决。

0
投稿

猜你喜欢

  • 本教程将向您展示如何使用灯光效果美化她的脸,皮肤和头发。效果图打开我们的图片1.原始照片是有点黑暗,她的皮肤没有足够明亮。在这种情况下,我们
  •  最终效果图下面开始制作!本实例简单来说就是用画笔将美女身上挖开,在用同样的画笔在周围点缀。不考虑整体感觉的话,大家可以很轻松的制
  • 先看下面图的处理前后:   具体步骤如下:一、打开图片,对图片进行自动色阶处理快捷键为:Shift+Ctrl+
  • 本例介绍用Photoshop将MM照片通过磨皮美白手段打造成让人心动的美女,主要通过减少杂色、匹配颜色、应用图像命令,再用TOPAZ * 滤镜
  • 前言:在PS鼠绘人物当中,嘴巴的绘制也往往是初学者较为头痛的一部分,如何把握嘴巴的形状及色块,如何体现嘴巴的立体感,下面我们将为大家讲解鼠绘
  • 本文是用Fireworks制作一个好看的超级水晶球,制作方法非常简单就是用圆形工具绘制几个球,组合在一起然后调整光线,最终达到一个超级光线效
  • Photoshop设计现代企业产品主题网站教程预览:以下是我们将要一些设计的页面预览,点击图片可以放大。 建立一个新的Photos
  • Photoshop CS4发布了,对于我这样以学习Adobe软件为生的人,当然是个喜迅。不过有位资深的编辑跟我谈了一个问题,却让我陷入了深深
  • 我们将学习如何在photoshop中使用简便快捷的方式绘制逼真的月亮效果。第一步根据下面的设置创建新的ps文件.现在,我们开始绘制背景.点击
  • 人物图片如果色彩较多的话,看起来就有点乱,处理的时候,最好把背景的色调调成黑白的,再单独调整下人物的颜色。人物部分就比较明显。原图最终效果1
  • 能否坚持等比例缩放,一直是评价设计师是否严谨的重要标准,起码我个人是这样认为的。单方向的自由变换总是对照片造成生硬的拉伸或压缩,特别对人物照
  • 教程主要以是Photoshop合成枪战动作电影,特有男人味道的枪战场景效果,突出男人的所味,迫真的场院景后期海报制作.具体步聚请看下面讲解:
  • 图层样式可以说是Photoshop针对质感的专用工具了,在经过针对性的设置之后,所创造出的质感可以做到乱真的效果,它还可以隐藏某一或全部效果
  • 原图效果图1、打开原图,转到LAB模式(图像—模式—LAB颜色),建曲线调整层,对A通道调节如下:2、Ctrl+Shift+Alt+E盖印图
  • 在我们的视觉设计中经常会需要一些3D的字体效果或是3D的图形化icon。是不是翻遍很多网站苦于没有找到自己想要的角度或则是图形呢,找到了又要
  • 本教程介绍比较清淡的色调调色方法。色调以青色为主,适当装饰了一些淡红色。调色只是个参考,制作的时候可以按照自己的方法调出更多精彩的效果。原图
  • 本文由 中国教程网 38732(飞扬的领带) 原创,转载请保留此信息!大家好!为了完成任务,我制作了一个专门给新手看的简单教程。用Illus
  • 本教程色调以淡淡的青色为主,调色幅度不大。不过效果却看上去非常清爽。作者调色的时候基本上都是用可以选颜色调色。这个调色工具比较好控制&
  • 效果图具体具骤:1。打开原图进行裁切。2。找开素材,试当裁切,调色阶如图2,去色。3。将树与原图的树溶入到一起。4。用素材的树枝将原图衔接。
  • 教程明细软件: Adobe Photoshop CS3 难度:中等预计完成时间: 3-4小时最终效果图作为设计人员,我们偶尔需要使用数码设备
手机版 平面设计 asp之家 www.aspxhome.com