导航:首页 > 万维百科 > 网站设计首页

网站设计首页

发布时间:2020-07-24 02:05:14

1、如何去设计一个网站首页?

首页是一个网站主要的访问页面,因此网站首页的重要性显而易见。对于网站来说,有一个让人心动的首页能让访客对网站产生好的印象,增加访客再次浏览网站的可能性。那么网站要怎样设计才能令人心动呢?
网站首页的组成包括图片、视频、文字以及将三种合理的组合在一起,网站首页的主题,就应该以用户为本,记住网站价值不在于你是做什么的销售什么的,而是你能为用户做些什么。虽然二者之间没有什么区别,但是,同样的话用不同的方式去表达,差别是很大的。如果网站首页设计以客户为本,那么,就会让用户有一种宾至如归的感觉。用户体验就会好。

2、网页设计好的网站第一屏怎么设计

主要从以下几个方面入手。
1、整体网站构架避免用“排比式”
第一屏抓住眼球之后,一般人会先浏览一下整体网站,往下拖动,看看网站大体讲了些什么。虽然底下一片面积比较大,但是千万要要避免的是网站板块的平铺直叙。“排比式”的版块结构是很容易造成疲劳的,因为它让眼睛无从落地。
因此,虽然第一屏以下面积比较宽广,也要做到有主有次,有层次感。一般越左上展示越重要的信息, 越右下展示越次要的信息。这样,用户就能一下子找到需要的东西进行二次点击。
2、第一屏要狠抓眼球
一般网站都不能一屏就展示完,而且一屏就展示完的网站给人过于单薄的印象。这第一屏对于网站的现 象起着第一印象的作用,所以必须第一时间抓住访客的注意力。
首先,第一屏要杜绝密集。不要以为第一屏就要以大量的信息轰炸用户的眼球,这样会把用户轰走的。第一屏尽量不要出现以下东西:a.成段文字;b.文字列表;c.三种以上色彩;d.下拉框。
实际上,第一屏必要的元素就四个:logo、搜索框、导航条和大主题。有了这四样东西,其它的可以酌 情加入,总体的原则就是简洁大方,以诱导点击为导向,不要展示过多实用性信息,尤其字不要太多,这是网站设计的趋势。
3、用图片诱导点击
注意力经济,能够吸引注意力才有机会生存下来,因此图片的意义显得尤为重大。就算是虎嗅网这种以 深度评论文章为主的网站,也会精心挑选图片来增强网站视觉效果,“无图无真相”是互联网上很扫兴的一句话。
因此,建议增加整体网站的图片比例,大图小图结合使用,尤其是小图的使用,对加载速度等技术层面的问题干扰不大,而且让网站看起来更有诱惑力。“小图+标题”的列表形式出现在首页会是非常有点击诱惑的一道风景。
4、让首页标题再“标题党”一些
一把首页上面标题所占的比例较大,成段的文字很少。能够出现在首页上的标题是有限的,所以,这些 不要让这些标题占着茅坑不拉屎,不要出现平庸无聊的标题,否则整体页面的“被点率”就会降低,抵 达内页的访客减少,自然PV量、停留时间等用户指标就会下降。
因此,首页的标题要进行精心设计。到目前为止,以关键词布局为导向的标题不建议大量使用,反而诱导性的标题应该占有大比例。首页标题最大的贡献应该是使首页整体形象鲜活有趣,突出品牌特点,而不是呆呆地布局关键词。
5、让文字排版苗条一些
如果你的访客有幸能够深入到文章页,那是可喜可贺的,但也是压力山大的,因为详情页的停留时间对 SEO效果的影响更大,一般详情页的停留时间应该是最长的。
因此,详情页的文字排版不要让人一看就想跑。让人一看就失去信心的往往是无小标题、大段文字、文 字过小、文字过长这些基本的错误,所以,给文章减肥很有必要。减肥方法就是针对这些基本错误进行改进,大小标题镶嵌其中、多分段、字号14以上。至于篇幅的长短,就看内容质量怎么样了。
另外,建议文章页多穿插几张图片,图文混排是网文的基本要求。
6、网站互动不要太热情
最让人抓狂的销售往往有两种:一种是音量大的,另一种是话太多的,这两种销售都是“强暴型”的销售,是很难征服顾客的。网站的人工客服或者机器人客服就相当于网站的销售,最好不要太主动。互联 网的性质,更强调以用户为主导,看完了,不懂的并且有需要的都由用户发起询问需求。
所以,只要保证你的客服随时在容易看到的地方待命就可以,不要老是愣头青一样地死命弹出、整屏来回悬浮。其实,弹出和悬浮这两个东西已经可以放弃不用了。

