如何设计网站首页

㈠ 如何设计个人网站首页

大致提纲如下:
○版面布局的窍门
○色彩的搭配
○字体的设置和表格的嵌套
○细微之处见功力
○考虑不同的浏览器和分辨率
○设计好你的banner和位置
○meta标签的重要性
○首页设计的小建议
这里只是关于首页设计的一个引子。让我们来大致了解一下首页设计的步骤。
首页，从根本上说就是全站内容的目录，是一个索引。但只是罗列目录显然是不够的，如何设计好一个首页呢?一般的步骤是:
●确定首页的功能模块
●设计首页的版面
●处理技术上的细节
一).确定首页的功能模块。
首页的内容模块是指你需要在首页上实现的主要内容和功能。一般的站点都需要这样一些模块:
网站名称(logo),
广告条(banner),
主菜单(menu),
新闻(what's
new),
搜索(search),
友情链接(links),
邮件列表(maillist),计数器(count),
版权(right).
选择哪些模块，实现哪些功能，是否需要添加其他模块都是首页设计首先需要确定的。
二).设计首页的版面
在功能模块确定后，开始设计首页的版面。就象搭积木，每个模块是一个单位积木，如何拼搭出一座漂亮的房子，就看你的创意和想象力了。
设计版面的最好方法是:找一张白纸，一支笔，先将你理想中的草图勾勒出来，然后再用网页制作软件实现。
三).处理技术上的细节
制作的主页如何能在不同分辨率下保持不变形，如何能在IE和NC下看起来都不至于太丑陋，如何设置字体和链接颜色....等等。
首页设计是整个网站设计的难点和关键，总结出一套较为合理易学的设计方法，从而举一反三，使我们能够更加轻松的完成整个站点的设计制作。

㈡ 如何去设计一个网站首页

网站首页，即主页、起始页，也就是打开网站后看到的第一个页面。网站的首页就好像人的脸部一样，给人的是第一印象，也称网上第一视觉效应，它的设计直接关乎了整个网站的风格以及整体效果，这就要求网站首页设计时要新颖，而且要标新立异。那么如何去设计一个网站首页呢？华飞科技网建部根据多年经验分享给广大客户： 网站首页在网站制作的开端，把握首页设计风格以及首页大体轮廓是网页设计师应该特别注重的地方。网站首页设计在于网页风格定位，资料图片选取，文字表达样式，以及相关的代码描述等等，对于这几个方面，我们华飞科技的网页设计师深有体会，在和客户沟通完毕定稿方案后，我们将会对网站建设策划方案进行分析研究，然后制定出设计流程，搜集资料和资料归类分析后形成一种具有网站CI标识的系统手册，根据这个系统手册，设计师把握网页风格，编辑文字描述等，这样有利于形成具有统一风格的网站首页样式，更显现层次感和页面视觉动态感。在网站首页的设计过程中，我们要求要精益求精，务必做到规范，新奇。 在对网站首页的设计，给网页设计师提出了一个很高的设计要求，那就是如何去形成一种系统的设计理念，更能把这种设计理念真正的融入到网站中去。这不仅仅体现出一种网页设计的艺术美，更加展现出设计师的灵感创意，因而网站首页的设计关乎网站后期的制作，是网站制作中的重要环节，网页设计师一定要形成一种规范。 这个要是还不太明白的话 你可以登录 www.huafi.com 进行查看

㈢ 一个优秀的网站首页是如何设计的

在制作网站前端时，需要遵循一些设计规范；
①使用当前最流行的设计理念
②网页特效更具有趣味性，建议使用目前最流行的H5流动效设计。
③如果是需要制作营销型网站，那么首页内容要丰富，内页页面也不能沿用传统的固定格局，可以考虑多单独制版一些页面，这样更能体现公司实力。
④内页设计与栏目名对应的主题图片，应该每个栏目页均有一张Banner图；
⑤内页左侧制作相对应的二级栏目，增加访客良好体验；
⑥不出现文字错误和图片错误；
⑦对于可预料的内容进行提前设置，比如图片变形预案，字数多时页面会换行的解决办法；
⑧最后，网页编码时一定要按照W3C标准编写代码，这样才能让浏览器更好地阅读和展现网页。

㈣ 如何用ps制作网站首页

首先你要知道首页的尺寸，现在一般宽度为1920，当然也有小一点的，高度根据排放的内容
不定。
然后是定出首页的各个模块
你要先有一个大体的规划，首页放哪些模块
然后用辅助线划分出来设计就可以了。

㈤ 怎么把网站设置为首页

1、ie浏览器把网站设置为首页的方法，第一步先点击如图所示图标，然后点击添加或更改主页。

