网页设计图怎么做

1、怎么制作自己的网页？

★建设自己的网站较好的步骤☆

必须注意的是：建立自己的网站是一件浩大的工程，一般比较麻烦。所以应当按照一定的步骤一步步来。

我觉得建站可以按照以下步骤进行：
1、先在本地设一个文件夹，作为网站存储的地方。名字最好取“My Sites”。
2、在网站文件夹里面建立一些文件夹，包括“images”等（存储图片、文件等），并且按照网页内容，再建立几个文件夹。（也可以把存储图片、文件的文件夹在每个内容文件夹里面各搞一些）
3、打开你的网页编辑程序（例如FP、Dreamwear等），新建网页，保存为“index”（主页），重复以上步骤，在网站文件夹里面建立“search”（查找）、“map”（站点地图）、“index02”（网站简介等）。
4、按照上面步骤，再在网站分类文件夹里面建立许多网页（接着还要把内容输入网页）
5、已经做到了这么多，我们该准备内容了吧。在硬盘上面再建立一个文件夹“File”，把准备好的文档、图片、程式、文件和网页特效等放进去。（可以加入一些动态网页）
6、慢慢把这些文件一个不漏的放进网页里面（要掌握技巧）
7、把网站充实了，就差不多了。这时应该申请一个域名（免费空间、附费都可以）。并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。
8、把网站上传至空间里面，删了准备文件，就OK了！

不过也可以这样使用FP建站：

1、在FP里面选择新建站点。
2、然后在【导航】里面设置网页名称以及标题。
3、准备好文档、图片、程式、文件和网页特效等，把它们都充实进网站里面。
4、申请一个域名（免费空间、附费都可以）。并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。
5、把网站上传至空间里面，删了准备文件。完毕。

如果使用Dreamwear来建站，那就更加高级啦！Dreamwear的功能很强大，安装了它的朋友们可以研究研究。

2、怎样做网页设计

一、准备知识，包括学会使用各种网页制作的工具软件。

二、认真思考自己要做的网站内容及用途来确定制作网页的风格。但总体网页设计要遵循一些必要的隐性要求：

1.简洁性：能让浏览者一目了然，不使浏览者感到繁琐并且无法找到其所需内容。2.突出主题：一个没有主题的网页同样会使人失去浏览的兴趣。3.实用性：一个网页即使漂亮倘若对浏览者一无所用也无法吸人眼球。有一句话说：只有被需求才能生存。

三、搜集资料，比如网页中可能要用到的图片，文字及其它内容。善于使用搜索引擎如百度，谷歌，来查询自己所需的资料。
善于使用网络上已有的信息及内容，比如一些开源的代码等。（网络是一个大杂烩，各种信息鱼目混珠，各色人物鱼龙混杂，要学会辨别。）

四、关注自己所制作网页的内容与社会时代的相符性，及时更新网页版面。

五、将目光放长远，不断学习。如果你要学习网页建站代码的知识，你来这个群一起来学习。这个的第一组数字是431。第二组的数字是011，第三组的数字是879。就是这三组数字结合起来就可以进来学习了。每天都有网页代码建站的课程知识。如今互联网的发展极其神速，各种技术日新月异。只有不断的学习进步，才能跟得上时代的潮流，你的网站才能立于不败之地！

【学习网页建站需要掌握的软件】

1.DreamWeaver

自制动态HTML动画的网页

DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。
DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。

2.Fireworks

第一款彻底为Web制作者们设计的软件

Fireworks的来头实在不小，它的出现使Web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与dreamweaver的联系，可以直接生成dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及图片！

3.flash 、photoshop

flash是动画设计软件，photoshop是图片处理软件，这些图片设计处理软件也属于常用的网页制作软件。为了丰富网页的内容，增加网页美观性，网页制作中经常还需要应用各种图片，这些图片需要用专门的图像处理软件来设计。

学习Dreamweaver、flash、fireworks、ps等软件综合运用，让创意为用户服务，培养学员独立思考、创作的良好习惯和先进的设计理念，培养创新型网页设计师！

