简单的网页设计步骤_网页制作步骤有哪些

1、怎么制作网页啊？我要最简洁的方法！

网站建设流程是什么样子的？一个网站的建设是需要吧很多细节结合在一起，只有把各步骤有序的完成，才能建成一个完整的网站，虽然建站的步骤很多，而且都是分开的部分，但是这些步骤会形成一个基本的流程，按照这个流程去做，就能完成建站，下面就给大家介绍一下，网站建设的基本流程是什么?
域名空间。一个网站的建设首先当然是选择一个好的域名，后缀一般都是选择.com和.cn的较多，.com是国际域名后缀，.cn是中国的域名，域名的主体一般和你的网站主题，或者企业的名称全拼来做域名的主体，如今互联网当中网站繁多，很多域名已经被注册，可以是全拼，可以是首字母，可以加地域或者数字，但是一定要有意义，让人容易记住。当域名购买完了之后，还要有个域名可以访问到的地方，这时候就要租一个虚拟主机的空间了，把域名与主机绑定，当访问域名时，就直接进入放在虚拟主机空间里的网站了。
规划设计
这时候就要着手规划想要的网站了，个人网站或者是企业站或是门户站，要有目的性，不同类型的网站设计业不一样，需要做一个合理的规划，想好需要实现的功能，想要的板式类型和主要的面对用户群，这都是网站初期要计划好的，这时候也要收集好素材，网站中需要的内容，文字，图片等信息的收集，都是在建站的时候需要的，做好准备。
制作建设
当做好准备的时候，就要开始建站了，建站主要分前台和后台，前台的就是网站的板式，根据网站类型，面向人群，来设计网站的版面，不宜太过杂乱，一定要简洁，保证用户体验，才能让访问者有好感。建设后台就较为复杂了，就要用程序整合前台，并且完成需要的功能，这个需要较为复杂的程序编写。
测试发布
当网站程序方面编写好的时候，就是个一个网站的雏形了，但这时候网站还是不完善的，需要进行测试评估，网站还是有很多不完善的地方，要从用户体验的角度多去观察，渐渐完善。当网站的问题都解决，没什么大的问题的时候，就可以把网站传到虚拟主机空间里，这是访问域名就可以正式访问网站了。
维护推广
网站虽然上线了，但是工作还没有完成，这时候网站也许还有没发现的漏洞等细节，在网站上线之后，还要继续完善网站的不足，维护主要针对于网站的服务器，网站安全和网站内容的维护。这时候站内的完成了，就要注重站外了，可以做seo优化或者百度推广，对网站进行推广，这是针对百度

2、网页制作步骤有哪些

第一步、在抄制作一袭个网页的时候，会用到代码，如果是自己会写的话就可以直接用记事本就能够做出网页了，如果要是不会写代码的话可以先在电脑里安装上的网页里制作，目前比较流行的网页制作软件有很多，最好的是Macromedia Dreamweaver这个软件是目前为止制作网页方便的软件中功能强大的，也可以安装其他的软件制作，最好是选择功能强大又方便的软件进行网页制作。
第二步、要在电脑中选择出一个盘来，这个盘用来新建一个存放的网页文件夹，但是这里要注意的是不要选择使用c盘，新建了一个文件夹以后，文件夹的名字是可以随便取的，因为只是存一下这个新建的网页，名字什么的不是特别的重要，然后完成了以后在存放的网页的文件夹里面再建立几个文件夹，方便后期的使用，可以建立图片文件夹，声音文件夹，视频文件夹，等等一些根据自己需要进行建立。
第三步、打开网页制作软件，新建一个站点，新建站点步骤按系统提示操作。新建主页、布局主页、制作导航栏、添加栏目，输入想要的内容。在制作子页，并与主页导航栏栏目链接。制作完成后打开主页进行一个全面的预览，有不好的地方进行修改完善。如果要想网页漂亮且有个性，就需要图像、动画等元素来装饰。

