如何设计网页设计(网页设计制作)

如何设计网页设计,网页设计制作

内容导航：

如何设计一个好的网页

如何进行网页设计

网页设计制作详细流程

怎么设计网页

一、如何设计一个好的网页

一、确定网站主题
网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。
二、搜集材料
明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。
三、规划网站
一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。
四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool
3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。 五、制作网页
材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。
六、上传测试
网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。
七、推广宣传
网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
八、维护更新 网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者

二、如何进行网页设计

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

三、网页设计制作详细流程

分析如下：

1、首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。

2、下面选择这三个界面，代码、拆分、设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页。

3、下面我们来制作网站站点，在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。

4、然后再在站点根目录下建立一个专门储存网站图片的文件，并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件，不会丢失。注意文件命名要用英文。下面我用我建立的（篮球资讯网）来介绍，点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。

5、下面我们来制作这个网站首页，先学习添加图片。插入——图像——选择素材添加。点击图片，下面属性可以编辑修改图片大小，添加超链接等等。下面我修改图片大小做示范。

6、下面学习添加文本。编辑“篮球资讯网”，下面属性可以设置文本字体、添加超链接等等，点击页面属性，可以详细编辑文本属性。

7、网页基本就是文字和图片的组合，添加视频还需要学习者好好搜索Dreamweaver 的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。

8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本，点击页面下方属性——链接——点文件小按钮——选中第一个网页，这样篮球资讯网文本变成蓝色。这是网站内部链接，相反就有外部链接。添加如图，一定要写http://……就可以了。

9、最后我们浏览网页。左上角文件——在浏览器中浏览网页，点击网页中两个链接都能到达指定网页。

扩展资料：

网页设计

设计网站要注意两个要点：整体风格和色彩搭配。

风格

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

风格（Style）是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。

色彩搭配

无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。

网页配色小技巧：

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

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

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

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

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

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

参考资料：

四、怎么设计网页

答：要想做网页首先解制作网页工具Dreamweaver:网页三剑客专门制作网页工具自网页代码普通网页制作者首选工具界面简单实用功能比较强建议初者选用另外工具代码编辑工具例写字本、EditPlus等些工具主要编辑asp等态网页外些网络编程工具javascript、java编辑器等网页制作比较吃香行业要真做网站必须良设计功底所边缘性软件例photoshop、flash等型网站往往需要数据库支持所懂数据库sql、甲骨文等总掌握网页制作能独立完网站制作工作要考虑吃饭问题随便混网站设计八步骤由于目前所见即所类型工具越越使用越越便所制作网页已经变件轻松工作像前要手工编写行行源代码般初者经短暂习制作网页于认网页制作非简单匆匆忙忙制作自网站做与别比才发现自网站非粗糙呢言道:性急吃热豆腐建立网站像盖幢楼系统工程自特定工作流程遵循步骤按部班步步才能设计满意网站、确定网站主题网站主题建立网站所要包含主要内容网站必须要明确主题特别于网站能像综合网站做内容全包罗万象没能力没精力所必须要找准自兴趣内容做深、做透办自特色才能给用户留深刻印象网站主题定则要兴趣任何内容都主题要鲜明主题范围内内容做全、精深二、搜集材料明确网站主题要围绕主题始搜集材料言道:巧妇难米炊要想让自网站血肉能够吸引住用户要尽量搜集材料搜集材料越制作网站越容易材料既图书、报纸、光盘、媒体互联网搜集搜集材料粗取精伪存真作自制作网页素材三、规划网站网站设计功与否程度决定于设计者规划水平规划网站像设计师设计楼图纸设计才能建座漂亮楼房网站规划包含内容网站结构、栏目设置、网站风格、颜色搭配、版面布局、文字图片运用等制作网页前些面都考虑才能制作驾轻熟胸竹制作网页才能性、特色具吸引力何规划网站每项具体内容我面详细介绍四、选择合适制作工具尽管选择工具并影响设计网页坏款功能强、使用简单软件往往起事半功倍效网页制作涉及工具比较首先网页制作工具目前数网民选用都所见即所编辑工具其优秀者DreamweaverFrontpage初者Frontpage2000首选除外图片编辑工具Photoshop、Photoimpact等;画制作工具Flash、Cool3d、GifAnimator等;网页特效工具声色等网许面软件根据需要灵运用五、制作网页材料工具选面需要按照规划步步自想变现实复杂细致程定要按照先、先简单复杂进行制作所谓先说制作网页先结构设计再逐步完善结构设计所谓先简单复杂先设计简单内容再设计复杂内容便现问题修改制作网页要灵运用模板提高制作效率六、传测试网页制作完毕要发布Web服务器才能够让全世界朋友观看现传工具些网页制作工具本身带FTP功能利用些FTP工具便网站发布自申请主页存放服务器网站传要浏览器打自网站逐页逐链接进行测试发现问题及修改再传测试全部测试完毕网址告诉给朋友让浏览七、推广宣传网页做要断进行宣传才能让更朋友认识提高网站访问率知名度推广例搜索引擎注册、与别网站交换链接、加入广告链等八、维护更新网站要注意经维护更新内容保持内容新鲜要做放变断给补充新内容才能够吸引住浏览者