如何进行官方网页设计，怎么进行网页设计

创新互联公司专业为企业提供凤山网站建设、凤山做网站、凤山网站设计、凤山网站制作等企业网站建设、网页设计与制作、凤山企业网站模板建站服务，10余年凤山做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

尼泸西ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：13518219792（备注：SSL证书合作）期待与您的合作！

1，怎么进行网页设计

先学会网页三剑客！用PS做模版！用Dreamwear拼起来！构建网页书写后台代码！OK了！

学会PS,再用Dreamwear拼起来,然后构建网页书写后台代码

2，如何进行网页设计

　　设计网页是为建立一个个人网站吧，用它发表文章和图片，这很时尚，我介绍这个方案，使你多一个选择，通常我们总希望简单而又少花钱，我想告诉你，送个网站给你，对你也没用，——想少花钱，必须自己学会做其中的一些事情。即使比较有钱的单位，网站也应自己维护，不然这个网站将是一块很难改动的广告牌，没什么意义。 　　建立网站前，你必须学习一些道理，介绍你到《站长网》看看，那是一个网站站长聚集的网站，许多文章同建立网站有关，这个网站的域名是： http://www.admin5.com/ 　　建立一个网站，主要是三件事。1）申请一个域名，不要用免费的二级域名，花一元钱买个.cn域名，2）设计一个网站的全部网页，你要考虑以后经常修改它，维护它，不能依靠别人的，要方便，省事。3）安排好服务器（有人说是空间，那是将服务器设在别人的电脑里，我建议你自己安装服务器，不难做），技术是一方面，策划恐怕更重要，从一开始就要有目标，不能走到哪里是哪里，那样会走许多弯路。 　　当然技术也很重要，但是需要建立网站的人与专门搞建立网站技术的人是不一样的，所以不要听那些搞技术的人所指的道路，他们是要将你变成一个技术人员，你真的将目标锁定于网站技术了？冷静地想一想。 　　个人网站一般希望少花钱，但是一分钱不花恐怕办不到，因为即使申请一个最便宜的域名也要1元钱，我介绍的办法大约在三五十元可以达到目的，虽然免费的二级域名是免费的，但那东西建议你不要用，我是上过当了，网上也有什么免费的空间，同样也有这样那样的问题。 　　我自己也建立网站，用的是非常简单的技术，介绍你看一个小网站，（ http://www.di2w.cn/）其中介绍了《第二网络：老猫织网》这个简单软件，不用怎么学习，很快你就可以在基本不花什么钱的情况下建立一个属于自己的网站了，这个网站就是该软件的技术说明。 　　有人可能告诉你学习网页编写很简单，你应该问他一声，你学到现在花了多少时间，我认真地告诉你，普通人一年之中肯定很困难，许多自学者三年没有什么成就。十多年来，我看着这门技术发展得那么快，许多以前的技术全都更新了，这个专业的人，几乎这个月学的东西到下个月就要补充营养了，你要摆好自己的定位。除非你准备冲进去同他们共存亡。 　　我知道许多人同我一样，只是希望简单地用一下这个技术，建立一个自己的网站，因为互联网的主要精神就是开放的精神，我们不能总是读别人的东西，我们也要在这个领域中展现我们自己。不能将许许多多人排斥在互联网这个现代文明的门外。

3，如何进行网页设计