3、最简单的网页制作

　如何制作网页?如何做一个自己喜欢的网站呢?看到别人有自己的网站是不是有点羡慕呢?当然。比较复杂的网站就需要很多技术上面的知识咯。比如javascrpt、jquery、ajax、flash等等!这些都只是让网站的页面好看。使静态的网站变为动态的。那如何制作个简单的网页呢?那么先用Dreamweaver ，Frontpage做,然后细节用Homesite，Hotdog修改,图片用Photoshop动画用fireworks ，Adobe ImageReady ，Flash然后申请空间，域名，大多数都是收费的，最后用软件上传就成了。

在开始制作之前，我们先对这个页面进行一下分析。看看这个页面用到了哪些东西。

1.网页顶端的标题“我的主页”是一段文字。

2.网页中间是一幅图片。 □最下端的欢迎词是一段文字。

3.网页背景是一深紫红颜色。构思好这个网页的结构，我们就可以开始制作了。

1

解决方法与步骤：

1.首先启动Dreamweaver，确保你已经用站点管理器建立好了一个网站(根目录)。为了制作方便，请您事先打开资源管理器，把要使用的图片收集到网站目录images文件夹内。

2

2.然后在创建新项目下面点击HTML，下面常用到的有javascrpt，和CSS样式。

3.进入页面编辑设计视图状态。在一般情况下，编辑器默认左对齐，光标在左上角闪烁，光标位置就是插入点的位置。如果要想让文字居中插入，点属性面板居中按钮即可。启动中文输入法输入“我的主页”四个字。字小不要紧，我们可以对它进行设置。

2

4.使用插入栏：单击插入栏对象按钮>选按钮，弹出“选择图像源文件”对话框，其余操作同上。

5.使用面板组“资源”面板(如下图)：点按钮，展开根目录的图片文件夹，选定该文件，用鼠标拖动至工作区合适位置。

6.在图片右边空白处单击，回车换行。仍然按照上述方法，输入文字“欢迎您„„”然后，利用属性面板对文字进行设置。保存页面。一个简单的页面就这样编辑完毕了。

5

7.在页面编辑器中按F12预览网页效果。网站中的第一页，也就是首页，我们通常在存盘时取名为index.htm。

6

在很多时候，我们都需要html的静态页面代码，那么我们介绍一下静态页面的代码。

<html></html>：静态网页源代码首尾结构标记，代码内呈现网页所有内容

<body bgcolor>=背景色；</body>：网页主体部分

<title></title>：标签内显示出网页台头的标题名，用于<head></head>标签之内

<meta name=关键字 content=IT，教育，网络”>：设定搜索关键字

4、用html如何制作一个简单的网页代码？

1、首先，在计算机桌面上创建一个新文件夹，然后在该文件夹中创建一个新的文本文档。

2、然后双击打开带有记事本的文本文档，如下图所示，我们编写一个简单的html代码。

3、单击“另存为”的功能选项，显示默认保存为编码为ANSI。

4、我们将更改编码和文件名，将其更改为如图所示的图像并保存。

5、然后返回到新创建的文件夹，发现有一个额外的html文件。

6、最后，使用浏览器打开html文件，效果如图所示，简单的网页被成功编写。

5、描述网页设计的一般步骤

一、网站结构设计
网站结构设计包含网站栏目设计和网站模块设计以来确定网站提供服务的一种逻辑表现形式，也是网页之间的层次关系。
1.网站栏目能起到提纲挈领额作用
2.网站栏目具有清晰导航的功能
3.网站模块要做到顺序清晰且紧密结合

二、网站主题设计
网站主题设计实际就是网站视觉呈现风格的设计。网站的主题风格要能充分吸引用户的注意力，为用户提供愉快的访问体验。
1.设计能反映网站内容的logo,并且将logo放在网站的醒目位置。
2.网站的颜色要统一，要突出网站的主调色彩。
3.相同类型的图像要有相同的效果。
4.网站要有一句明晰的宣传标语。