3、怎么做一个网页(网页设计作业)

jsp+美工+编程

当人们访问你的站点时,他们都会立即下意识地判断:这个站点怎么样？值不值的当回事儿？是否值的把他加入到我的bookmark中去，要知道，在网络信息的虚拟世界里，互联网提供了天下大同的机会，同时也让这个虚拟世界充斥着数不清的商业站点、垃圾站点，大多数站点缺乏灵魂、主旨，东一榔头西一棒子，松散、混乱，原因就在于缺乏策划设计。因此要想使你的网站从那些数不清的站点中脱颖而出，就必须对整个站点作好统筹安排，规划，对所有的内容进行细意斟酌，把所有的意念合情合理的组织起来设计一个合理的页面样式。下面我们就具体的来探讨一下网站策划设计.
一、 首先确定web站点的营销目标:
1）、市场调查阶段
了解一下目前internet的发展状况以及同类站点的发展、经营状况，吸取他们的长处，找出自己的优势，对市场作个调查，明确自己网站的主题，寻找一个好的出发点。
2）、你设想中的网站规模有多大？
作网站并不是盲目的想做多大就作多大，而要根据自身的现阶段能力，以及企业的规模大小，确定你的网站是小型、中型、大规模的网站，还是从小规模的开始，然后逐步发展。这主要的是关系到网站的后期维护以及网站的发展方向来考虑的。
3）、确定网站的类别，你希望网站有怎样的设计特色
根据主题、形式以及本身企业的特点，网站的设计也有不同的类别，大概可分为：以内容为主，设计为辅，注重速度这种大型的专业网站，它一般体现在专业的 icp，isp供应商制作的网站，在设计这类网站时不要太花哨，应注重信息量；第二种大多数企业为了更好的宣传自己的产品，扩大销路，使自己的产品走向世界，提高自己企业的形象而制作的网站，这种网站制作应结合本身产品特点而制作的特色网站，相对来说比较注重产品的营销；第三种是形象类的网站，一般这种网站相对体现在政府部门，作为对外一个窗口，相对来说这种网站设计比较严肃；第四种是个人主页网站，这种网站相对比较自由，不受什么约束，可以根据每个人自己的特长自由发挥。因此我们在制作主页时先明确自己的定位方向，设计出适合自己的站点。
4）、你的主要目标受众是谁？
根据网站的类别不同，目标受众也不一样，有工商业者、专业人士、学生；女性，男性；儿童，青少年，中年人，老人；还是所有的人，比如教育类的网站相对来说是目标受众是院校的老师和学生。化装类、护肤产品类的网站相对来说是女性等。
5）、确定整个网站的整体风格
其实，这个原则和传统的印刷出版物没什么区别。你网页上所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，都要统一风格，贯穿全站。这样子读者看起来舒服、顺畅，会对你的网站留下一个“很专业”的印象。
举个简单例子。如果你在列示一二三四若干条的情况下，在每条前面用黑圆点加强视觉效果，那么其他类似地方，也应该用保持同样的风格。色彩斑斓的站点，尤其要注意风格的统一。颜色可以变，不过字体、主体文本对齐风格、标题、背景效果以及特殊图像效果等等都应保持统一。
很多缺乏编辑、出版背景的网友，很容易忽视这点，特别是网页一多，更容易忘。
6）、你准备投入多少资金、如何经营这个网站？
对所作的网站大概的作个估价，需要多少资金，你准备投入多少资金来运营这个网站，假设网站制作好以后如何经营这个网站，是全部由自己来做，还是委托专业服务来做，自己定期指导，还是设定要求、目标完全由别人代劳。这是不可忽略的问题，如果一个网站前期作的再好，后期没人维护也是空的，就好比一条刚建好的街道，干干净净的，人们也比较喜欢来这里逛街，日久了，人走的人多了，垃圾多了这时没人来管里，这样垃圾越堆越多，走的人肯定也越来越少了。日久了也逐渐被人遗忘了。网站经营也是这个原理。
7）、根据目标框架整理出站点的内容框架以及逻辑结构图
①把目标细化以整理出站点内容框架
基本确定的目标，您就应该把目标细化，并初步整理出为达到这些目的，站点所需要包含的所有内容了。例如，站点应该发布什么信息，站点需要提供什么应用程序，等等。然后，你应该把初步定下的内容纲要写下来，交给上级或业务人员审核批准。这实际上就形成了站点设计的需求报告。在你的内容纲要里，还应该注明这些内容的信息来源，哪个部门应该提供哪方面的信息。把这些罗列下来，会使得上级以及各个相关部门清楚"谁应该为这些内容负责"。
②进一步整理出站点逻辑结构图
定下内容纲要后，你应该能够大致画出站点的结构图了。结构图也有很多种，顺序结构，网状结构，继承结构，WEB结构等，应依据你的内容而定。例如，如果你是在编一个教程，那么可能用表示顺序的流程图就比较合适。多数复杂的网站会综合应用到几种不同的结构图。画出结构图的目的，主要是便于有逻辑地组织站点和链接，同时，将来你会用这个图去分配工作和任务。例如:
你可以告诉某个开发人员，让他完成结构图中某个分支的内容；
你可以把这个图递交给业务人员，告诉他们哪些页面，需要他们进一步提供内容或资料；
你可以把结构图给专业美工看，让美工人员考虑以什么样的形式来表现你要表达的内容等等。
简而言之，这个框架图，将为你下一步进行工作分配，人员安排提供依据。
二、 网站制作过程中把握的几点
1）、重点信息放在突出醒目的位置，整个网站空间排序适当
一个网站很重要的就是标题，标题就像路牌一样，人家在你的网站上逛来逛去，全靠它指路了。给人的第一印象是否能够马上注意到标题，标题要意义清晰、描述性强，把最吸引人的地方放在突出显眼的位置，然后再慢慢展开。或者说，把你的独特内容包裹成一个悬念，吸引人家注意。读者看一篇文章，前三段注意力最集中，如果这“寸土寸金”的前三段用不好，人家就要和你拜拜喽！
留出可调整的位置，用于满足临时性或短期营销活动的宣传需要。如，福州电信局12月11日举办的“福建省首届信息网络展示会”展览，需要在网页中放在最突出的位置。这就需要调整原有的结构，既让新的内容有突出的体现，还要不至于淹没其他重点。
在每屏中的文字与图形的布局既要考虑到重点的突出，还要给人以和谐的感觉。不能让图形淹没文字，也不能图形太少而让人觉得单调。视觉的吸引和诱惑力是不能低估的。 文字内容和图片搭配要和谐。
2）、网页应该易懂，控制没个模块的信息量。 网页要易读、易懂。
网站设计最重要的诀窍，恐怕就是你的网页要易读。 花时间和心思来规划文字和背景颜色的搭配方案。勿使背景冲淡了文字的视觉效果。
这就意味着，你必须花点心思来规划文字与背景颜色的搭配方案。注意不要使背景的颜色冲淡了文字的视觉效果，别用花里胡哨的色彩组合，让人看起你的网页来很费劲。一般来说，浅色背景下的深色
这个原则也意味着，你最好别把文字的规格设得太小、也不能太大。文字太小，人家读起来难受；文字太大，或者文字视觉效果变化频繁，像是冲着人大喊大叫，看起来不舒服。
另外，最好让文本左对齐，而不是居中。按当代中文的阅读习惯，文本大都居左的。当然，标题一般应该居中，因为这符合读者的阅读习惯。
网页的内容最好能够开门见山，让浏览者在最短的时间内了解你的网页的内容。在内容上着笔尽量要细致，让人家能在最短的时间内，了解你想呈现给人家什么。给人家一幅清晰的画卷，别云山雾罩的。开门见山，直接了当。大家都知道，网友的耐心尤其少。你能提供的信息或许对他们有裨益，但如果要人家没完没了地翻下去才能找到，恐怕极少有人有这份耐心。
立体规划内容。将所有的结构按照一定的框架结构分别纳入不同的页面。
立体规划内容，将所有部分按一定的构架各就其位、分别纳入不同层次的页面。注意先要把最重要的内容放到首页上，其他的依次就绪。
然后，你就可以勾划页面蓝图、编HTML了。就文本内容的表现而言，记住尽量别让其一行文字的宽度，横跨整个屏幕。段落一多，这样子看起来很费劲，而且别人的浏览器还可能和你的差别很大。最好别超过屏幕宽度的一半。
文字的宽度，最好别超过屏幕宽度的一半。
3）、网页页面越小越好，最好别超过50k，尽量精简
上网的人追求的是速度。所以页面的大小是非常重要的，如果你的网站主要是为了提供消息内容，那么在最短的时间内呈现出来你的内容，别人会更加舒心的查看你的网站。
别使速度影响了你的效率，要知道，很多人是没有耐心的。网页的速度最好控制在十秒以内。或者更快。
有研究显示，如果一个网站页面的主体在15秒之内显现不出来，访客会很快失去对该站的兴趣。当然，也有例外，比如内容实在太精彩，人家不去不行。再像视觉艺术类站点，也不能以“快”为唯一设计标准。不过，即使这类站点，也该在加个导引页，给读者一个提示，别不理睬人家的心情。但是大多数网站还是以内容为主，大部分人感兴趣的还是信息量，追求的是速度。
要限定页面的大小，就得从各个角度考虑节省。最大的一头是图像，有的好东西，只得割爱了。想想看，在创意表达、品牌形象、挣钱几个目标之中，哪个最重要？
4）、网站导航要清晰，容易查找，
所有的超链接应清晰无误地向读者标识出来，所有导航性质的设置，像图像按钮，都要有清晰的标识，让人看得明白，千万别光顾视觉效果的热闹的，而让人家不知东西南北。 所有的导航条都要非常清晰明确的让浏览者看出来。
链接文本的颜色最好用约定俗成的：未访问的，蓝色；点击过的，紫色或栗色。如果你一定要别出心裁，链接的文本就要想着以什么方式加以突出，比如说加粗体？加字号？两侧加竖标？或者几者兼用。总之，文本链接一定要和页面的其他文字有所区分，给读者清楚的导向。
链接文字要重点突出；
清晰导航还要求：读者进入目的页的点击次数，不能超过三次。如果三次以上还找不到，人家可就没有耐心陪你玩了！
三、 网站推广
网上世界黑漆无边，你怎么让人家找到你？很多有些经验的网友知道这个问题的份量，不过对于一波一波兴奋上网的新手，他们脑中的概念大多是：“有了网站，自然有人来”。不怪他们，商家们的欺骗宣传太成功了，他们哪里知道，网上有数不清的网站像“无人区”一样死寂。因此我们在作好网站以后，后期的推广宣传工作也不可忽略，主要的可以从以下几个方面来宣传。
1）、传统媒体：广播、报纸、电视都是很好的方法。现在我们已经看到很多在传统媒体中的商家广告，就是以网址为广告内容的主体。同时，商家所有的印刷品，包括名片，都是宣传网址的良好介质。
2）、因特网本身的方法：诸如导航台、新闻组、电子邮件群组、图标广告、分类广告等等，都是宣传网址的好方法。提高你网站在导航站点的排名、Banner广告、有技巧得利用传统媒体、BBS、新闻组都是获取潜在用户注意力的手段。 充分利用网页的交互性，增强与客户之间的联系，及时得到客户的反馈信息，了解客户的需求，不断的改进网站，提高整个网站的信誉。