网页设计与平面设计的异同 设计传达的方式 传统的平面设计讲究页面构图、版式布局、空间表现等，而网页设计也适用这些要素。 网页设计与传统平面设计在视觉传达方面很大的相似点，但是在技术方面又是有很大的区别。 网页设计是传统平面设计的视觉传达效果运用和网路技术的结合，所以可以说网页设计综合了平面设计艺术和网路技术。 网页设计的重要特色就是动静结合，这点在平面设计裏是无法实现的。 处理的差别 传统平面设计的作品大多是以印刷的平面形式表现；而网页设计作品则是透过显示器表现，并且在传输的过程中受到网路频宽的限制。 普通印刷是按照色素的减法原理进行的，设计时的颜色模式为 CMYK ，而电脑的显示器的色彩原理则是以色光合成加法原理进行的，是 RGB 模式，使用同样的颜色，但是在不同的颜色模式下，显示的效果是会有色差的。 因为受到网路频宽的限制，网页设计中的图像处理也不同於平面设计，为了加快下载速度，在保持图像质量的前提下我们要尽可能的缩小其档案大小，而不像平面设计那样为了追求图像的质量而不管其文件大小。 作为一名合格的网页设计师，在处理网路图形时，应做到在保持图像清晰的前提下，尽可能缩小图片的档案大小。 网页的构图布局与平面构图布局有著很大的相似之处，但是因为技术的局限，网页构图远不如平面设计那样挥洒自如。 在平面设计中想把某一物件放置到某一位置的时候只需要简单的拖曳就可以完成。 但是在网页设计中想对某一物件进行定位的话就必须有 HTML 语言的支援才行。 所以在进行网页设计的时候，除了要有好的创意，还应该考虑到技术上的可行性。 网页的构图与传统的平面构图最大的区别就是技术的可行性。 在进行网页设计时必需时时提醒自己，所设计的作品最终会通过网路传输到用户端，经过下载，再用浏览器浏览，作品将受到频宽和显示器的限制。 而且，所有网页的后端语言都是以 HTML 为基础，辅以 JavaScript 或 VBScript 编写的程式，有些动态特效实现起来会有较大的难度。 所以，网页设计人员在构思创意时，要考虑到技术上是否能实现。 如果一味地追求视觉效果的创意，而忽略技术上的限制，顾此失彼，再好的构思也只好放弃。 ㄞ鄏b网页设计中实现的创意，对网页设计构图来说是毫无价值的。 功能的不同 传统平面的设计作品是以向人们传达某种资讯或诉求为目的。而网页设计网页的设计必须是配合网站的内容设计，而不是单纯地只为表现艺术而设计。 除了拥有平面设计作品的功能以外，还有重要的引导和连接功能，也就是网页具有很强的可操作性和互动性。 网页设计与传统的平面设计最大的区别就是网页的可操作性。 网页的可操作性是通过页面间的链结实现的。 所谓链结结构就是指网页页面间的相互链结关系。 选择适当的链结结构，对整个网站的各个页面设计将有很大的引导作用。 若链结的结构使用不良的话，会使得重要的资讯不能让访问者获取，这将违背了网站设计者的初衷。 在制作一个网站的时候会有一个名为 index.html 的页面，我们一般把它称为 “首页” 。 一般在浏览网站的时候，在浏览器的位址栏裏输入网址后，直接打开的就是档名为 index.html 的页面，它的作用就与书本的目录相同。 大家应该都有在书上找资料的经验，一般来说我们都会打开书的目录来查寻资料位置，以便较快找到资料。 同理，如果把我们的网站看成是一本书的话，那麼 “首页” 就是书的目录，它的作用就是使我们尽快的找到自己想找的资讯。 而很多人在设计网站的时候做出来的网站是很漂亮，但却让访问的人无从下手来进行浏览。 想从这个网站裏找到自己有兴趣的内容却怎麼也找不到，虽然说这个网站裏有这些内容，但就是找不到或者找起来很麻烦。 这就说明了引导性和可操作性的重要。

使用网页三剑客中的Dreamweaver就可以了，而且都不要编写代码，都是直接添加文字，添加图片。。超简单的就象使用Word一样简单！！！做出来的网页是属于静态的HTML的！！！只要你学AspPhp同样还可以用Dreamweaver写动态的程序呢。。。写完了以后就是发布网站了，请买个空间和域名就可以了，如果不会的话我教你呵呵！！！

现在的教育...那些老师都是小白，出的什么破题目。实际web项目开发中，策划、美工、前台程序、后台程序有明确分工。没人会让你这么做网页。上面的问题，你去网上搜个好看的HTML模板，自己想点内容放上去，复制几个页面，改改文字，换个名字加上连接就行了。

4，网页设计流程

网页设计的两大要点是：整体风格和色彩搭配。确定网站整体风格在这里，我提供给大家一些参考经验：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、数学标记语言、可缩放矢量图形的工具。