三、网站布局类型
1. 国字型布局
这种布局类型分为上边栏、左边栏、中间内容区、右边栏和底部的页脚区域，其形状酷似一个“国”字。国字型结构是目前比较常用的一个网页布局结构，它适用于信息分类繁多、需要良好组织的网站。
2. T字型布局
这种布局类型由上边栏、左边栏、内容区、下边栏组成，其形状有点像一个英文字母写的“T”字。T字型结构网站目前在一些权威机构、企事业单位的公司网站出现得比较多。
3. 左右框架型布局
这类网站主要由左边栏和内容区组成，组成比较简洁，主要用于精彩内容的呈现，主要是很多个人站点、博客的首选。
4. 上下框架型布局
这类网站由上下边栏组成，上边栏用来放置logo和链接等信息，下边栏用来放置网页的内容。上下型网站经常用来进行个性化展示，在企业门户网站的公司展示中也比较常用。
5. 标题正文型布局
这类网站的布局结构由上边栏和内容区组成，上边栏用于显示文章的标题。主要用于显示文章的标题，内容区放置文章的内容，这类布局在一些论文、学术网站的设计中比较常用。
网站设计都不会单独使用以上列出的某一种布局结构，而是通过混合使用多种布局结构来实现自己想要的效果，这类布局通常称为“综合性布局”。

四、网站页面设计
网站页面是网站的最终表现形式。网站页面由页面内容的质量度和页面的美观度来决定。页面设计应该遵循的原则如下：
1.符合企业的行业属性和企业特点。客户打开网站能直观感受企业所传递的理念和特征。
2.符合用户的浏览习惯。根据网站内容的重要性进行排序，让用户花最短的时间能够找到自己需要的信息。
3.符合用户的使用习惯。将用户经常使用的功能放在网站的醒目位置。
4.图文搭配。
5.利于搜索引擎优化。减少图片和动画，多使用文字描述，以便于搜索引擎收录，让客户更容易找到你。格子网络解答。

6、网站设计的步骤

网页设计第一步是做整体框架规划，比如网站需要哪些项目，需要做一个整体的目录。类似下方图片。这一部分是最重要的，因为无框架不网站。

请点击输入图片描述

然后是开始网页设计了，首先是网页的logo和头部。这一部分的难点就在于你的logo要怎么排布，按照网页视觉设计的标准，是要做一条标准参考线的。所以logo的位置非常重要。

请点击输入图片描述

接下来是我们的导航栏，我这里做的是最简单的，只是做展示。你要设计的是导航栏各项目的位置，按钮形状等。如果有搜索，也需要考虑在其中。

请点击输入图片描述

第三部是设计网站的banner，也就是所谓的视觉区。视觉区一般是要图片，因为图片可以让用户打开网站第一眼就了解你网站的定位，从而决定要不要继续浏览。你要设计的是banner的尺寸，如果要做幻灯片的话，会如何变化。

请点击输入图片描述

接下来设计的是内容区，根据不同的内容设置不同的展现方式。例如简介的话可以是一张图片+一段文字，如果是产品介绍的话，可以是多张图片+简介。具体案例可以在网路上看别人设计的页面作为参考。

请点击输入图片描述

做好了主内容区，就剩下footer部分设计了。footer一般关系到网站的优化。footer部分包括的内容就根据不同的网页进行设计，例如展现你公司位置的地图，你想要体现的网站，甚至友链部分，都在这里。

请点击输入图片描述

最后是内链的形成。就是如果点击了你的某篇文章，会出现怎样的展现形式。所以一般一个网页设计是需要多个页面构成的。头部和底部保持不变，中间部分由ajax控制变化（这一点设计不需要懂）

当然，单纯静态页面很不好看。所以产品可能会要求做一些效果，例如悬浮窗，鼠标放上去后会实现动画效果等。对应的内容也需要网页设计进行制作。

