导航:首页 > 万维百科 > 最漂亮的网站设计

最漂亮的网站设计

发布时间:2020-09-26 14:02:52

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、求一漂亮的设计网站

www.chengan.cn 已经非常有名了。估计你也知道吧.
这个网站的站长以前就是PCONLINE的主设计师.
你在网站上可以找到他的联系方式.

3、能否推荐几个界面好看的个人网页设计

68design.net(网页设计师联盟) 在里面导航栏找作品 或是找设计师,都能看到很多作品。其实还很多这种站,就不一一罗列了慢慢发现吧。

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

一、确定网站主题

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

二、搜集材料

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

三、规划网站

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

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

五、制作网页

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

六、上传测试

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

七、推广宣传

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

八、维护更新

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

5、网站风格怎样设计更美观

1. 研究品牌

首先,你需要对品牌展开研究,理解其含义,了解品牌背后的意义,与公司团队进行沟通,并了解公司的愿景、使命和价值观。为了保证你所编写的风格指南能够在视觉和情感上正确彰显出公司形象,一定要深入挖掘品牌。

作为一名设计师,如果你不会写代码,那么可以打开Photoshop,给文档拟定一个标题,并对文档的性质和用途进行一下简短的说明。

如果你会写代码,那么最好使用预编程的资源创建一个html文档,以便在后期直接使用。

2. 限定字体

根据Oliver Reichenstein的理论,Web设计中95%的工作量都集中在字体上。

字体的重要意义在于其是访客和网站之间最为关键的沟通工具之一。

确定层级次序并提供对应的说明。首先是标题样式:h1、h2、h3、h4、h5和h6。然后是正文文案:粗体和斜体等变化。考虑一下需要用于小型链接、简介文字等内容的自定义文案。提供字体系列、粗细和颜色等。

Style Guides by Zech Nelson

3. 调色板

人类能够感知不同的颜色并将色调与自己所熟知的品牌相互联系起来,神奇吧!举例来说,一提到可口可乐,你一定会首先想到红色。

首先在风格指南中设定网站内使用最多的主色调,主色应该包含不多于三种阴影。但是在有的情况下,你可能还需要使用二级甚至三级颜色来呈现用户界面,因此不要忘了对这些颜色进行设定。另外还需要加入白色、灰色和黑色等中性颜色以便让主品牌颜色更加突出。

Guest Center color palette by Chloe Park

4. 语言

这里所说的语言实际上就是指文案。如前所述,在开始编写风格指南之前你已经对品牌进行了研究,而且发现目标品牌的风格是年轻、潮流。那么如果没有现成的文案语言方向,你就需要进行设定。在这方面,你可以提供一个示例来表现语言必须既专业又有趣,同时还要热情。例如,你可以说“貌似你碰到了网上广为流传的404错误”来取代死气沉沉的“出现404错误”。这样的语言能表现出网站并不具有太强的商业气息。有时候亮点就隐藏于细微之处。

5. 图标

图形标记已有几千年的历史,在文字和语言出现之前就已经存在。在项目中善用图标能够让访客一眼就明白当前的情况以及下面将要出现什么情况。另外,恰当的图标相比色调、文案和图形更能够体现出目标内容的背景。在使用图标时,要想想目标受众是谁,他们的宗教和背景情况如何,切勿造成他们的误解。还要说的是,仔细思考品牌及其所代表的价值,千万别犯在大型银行网站上使用手绘风格图标这种错误。

Iconfinder 是帮助你寻找图标的最佳工具

NounProject 使用图标打造出了通俗易懂的视觉语言

6. 图片

图片比千言万语更有说服力。你所使用的图片一定要能够代表网站的风格和方向。再强调一遍,一定要仔细考虑品牌的价值和公司的使命。例如,某个有关水源慈善的网站使用极具冲击力且情感强烈的慈善类图片呼吁人们思考拥有水、食物、电力和教育等生活必需品是多么幸运。

可以免费获取图片的不错网站:10个值得设计师收藏的高清照片设计素材网站

7. 表单

表单是网站或web应用表现其交互和动态性,并让用户能够输入数据以便你后期处理并开展相关工作的关键所在。

务必要构建起一套层级体系并收纳一切可能来自表单的反馈——主动反馈、鼠标悬浮反馈并加入错误、警告和成功提示(包括密码强度太弱、邮件地址无效或简单的“邮件已发送”消息)。

8. 按钮

按钮是颜色、表单和语言的组合。你可以依靠上面介绍的且已经创建好的资源,使用不同的设计方案打造外观统一的功能性按钮。

9. 空间调整

空间调整为什么也要收录在风格指南里?实际上空间调整是风格指南当中非常重要的一个部分。在对空间调整方式进行界定时,可以采用规定网格布局的方式,也可以对标题、按钮、图片、表单等元素之间的空间距离进行分门别类的规定。

空间调整的重要意义在于其能够给各个元素提供更多的表现空间,空间使用的协调一致能够让网站看起来更加整齐、专业。

10. 注意事项

最后要说的是:把注意事项这一节做成常见问题解答的形式,展现出最常见的错误类型,并给出预期结果作为参考示例。

6、谁能给我推荐几个界面比较好看的网站,想要参加网页设计参考用的。

68design.net(网页设计师联盟) 在里面导航栏找作品 或是找设计师,都能看到很多作品。其实还很多这种站,就不一一罗列了慢慢发现吧。