孙子曰：“夫未战而庙算胜者，得算多也；未战而庙算少者，得算少也。多算胜，少算不胜，而况无算乎？“这里的庙算就是我们讲的谋略，也就是今天所讲的策划。

策划是一种能力，是一种谋略，一种技巧，一种手段，一个计划，一次革命！

策划就是设计。人们称邓小平为“改革开放的总设计师”，实际上也就是对策划、策划实践的一次历史性确认。

真正的策划人是一个复合型人才，必须掌握：经济学、哲学、心理学、传播学、营销学、管理学等，以及具体的如战略、竞争、策略、计划、市场调查、市场渠道设计、品牌经营、企业规划，甚至人力资源以及整个国家和世界的动态和发展趋势。

4、网页效果图怎么制作？

　平面广告和网站页面设计的宗旨就是吸引眼球，符合平面视觉冲击特点，如何设计一款有特色、另类能吸引眼球的作品是摆在平面设计人员和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边框"下面新建一层，然后在其之上新建一层，放置沙漠图片，将其混合模式修改为"颜色"然后打开一开始制

5、网页设计这悬浮图怎么做？

页面设计的话只需要把背景透明度降低即可。网页前端的话通过css样式，将背景设置为图片，然后设置opacity:0.4，降低背景透明度，即可实现悬浮效果。0.4是透明度的意思，可以根据情况自行调整数值。