请点击输入图片描述

如果有帮助的话，记得采纳哦！

7、网页设计流程是什么？

设计流程：

主题明确：

在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。

Web站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。

为了做到主题鲜明突出，要点明确，应该使配色和图片围绕预定的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。

充分利用已有信息，如客户手册．公共关系文档．技术手册和数据库等。

设计思路：

1、简洁实用：这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。

2、使用方便：同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美

3、整体性好：一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的。

4、网站形象突出：一个符合美的标准的网页是能够使网站的形象得到最大限度的提升的。页面用色协调，布局符合形式美的要求：布局有条理，充分利用美的形式，使网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。

5、交互式强：发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。这样的网页才算真正的美的设计。

版式设计：

网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处。

版式设计通过文字图形的空间组合，表达出和谐与美。

多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要求处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。

色彩作用：

色彩是艺术表现的要素之一。在网页设计中，设计师根据和谐、均衡和重点突出的原则，将不同的色彩进行组合．搭配来构成美丽的页面。根据色彩对人们心理的影响，合理地加以运用。如果企业有CIS（企业形象识别系统），应按照其中的VI进行色彩运用。

形式内容：

为了将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。

灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。

三维空间的构成：

网络上的三维空间是一个假想空间，这种空间关系需借助动静变化．图像的比例关系等空间因素表现出来。在页面中，图片、文字位置前后叠压，或页面位置变化所产生的视觉效果都各不相同。

通过图片、文字前后叠压所构成的空间层次不太适合网页设计，根据现有浏览器的特点，网页设计适合比较规范、简明的页面，尽管这种叠压排列能产生强节奏的空间层次，视觉效果强烈。

网页上常见的是页面上、下、左、右、中位置所产生的空间关系，以及疏密的位置关系所产生的空间层次，这两种位置关系使产生的空间层次富有弹性，同时也让人产生轻松或紧迫的心理感受。

虚拟现实：

人们已不满足于HTML（标准通用标记语言下的一个应用）编制的二维Web页面，三维世界的诱惑开始吸引更多的人，虚拟现实要在Web网上展示其迷人的风采，于是VRML语言出现了。

VRML是一种面向对象的语言，它类似Web超级链接所使用的HTML语言，也是一种基于文本的语言，并可以运行在多种平台之上，只不过能够更多地为虚拟现实环境服务。

多媒体：

网络资源的优势之一是多媒体功能。要吸引浏览者注意力，网页的内容可以用三维动画、FLASH等来表现。但要由于网络宽带的限制，在使用多媒体的形式表现网页的内容时不得不考虑客户端的传输速度。

便于使用：

如果人们看不懂或很难看懂您的网站，那么，他如何了解你的企业信息和服务项目呢？使用一些醒目的标题或文字来突出您的产品与服务。

并且即使您拥有最棒的产品，如果客户从您的网站上看不清楚您在介绍什么或不清楚如何受益的话，他们是不会喜欢您的网站的，这对于网页设计而言是失败的。

导向清晰：

网页设计中导航使用超文本链接或图片链接，使人们能够在您的网站上自由前进或后退，而不必让他们使用浏览器上的前进或后退。我们在所有的图片上使用“ALT”标识符注明图片名称或解释，以便那些不愿意自动加载图片的观众能够了解图片的含义。

快速下载时间：

很多的浏览者不会进入需要等待5分钟下载时间才能进入的网站，在互联网上30秒的等待时间与我们平常10分钟等待时间的感觉相同。因此，建议在网页设计中尽量避免使用过多的图片及体积过大的图片。主要页面的容量应确保普通浏览者页面等待时间不超过10秒。

非图形内容：

在必要时适当使用动态“Gif”图片，为减少动画容量，应用巧妙设计的Java动画可以用很小的容量使图形或文字产生动态的效果。但是，由于在互联网浏览的大多是一些寻找信息的人们，仍然建议您要确定您的网站将为他们提供的是有价值的内容，而不是过度的装饰。

