优秀个人网页设计,优秀的网站页面设计说起来很简单,可具体怎么做

优秀个人网页设计,优秀的网站页面设计说起来很简单,可具体怎么做详细介绍

本文目录一览： 如何设计个人网站

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

怎样设计一个个人网站

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

如何设计自己的网页

设计个人网页
如果你已经上网，为何不尝试一下在网上做一个完全属于自己的主页？有了自己的主页，全世界的人都可以随时找到你，你也可以向全世界宣传下自己，是非常有意义和有意思的。现在简单介绍一下设计主页的过程和方法：
一、准备材料
你首先做一个小计划,准备在主页上告诉人家什么？比如介绍三个方面：自我介绍,我的爱好,我的工作,那你就先起一个总目录（文件夹,比如d:\html）,来放你的所有文件，然后再在这个目录建立三个子目录：myself,interest，job。文件名你可以任意，但最好全部小写，因为有的主机要认大小写。然后将你的材料copy进相应的子目录。比如你要在你的主页里展示你的靓照，那就将你的照片扫描成JPG格式的文件，放在myself的目录下.
要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但你可以用图象软件进行转换，比如Office 97的照片编辑器。把你准备在你主页上出现的图象放进相应的目录里后,你就可以开始设计了。
二、开始设计
你无须去记复杂的HTML语言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选Edit Page,便可以设计了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页，你先写上“大家好，我是superboy，下面是我的照片：”这时要放图片了，只须点击Insert菜单，选取Image,在Choosefile里选取你的图象文件即可，然后把这个文件保存为myself.html文件，放在myself的目录下。好，现在必须做封面了，你在封面写：“欢迎来到superboy的主页”以下是“自我介绍，我的爱好，我的工作”。你的自我介绍要链接到下一页去，你只须用鼠标选“自我介绍”后按鼠标右键 ，再选create link，然后再选你myself目录下的myself.html，就将“自我介绍”链接到下一页了，以后在浏览器中一按，就可以跳到镶有你靓照的页面啦。
在你的封面做好了所有链接和图片后，记住你必须将这一页保存为index.htm(有的主机要求必须为index.html),因为网页默认的主页名称是index.设计主页其实很简单，只要多实际设计，工多艺熟。还可以拿来主义，在网上看到什么好的主页，用另存为功能保存为.html格式的文件，细细研究人家是如何做的。还可以借用网页模版来搞，我的就是~~~~~~
三、将你设计好的安放在网上
要在网上安你自己的家，你必须先申请一个主页空间，即向某一个主机申请一快硬盘空间。现在有较多的主机提供免费主页空间，具体见实用链接栏目。这些主机不仅提供免费个人主页空间，并且还提供留言簿、计数器等很有用的功能。只要到有关站点申请即可，具体方法，参考相关题目。申请完成以后用FTP将你所有的主页文件上传至主机指定的目录就可以了！
需要注意的是，一定要保持网页的相对位置，否则会看不到网页的，有很多朋友都问我:为什么我的网页传上去了可是看不到,老是出现网页错误呢？其实他们都是因为位置的问题，只要把位置改动一下就可以的了

40个网页设计优秀案例

