图片制作网站

可以用ps制作，点击ps软件里面【窗口】在弹出的下拉菜单中选择【时间轴】（有的版本里面叫做动画，大家可以根据自己的版本寻找）打开时间轴面板后，将第一个图层前面的“小眼睛”关掉；图层关掉后，在时间轴面板上点击【复制所选帧】按钮，然后再把将第一个图层前面的“小眼睛”打开；点击【帧】下面的三角形按钮，在弹出的时间菜单中选择间隔的时间（就是动画的快慢）；设置完成后点击【播放】就可以预览动画效果，如果效果满意的话可以点击：文件——存储为web格式；在存储对话框中将存储格式选为【GIF】其他的保持默认，然后点击【存储】就可以把动画文件保存下来了。

Photoshop制作网页效果图的几个注意点：第一点：新建文件尺寸大小； 制作网页效果图，首先就是要新建文件，那么要建多大的合适呢？这可不是随便乱定的，一般我们是要根据目前绝大部分显示器的最佳分辨率来定。在比较早些时候，17英寸为主流显示器，最佳分辨率为1024*768，所以考虑到网页在显示器上能有最好的显示效果，一般都定在1003px以下（这个数据是由显示器最宽1024px减去浏览器右侧滚动条宽21px和到1003px）。如果你的网页超过这个尺寸，那当网页即使最大化显示的时候，内容也不能完全呈现，底部就会显示水平滚动条，这样会影响用户体验！ 目前来说19英寸分辨率达到1280以上的宽屏显示器已经成为主流，因此现在很多网页都开始做得更宽，比如可以做成1200px宽的，但为了能让1024分辨率下都能有好显示，建议还是定为1003px以下，比如960，980都是合适的。如果不确定应该设置多少合适，可以打开参考网站，看看他们是设置多少。 如何查看别人的网页尺寸呢？很简单，使用截图工具把网页截下完整的宽度后使用Photoshop用选区工具框选宽度就能在信息面板里显示出来了！ 第二点：字体与字号； 字体方面，在浏览器里显示的字体是调用操作系统里的，因为绝大部分操作系统都有宋体、黑体、微软雅黑、Arial、Tahoma这几种字体，所以在网页效果制作时，尽量使用这些字体，如果不使用这些字体，那到在把网页效果图做成网页的时候就没法做出这种字体效果了；如果非要使用其他字体，那么在做成网页的时候只能以图片的形式来显示出来，不过考虑到图片文件都偏大，会让网页打开速度降低，所以尽量不要以这种形式显示。 第三点：关于颜色； 不同的操作系统会有不一样的调色标准，因在Web上就有定义了一个安全色表，以期能让符合这个色表定义的颜色，在不同显示设备上都能有同样的显示效果。不过对于不是对色彩十分严谨的网页效果来说，不需要这么严格执行，所以关于颜色，我们直接使用Photoshop里默认的颜色就可以了，当然，如果你所设计的网页对于色彩十分看中，那请认真按照Web安全色标准设计。 第四点：网页效果图里填充的内容； 在制作网页效果的时候，很多地方要填充文字内容，这个时候有些初学者为了方便操作，直接把同样的内容复制使用，最后整个网页上看起来就会显得怪怪的。这里大家在填充内容的时候，最好是使用不一样的信息，或者干脆直接从其他网页上截取内容填充。第五点：要注重细节处理； 因为你制作出来的效果图，最终是做为网页的制作依据，因此在效果图上，每个模块的间距都要精确到像素、文字摆放的位置等也要准确到位。 第六点：保存的图片格式； 效果图制作好后，建议保存成png格式。不要存jpg格式，因为这个格式对图片压缩比较大，会丢失细节。

存储为web格式 也可以直接存储为png格式即可。ps制作网页步骤:1.先用Photoshop做一个网页图片；2.Ctrl+R调出标尺，在图片上绘制表格，框选出要做链接的部分；3.使用切片工具，按照绘制的表格划分切片4.以上步骤完成后，进行操作“文件”>“储存为Web和设备所用格式”，在打开的窗口中按照自己的需要为网页图片作设置，设置完成后，“储存”，保存类型“html和图片”，切片“所有切片”。5.接下来用Dreamweaver打开html文件，为其作链接及其它。6.最后保存就完了。