3、一个网站的主页的整体设计包括哪些工作

首先,我们要弄清楚网页设计的任务。

一、设计的任务

设计是一种审美活动,成功的设计作品一般都很艺术化。但艺术只是设计的手段,而并非设计的任务。设计的任务是要实现设计者的意图,而并非创造美。
网页设计的任务,是指设计者要表现的主题和要实现的功能。站点的性质不同,设计的任务也不同。从形式上,可以将站点分为以下三类。
第一类是资讯类站点,像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息,而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。
第二类是资讯和形象相结合的网站,像一些较大的公司、国内的高校等。这类网站在设计上要求较高,既要保证资讯类网站的上述要求,同时又要突出企业、单位的形象。然而就现状上来看,这类网站有粗制滥造的嫌疑。
第三类则是形象类网站,比如一些中小型的公司或单位。这类网站一般较小,有的则有几页,需要实现的功能也较为简单,网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。
当然,这只是从整体上来看,具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点,那就是客户的要求,它也属于设计的任务。
明确了设计的任务之后,接下来要想的就是如何完成这个任务了。

二、设计的实现

设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制,这一部分可以在纸上完成。第二部分为网页的制作,这一过程是在计算机上完成的。
设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑,这里面有文字、图像乃至动画,我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。 除了要有一台配置不错的计算机外,软件也是必需的。不能简单地说一个软件的好坏,只要是设计者使用起来觉得方便而且能得心应手的,就可以称为好软件。当然,它应该能满足设计者的要求。笔者常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready,这些都是很不错的软件。 接下来我们要做的就是通过软件的使用,将设计的蓝图变为现实,最终的集成一般是在Dreamweaver里完成的。虽然在草图上,我们定出了页面的大体轮廓,但是灵感一般都是在制作过程中产生的。设计作品一定要有创意,这是最基本的要求,没有创意的设计是失败的。在制作的过程中,我们会碰到许多问题,其中最敏感的莫过于页面的颜色了。

三、色彩的运用

色彩是一种奇怪的东西,它是美丽而丰富的,它能唤起人类的心灵感知。一般来说,红色是火的颜色,热情、奔放;也是血的颜色,可以象征生命。黄色是明度最高的颜色,显得华丽、高贵、明快。绿色是大自然草木的颜色,意味着纯自然和生长,象征安宁和平与安全,如绿色食品。紫色是高贵的象征,有庄重感。白色能给人以纯洁与清白的感觉,表示和平与圣洁。
我们知道,颜色是光的折射产生的,红、黄、蓝是三原色,其它的色彩都可以用这三种色彩调和而成。换一种思路,我们可以用颜色的变化来表现光影效果,这无疑将使我们的作品更贴近现实。
色彩代表了不同的情感,有着不同的象征含义。这些象征含义是人们思想交流当中的一个复杂问题,它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。
单纯的颜色并没有实际的意义,和不同的颜色搭配,它所表现出来的效果也不同。比如绿色和金黄、淡白搭配,可以产生优雅,舒适的气氛。蓝色和白色混合,能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配则会给人带来暖意。设计的任务不同,配色方案也随之不同。考虑到网页的适应性,应尽量使用网页安全色。
但颜色的使用并没有一定的法则,如果一定要用某个法则去套,效果只会适得其反。经验上我们可先确定一种能表现主题的主体色,然后根据具体的需要,应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体,以达到和谐、悦目的视觉效果。

四、造型的组合

在网页设计中,我们主要通过视觉传达来表现主题。在视觉传达中,造型是很重要的一个元素。抛去是图还是文字的问题,画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里,是需要点、线、面的共同组合与搭配来构造整个页面的。
通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交*、节奏、韵律、归纳、变异、特写、反射等等,它们都有各自的特点。在设计中应根据具体情况,选择最适合的表现手法,这样有利于主题的表现。
通过点、线、面的组合,可以突出页面上的重要元素,突出设计的主题,增强美感,让观者在感受美的过程中领会设计的主题,从而实现设计的任务。
造型的巧妙运用不仅能带来极大的美感,而且能较好地突出企业形象,而且能将网页上的各种元素有机的组织起来,它甚至还可以引导观者的视线。

五、设计的原则