　　关于我们的页面设计并不难，但是要设计一个完美的版本并不容易。它通常取决于你的出发点，是要个性化的设计，还是品牌化的运作?是提供自己联系方式，还是获取用户的联系方式?下面的优秀案例会告诉你，优秀的关于我们页面要如何设计。
　　1、友好的界面
　　友好的联系人界面总会让人感到亲切的，如果它还具备一些功能性，并且易于阅读，用户会感觉更加舒适的。“What can we help you with”则可以引导用户去点击“加入我们”“聘用我们”以及参与邮件订阅。
　　2、展示全球各地办公室
　　Tool 的关于我们页面中，设计师用醒目的字体标注出团队在洛杉矶、纽约和法国的办公室的地址和联系方式，点开关于我们页面的用户不就是想知道这些信息么?正确的联系方式，简单直接的设计，就是这么做的。
　　3、简化沟通流程
　　Productiong Location的联系我们页面同样采用了大胆而视觉化的页面设计，但是和其他的同类页面不同的是，它简化了沟通流程，把用户可能会关注的内容和需要沟通的具体部分都划分了一下，让不同需求的用户直接被引导到特定的页面和部分，从而达成简化和分流的目的。
　　4、头像和个性化的信息
　　放上设计师和团队成员的图片，让用户认识你。最关键的并不是你的头像够不够漂亮，而是要让用户知道这个漂亮的网站背后是一位和你我一样真实而平凡的设计师，是他或者她努力设计之后的成果。头像可以让页面更加个性化，也能让它更加真实而亲近。
　　5、鼓励用户沟通
　　关于我们页面的核心设计目的通常是沟通，而Hello Innovation 的页面设计则充分贯彻这一思路：试图鼓励用户主动同网站进行沟通。用亲切而富有亲和力的设计，留下联系方式，从文案到留下邮箱的地址都在鼓励用户。聊一句，能有多难呢?
　　6、用图片来传递隐喻
　　设计博物馆中收藏了许多设计相关的藏品，而关于我们页面中的这个电话不仅是网站的藏品，而且作为一个重要的隐喻来向用户传递“沟通”的意象，这也算得上是一种设计上的“双关”了。
　　7、创造令人难忘的设计
　　古怪的设计和有趣的文案总能让人难忘，每天海量的信息摄入让人们只会记住最突出的那些。不过，古怪的设计不一定适合任何品牌任何网站，但是对于那些古灵精怪的网站而言，那些独树一帜的脑洞总能起到作用。
　　8、表现品牌的性格
　　对于网站而言，在关于我们页面中将自家的品牌性格呈现出来自然是合理合适的。Boone Selections 就是这样优雅又专业地将品牌配色和相关设计元素融入关于我们页面的。作为一个专业的葡萄酒进口公司，Boone Selections 的关于我们页面用独特的排版和滚动式的页面设计，营造出独有的品牌气息。
　　9、展示联络方式
　　This Also 的关于我们页面设计可谓是可靠而到位了，页面地图标注出了公司地点也就算了，当你向下滚动页面的时候，还能看到详细地址的说明、沿线地铁的乘坐方式、沟通的电子邮件地址、电话，等等等等，不一而足。
　　10、给个提示
　　网站 Deux Huit Huit 的关于我们页面并没有提供传统意义上的沟通方式，而是设计成了一个直观而简单的对话框。顶上“Say hello ”的对话框非常直接地提示用户，只要输入内容，网站的开发者就能看到了。
　　11、标明开门/工作时间
　　对于诸如餐厅、博物馆、商店等有具体营业时间的机构的官方网站，在关于我们页面当中标注店铺开门的时间、接受电话咨询的时间，可以让用户更加有效地接受服务。
　　12、使用醒目的字体
　　Panache 的关于我们页面中标题字体采用了非常醒目的“Travaillons Ensemble”，这种字体更为轻巧，虽然独特但是具有极高的识别度。
　　13、使用大胆的配色方案
　　经典的黑白黄的配色方案被运用到Sponge 的关于我们页面当中，这种强对比的配色结合细致的细节刻画，让整个页面看起来锐利又富有质感。设计师将明亮的色彩运用到最关键的信息上，让用户更容易注意到它们。
　　14、采用形象化的插画
　　插画总能以更加视觉化的方式来吸引用户的注意力，尤其是当插画足够风格化、个性化的时候。Legwork Studio 的关于我们页面中，加入了狼头人插画，配合手写字体，营造出了一种个性化的氛围。
　　15、使用简约的图形
　　Giampiero Bodini 的关于我们页面并没有使用复杂的设计技巧，而是在素描的繁复背景上，放上一个简单的矩形，将联系方式与相关信息置于其中。繁复和简单，手绘和图形，形成了鲜明的对比。
　　16、借助表单来沟通
　　沟通是相互，你可以发信息给网站，也可以留下联系方式，让网站的运营者给你发信息。QED Group 直接在联系我们页面中留下一个表单，你可以通过这个表单留下联系方式。
　　17、使用单色配色
　　简单优雅和易读是 Joseph A Avoue 的网站联系我们页面的设计风格，没有华丽的设计，也没有花哨的功能，一个纤细的环，中间是最基本的联系信息，就是这么直接。
　　18、幽默
　　幽默的设计师不会放过任何一个搞怪的机会，Bio-Bak 的设计师即使是在联系我们页面当中也会哗众取宠一把。涂鸦字体和俏皮的文案让人忍俊不禁，你能够从每一个细节感受到这个设计师的幽默细胞。
　　19、填写表单
　　Anakin 的关于我们页面同样是让用户填写联系信息，不过在表单的设计上更加独特，并没有专门的表单，而是使用占位符提示用户各个位置需要填写的内容，贴心、直觉，也非常走心。
　　20、个性化的办公地点展示
　　和第二个案例类似，CPB集团在全球各地都有办公室，但是在设计的样式上也更加独特，各地办公室的内容和个性化的背景融为一体，信息得到了整合，展现方式也个性十足。
　　21、介绍一下业务
　　在关于我们页面当中介绍自己并不稀奇，不过除此之外可以做的还有很多，比如介绍一下自家的业务，展示一下自家的品牌，吸引用户来聊聊也是很不错的手段。Hello Monday 的关于我们页面就是这么做的。
　　22、视频背景
　　在网站里面添加视频背景已经是一种非常流行的手段了，而作为电影制作工作室而存在的Moodboard 在关于我们页面中使用视频背景不仅符合他们团队的工作性质，而且让整个关于我们页面更加鲜活了。
　　23、使用栅格布局
　　要设计结构化的页面，栅格总是你最好的朋友。Urban Influence 的关于我们页面使用栅格来组织整个页面的信息，需要展示的内容，让用户输入的部分，装饰性的部分和展示用的地图，都界限分明地分布在页面上。
　　24、让界面更加友好
　　如果让界面更加友好，设计师要做的工作并不少。清晰而易读的界面设计是最基本的，信息要能够清晰的传递出来，没有侵略性的配色，让人感到熟悉、亲切的呈现方式，易于操作的交互方式，这都是设计师要做好的地方。
　　25、分步引导
　　取得联系包含着一系列的操作，如果将整个交互过程分割成为若干步骤，一步一步引导用户来操作，加入动效和微交互，这绝对是一种不一样的体验。
　　26、增加联系人快捷方式
　　团队中负责不同部分的负责人通常不一样，用户打开联系我们页面通常有着明确的目标，如何将FAQ部分加入其中，并且添加特定的联系人的联系方式，让用户可以更加直接地同不同的负责人进行沟通。
　　27、同网站其他部分整合到一起
　　Robby Leonardi 的网站似乎被设计成一个扁平风的电脑游戏，当你浏览页面的时候，会随着主角去不同的页面，做不同的事情，而去关于我们页面也是其中的.一个“场景”。这是一种整合页面的方式，值得学习。
　　28、团队合影
　　许多网站背后都是一整个开发和设计团队在运作，用团队成员合影作为关于我们页面的背景图也是非常合理且有个性的做法。
　　29、使用留白
　　通常留白能强化整个页面的空间感和结构感，而Beta Tataki 在关于我们页面就放置了一个设计感十足了电话，通过留白强化了联系方式等内容的存在感。
　　30、活用字体排版
　　精心设计的字体排版不仅具有装饰性，还可以承载一定的内容。Pauline Osmont 的联系我们页面使用了黑色、银色和金色来构建吸引人的字体排版主视觉设计。当你向下滚动页面的时候，能看到易于阅读排版到位的表单。
　　31、亲手展示
　　这也是近几年比较常见的一种内容展现方式，设计师亲手举起展板来展示设计作品。如果用在联系我们页面中，这种设计师手法也是相当的应景呢。就像Mark Jaworkski 的这个页面，设计师的技能、介绍还有留言用的表单都整齐地展示在这块被平举的白板上。
　　32、列举社交媒体联系方式
　　现在哪个网站没几个社交媒体帐号呢?在关于我们的页面当中将自家网站的各个社交媒体的链接都贴出来，对于许多用户来说反而更加便于联系。
　　33、借用传统的沟通方式
　　复古的样式是不错的选择，但是使用传统的联系方式来设计，似乎更加走心也更有意思。Lionway 的联系我们页面就设计成了明信片的形式，还有一些固定的信息干脆就列举在一个打印账单上。
　　34、俏皮的文案
　　文案的设计也是联系我们页面中重要的部分，亲切、幽默的文案设计会让用户感到亲近，但是同样的，俏皮的、机智的文案也一样会让用户难忘。
　　35、展现个性
　　设计工作室 Resn 的联系我们页面设计绝对是这组案例中最有个性的页面之一，充满80年代风情的设计元素，和带着动物头套的团队成员图片组成了页面的主体。
　　36、运用信息图
　　信息图是近几年一直处于上升阶段的设计手法，如果有合适的展示内容，在关于我们页面中使用信息图也是相当不错的选择。Quicksprout 的关于我们页面就使用了信息图来呈现内容，清晰易读，而且准确到位。
　　37、动画和卡通
　　在联系我们页面中使用卡通和动漫式的形象来呈现设计师和设计团队是相当常见也相当有效的手段，Melonfree 的关于我们页面就将设计师和开发者的卡通形象摆了出来。
　　38、使用半透明的图形
　　人的眼睛总会有意识地去识别想要石碑的内容，所以即使的半透明的元素加载在一起，也不会特别严重地影响阅读体验。Indofolio 的页面设就充分运用半透明的元素，将核心的联系方式放在半透明的矩形上，透过图形用户依然能看到背景的细节，但是又不会看不清关键的联系方式。
　　39、手绘效果
　　手绘的联系我们页面，尤其是那些画的还相当养眼的页面，总能让用户感受到设计者的贴心。Mario Petrone 的这个页面设计就相当的俏皮有趣。
　　40、仅用一个下拉框
　　Spokes Pedicabs 的联系我们页面其实谈不上一个完整的页面，而用一个下拉框代替，当你点击导航了中的链接，会出现这个醒目的橙色下拉框。
　　网页设计色系案例分析
　　橙色又称之为橙黄或者是橘色，它的穿透力仅次于红色，色感较红色更暖。在网页设计中橙色是十分活泼的色彩，给人以华贵而温暖、兴奋而热烈、欢乐与活力的感觉，也是令人振奋的颜色。
　　橙色在网页中的使用范围非常广泛，可以通过变换色调营造出不同分气氛，不仅仅能表现出青春活力，也能达到一个稳重的效果。橙色的波长居于红和黄之间，具有健康、富有活力、勇敢自由等象征意义，为了让大家对橙色有更好的理解，下面分别对不同类型网页进行分析。
　　一.食品饮食类网页设计案例分析
　　推荐案例：橙色+黄色+深橙色
　　整个页面以橙色为主，通过不同明度和纯度的“黄”进行调和，页面非常融洽而不显单调。很好的突出了的图片，食品图片色调也是相近的，故不会非常的突兀。而利用白色将网页分层，有层次感。
　　二.娱乐类网页案例分析
　　推荐案例：深橙色+土黄色+黄色
　　整个页面是利用深橙和浅黄色的搭配来展现的，使页面看起来更加的温暖，深色的铺垫，黄色的文字，达到一种突出而不突兀的视觉效果，赋予了网站生命力。
　　三.电子商务网站案例分析
　　推荐案例：橙色+卡其色+绿色
　　这一个案例使用的颜色相对较多，而橙色的导航辅佐明度较高的卡其色，不会显得非常凌乱，反而更加有特色，很活泼。加上利用一些绿色的按钮来点缀页面，页面就显得不那么单调，有万橙之中一点绿的视觉效果。
　　四.科技发展机构网站案例分析
　　页面用的色彩相对较杂，但让人感觉乱中有序。大家可以注意到，页面都是采用深红色作为文字，而橙色出现在红色文字的附近，例如顶部的橙底红字，大标题红色小标题橙色，这些元素就使页面乱中有序。
　　总结：橙色运用的非常多，调整饱和度、纯度都可以达到非常好的视觉效果，当然在视觉冲击力的同时，可适当采用少许对比色调和缓和于视觉，从而削弱视觉的疲劳度。