　平面广告和网站页面设计的宗旨就是吸引眼球，符合平面视觉冲击特点，如何设计一款有特色、另类能吸引眼球的作品是摆在平面设计人员和photoshop爱好者面前的难题　　现在以一款网页平面设计效果图为实例，讲解网页设计方面的创意知识，从网页效果图布局创意、颜色选择，裁减效果图和制作网页特效等方面来学习。下面我们就一起来学习吧。　　首先声明一下，这款网页效果图在得到朋友许可后拿来制作教程实例，切勿抄袭和用做其他用途。先看效果图0。一、 创意设计思路　　一个网站在制作前需要确定网站风格、网站主题、和主色调，在没有确切的方案之前，最好不要贸然动手制作，不然最后的结果很可能是以失败而告终。　　　　笔者决定从关键字"路行""独自行走"加上是暗色系的要求上下手，敲定颜色采用沙漠黄，沙漠很容易让人联想到孤单；板式确定为户外广告的样式沙漠黄配合生锈的广告牌。符合"颓废""艰辛路途"主题。　　二、 网站效果图及LOGO的制作。　　1、LOGO的样式采用的是图形和字符的组合。汉字LOGO的字体不是下载的字体，是笔者用钢笔工具画出来的字体。如图1和1-1。　钢笔工具勾勒出图1的行走的人样式，填充红色，然后调整混合模式"斜面和浮雕"选择浮雕效果、雕刻清晰、深度1、方向上、大小2，其他默认。这LOGO 的创意是，一个人在崎岖不平的路上坚持自己的方向，配合网站的英文加中文名字，构成一个形象LOGO，刚好"路"字和"行"字采用红色，突出了路行。　　　　文字LOGO笔者用钢笔工具勾画出字的各个部件，然后拼接在一起，这里只给出"路"字的方法，"行"字方法如同。[next]　　　　2、制作布局参考图。如图2　3、根据布局效果图，新建文件大小1000X765，填充黑色。布局中的"显示区域"为广告牌是要挂到墙上的，使用"石头材质"放置在页面最上方来制作石板墙；使用"锈迹皮革材质"制作"显示区域""LOGO"区域的边框（注：一些材质的制作方法省略，平时可自行制作也可去图片站下载保存，用的时候方便），将LOGO区域的边框复制一层，调整不透明度为60%放置到LOGO曾下方，这样大体的框架就完成了。如图3和3-1。　　（图5）（图6）4、找来一张沙漠公路的图片，把这张图片进行聚焦处理。点图4示例的按扭进入"以快速蒙版编辑模式"，选择渐变，渐变模式为"径向渐变"在图中间向两边拉，屏幕会出现一团红色；然后再点"以标准模式编辑"画面会出现一个圆圈选择区域，按"DELETE"删除即可。如图4和图4-1。（图7）（图8）　5、在"路"图片上方新建一层，按住CTRL+"路"图层，单击新建的图层，填充颜色4E341B，调整为暗系沙漠黄。如图5。（图9）　　制作文字LOGO牌。找来图5-1中的灰色材质，在"LOGO边框"下面新建一层，然后在其之上新建一层，放置沙漠图片，将其混合模式修改为"颜色"然后打开一开始制

准备工作：1、图片2、主页的链接需要用到的软件：ps 第一步：运行ps，打开你选定的图片第二步：鼠标选择左边工具栏的裁剪工具，注意，点住左键不放，就会弹出一个下拉选项框。如图：第三部，选择切片工具第四步：用切片工具，点住图片左上角不松，拖动鼠标至对角，把图片都选中。如图：第五步，选中后，在图片选中区域，右键鼠标右键，选择菜单中的“编辑切片”，此步骤无法截图。第六部：如图：第七步：点击“文件”--"存储为WEB格式。如图："第八步：选择存储位置。如图注意，最后一步：如图，红框内选成“HTML和图像”保存。就可以点击图片，查看效果。