6、怎样制作简单的静态的网页设计

你好。首先下载Dreamweaver.exe并打开，选择你使用的编辑语言，本案例用html
打开页面后，选着设计窗口，如图所示。设计窗口可以快速布局网页，不需要自己编辑代码。

打开你要设计的网页的设计图，本经验是百度经验首页为例，首先我们制作顶上的搜索条，点击插入—表格（如图所示）。打开表格属性编辑表格属性。插入1行和5列，表格宽度为1130,（即为网页的宽度），边距，间距分别为0，此表格只是为了定位，因此不设边框。

设置好表格后，可在表格里面插入你的内容，首先我们插入logo,点击插入—图像—选择你要插入的图片。点确定即可完成logo插入。表格的小大高度都可根据设计图需要调整，鼠标移到表格边框虚线即可拖拉调整高度或宽度。如图所示

接下来我们来做搜索框，点击插入—表单—插入文本域—确定。插入文本框后可点击文本框调整文本框的属性。根据设计图，文本框上班还要添加内容，因此，可选择单元格右击选择表格—拆分单元格，此处是需要添加一行的内容，因此拆分为两行，如图所示。

用同样的办法拆分上面的行，因为要添加10个选择项，因此拆分为10列（右击选中的行—拆分单元格—10列—确定）。拆分好后在小格里面添加文字内容即可。表格大小可根据步骤四调整。