反馈与沟通：

让客户明确您所能提供的产品或服务并让他们非常方便地订购是您获得成功的重要因素。如果客户在您的网站上产生了购买产品或服务的欲望，您是否能够让他们尽快实现吗？是在线还是离线？

因此，如果是产品或服务介绍网站，应该有留言、电话、在线咨询等功能或信息呈现。

在企业的Web站点上，要认真回复用户的电子邮件和传统的联系方式如信件．电话垂询和传真，做到有问必答。最好将用户的用意进行分类，如售前一般了解．售后服务等，由相关部门处理，使网站访问者感受到企业的真实存在并由此产生信任感。

测试改进：

测试实际上是模拟用户询问网站的过程，用以发现问题并改进网页设计。应该与用户共同安排网站测试。

内容更新：

企业Web站点建立后，要不断更新网页内容。站点信息的不断更新，让浏览者了解企业的发展动态和网上职务等，同时也会帮助企业建立良好的形象。

注意不要许诺你实现不了的东西，在你真正有能力处理回复之前，不要恳求用户输入信息或罗列一大堆自己不能及时答复的电话号码。如果要求访问者自愿提供其个人信息，应公布并认真履行个人隐私保承诺。

(7)简单的网页设计步骤扩展资料：

网页设计（web design，又称为Web UI design，WUI design，WUI），是根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。

作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。

网页设计一般分为三种大类：功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。

网页设计的工作目标，是通过使用更合理的颜色、字体、图片、样式进行页面设计美化，在功能限定的情况下，尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的视听感受。

网页设计主要以Adobe产品为主，常见的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代码工具，其他是图形图像和FL动画工具。还有最近几年Adobe新出的EdgeReflow、EdgeCode、Muse。

标题设计：

在设计网页标题时，应注意同时兼顾对用户的注意力，以及对搜索引擎检索的需要。这一原则在实际操作中可通过三个方面来体现，这三个方面也可以被认为是网页标题设计的一般规律：

1、网页标题不宜过短或者过长

一般来说6-10个汉字比较理想，最好不要超过30个汉字。网页标题字数过少可能包含不了有效关键词，字数过多不仅搜索引擎无法正确识别标题中的核心关键词，而且也让用户难以对网页标题（尤其是首页标题，代表了网站名称）形成深刻印象，也不便于其他网站链接。

2、网页标题应概括网页的核心内容

当用户通过搜索引擎检索时，在检索结果页面中的内容一般是网页标题（加链接）和网页摘要信息，要引起用户的关注，网页标题发挥了很大的作用。

如果网页标题和页面摘要信息有较大的相关性，摘要信息对网页标题将发挥进一步的补充作用，从而引起用户对该网页信息点击行为的发生（也就意味着搜索引擎推广发挥了作用）。

另外，当网页标题被其他网站或者本网站其他栏目/网页链接时，一个概括了网页核心内容的标题有助于用户判断是否点击该网页标题链接。

3、网页标题中应含有丰富的关键词

考虑到搜索引擎营销的特点，搜索引擎对网页标题中所包含的关键词具有较高的权重，尽量让网页标题中含有用户检索所使用的关键词。

以网站首页设计为例，一般来说首页标题就是网站的名称或者公司名称，但是考虑到有些名称中可能无法包含公司/网站的核心业务，也就是说没有核心关键词，这时通常采用“核心关键词+公司名/品排名”的方式来作为网站首页标题。

开头所列举的某网络营销服务商网站首页标题实例，其实也是采用这种方式来设计网页标题，只不过由于罗列了太多的“核心关键词”，反而没有了核心。

做美工看起来并不是一件容易的事情。首先，要对整个站点和企业有个大致的了解。例如：某些企业喜欢蓝色的主调，你不可能去做个红色的主调，这样完全违背客户的主要意愿，如果百度的标志改成五颜六色的，相信大家也不会认可的。