设计是有原则的,无论使用何种手法对画面中的元素进行组合,都一定要遵循五个大的原则:统一、连贯、分割、对比及和谐。
统一,是指设计作品的整体性,一致性。设计作品的整体效果是至关重要的,在设计中切勿将各组成部分孤立分散,那样会使画面呈现出一种枝蔓纷杂的凌乱效果。
连贯,是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应,并注意整个页面设计风格的一致性,实现视觉上和心理上的连贯,使整个页面设计的各个部分极为融洽,犹如一气呵成。
分割,是指将页面分成若干小块,小块之间有视觉上的不同,这样可以使观者一目了然。在信息量很多时为使观者能够看清楚,就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲,分割也可以被视为对于页面内容的一种分类归纳。
对比就是通过矛盾和冲突,使设计更加富有生气。对比手法很多,例如:多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重,对比过强容易破坏美感,影响统一。
和谐是指整个页面符合美的法则,浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合,那么作品将不但没有“生命感”,而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式,而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通,产生心灵的共鸣。这是设计能否成功的关键。

4、网站建设网站主页怎样设计

其实建站可以直接到网上下载建站系统来做的:pageadmin cms、discha都是不错的、简单、方便,直接!下载就能直接使用!!!

5、网站页面设计一个完整的首页一共几个页面

首页是指主页,也就是打开域名显示的那个页面,一个网站就一个首页

6、网页设计中的首页 索引是什么?怎么做哦?

【1】首页索引是什么?
索引页即网站中的导航页,为用户提供网站或者一组网页的索引,帮助用户较快的找到想要获取的信息。
索引页的作用相当于一本书的目录,对于综合网站而言:索引页是网站的首页和各频道的首页。
【2】索引页怎么做?
去百度下载Dreamweaver软件。Dreamweaver是一款强大的网页制作工具。在制作网页前需要有一定的网页代码基础,如html,css div这几个最基本的文本语言。
如下图所示:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link href="css_03-24/footer980.css" rel="stylesheet" type="text/css">
<script src="js/jquery-1.9.1.min.js"></script>
</head>
<body>
正文内容
</body>

</html>

7、网页设计中如何将网页设为首页

这个就要看你网站设计的方案中咯,你将其中的一个网页为主要网页,内含导航,将首页链接到这页面上面,其他为子页,其他网页中导航首页也都链接到这主页面上面之后,通过域名点开网站后就有可以看到这样页面咯。

8、HTML网页设计中的将本页“设为主页”的代码是怎样的啊?

<a href=# onClick="this.style.behavior=’url(#default#homepage)’;this.setHomePage
(’http://www.aaa.com');">将本站设为首页</a>
<script language="JavaScript">
function bookmarkit(){window.external.addFavorite(’http://www.aaa.com',’’)}
if (document.all)document.write(’<a href="#" onClick="bookmarkit()">将本站加入收藏夹</a>’)
</script>

使用方法:

怎样使用特效代码?
只要把这些代码复制、粘贴到你的网页源代码中,保存,再在浏览器中打开,你就会看到效果了!
怎样在我的网页中插入代码?
使用DreamWeaver:
在编辑状态下按F10即弹出源代码窗口,将特效代码粘贴进去即可。
使用FrontPage:
点击编辑窗口左下角的“HTML”选项卡即出现源代码窗口,将特效代码粘贴进去即可。
使用“记事本”等编辑器:
直接用这些编辑器打开网页文件,出现的就是源代码,将特效代码粘贴进去即可。

在什么地方插入代码?
一般来说,在网页源代码的<body>与</body>之间的任何地方插入代码都可以(除非特别指明,例如要求插入到<head>与</head>之间)。提示:在<td>与</td>之间插入代码,一般不会出错。
该怎样修改代码?
插入代码之后,把代码中的文字替换成你自己的内容即可。
注意:为避免出错,请不要改动除中文文字之外的代码,否则程序可能会不能运行!

9、网站设计制作中网站首页怎么布局?

网站设计制作中网站首页很关键,具体怎么布局,可以参考:
百度输入:云南智能建站-首页怎么设计更有利于百度收录?
这篇文章也许能帮上。记得看i9861

10、用dreamweaver设计网站时怎么吧一个网页设置为首页呢?

所谓的首页,只是一个代名词,我们看到的第一个为首,第一个页面就是首页,你把其他页面的相关链接指向这个第一个页面就行了。dreamweaver里没有什么特别的设置;实在要设置也是后台那边把域名的相关东西指向这个页面。但绝对不是用dreamweaver来设置。

与网站设计首页相关的知识