制作个人网页的设计思路

网站设计，包含的内容非常多。大体分两个方面：
一方面是纯网站本身的设计比如文字排版，图片制作，平面设计，三维立体设计，静态无声图文，动态有声影像等；
另一方面是网站的延伸设计，包括网站的主题定位和浏览群的定位，智能交互，制作策划，形象包装，宣传营销等等。
这两方面相辅相成，告诉给大家（注意：我并不会非常具体地讲某一个技术或制作技巧，重点在于思路）希望能给您一些帮助。下面是大致的提纲：
1.定位你的网站主题和名称；
2.定位你的网站CI形象；
3.确定你的栏目和版块；
4.网站的整体风格创意设计
5.网站的层次结构和链接结构
6.首页的设计
7.版面布局的窍门
8.色彩的搭配
9.效果与速度
10.替浏览者考虑
11.细微之处见功力
12.建设完成度与推出时间
13.交互性与亲和度
14.考虑不同的浏览器和分辨率
15.字体的设置和表格的嵌套
16.新技术的运用取舍
17.设计好你的banner和位置

设计个人主页

一.网页设计软件的选择
设计主页首先要选择合适的工具软件，现在比较流行的网页制作软件是FrontPage和DreamWave。他们各有优缺点，FrontPage是微软出品的网页编辑软件，也是Office系列软件的组成部分。最新的FrontPage2000中文版在Office2000的软件包中可以找到。如果对Office有一定的基础，会用Word的人，很开就可以学会使用FrontPage，它的最大优点之一就是易学易用。另外FrontPage制作的网页在IE浏览器中的效果也特别好。但是，如果你希望网页在Netscape或其他浏览器上有良好表现，那么使用FrontPage就有些麻烦。不是说不可以，只是很容易出错。在这方面DreamWave就好很多，毕竟是第三方的软件。DreamWave是由MacroMedia公司出品的网页制作软件，最新版本是3.0，功能也同样很强大。不过学习起来要难一些，而且IE浏览器的一些高级功能就无法实现了。各有所长，只有自己权衡了。另外不要将两个编辑软件交替使用，否则会出现混乱。
二.网络服务商的选择
现在提供免费主页空间的网站非常多，当然也有收费的。选择什么好呢？千万不要认为什么“无限主页空间”就是最好。这里的讲究非常多的。首先要明确服务商提供的是什么操作系统的服务器，如果你使用FrontPage编写主页，最好选择WindowsNT服务器，这样效果最好。另外还有Linux和Unix的服务器也很多见，用这些服务器的话要注意一个问题，就是文件名的大小写一定要清楚。一般的Windows用户会觉得这不是问题，因为微软的习惯，文件名大小写是不区分的。但是Linux和Unix不是这样，比如你有一个top.jpg的图片上传，然后在HTML超连接写成了top.JPG，扩展名写成大写了。在本地看这个HTML文件很正常，图片显示正确。但等你上传到服务器上，你会发现根本无法显示文件。解决这个问题的最简单办法是所有的文件名和扩展名都用小写英文字母，而且不要用长文件名。当然，如果是WindowsNT服务器，就不用担心这个问题。
如果只是做简单的主页，那只需要得到相应的主页空间就可以了。但如果做高级一些到主页，就牵涉到一些网络程序的执行，这就需要CGI权限甚至数据库权限。一般的网络服务器上是不会免费提供这些功能的，而且收费往往不低。对于一般的个人主页完全没必要苛求这些，不然维护费用会很大，除非确实想做出一个很好的站点。免费主页空间的另外一个问题是服务商随时有权关闭服务，因为不承担任何承诺，这样你的成果可能会白费，所以要找一些比较可靠的主页空间，最好是已经提供较长时间服务，且有一定知名度的。
另外，不同的服务商使用的网络服务器和线路也不尽相同，访问的更新速度差异也非常大。要选择线路速度快一些的主页空间，不然会大大影响来访者的兴趣。最好使用本地的网络服务器，因为跨区域的网络线路往往比较拥挤。
还有，网络服务商提供怎样的主页维护方式也很重要。如果提供FrontPage扩展的HTTP维护，那就最方便了。可以做到全自动维护。如果是传统的FTP方式，也不错。FrontPage2000同样可以用FTP自动上传，而且也可以用许多FTP管理软件。但还有一种是基于WEB的主页维护，这种主页空间只能到服务商的网站上按它特定方式编辑维护主页。这样很不方便，最好不要使用。
三.主页内容的选择
评价一个主页的优劣，主要不是看外观而是看内容。选择适当的内容很重要，最好是自己比较感兴趣的内容，否则会没有长期维护的热情。另外不要做太多的主题，没有重点的四面出击往往一样也不吸引人。很多著名的个人主页都是靠一个优秀的栏目而大受欢迎的，飞翔鸟硬件就是个很好的例子。维护主页贵在坚持，一定要不断上传新的内容来充实更新网站。不过同样要注意不要随便抄袭别人的内容，如果对方的内容是可以转载的自然没问题，但如果是版权所有的，可能会遇到纠纷，甚至会强制关闭你的个人主页。知识产权还是需要尊重的，因此在转在其他网站的内容时，最好征求对方的同意。
还有，主页内容千万不要有违法的成分，特别是不要有色情内容。
四.主页制作的技巧
主页制作是一门综合性技术，也是一门艺术，它包括策划、美工、设计等等。这里只是说一些应该注意的问题。很多商业网站都有“广告条”，点击广告可以为网站赚钱，甚至像Yahoo这样的网络公司也主要靠这些广告的收入维持。但是一般的个人主页，建设初期最好不要放广告条，特别是不能放很多。在访问量不是很大的时候，广告是赚不到钱的。反而会让访问者觉得主页很乱，全是无聊的广告，给人的印象就很差了。
还有些个人主页因为访问量很低没面子，就修改网页计数器，增加访问量。这其实是自欺欺人，以后别人也不会相信你的主页流量了。一个好的主页，总会有越来越多的访问者，如果没质量的主页，做手脚又有何用？
还有，如果是免费主页空间，一般速度都不太快，空间也不大。最好不要提供过多的软件下载，这样会严重影响访问速度。到头来会得不偿失的。一般较好的软件下载站点都提供独立的FTP线路下载软件，这样才能保证网站的访问速度不受影响。同样的，主页上也不要使用分辨率太大的图片，一般一张图片尽量控制在20KB一下。个人主页中也不要过多使用Javaclass的小程序和过于复杂的Java脚本，这些只起到点缀的作用就行了，用得太多了，浏览网页的速度也会变得非常迟钝。
制作主页时还要特别小心语言版本的问题，特别是中文。选用的内码或字体错误的话，访问时就会出现乱码或字体扭曲等问题。
五.域名和无形资产
每个个人主页都有自己的域名，就像人总有个名字。起名字也有很多讲究。很多人会模仿著名网站的名字，在别人的拼写上改一改字母之类的。其实这样并不好，没有了自己的个性，反而不容易给人留下深刻的印象。还是自己取个好名字吧。另外常看到有人写着“永久域名xxx.yeah.net”之类的。其实这些都是二级域名，一些网络公司免费提供的而已。这些都称不上永久域名，因为公司随时可以停止服务的。最好是能拥有自己的国际顶级域名，这才是永远属于你自己的。其实这也并不是一笔非常昂贵的费用，但确是主页长期发展的根本保障。当然，如果觉得没必要，使用免费二级域名也不错。
请采纳。