接下来我们做搜索按钮，同样根据设计图要把表格拆分为两行。点击插入插入按钮的图片。

接下来给按钮添加链接，本次经验分享的是静态网页，因此在此先跟大家分享怎么直接添加按钮链接。同样是点击插入—添加超级链接,填写你事先做好的页面链接，或者其他网站链接。

剩下的内容都可根据方法步奏逐渐添加，调节细节即可完成你想要设计的网页。如图所示是上面步奏所做的静态页面，把所有做好的网页用超级链接链接起来即可做成一个简单的网站

另外我们还可以采用front page。也可以很容易的实现。
望采纳。

7、网页设计图标怎么做

你指的是 上面的小红圈效果吧?

要点,将小红点父级CSS的position设置为relative;

将小红点本身的position设置为absolute,然后利用top和 right属性来调整位置.

示例代码:

<style type="text/css">

.box{background:#455996; padding:10px; height:20px;color:#eee;font-size: 12px;}

.box div{ float:left; line-height:20px;}

.bt{ background:#405287; padding:0 20px; margin:0 10px; position:relative;}

.bt span{ display:block; position:absolute; line-height:14px; width:14px; height:14px; background:#F00; top:-5px; right:-5px; text-align:center;}

</style>

<div  class="box">

 <div>欢迎你:欧阳XX</div>

 <div class="bt">消息<span>0</span></div>

 <div class="bt">注销</div>

</div>

8、网页图片怎么制作

照片是照出来的，手绘是画出来的，影视剧图片是截出来的，还有些图片是纯PS制作出来的，所谓网页图片可以包括基本所有的图片来源，制作是没法教的，只能说一般后期都经过PS处理罢了。