彩字秀：http://www.czxiu.com/ 爱狗狗吧：http://www.igogo8.com/ 在线生成闪字http://www.igogo8.com/ - 彩字在线生成门户 互联网装修专家－－彩字通 按http://www.eoool.com/Sevice.aspx?TypeID=11 生成拼凑http://blog.outer-court.com/letters/ 生成几种卡通人物对话动态图片： http://tools.fodey.com/generators/animated/talking_squirrel.asp 香烟盒生成，可以做警告图片： http://tools.fodey.com/generators/cigarette_packet/generator.cig 支持多种域名的Email图标的生http://www.nhacks.com/email/ 两个地址支持两种风格任意文本的Email图标的生成: http://sagittarius.dip.jp/~toshi/cgi-bin/designmail/designmail.html http://sagittarius.dip.jp/~toshi/cgi-bin/catmark/catmark.html 支持各种类型图片的生成，可以选择设置的条件非常灵活: http://www.abi-station.com/tchinese/ 支持大量中文字体签名图标生http://www.youmade.com/font/ Flickr杂志封面生成http://flagrantdisregard.com/flickr/magazine.php 动态生成有趣图片: 爱因斯坦 http://www.hetemeel.com/einsteinform.php 山姆大叔 http://www.hetemeel.com/unclesamform.php 辞典 http://www.hetemeel.com/dictionaryform.php 魔法师 http://www.imagegenerator.net/create/dumbledore/ Flickr Logo风格图片生成http://flickr.nosv.org/ 按钮生成网站: http://kalsey.com/tools/buttonmaker/ http://www.lucazappa.com/brilliantMaker/buttonImage.php http://www.feedforall.com/public/rss-graphic-tool.htm http://www.kalsey.com/tools/buttonmaker/ http://www.yugatech.com/make.php http://www.hkwebs.net/catalog/tools/buttonmaker/index.php Email图标生成网站: http://email.playtime.uni.cc/ http://services.nexodyne.com/email/ http://gizmo967.mgs3.org/Gmail/ http://www.hkwebs.net/catalog/tools/gmail/ http://sagittarius.dip.jp/~toshi/cgi-bin/designmail/designmail.html http://www.eoool.com/ Logo生成网站: http://phorum.com.tw/Generator.aspx http://cooltext.com/Default.aspx Banner图片制作网站: http://www.bannerbreak.com/index.php 在线图片生成网站: http://www.streetsigngenerator.com/ http://www.letterjames.de/ 立体图片生成器http://www.chami.com/html-kit/services/imge/ 图片生成邮票http://photo.stamps.com/PhotoStamps/?source=si00001331 个性拼图http://www.jigcool.com/jigonline/jigonline1_sc.php 印章制作http://caishu.sina.com.cn/ http://www.makepic.com/print.php GIF图片的文字LOGO在线生成: http://www.3dtextmaker.com/cgi-bin/3dtext.pl 在线制作logo,bannar的网站: http://www.crazystudy.com SAINT.Assess the Security of Computer Networks http://www.saintcorporation.com/saint/ Abacus.Intrusion Prevention System http://www.psionic.com/abacus/ Firewall Generator（在线生成简单的防火墙脚本） http://www.citadec.com/FirewallGenerator.html 身份证号码在线生成器 http://i972.net/~gen/ 在线字体图片生成 http://www.youmade.com/font/ 在线生成条码打印 http://www.makepic.com/barcode.php http://www.gzbonny.com/asp/barcode.asp 在线图形特效生成 http://www.chami.com/ 聊天工具在线状态生成器 http://www.onlinestatus.org/forum/usage.php 粉丝身份http://id.igogo8.com/ iGOGO8爱狗狗吧 - “狗话连篇”·发言顶帖有我个性 http://ghlp.igogo8.com/ghlp_more.html 制作印http://www.makepic.com/print.php 邮址图片生http://www.makepic.com/email.php 条形码生http://www.makepic.com/barcode.php Kiss学堂 颁发结业http://www.makepic.com/kiss/cert.php 生成头http://www.eoool.com/ImageDIY/DIYChooseImg.aspx? ImgSize=96x96x1 邮http://www.eoool.com/Sevice.aspx?TypeID=1 聊天图http://www.eoool.com/Sevice.aspx?TypeID=2 博客图http://www.eoool.com/Sevice.aspx?TypeID=3 网络书http://www.eoool.com/Sevice.aspx?TypeID=5 朋友http://www.eoool.com/Sevice.aspx?TypeID=4 qq空间彩色日记生成http://www.qchong.com/color.htm 在线生成http://www.qchong.com/plus/caizi.htm 路标在线http://atom.smasher.org/construction/ 自动生成变色文字的小http://www.qchong.com/plus/bianse.htm 制作msn卡通http://cartoon.msn.com.cn/Instruction.aspx?r=ax&from= 小孩用刀http://tools.fodey.com/generators/animated/ninjatext.asp 在线生成图片建筑物上http://www.imist.com/hi/101 在线生成饼http://bokstavskex.framtid.nu/agi.asp ASCII字符画http://mm.tpp8.com/ascii/Make.aspx 这个特别Kuso的在线生成器在线生成搞笑动画 http://www.glassgiant.com/wanted/