25个高体验的优秀文字排版网站页面设计

? ? ? ? 虽然排版是网页设计中极为重要的组成部分，但是绝大多数的网站并未在排版上做过专门的设计和调整。

? ? ? ? ? 事实上，在我看来我们日常访问的许多网站在排版设计上并无亮点，这也是为什么，当我们发现这些在排版设计上用心雕琢的网站的时候，会由衷地感受到喜悦和别样的幸福感。

? ? ? ? ? 如果你厌倦了无处不在的宋体、雅黑、Arial和Helventica，那么你应该会喜欢接下来的案例，这些巧用字体排版帅气的优秀网站会再次扩充你的网页收藏夹。

1. V02 Group

? ? ? ? 雅致的 文字 排版悬浮在半空中，和背景融为一体，这种设计除了众所周知地提高逼格之外，能明显地提升页面的深度。强对比的色彩搭配也是设计师别具匠心的体现，我想你已经发现了。

所用字体: Crimson Text, Futura

2. What is Your Future?

? ? ? ?这个名为“What is your future”的网站同样设计精美，排版也颇为严谨。设计师很明显喜欢极简和扁平风，所用的字体Baron Neue又是极具表现力的样式，在黑色的背景之下极为醒目，使得整个页面都炫酷起来了。撇开排版技巧不说，这字体都值得来一发吧？

所用字体: Baron Neue, Georgia

3. Jacob Grubbe

? ? ? ?复杂的网站都是一样的复杂，而简洁的网站却总能玩儿出不一样的风情。这个形同windows蓝屏死机了一样的背景之上，用不同色彩的单一字体来呈现内容，而这个字体正是我们所熟知的“Android的灵魂”——ROBOTO。极简风，合理的选色，加上一个足够现代的字体，就可以输出一个有个性的页面。

所用 字体 : Roboto

4. Secret Resolutions

? ? ? ?当今这个时代，个性即正义。这个 网站 的设计思路和上一个很接近，让色彩发声，用字体展现个性，这个网站用的字体名为Brandon Grotesque，虽然稍显怪异，但是搭配其他的元素之后，就显得极为独特了。这就是冒险的乐趣，改着改着，就成了一个独一无二的网站了，你觉得呢？

所用字体: Brandon Grotesque

5. Basics09