㈥ 网站建设中的网站首页和内页如何布局设计

一、网站的首页布局想要大气有活力，一般我们网站首页的建设：
1、首页，主要目的是漂亮, 体现产品的性能等。
2、网站导航是必不可少的，是对网站内容的分类，按照网站的内容细分，便于用户根据个人需求选择浏览页面。网站首页导航要分类清晰明了，层次分明，不要重复。
同时网站首页的内容布局设计要对网站用户进行需求分析，把用户最关注的内容放置在首页栏目的最突出位置；网站首页布局还需注意页面的尺寸、网站打开速度及友情链接布置等方面。
二、关于内页的布局策略，以下三点大致的介绍布局设计：
1、网站的内容页。网站的内容页是网站建设者没有太多注意的，网站建设者认为内容页根本不重要或是不是很重要，只要在后台把文章内容上传上去让其显示就可以了。其实有seo优化人员分析一些大网站的权重流量都是靠这些内容页撑起来的，这些内容页的重要性作为网站建设者需要重新认识下，我们每天更新文章显示的一个界面，这个页面的一个好的内容页能够给网站带来某一特定词的排名。
2、网站的频道列表页。网站的频道列表页就是我们所熟悉的新闻列表，图片列表，在这些列表页中，根据笔者多年的经验建议最好的布局就是常规列表，我们可以在左侧或者右侧建立一个这样的大频道导航。
3、网站的单页。网站的单页这个是存在于很多企业网站的内容，单页优化有着一定的好处，首先网站的单页是用HTML书写，并且完全静态化，这个是符合搜索引擎的，有利于优化，对搜索引擎友好，这种页面的布局往往需要的是大气，简洁，直入主题。布局上很大一部是跟网站美工的技术相关的。格子网络网站建设分析。

㈦ 高质量的网站首页应当如何设计

首页是用户进入网站看到的第一面，直接决定用户的第一印象，够不够吸引，有没有继续浏览的欲望？一个不够吸引人的网站首页，就算你推广做的再好，IP量再高，但是往往就是因为网站首页设计的不够好、不够精致、不够吸引，从而导致了网站转化率不高。网站首页的设计不但在网站建设过程中很重要，在网站优化中也起到了关键作用。那么一个优质的网站首页该怎么样设计呢？一个震撼的网站首页用什么设计呢？

网站首页无论是放在网站设计，还是网站建设和网站优化中都是首要针对的步骤。不管是企业网站、个人网站，还是商城网站、分销网站。网站首页都要足够精致、独特、设计风格鲜明，这样才能让浏览的用户视觉上的冲刺，从而可以触发用户的消费欲望或者继续浏览的念头。
首先需要给网站定位，明确目标人群，明确网站发展方向，其次需要知道首页应该由哪些板块组成？需要将企业哪些重要的信息展示出来？需要怎样的搭配才能让搜索引擎重视？
对于网站首页设计你知道需要注意哪些方面吗？网站定位一般都是根据业务产品用户决定的，首先建设网站是为用户服务的，是向用户传达信息的，所以设计网站时，我们首要就是站在用户角度考虑，明确用户的浏览习惯；首页的内容不易过多，只需要将重要的信息展示出来即可，图片的选取要切合网站的主题，只要是站在用户的角度建设的网站，一定都会是高质量的网站。
对于网站首页设计你还需要注意四个方面：
1. 要懂得有取有舍
网站首页一定不能直接性的塞一堆东西进行展示，什么新闻，产品，案例，全都弄上去了。全部弄上去的话，第一不光让用户眼花缭乱，还会让用户感觉到你网站很乱。所以如果你是服务型企业网站，可以把核心业务简介和链接放出来。如果是产品型企业网站，可以放最新热线产品。如果是工程类企业网站，可以放最新项目案例。必须有所侧重取舍，这样才能更好的展现。
2. 要懂得动感合适
有人塞一堆图，不断切换，切到浏览者都不耐烦，还有一种是弹出窗体，人家第一反应就是关闭，还有一些因为兼容性没做好，打开之后，动感的部分都叠加在一起，让人直呼太丑了！所以在图片的搭配方面要有所注意，什么样的图片吸引用户眼球你要知道！
3. 要懂得色彩明亮
色彩太重要，很多网站看起来死气沉沉，最关键一步，就是色彩没有用心设计。如果搞不清楚怎么弄，其实就可以参照logo色，以此为核心，进行构思，加上黑，白，灰，进行搭配，基本就可以搞出很有韵味的东西。
4. 要懂得对比设计
对比设计很重要，比如色彩明暗度，暖色与冷色，文字大小，模块位置对比，鼠标响应前后对比，很多企业网站一打开，索然无味，为何？该对比的地方全部混为一谈，完全没有感染力。
网站首页设计更多的是一种学问，这不单单是考验你懂不懂做的问题，一个高质量的网站首页的制作已经是上升到懂不懂搭配；懂不懂设计；懂不懂组合；懂不懂浏览体验的设计高度了，当然不是每个人都能有这样的设计感，所以我们只需要遵循几个来进行设计，那样你的网站首页肯定要比其他网站好.雍熙设计师设计水平高，能为你设计高质量的网站首页。