网页设计在初始要界定出网页的尺寸大小.就像绘画给出一块画版来.这样才能方便设计. 网页的尺寸受限于两个因素:一个是显示器屏幕.显示器现在种类很多,以17寸为主流, 正在朝19寸及宽屏的方向发展.但目前也有为数不少的15寸显示器.另一个是浏览器软件,就是我们常用的IE,遨游,Firefox等. 高度： 高度是可以向下延展的,所以一般对高度不限制. 对于一屏来说,一般没有一个固定值，因为每个人的浏览器的工具栏不同，我见过有的浏览器工具栏被插件占了半个屏幕，所以高度没有确切值。 宽度: 1、在IE6.0下，宽度为显示器分辨率减21，比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。 2、在Firefox下，宽度的分率辨减19。比如1024的宽度-19就变成1005 3、在Opear下，宽度的分率辨减23。比如1024的宽度-23就变成1001 注：Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。 所以如果是1024的分辨率，你的网页不如设成1000安全一点。设成900两侧空白更大,视觉上更舒服一点.也方便做一些浮动层的设计. 如果是800的分辨率一般都设成770。但也有设成760的. 这些需要明白并且牢记,不然很可能做出来不符合浏览器要求,不过一般我们都回设定的再稍微小一点,应为有些浏览器加了插件或者其他的东西宽度会有变化所以 800的分辨率一般设定760左右,1024的设定990左右. 网页设计标准尺寸: 1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。 2、1024*768下，网页宽度保持在1002以内，如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。 3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右 4、在PS里做的图到了网上就不一样了，颜色等等方面，因为WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广，所以自然会有失色的现象. 页面标准按800*600分辨率制作，实际尺寸为778*434px 页面长度原则上不超过3屏，宽度不超过1屏 每个标准页面为A4幅面大小，即8.5X11英寸 全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px 另外120*90，120*60也是小图标的标准尺寸 每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K 标准网页广告尺寸规格 一、120*120，这种广告规格适用于产品或新闻照片展示。 二、120*60，这种广告规格主要用于做LOGO使用。 三、120*90，主要应用于产品演示或大型LOGO。 四、125*125，这种规格适于表现照片效果的图像广告。 五、234*60，这种规格适用于框架或左右形式主页的广告链接。 六、392*72，主要用于有较多图片展示的广告条，用于页眉或页脚。 七、468*60，应用最为广泛的广告条尺寸，用于页眉或页脚。 八、88*31，主要用于网页链接，或网站小型LOGO。 广告形式 像素大小 最大尺寸 备注 BUTTON 120*60(必须用gif) 7K 215*50(必须用gif) 7K 通栏 760*100 25K 静态图片或减少运动效果 430*50 15K 超级通栏 760*100 to 760*200 共40K 静态图片或减少运动效果 巨幅广告 336*280 35K 585*120 竖边广告 130*300 25K 全屏广告 800*600 40K 必须为静态图片，FLASH格式 图文混排 各频道不同 15K 弹出窗口 400*300(尽量用gif) 40K BANNER 468*60(尽量用gif) 18K 悬停按钮 80*80(必须用gif) 7K 流媒体 300*200（可做不规则形状但尺寸不能超过300*200） 30K 播放时间 小于5秒60帧(1秒/12帧) 网页中的广告尺寸 1.首页右上，尺寸120*60 2.首页顶部通栏，尺寸468*60 3.首页顶部通栏，尺寸760*60 4.首页中部通栏，尺寸580*60 5.内页顶部通栏，尺寸468*60 6.内页顶部通栏，尺寸760*60 7.内页左上，尺寸150*60或300*300 8.下载地址页面，尺寸560*60或468*60 9.内页底部通栏，尺寸760*60 10.左漂浮，尺寸80*80或100*10

样式表就是<style>.img1{width:100px;height:50px;}</style><img src="图片路径" class="img1">行内样式是<img src="图片路径" style="width:100px;height:50px;">