? ? ? ?正如同这个网站在标题介绍上所说，它旨在“提供用于基本的网站设计和印刷的字体（Benton Sans）”。坦率的讲，Benton Sans的确是一种非常朴素的非衬线体，稍微调整就能创造出层次感。网站和字体俱佳，挺不错的。

所用字体: Benton Sans

6. Degordian

? ? ? Degordian这个网站充分运用了对比强烈的大背景和具有冲击力字体（Futura）的组合（这也是目前网站设计的一个大趋势），网站另一个值得称赞的地方是它用的正文字体：Merriweather。

所用字体: Futura, Merriweather

7. Brancott Estate

? ? ? 设计师将网站的排版和配图都做成黑板画的效果，质感非常不错。虽然无法确认网站的主要字体，但是用来搭配的字体可以确认是Georgia，两者组合看起来非常舒服。

所用字体:未知, Georgia

8. Miles Calder

? ? ? ?这也是是一个极简风的网站，整个网站使用了一个字体：Founders Grotesk。有意思的是，设计师用这一字体的不同的色彩、尺寸营造出了层次感。

所用字体: Founders Grotesk

9. Run for AJD

? ? ? ?这是一个法语网站，从字体样式上来讲可读性确实很差，但是从风格和个性上来说，极为突出。

所用字体: Avenir Book

10. SendAMessage.to

? ? ? ? 只需几个步骤，你就可以借助这个网站给朋友和亲人发送个性化的信息。在网站设计上，设计师同样使用了单一字体用作网站排版。Proxima Nova字体的大尺寸看起来非常漂亮。

Fonts used: Proxima Nova

11. Amazee Labs

? ? ? ? ?看起来Amazee Labs已经为自己的网站设计了属于自己的一套字体，这套自己的设计主要源自Source Sans Pro和Museo。两种字体协调地融为一体，和不同的色彩搭配排版也颇为漂亮。

Fonts used: Source Sans Pro, Museo

12. Oudolf

? ? ? ?和之前的那个Jacob Grubbe的网站一样，Oudolf这个网站里，排版设计几乎是整个网站唯一的设计元素。在这里，排版设计和 图片 巧妙的结合到了一起。

所用字体: Mason Neue Book, Univers Standard

13. I Am Baaz

? ? ? ?这个网站主要运用了两种字体：Verlag Book和Acrom Extra Bold。设计师采用了时下流行的视频背景图，视频背景与前景漂亮的字体组合起来仿佛一个可交互的动态 海报 ，绝赞。

所用字体: Verlag Book, Acrom Extra Bold

14. FS Millbank

? ? ? 作为一个字体的宣传网站，闷骚的排版设计几乎是一定会出现的。和许多优秀的前辈一样，它旨在润物细无声地存在，成为一个“路人”一样的字体——漂亮，现代，可靠，耐看。

所用字体: FS Millbank

15. Studio Lovelock

? ? ? ?过去的一年里，Futura PT似乎成为了用户增长最大的字体，这个Studio Lovelock网站干脆全站都用的这个。尽管如此，设计师别处心裁的将不同字重不同尺寸的Futrua PT用在网站不同的地方，一样百变，一样好使。

所用: Futura PT

16. Adoratorio

? ? ? ? 玩弄色彩还是挺容易玩出花样的，虽然有时候看起来略显奇怪，但是配合上富有表现力的字体，反而会成为网站的亮点。Montserrat和Courier New都不是以有趣好玩为卖点的字体，但是在这个网站就显得特别突出。

所用字体: Montserrat, Courier New

17. The Pattern Library

? ? ? ? 说起来这个网站几乎没怎么用到排版设计，但是它的“Download Now”按钮之处巧妙地使用了MostraNuova字体，在这个地方几乎是绝配。好字体有时候确实能成就一个好设计。再次不得不推荐一下国产iOS记事应用“小记”，真心是字体选的好，逼格就爆表啊。

所用字体: MostraNuova

18. Spotify. Sweet Spot

? ? ? ? ?作为一个知名音乐类服务，Spotify在用字体上还是颇有一套的。Spotify的设计师在他们的情人节活动“Sweet Spot”上选用了Circular TT字体，这套完备的字体应对了不同位置对排版的要求，简约现代，又变化多端。

所用字体: Circular TT

19. 51 North

? ? ? ?51 North是一家位于荷兰的设计机构，网站设计采用了Minion W01和Tw Cen W01两套字体，谨慎，但是对比明显，非常漂亮。

所用字体: Minion W01, Tw Cen W01

20. RelaisBlu

? ? ? ?RelaisBlu是一家地处意大利的高端酒店，他们的这个网站使用了三种不同的字体来进行排版设计。通常超过2种不同的字体用于一个页面会让人觉得混乱，这个这个网站不会，反而看起来颇为具有冲击力。

所用字体: Geosans, Fanwood, Theano

21. April Studio

? ? ? ?这个网站所用的字体你们肯定熟悉，这就是iOS7之后的标配字体：Helvetica Neue。在国外它已经有点被滥用的趋势了，但是这也正好反映了这一字体的强大兼容性和不俗的表现力。

所用字体: Helvetica Neue

22. EMyth

? ? ? ?EMyth是一个简单但是接地气的网站，这主要还是得益于排版设计所用的两大字体：Museo Slab和Proxima Nova。

所用字体: Museo Slab, Proxima Nova

23. Melanie DaVeid

? ? ? 左右对称的网站越来越多，这个网站除了左侧的标题之外，正文部分仅用了一种字体：Proxima Nova。正文部分，设计师通过不同字重的对比而呈现出网站的层次（实际上我们也经常这样做），少许自定义的字体则赋予了网站以个性。

所用字体: Proxima Nova,自定义字体

24. Formlets

? ? ? ? 虽然Formlets家的产品迟迟没有突出，但是他们的网站还是非常亮眼的。个性化的脸谱插画和现代感十足的字体搭配在一起，呈现出同类企业所不具备的个性和气质。DIN和Roboto谁不知道呢？但是要作出这样的网站，只能说功夫在诗外了。

所用字体: DIN Rounded, Roboto

25. Nicholas Bussiere

? ? ? ? 一个字体打天下，好象这真是许多欧美设计师的选择啊。设计师在整个网站只使用了Apercu字体，为了整站清爽的气质，也仅仅使用了Light和regular两种粗细，层次分明而清晰，有对比但是不强烈。

所用字体：Apercu

25个高体验的优秀文字排版网站页面设计 http://www.siweiw.com/sjinfo6692.html

更多设计知识，创意资讯，请关注思维网设计前沿 http://www.siweiw.com/sjnews

个人网站策划范文五篇