最低0.27元/天开通百度文库会员，可在文库查看完整内容>原发布者:sw41062440完整网页设计的步骤一、确定网站主题1、分析网站的功能，讲网站所有的功能再文档中体现2、分析网站的主题，选择符合网站主题的方案二、搜集材料1、通过和与网站相关人员的接触、交流确定网站需要的模块，并将这些模块再文档中体现2、收集相关图片、文字、视频等资料3、将图片、文字、视频等资料使用相应的软件进行编辑备用（必须做）4、对图片、文字、视频等资料分别分类整理5、例如：网站根文件夹下images文件夹存放网页界面图片（图片类型为jpg、jpeg、gif、png），pic文件夹存放照片素材，flash文件夹存放动画素材6、所有素材的文件名都必须是非中文字符，并且要做到看到文件名就知道是哪张图片三、规划网站 1、网站的结构（目录结构），首页名称（index.html）、子页面名称（1.html、2.html、3.html），以及其所在的目录等，必须再文档中体现（绘制目录地图）2、栏目的设置，栏目必须再文档中体现3、网站的风格4、颜色搭配（主色调和辅助色调以及点睛色的RGB值是多少，要再文档中体现）5、版面布局（例如：国字型、厂字型），结构要再文档中体现6、绘制首页界面图（草图）四、设计工具的选择1、photoshop＋dreamweaver＋flash2、firework＋dreamweaver＋flash3、其他工具或者直接编码五、制作网页1、在计算机的硬盘建立一个目录，作为存放网站的根目录，例如：E:\WWW目录。2、使用图象设计软件设计网页首页界面（根据首页界面草图）。注意：

每个地方都有网站建设公司先去网上搜一下，然后一家家的对比看公司办公环境及资质，是否正规看公司案例，是否真实，要记得验证看公司官方网站，自己官网都做不好的网络公司肯定不怎么样看团队人数。如果本地找不到好的可以考虑北上广深等大城市

5，怎样设计网页