㈧ 如何制作一个网页页面

如何制作网页?如何做一个自己喜欢的网站呢?看到别人有自己的网站是不是有点羡慕呢?当然。比较复杂的网站就需要很多技术上面的知识咯。比如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，教育，网络”>：设定搜索关键字

㈨ 网站首页设计需要注意哪些

1、网站首页的顶部

网站首页一般都会在顶部放置企业网站的logo，让用户一眼望去就知道企业网站是从事什么行业的产品服务，清楚地传达给用户能解决什么样的需求或服务。在logo的另一侧需要放置网站的定位语，让用户明白自家网站与其他网站之间的区别，凸显出网站企业的实力所在。

2、网站首页的banner图

对于企业网站来说，网站中的banner设计图可以适当搭配一些过往的成功案例或者企业的主推产品服务，帮助企业凸显核心优势，要求网站banner设计具有一定的高大上风格。但是有很多站长在进行网站banner图设计的同时没有兼顾与企业的相关性，因此，就显得banner图格外不搭调，进而可能会影响到企业网站的整体运营形象。

3、网站首页重点介绍内容

对于企业网站来说，站内必然有着自己主推的产品或服务，然而在众多的产品中又分属不同类别，如果想要在首页中展现出这些分类，就要针对每个产品类别下进行简要介绍，以便于用户加深了解和记忆。另外，用户根据不同类别的介绍自然也能理解产品之间细微的差别，发挥出网站首页的导航作用。

4、网站联系方式

网站首页底部一般都会设置企业的联系方式，以便于用户在解决疑问或需要沟通时的需求，增强用户与企业之间的交互性，为用户引导点击在网站中的相应内容，也能凸显出企业网站的服务水平，有利于增强网站用户的黏性，培养更多地优质忠诚用户，进而促进网站排名和权重的进一步提升。

关于网站首页设计需要注意哪些，环球青藤小编今天就先和您分享到这里了。如若您对互联网营销有浓厚的兴趣，希望这篇文章可以为您提供帮助。如果您还想了解更多关于文案优化、广告营销文案写作的方法及素材等内容，可以点击本站的其他文章进行学习。

㈩ 怎么用ps设计网页主页

制作主页是一项非常复杂的工作，跟创意合成有点类似。首先要根据客户的要求去找一些好的作品作为参考，找出一些灵感，然后搜集相关的素材，并按照自己的思路去慢慢溶图、渲染颜色，处理明暗及细节等。最终效果
一、网页首页模版创建
1、首先打开我们下载的ps软件，左上角选择文件-新建（快捷键ctrl+N），然后创建一个1920x3000的画布，网页设计分辨率选择72就可以，颜色模式我们选择RGB,点击创建；（注意宽度选择的是像素）
为什么我们要创建1920宽的呢，目前我们的显示器分辨率一般为1920px，所以创建1920px宽度的可以使我们的网页背景正好显示完整，左右不会出现空白。

2、接下来我们要将单位与标尺调整为像素，方便我们测量宽高。操作步骤为：编辑-首选项-单位与标尺（快捷键ctrl+K，找到单位与标尺）
3、选择 视图-标尺（快捷键ctrl+R）调用我们的刻度尺，方便直观的看到宽度和高度；左击刻度尺拖出2条参考线分别到360和1560刻度，使中间留有1200px的宽度。两个刻度尺中间的距离就为我们内容展示的区域，使用 （快捷键ctrl+; ）可以显示关闭刻度。

为什么要使用1200px的宽度呢，因为目前主流的网页设计主体内容宽度为980px和1200px，而1200px可以显示更多的内容，网页也可以显得更加的高端大气。

二、使用矩形工具制作黑色背景导航条：
1.选择“矩形工具”，设置填充色为“#333”，描边设为空；

2.创建“图层1”点击画布，在弹出的窗口中设置宽度1920，高度25，点击创建；

3.使用移动工具将导航条移动到左上角；
三、logo图片导入

1、使用文件->打开（ctrl+o），将logo图片打开；

2、ctrl+A选中图片，然后复制粘贴到当前页面中；

3、移动图片到指定的位置；