通过制作个人网站，可以将自己更好的展现在大家面前。下面我给大家整理的个人网站策划 范文 五篇，希望大家喜欢!
个人网站策划范文1
一、项目概述
1.1编写目的
制作个人音乐网站，能让喜欢听歌的网友一起交流，一起欣赏歌曲。个人音乐网站主要有前台页面和后台管理两大模块。
前台模块：主要是提供音乐展示，可以在线视听;阅读个人听歌的心情和感受。
而后台主要是管理员利用用户名和密码登陆网站后台，对网站的音乐信息进行上传操作，对该网站的音乐信息进行更新和个人听歌的一些分享。
本开发计划书的目的，在于明确说明系统开发过程各个阶段的分工内容、进度安排;介绍工作内容;规范系统各功能需求实现所需时间;明确参与人员与分工;明确系统运行环境、验收标准、交付文档及产品。
1.2项目背景
随着 网络技术 的发展，人们在利用网络学习的同时，也在享受着网络带来的各种附带产品所产生的效应。如网络游戏、网络歌曲。
个人音乐网站正是在这样的需求前提下应运而生。给人们的日常生活带来了极大的乐趣，让人们在繁忙疲惫的工作之后可以进行休闲。
1.3项目的范围和目标
(1)主要功能
登录与注销：管理员都可以用自己的帐号登录后台。
管理员操作完成后退出系统、注销后可以重新登录系统。
修改密码：管理员登录本系统之后都可以更改自己的登录密码。
音乐信息管理：添加音乐信息、修改音乐信息。
音乐 文章 ：编写对某音乐的个人感受 。
普通用户：普通用户可以浏览该网站，评论歌曲和文章。
(2)此次设计我们使用php编程，实现了个人音乐系统的过程。
本系统采用和myaql数据库管理系统作为开发工具，通过对个人音乐系统进行可行性分析、需求分析和设计逐步将一个个人音乐系统的开发过程呈现出来。
系统开发目标：制作个人音乐网站，让喜欢听歌的网友一起交流，一起欣赏歌曲。
互联网给学习者提供了丰富的超媒体资源，为网友创造出了一种由他们自行控制的娱乐环境，如果长期手动从网上找寻，就会产生一种无从适从的感觉〈佣降低网友的兴趣。
个人音乐网站是一个很有个性的娱乐网站，并且还有很大的发展空间。
二、项目进度计划
(1)本个人音乐系统是一套基于B/S(浏览器/服务器)结构的网络数据库系统。
该系统运行于服务器端，完全采用php+mysql开发，客户端只需安装有WINDOWS系统即可使用本系统。
该系统包括用户信息管理、音乐管理系统、音乐文章管理、评论管理、用户评论和系统用户管理等主要功能模块;
采用管理人员后台帐号管理，方便管理和及时更新
(2)项目开发计划
1.调研和需求分析
2.系统设计
3.编码及测试阶段
4.项目 总结
(3)用户需求分析
流行音乐之所以被称为“流行”原因之一是她有着传播的时效性。绝人部分流 行歌曲可以一夜成名，但是从人们脑子里消失得也很快。从前极力抢购的唱片可能不久之后就被束之高阁，人们追逐的永远是不同于以往的“新”星。
但是互联网的出现，一方而因为传播速度提高而加剧了这种时效性，另一方而却又利用其无限的网络胸怀使这些流行音乐具有了一定的持久性。
如果这两方面正是人们所需要的网站。音乐网站在创作、传播、欣赏方式等方而对流行音乐的发展都产生了前所未有的影响。
1.电脑网络技术的发展使人们通过音乐网站接触到了更多的流行音乐。
2.网民数量的激增使更多的人们通过音乐网站接触到了流行音乐。
3.音乐网站为流行音乐创作提供了更多的便利。
4.音乐网站刺激了流行音乐的传播。
5.音乐网站使流行音乐的欣赏方式发生了改变。
6.音乐网站不但刺激了流行音乐的传播，且也刺激了电子数码产品的频繁更新换代。
个人网站策划范文2
一、网站名称：__
二、网站的类型：我的个人网站
三、简述网站的建设方案
1.网站作用：让别人了解我认识我
2.网站规模：因为是个人网站一般由一二十个网页组成，所以规模不大
3.网站目标客户：同学，朋友，和广大青年朋友。
4.网站特色：我的这类网站受众一般为青年人，所以在色彩上和设计风格上追求青年人的口味，画面绚烂，在内容上的特色表现为：
(1)内容标准化与个性化。
(2)充分体现互动性。
(3)内容实用性。
(4)多媒体技术专业性。
(5)网站平台延展性。
5.网站的宣传 标语 ：展示自我，分享快乐。
四、网站的风格及配色方案
1.网站名称：
2.网站域名：
3.网站LOGO：
4.网站标准色：
整个网站以橙黄色为主基色，配以黑白色，我认为配这种色代表年轻人的激情。
5.网站标准字体：
在字体上我主张采用默认字体，因为这种字体无论在那种浏览器上都能正常显示。所以我采用系统默认字体。
五、网站的栏目设计(画出栏目结构图)
六、网站设计和制作中所采用的技术
1.特效功能
2.图片展示功能
3.文章查询功能
4.相册功能
5.在线视听功能
6.我的群功能
7.文件下载功能
8.在线留言功能
9.友情链接功能
10.时钟功能(Flash)
11.电子邮件功能。
12点至通讯录
13.圈子
14.网摘功能
15.新闻功能
七、首页的设计
简述为了使我的的首页美观生动，吸引人，在我的首页我还添加了形象开头动画，首先映入你眼帘的是美丽的__图片，在它的上面我添加可透明的FLASH动画，这样会使网页具有动态美的感觉，加上合理浅淡桔黄色，动听的背景音乐，无论是从视觉，听觉还是感觉上都是一个不错的网站。
在网站的右上角我还插了滚动字幕，这样可以让浏览着第一时间了解我本站的最新动态。
在网页的右下角是我的网站的名称，通过点击它就可以进入我的主页。
八、栏目页及内容页的设计构思
我的个人网站大体上包括一下内容：我的圈子，我的相册，我的音乐，最新动态，项目互动，资源下载，六大模块，这六大模块简介如下：
我的圈子简介：
(1)绍我的班级和我班级里边的同学，把我班里边的同学加到我的网页中并对每个人做详细的介绍，形成一个同学录一样的页面，在这里边每个人可以都可以尽量书写个人的 兴趣 爱好 。
(2)个人 简历 。首先是个人详细的 自我介绍 ，然后加上个人的求职信，个人简历，以便企业更深的了解我
(3)因为只要有的几乎都有自己的空间所以我可以加个超连接，连接到我的QQ空间我的相册。
我的相册简介：
(1)设计个人的相册
(2)朋友的相册
(3)贴图，如果发现好的图片我收集起来可以和广大朋友共同分享。
我的音乐简介：这个模块主要包括
(1)国内最新流行的音乐
(2)日韩最新流行的音乐
(3)欧美最新流行的音乐。
最新动态简介：
(1)本站公告
(2)站内新闻
(3)最新游戏
(3)新款服饰。
项目互动简介：
(1)请你留言，通过这个模块可以在线时时交流
(2)站内论坛。
资源下载简介：
(1)原创作品;在这里可以写个人的个人日志， 心得体会 。
(2)资源共享附栏目页或内容页模板图我的相册
九、网站完成后的自查：
网站在本地和上传到服务器中有无图片和动画无法显示或链接失效等情况通过反复的测试，在本地和上传到服务器中都没有发现图片和动画无法显示的或链接失效等情况。
个人网站策划范文3
一、确立网站的主题
当今，随着社会的发展和人们生活水平的提高。作为生活必需品。人们对其需求的目标也越来越丰富。因此我所要建立的网站是从事鞋类制品，以满足不同人的需要，明确前进方向。
二、搜集材料
明确主题之后，要围绕主题开始对主题相关资料的搜索。只有搜索的材料越丰富，网站的访问量才会越多。从而使网站的制作越容易。同时材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。
三、规划网站
加强对网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等方面的调节。熟练把握网站技巧和颜色的搭配。使制作出来的网页更具特色和个性。更加吸引别人的注意。
四、选择适当的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具很多。有许多可能我们还并不熟悉。
我认为对于初学者而言，除了要学会最基本的网页编辑工具dreamwear以外，像图片编辑工具，如Photoshop。动画编辑工具，如flash。特效工具等建立网页最基本的东西应该掌握。这样才能灵活的把握网站的主题。
五、制作网页
材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。
所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。
所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率，提高页面的美观效果。
六、上传测试
网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。
网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。反复测试直至全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。
七、推广宣传
网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的 方法 有很多，例如到搜索引擎上注册、与别的网站交换链接等。
八、维护更新
网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者。
个人网站策划范文4
一个成功的个人网站，前期的准备工作是至关重要的，好的开始等于成功的一半。在这一阶段有两个主要的问题需要考虑：
1、站点定位：
对于个人网站建设前期的定位是相当重要，你必须了解你做这个网站的目的，是为了宣传自己还是展示自己的爱好，本人感觉最好是定位在自己感兴趣或者自己工作的行业中，这样自己可能会对所确定的主题行业了解的更多些，很多人在建站初期总是喜欢在主页里堆积大量感兴趣的内容，但个人的精力总是有限的，因为无力维护而导致站点更新缓慢、内容匮乏，与其这样，不如选定一个主题做出自己的风格，不求大而全，但求小而精。
2、空间选择：
目前大部分个人网站还使用免费空间，免费空间其一会插一些提供商的 广告 ，其二速度慢，这些大家应该都知道本人感觉个人网站建设应该选择一款优惠的空间，其一相对稳定，其二有自己独立的域名。
建设期：
主题定位好了就要收集素材，和整理资料，要制作成功的个人网站熟练掌握设计和图形处理的技巧是很有必要，网站建设最重要的莫过于设计和内容，我们这里谈一谈设计。
1.个人网站建设方案要求：
第一、在导航上要尽量清晰明了，布局合理，层次分明，页面链接层次不要太深，尽量让用户用最短的时间找到需要的资料
第二、风格要统一：保持统一风格，有助于加深访问者对你的个人的印象。
第三、色彩要和谐、重点突出：在网页设计中，根据和谐、均衡和重点突出的原则。
第四、动态效果不宜太多
2、技术方案中要注意的一些事项：
第一、不要沉迷于技术的运用，少用那些华而不实的特效;
第二、统一网站的CSS，有助于保持整个站点的风格统一，并且方便修改;
第三、不要有弹出窗口效果。
第四、图像处理上要尽量处理得小些，有助于浏览速度。图片的合理压缩可以让页面美观而且文件小巧。
第五、不要试图用禁用鼠标右键等功能为你的主页加密，只会让你失去更多支持者;
总之，个人网站建设要明确主题，无论是宣传自己还是推销个人，在设计上可适当形成一种个人风格，要明确主次，主要的可放在显要位置、加粗或变颜色等。从而使浏览者第一时间产生视觉效果。
达到好网站的要求，另外个人网站建设在设计上不要太过花，许多个人网站做得很花，看上去很不够专业，还有点让人讨厌的感觉，想想这样的网站能留住几个人。
个人网站策划范文5
一、网站架设的目的和意义：
为适应信息技术的高速发展，我校需要建立“新桥小学网站”。网站建成后，该网站可以作为学校对外宣传的窗口，成为校内教师对外交流的平台，使网络更好地为教学服务。
二、网站建设宗旨：
为全校师生提供一部分稳定，健全的网络方面的服务，服务学校的 教育 教学工作，提高我校在铜陵及周边地区的知名度。三、网站规划与建设进度：
本网站为校内网站，不要求有过多的网络服务和过深的网络层次。
建议：
1、网站层次不要超过三层。(首页、大类、大类下的小类);
2、主要开通会员功能、论坛、邮件、FTP服务。
制作周期为3个月：第一个月搭建主体网站框架，编写后台支持程序;
第二个月完善主体框架，在框架下填充内容;
第二个月添加各项功能服务，并对网站进行最后测试。
四、网站结构/栏目板块(大类及小类空白处请校领导根据需要填写，不够的可自行补表)
学校概况
校园情况
教学设施
师资情况
学校组图
五、技术可行性分析
1、平台开发：使用WINDOWS2000SERVER架设服务器利用JAVA语言编写网站后台。
2、数据库：使用小型ACCESS数据库
3、系统开发：计划由学校组织建站领导小组，交给网络中心组织人员成立网站制作小组，开发制作。
4、网页设计：程珙
5、美工：伍梦明
6、内容设计：学校领导
六、管理
1、网站制作完成后由网络中心负责维护，和网站的更新。
2、校内需要发表文章及图片由教师及相关部门做好后放到指定的FTP文件夹下，通过管理员审核后上传到网站上。
3、网站建成后不在更改，除非在出现严重影响网站正常运行的严重错误时才进行维护性更改。
七、管理制度(请学校领导制定)