7、什么样的网页设计最好看

如果从商业角度来看,能被客户欣赏接受的网站是最好看的;当然如果从个人角度来看,我更喜欢简洁干净的设计,风格偏向于极简化设计。所以,每个人的欣赏角度不一样,那结果自然不一样,况且设计并不是只追求好看,还得注重需求以及实用性。

8、网页设计原理:如何设计漂亮的网页

迈阿密大学的艺术科学学院网页通过细节的精心处理给人一种赏心悦目的视觉效果。最好的设计往往就是最简单的设计:一个中心思想,一幅图片,少量的文字,开放的空间。这种风格的设计清晰、漂亮,让人印象深刻。但真实的生活并不经常是如此的简单,更多的是杂事缠身。在设计一个项目时,往往需要将很多不同的信息同时放上去,一个都不能少,就象现在很多的网站一样,信息密集,显得非常拥挤复杂。 在本文中,我们将介绍迈阿密大学的艺术科学学院网站的版面,它之所以吸引我们的注意,是因为该网站虽然有很多信息,但却给我们留下美好的印象。该网站通过两个途径实现这种效果:一,它尽可能地减少各种元素,只保留最重要的部分(其实仍然是“简单的设计”思想在起作用),二,就是在处理各种细节时都经过精心处理。这种设计手法在技术上其实一点不难,让我们进去看看:主页虽然多达二十多个链接,但整体却显得温和,协调一致。结构: 网站的页面尺寸并没有走极端,不会太长,大多数页面上的内容不需要拖动就可以轻易浏览,是一种方便人们阅读的屏幕尺寸。每个页面由三个区域构成,每一个区域负责不同的信息,最上方及最下方的区域内容是固定的,改变的只是中间区域的内容。不同的颜色定义了不同的区域:白色区域是中心舞台,这个区域通过上方颜色较深的页眉与下方较浅的页脚而得到确定。固定内容的区域包含了各种最基本的元素:标志,链接,搜索等诸如此类的内容。中间白色区域的内容则是变化的,主要展示不同的事件信息、新闻简讯等内容。从下方示意图可以看出,这个页面结构相当紧凑,可以有效组织各种内容,比起那种需要拖动滚动条的页面更容易阅读。紧凑,是其中的关键。页眉:此外由两个色带构成:绿色及棕色。这两种颜色构成了一个简单坚实的页眉并统领着这个网站。标志及链接文字则反转成白色字体。为了柔和视觉效果,左方还使用了象是阳光照射所呈现的一个非常微弱的渐变面。 页眉右方远处有四个固定的链接,文字的颜色显得相当低调,但由于处于页眉的区域内,没有人会忽视它的存在。主链接:第一级链接处于页眉的标色色带区域内。链接的字体、颜色及阴影与上方的标志呼应,使两者之间产生视觉上的联系。 绿色及棕色当然是两种不同的颜色,但如果你将这两种颜色变成灰度显示,你可以发现他们的相同之处,其灰度色值是基本一样的,这个隐藏的共同点使两者在视觉上既有区别,又有联系。下图中,字母的间距比较宽松,与普通的字母间距相比,呈现一种轻松气息,也传达了一种从容及尊严。在屏幕显示时,字母间距较大也更容易阅读。次级链接: 当浏览者深入这个网站时,字体字母及颜色在细节上的变化都在暗示读者这是另外的一些信息。但字体及尺寸仍然与主链接相同。中心舞台:在页眉与页脚之间的白色区域是我们的中心区域,也是这个网站的视觉焦点所在。在每一个页面中的文章,都显得相当简短,而且象印刷的书本那样的文字排版,行距非常大,采用衬线字体,整个页面显得清爽而不窒息。其书本气息让人能够舒适阅读。页脚: 有效设计的页脚是可以发挥很大的作用的。不要将页脚想象成一条多出来的“尾巴”,而应该将它看作是一个支撑点,支撑着上述所有内容的一个区域。页脚区域中放置的也是一些固定不变的内容,如链接、联系信息及标志等。在设计中,层次感是非常重要的。上图左,如果将页眉与页脚设计成相同的份量,给人的感觉就象奥利奥夹心曲奇饼,它分散了读者的注意力,弱化了版面的力量感。相反,三个区域呈现层次感使到每个区域都能够正确承担起自己的任务。在脑海中一定要记住的是,读者的眼睛永远会集中在中心区域内,所以这里要放置最重要的信息。周围所放置是支持性的内容。字体:这个网页中,正文的字体全部采用Georgia字体,可以说是一种在屏幕上显示的最佳衬线字体,当样,Georgia作为印刷字体同样表现良好。中国设计者在使用英文字体时更多会采用默认的Times字体。 让我们看看Georgia字体与Times字体的区别,从这种区别中,也可以知道为什么在屏幕上显示时,Georgia字体会赢了这一回合。点击上图看大图字母的间距与字母形状一样重要, Georgia字体用于正文时,整体显得平滑、重复及具有节奏感。试比较以下两者的观看感觉。

9、网页设计有哪些好的网站

网页设计一般分为三种大类:功能型网页设计(服务网站&B/S软件用户端)、形象型网页设计(品牌形象站)、信息型网页设计(门户站)。设计网页的目的不同,应选择不同的网页策划与设计方案。
无论是什么样的网页设计常用的工具一般都是以下几个:PS、FL、DW、FW

与最漂亮的网站设计相关的知识