站长的职责是规划网站结构。同样也需要有一定的审美观。下面介绍了几款常用的绘图工具和基本知识。

参考资料：

网络-网页设计（网站技术）

8、制作一个简单的index.html网页

实现的方法和详细的操作步骤如下：

1、第一步，右键单击计算机桌面上的空白区域以创建一个新的“文本文档”，如下图所示，然后进入下一步。

2、其次，完成上述步骤后，输入要在新创建的文本文档中显示的内容，如下图所示，然后进入下一步。

3、接着，完成上述步骤后，返回桌面，将文本文档的名称和后缀更改为“
index.html”，如下图所示，然后进入下一步。

4、然后，完成上述步骤后，该文件的默认“打开方式”将成为浏览器，双击“index.html”文件，如下图所示，然后进入下一步。

5、最后，完成上述步骤后，就打开了刚创建的“index.html”文件了，如下图所示。这样，问题就解决了。

9、我想制作一个网页，请问需要哪几个步骤？

制作一个网页需要九个步骤。

1、准备内容

在域名注册查询网址之前就应该先搜集至少「一百页」的内容，这些内容必须是有价值的、不违反著作权的内容。

2、网址

想个比较有意义，好记的网址。

3、网页设计制作

在网站设计上，只要尽量简洁有力，让内容可以好好的呈现，就是一个成功的seo网站页面。页要尽量符合w3c的标准。

4、每页档案大小

每个网页尽量在15k以下，但是不能在5k以下，以免影响内容的完整。其搜索引擎最佳化的目的，实际上是为了使用者，而不是为了搜索引擎本身。

5、关键字密度

拿出关键字，在下列六个地方各使用一次。

6、内部链接

内部链接就是在同一网站域名下的内容页面之间的互相链接（自己网站的内容链接到自己网站的内部页面，也称之为站内链接）。

7、网站上线

最好不要用虚拟主机，若是能有自己的代管主机或者是固定ip位置就最好了。

8、纪录与追踪

申请一个不错的网页计数器。

9、程序设计

网站设计包括前台用户视觉体验的设计和后台程序功能设计，两个方面都是非常重要的；视觉设计对于客户的阅读带来愉悦和信任，后台注重操作的方便行。

(9)简单的网页设计步骤扩展资料：

注意事项

1、导航菜单使用图片、flash

导航菜单使用图片、flash当然比纯文本来得好看一些，但是搜索引擎并不认识你的图片和flash。如果你非要使用漂亮的图片来做导航的话，可以使用背景替换的方法。建议做一个导航菜单链接的xml文提交到搜索引擎。

2、不恰当地使用图片

为了网页美观，经常会到处贴满图片，这样做是不正确的，与内容无关的图片能少就少吧。我们可以把这些图片做成容器的背景。

3、内容里特殊字体的运用

楷体很漂亮，草书也不逊色于宋体。但是不是所有人的电脑都安装有这些字体。如果使用这些特殊字体的话，在别人的电脑里看到的网页将会是不堪入目。

10、网页设计流程

网页设计的两大要点是：整体风格和色彩搭配。

确定网站整体风格

在这里，我提供给大家一些参考经验：

1．将你的标志logo，尽可能的放在每个页面上最突出的位置。

2．突出你的标准色彩。

3．总结一句能反映贵站精髓的宣传标语！

4．相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！

网站的整体风格及其创意设计是最难以学习的，难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。

R、G、B就是Red、Green、Blue（红，绿，蓝）三种颜色，RGB模式就是由这三种颜色为基色进行叠加而模拟出大自然色彩的色彩组合模式。我们日常用的彩色电脑显示器、彩色电视机等的色彩都使用这种模式。

1、矢量图