个人网站策划范文五篇相关文章：
2019网站建设策划书范文
网站设计总结5篇精选
策划个人总结报告范文精选5篇
公司网站策划书范文3篇
网站微信推广方案范文精选五篇
网站设计开题报告范文精选5篇
2020网络公司年度计划范文五篇
企业网站建设策划书方案范文
网站设计总结优秀范文
网络营销策划范文3篇

优秀的网站页面设计说起来很简单,可具体怎么做

首先应该有一个设计方案，把想放在网站页面设计上的东西做一个规划，比如说网站的整体风格，栏目和项目的具体样式有一个初步的规划，定下了初稿之后，才能更好的进行下一步。这一步呢就需要你来好好思考一下了！
如果是跨国公司或者韩国本土公司，需要做韩语网站的话，还需要把相对应的项目翻译一下，这样才能让网民有更高的阅读体验。并且这种情况建议使用三种语言，中文该国语言英语。
接下来就是具体的分步骤的网站页面设计了。一般来说分三个部分，首页，栏目页，内容页。那么大部分公司网站如何制作的呢？很大一步部分的公司网站都会选择把公司的logo放在左上角或者右上角等比较醒目的位置上。
顶部做一个导航栏，假如网页的整体背景使用的是公司图片的话，最好建议导航栏设计的与众不同一点，但是不要遮挡别的信息。栏目页，和内容页就比较简单，顶部底部不变，中间按照自己的需求改一下就ok了。
除了页面布局的规划、色彩的搭配、字体的选取需合理得当，还应合理利用标签、静态网页还是动态网页的选择上有一个笃定的规划。标签建议不要太少或太长，合理地利用网页标题、描述、关键字才能在同行业中具有竞争力。网页选择上建议选择静态网页，静态网页更容易被搜索引擎检索。除此之外，网页文件名的设置也格外重要，忌设置一些复杂、深奥的文件名。
总而言之，优秀的网站页面设计需要明确设计思路、有条不紊的栏目设置、熟悉制作流程、重视链接的插入、标签的设置、文件名的命名以及独立性、关联性的考量。只要遵循围绕主题进行的设计理念，才可以拥有一个适合自己公司，对公司有帮助的网站~

