网页设计图清晰

1、怎样制作高清网页图片

要想学做网页，首先得了解制作网页的工具。

制作网页主要有以下一些工具

Frontpage：office自带的一个工具，操作简单，实用，学起来比较轻松，功能不咋地，我不太喜欢。

Dreamweaver：这是网页三剑客之一，专门制作网页的工具，可以自动将网页生成代码，是普通网页制作者的首选工具，界面简单，实用功能比较强大。建议初学者选用。

另外一个工具就是代码编辑工具，例如写字本、EditPlus等，这些工具主要编辑asp等动态网页。

此外还有一些网络编程工具，javascript、java编辑器等。

网页制作也是一个比较吃香的行业，要真正做一个好的网站，还必须有良好的设计功底。所以还得学很多边缘性的软件，例如photoshop、flash等。

大型的网站往往还需要数据库的支持，所以还得懂数据库。sql、甲骨文等。

总之，掌握好网页制作，能独立完成一个网站的制作工作，那就不要考虑吃饭问题。随便混就好了！

网站设计八步骤

由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

三、规划网站

一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。 四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。

五、制作网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

六、上传测试

网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

七、推广宣传

网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新

网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者。

网页制作教程:
FONTRPAGE的
http://www.cqzxzx.cn/it/hongen/pc/jc-down/homepage/fp2k.zip

dreamweaver的
http://www.cqzxzx.cn/it/hongen/pc/jc-down/homepage/dreamweaver.zip

要是在网上的话,你最好去一些论坛,你可以查一下,很多的

2、网站如何用什么代码把图片缩小变成清晰。

你是指网来页网页设计制作吗？
两种自方法：
一是用PS等制图软件把图片本身尺寸缩小 。
二是在网页设计软件里修改。我不知道你用的什么软件，
Dreamweaver里是<img wideth="" highth=""></img>
也可以再设计页面直接鼠标拖动。 不知道你用的什么软件。

3、网页图片显示的时候由模糊渐渐的变清晰，是用的什么效果呢

图片缓冲技术 Dreamweaver中有

4、网页设计的首图高清图片都在那个网站上找啊？可以告诉我几个网站吗？

对于第一个问题：
一、自己设计。
二、素材网站、站长素材网站，可以百 度。提供免费素材。
三、昵图、红 动 中国、中国 设计 网等设计类网站。选择别人的创意要购买。
四、猪八戒、一品 威 客、等威客平台发布设计任务；付费让别人设计。
五、提供桌面图下载的网站，一般桌面的图比较大，精度够高，使用起来能满足要求。
第二个问题。
网页设计的宽度根据你的表达效果和页面设计的整体比例来确定。一般将导航下面的首图尺寸和网页正文的尺寸分开来，让图片能满足于全屏幕的展示，取得良好的视觉效果。
以前浏览器小，用980为常态，后来一般比例用1024-1280的比较多。现在可以使用更宽，例如1680、1920以上等都可以，目的是为了适应主流浏览器的分辨率，使网页得到很好的展示效果。
有时候也可以将首图写在背景中，兼容性更好。
目前由于各种屏幕较多，特别是手机访问的也很多。不使用固定尺寸，使用百分比，更能适应不同屏幕。但要注意整体细节的配合，免得局部尺寸的变化导致页面变形。
现在流行的自适应布局就是考虑到各种屏幕大小或者放缩页面的时候，都能有完美的展现。

5、用photoshop设计网页首页时，设置多少精度出来的网页图片精度高？

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

6、怎样使网页图片上的文字清晰

你好啊！
我也是制作网页的建议你先保存格式为jpg然后在fireworks软件里专保存为png格式属
fireworks是网页专用图形制作软件
因为图象分为位图和矢量图 位图放大会有马赛格
软件在这里能下载的到
http://www.onlinedown.net/soft/9864.htm
你只要把图片啊导入这个软件里后在保存 在保存的格式里选择 png格式

7、网页设计切图时，怎样保存图片（图片既清晰所站空间又小）？

用“切片工具”将图片按想要的切好，如图：

然后使用“储存为Web所用格式“，如图：

调整”品质“然后储存！

8、在photoshop做好的图片在网页上不清晰怎么办？

1.有些网站为了节约空间容量，使用插件对上传的图片进行压缩，让图片体积更小，内也意味着图片质量容下降，导致图片模糊；
2.如果网页上有不同尺寸的相片，上传的尺寸小于网页上的，出来也会失真模糊；
3.网页上的图片，越放大的话越模糊，是因为这些都是像素格式的类型总的像素是不变的,所以同等面积像素数量不变,放大以后像素数量不变,而面积变大了自然就不清楚了。如果想做到放大缩小显示效果一样,就必须使用矢量格式才可以做到。
4、储存的时候建议用储存为Web各式所用这个方式储存，优点是图片质量保存得很好，大小压缩也很好，总的来说是储存时候优化比较精细。如直接用储存的方式保存的图片，画质损失了而且图片还比较大，可以去测试下。

9、怎样能让ps制作出来的网页图片更清晰？

LOGO还是一种早期的计算机编程语言，也是一种与自然语言非常接近的编程语言。

dreamweaver是用来建立内web站点和应用程序的专业工容具。

PS是一款专业的图像处理软件，在制作网页的时候，可以使用PS和dreamweaver，会使网页更加完美。

10、设计做的72分辨率首页图很清楚，但是别人切图之后放到网页就不清晰了，一般问题会出在哪个环节？

问题原因比较多，
1、比如切图的时候文件保存的是gif格式，而一般我们是以RGB格式设计的，回导成gif格式会使图答片失真；
2、设计细节的时候要精确到1px，就是线条要足够清晰，不要安装自己的感觉伸缩，觉得差不多就这样了，其实有时候目测的时候看不出什么问题，但是切图的时候小细节问题多了，累积起来就容易看出问题了
3、切图的时候导入的图片没有设置该图片的原有尺寸，有的浏览器不会有什么问题，有的浏览器就会进行拉伸导致图片变形或者模糊
4、切图的时候导出的图片品质没有调到最佳，使得图片不够清晰

最终原因我上面也只是猜测，我也看不到你的页面到底是何种模糊状态，也不好下准确的判断