矢量图又叫做向量图，是用一系列计算机指令来描述和记录一幅图，一幅图可以解为一系列由点、线、面等到组成的子图，它所记录的是对象的几何形状、线条粗细和色彩等。生成的矢量图文件存储量很小，特别适用于文字设计、图案设计、版式设计、标志设计、计算机辅助设计（CAD）、工艺美术设计、插图等。矢量图只能表示有规律的线条组成的图形，如工程图、三维造型或艺术字等；常见的矢量图处理软件有CoreIDRAW、AutoCAD、Illustrator和FreeHand等。

2、位图

位图又叫点阵图或像素图，计算机屏幕上的图你是由屏幕上的发光点（即像素）构成的，每个点用二进制数据来描述其颜色与亮度等信息，这些点是离散的，类似于点阵。位图在放大到一定限度时会发现它是由一个个小方格组成的，这些小方格被称为像素点，一个像素是图像中最小的图像元素。也就是我们俗称的马赛克。

bmp：是未经过压缩的用点阵来表示的真彩图片,占用磁盘空间较大

gif：是经过压缩的,只能表示256种颜色,占用磁盘空间小,常用来演示色彩单一的成块的卡通图案,GIF还有一种可以表示连续的动画。

png：是fireworks的图片格式

jpg：也称为jpeg,是有损压缩格式但是它表示的颜色比较丰富,一般用来显示真彩的照片或图案。

作为设计者和客户（这里指各站长），如果事先没有明文协议的话设计者有权不提供源文件。

VI是Visual Identity的缩写，中文译为“企业视觉识别”。VI是CI计划的静态识别符号，是企业理念视觉化传达的载体，因此它项目最多，效果最为直接。VI作为视觉识别，它是外在表现，固然需要具有美感，但VI必须是MI的体现，直接反映企业的理念。因此VI设计包含这样一些原则：即充分传达企业理念、人性原则、民族性原则、简洁抽象及动态原则、员工参与原则、法律原则、艺术性原则和个性原则。

CI是Corporate Identity的缩写，中文译为“企业形象”。CI计划，是指企业有目的、有计划、战略性地创造出所希望的自身形象，由此提高企业的社会知名度，最终得到自己最适合的经营环境。

而logo只是网站或企业一个标志。

网页色彩搭配

1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。

2．用两种色彩。先选定一种色彩，然后选择它的对比色。

3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

在网页配色中，还要切记一些误区：

1．不要将所有颜色都用到，尽量控制在三至五种色彩以内。

2．背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。

网页设计工具

图像处理设计：

adobe PhotoShop（外语简称：PS、其程序图标便是它的外语简称）是一个由Adobe Systems开发和发行的图像处理软件。 Adobe Photoshop有两个发行版本：标准版Adobe Photoshop和扩展版Adobe Photoshop Extended，扩展版除包含标准版所有功能之外，还增加了3D处理功能、动画图形编辑功能和高级图像分析功能。 Adobe只支持Windows操作系统和Mac OS操作系统版本的Photoshop ，但Linux操作系统用户可以通过使用Wine来运行Photoshop CS6。

Fireworks，跟Photoshop一样都是图像处理软件，但Fireworks偏向于对网页的处理。

StylePix（单位：Hornil）跟PhotoShop一样都是图象处理软件，可以处理光栅及矢量图形。

动画设计：

Adobe Flash，前称Macromedia Flash，外语简称Flash，前身FutureSplash，既指Adobe Flash Professional多媒体创作程序，也指Adobe Flash Player。

网页代码编辑器：

Adobe Dreamweave（前称Macromedia Dreamweaver）用于编辑HTML、ASP、JSP、PHP、CSS、XML、JS的页面制作工具；是Adobe公司的著名网站开发工具。它使用所见即所得的接口，亦有HTML编辑的功能。有支持Mac和Windows两个系统的版本。

Amaya（单位：万维网联盟）用于编辑HTML、CSS、数学标记语言、可缩放矢量图形的工具。

导航:首页 > 万维百科 > 简单的网页设计步骤

简单的网页设计步骤

与简单的网页设计步骤相关的知识