个人网站的具体设计方案

栏目设置
1,个人简介：包括200以上的文字介绍,5张或以上的作品图片展示.。
2,原创文学：记录自己生活中的一切感悟和思考。
3,学习笔记：随时更新和记录自己在学习过程的点点滴滴。
4,资源下载：学习软件下载：例如：Photoshop 、Dream weaver以及Flash等等。
5,相册图库：拥有大量的本人的图片以及自己喜爱的图图。
6,推荐酷站：推荐自己喜欢的站点，以供他人欣赏。
7.个人博客：链接到自己的博客，了解到站长最新的消息。
8.给我留言：人网站的交互式栏目,方便浏览者与站长进行的直接沟通.
一．服务人群：个人以及自己的朋友
二．个人网站定位：
为个人提供一个记录，交流，分享，展现自我及个性的属于自己的空间和平台，通过网站能够和朋友进行交流、学习。
三．个人网站服务功能说明
因为是个人网站，很多东西可能不愿意让陌生人知道，暂定进入网站需要登录，设置id和密码，并且登录后各人还需注册各用户名和id密码等，用来区分各人发表文章等的身份并设置权限，各板块都有二级权限，第一级是公开，第二级是只有自己会看到，并且在栏目那里不显现。
1) 记录
原创网络日志；照片上传；图片上传；音乐上传；学习资源上传
2) 交流分享
各板块里上传的东西都可以让别人发表评论或上传各样东西，即除非特殊需要，各资源都是公开及共享的并可供评论的。
3) 邮箱（如yingrui1227@163.com）
A. 可以收发电子邮件
B. 可以收发电子祝福，而且电子祝福可以分类管理，查看，编辑，区分。
C. 可以收发图片等等任何的数据，是对外联系的窗口
D. 分类：私人信件，工作信件，其他资料，最好自己的可以编写栏目。
四．个人网站栏目说明
1) 友情链接
链接到一些经常去的大型站点和某些比较好的学习网站，以为方便查阅和学习
2) 书香常伴
分享你看过或正在看的好书，以及读书后的一些感想，体会，建议
3) 音乐下载
分享美妙的音乐
4) 我形我SHOW
分享照片
5) 我心飞翔
分享突如其来的灵感，奇思妙想。充分的发挥自己的想象力
6) 梦想飞扬
写下自己的梦想，长期或短期目标，计划，通过这里查看你的梦想和计划的执行和实现度，并让朋友监督你并给建议，并不断改进。
7) 我很想对你说
平常对家人和朋友很难说出的话在这里都可以倾诉，让这里成为一个交流隐秘心语的所在
8) 公告 / 通知
忽然有变动（如换了电话号码）想告诉亲人朋友，可在这里记录
五．个人网站特点：
1．由自己定制，利用业余时间做，可以充分发挥自己的想象，展现自己的个性，成为展示自己和与朋友交流的平台。
2．网站具备个性化的魅力，比如独创的域名，通过权限的管理使不同的人看到不同的内容。3．图形界面的内容管理：网站形式的展示，分类和管理比文件夹式个人电脑管理更加直观，方便。
附录：
1、个人网站建设方案要求：
第一、在导航上要尽量清晰明了，布局合理，层次分明，页面链接层次不要太深，尽量让用户用最短的时间找到需要的资料
第二、风格要统一：保持统一风格，有助于加深访问者对你的个人的印象。
第三、色彩要和谐、重点突出：在网页设计中，根据和谐、均衡和重点突出的原则。
第四、动态效果不宜太多
2、技术方案中要注意的一些事项：
第一、不要沉迷于技术的运用，少用那些华而不实的特效；
第二、统一网站的CSS，有助于保持整个站点的风格统一，并且方便修改；
第三、不要有弹出窗口效果。
第四、图像处理上要尽量处理得小些，有助于浏览速度。图片的合理压缩可以让页面美观而且文件小巧。
第五、不要试图用禁用鼠标右键等功能为你的主页加密，只会让你失去更多支持者；
总之，个人网站建设要明确主题，无论是宣传自己还是推销个人，在设计上可适当形成一种个人风格，要明确主次，主要的可放在显要位置、加粗或变颜色等。从而使浏览者第一时间产生视觉效果。达到好网站的要求，另外个人网站在设计上不要太过花，许多个人网站做得很花，看上去很不够专业，还有点让人讨厌的感觉，想想这样的网站能留住几个人。