一、设计的任务 　　设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。 　　网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类。 　　第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。 　　第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。然而就现状上来看，这类网站有粗制滥造的嫌疑。网页教学网 http://www.webjx.com 　　第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。 　　当然，这只是从整体上来看，具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点，那就是客户的要求，它也属于设计的任务。 　　明确了设计的任务之后，接下来要想的就是如何完成这个任务了。 　　二、设计的实现 　　设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制，这一部分可以在纸上完成。第二部分为网页的制作，这一过程是在计算机上完成的。 　　设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑，这里面有文字、图像乃至动画，我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。 除了要有一台配置不错的计算机外，软件也是必需的。不能简单地说一个软件的好坏，只要是设计者使用起来觉得方便而且能得心应手的，就可以称为好软件。当然，它应该能满足设计者的要求。笔者常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，这些都是很不错的软件。 接下来我们要做的就是通过软件的使用，将设计的蓝图变为现实，最终的集成一般是在Dreamweaver里完成的。虽然在草图上，我们定出了页面的大体轮廓，但是灵感一般都是在制作过程中产生的。设计作品一定要有创意，这是最基本的要求，没有创意的设计是失败的。在制作的过程中，我们会碰到许多问题，其中最敏感的莫过于页面的颜色了。网页教学网 http://www.webjx.com 　　三、色彩的运用 　　色彩是一种奇怪的东西，它是美丽而丰富的，它能唤起人类的心灵感知。一般来说，红色是火的颜色，热情、奔放;也是血的颜色，可以象征生命。黄色是明度最高的颜色，显得华丽、高贵、明快。绿色是大自然草木的颜色，意味着纯自然和生长，象征安宁和平与安全，如绿色食品。紫色是高贵的象征，有庄重感。白色能给人以纯洁与清白的感觉，表示和平与圣洁。 　　我们知道，颜色是光的折射产生的，红、黄、蓝是三原色，其它的色彩都可以用这三种色彩调和而成。换一种思路，我们可以用颜色的变化来表现光影效果，这无疑将使我们的作品更贴近现实。 　　色彩代表了不同的情感，有着不同的象征含义。这些象征含义是人们思想交流当中的一个复杂问题，它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。 　　单纯的颜色并没有实际的意义，和不同的颜色搭配，它所表现出来的效果也不同。比如绿色和金黄、淡白搭配，可以产生优雅，舒适的气氛。蓝色和白色混合，能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配则会给人带来暖意。设计的任务不同，配色方案也随之不同。考虑到网页的适应性，应尽量使用网页安全色。 　　但颜色的使用并没有一定的法则，如果一定要用某个法则去套，效果只会适得其反。经验上我们可先确定一种能表现主题的主体色，然后根据具体的需要，应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体，以达到和谐、悦目的视觉效果。 　　四、造型的组合 　　在网页设计中，我们主要通过视觉传达来表现主题。在视觉传达中，造型是很重要的一个元素。抛去是图还是文字的问题，画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里，是需要点、线、面的共同组合与搭配来构造整个页面的。 　　通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交*、节奏、韵律、归纳、变异、特写、反射等等，它们都有各自的特点。在设计中应根据具体情况，选择最适合的表现手法，这样有利于主题的表现。网页教学网 http://www.webjx.com 　　通过点、线、面的组合，可以突出页面上的重要元素，突出设计的主题，增强美感，让观者在感受美的过程中领会设计的主题，从而实现设计的任务。 　　造型的巧妙运用不仅能带来极大的美感，而且能较好地突出企业形象，而且能将网页上的各种元素有机的组织起来，它甚至还可以引导观者的视线。 　　五、设计的原则 　　设计是有原则的，无论使用何种手法对画面中的元素进行组合，都一定要遵循五个大的原则:统一、连贯、分割、对比及和谐。 　　统一，是指设计作品的整体性，一致性。设计作品的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。 　　连贯，是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应，并注意整个页面设计风格的一致性，实现视觉上和心理上的连贯，使整个页面设计的各个部分极为融洽，犹如一气呵成。网页教学网 http://www.webjx.com 　　分割，是指将页面分成若干小块，小块之间有视觉上的不同，这样可以使观者一目了然。在信息量很多时为使观者能够看清楚，就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲，分割也可以被视为对于页面内容的一种分类归纳。 　　对比就是通过矛盾和冲突，使设计更加富有生气。对比手法很多，例如:多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重，对比过强容易破坏美感，影响统一。 　　和谐是指整个页面符合美的法则，浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合，那么作品将不但没有“生命感”，而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。这是设计能否成功的关键。 　　六、网页的优化 　　在网页设计中，网页的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性，影响观者对网站的印象。 　　在资讯类网站中，文字是页面中最大的构成元素，因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的，通常我们将字体指定为宋体，大小指定为12px，颜色要视背景色而定，原则上以能看清且与整个页面搭配和谐为准。在白色的背景上，我们一般使用黑色，这样不易产生视觉疲劳，能保证浏览者较长时间地浏览网页。 　　图片是网页中的重要元素。图片的优化可以在保证浏览质量的前提下将其size降至最低，这样可以成倍地提高网页的下载速度。利用Photoshop6或Fireworks4可以将图片切成小块，分别进行优化。输出的格式可以为gif或jpeg，要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg，而把那种只有单纯色块的卡通画式的小块优化为gif，这是由这两种格式的特点决定的。网页教学网 http://www.webjx.com 　　表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候，我们将表格的边框设为0，以此来定位页面中的元素，或者籍此确定页面中各元素的相对位置。我们知道:浏览器在读取网页html原代码时，是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格，必须等大表格读完，才能将子表格一起显示出来。我们在访问一些站点时，等待多时无结果，按"停止"按钮却一下显示出页面就是这个原因。因此，我们在设计页面表格的时候，应该尽量避免将所有元素嵌套在一个表格里，而且表格嵌套层次尽量要少。在使用Dreamweaver制作网页时，会自动在每一个td内添加一个空字符“ ”。如果单元格内没有填充其它元素，这个空字符会保留，在指定td的宽度或高度后，可以在源代码内将其删去。 　　网页的适应性是很重要的，在不同的系统上，不同的分辨率下，不同的浏览器上，我们将会看到不同的结果，因此设计时要统筹考虑。一般我们在800*600下制作网页，最佳浏览效果也是在800*600分辨率下，在其它情况下只要保证基本一致，不出现较大问题即可。 　　说了这么多，只是希望能对做“网页设计”的人有所帮助，希望他们在做网页的时候能够从整体着眼，无愧于“设计”这两个字。

分享文章：如何进行官方网页设计，怎么进行网页设计
本文来源：http://shouzuofang.com/article/ehijis.html