探讨个人网站设计和制作的思路

时间：2022-08-19 12:21:02 | 来源：网站运营

时间：2022-08-19 12:21:02 来源：网站运营

​​　　摘要：个人网站设计和制作的思路将从 （网站的主题和名称， 网站的形象设计， 网站的栏目和版块编排， 网站目录结构与链接结构……） 等方面介绍如何设计网站入手。
　　1 导言
　　在计算机网络快速发展的今天， 网络技术已经广泛深入到各个行业， 并发挥着重要的作用。作为网络世界支点的网站， 更是人们关注的对象。越来越多的企业、组织， 甚至个人都建立了网站。个人网站设计和制作的思路将从 （网站的主题和名称， 网站的形象设计， 网站的栏目和版块编排， 网站目录结构与链接结构……） 等方面介绍如何设计网站入手， 最终制作出较为良好的个性化网站。

　　2 个人网站的设计和制作步骤
　　2.1 确定网站的主题和名称
　　制作一个网站， 首先要确定网站的内容。一般来说作为个人网站的题材最好是在自己比较熟悉的工作范围内， 或者是自己对某一领域感兴趣， 了解的知识较多， 一方面有自己的思想和见解， 能够做出自己的个性和特点；另一方面在制作时由于有素材和资料， 做起来比较顺手。
　　其实当我们在说到确定网站结构的主题时也可以说是对一个网站首页的确定， 首页是最重要的部分， 因为它是别人看到这个网站的第一眼。最好在第一页就对这个网站的性质与所提供的内容做个扼要的导引， 让别人判断要不要继续点击。最好在第一页就有很清楚的类别栏目选项， 而且尽量人性化， 让浏览者可以很快找到需要的东西。在设计上， 最好秉持干净而清爽的原则。
　　在内容的选择上， 尽量将图片压缩及避免加上不当的程序， 以减少浏览者的下载的时间。页面设计要尽量简洁避免杂乱， 因为太多太乱观众会找不到所要的东西。
　　网站题材千奇百怪， 琳琅满目， 究竟应该如何选择呢？我这里选用的是以目前正在工作的“南阳信息工程学校”为主题。
　　2.2 确定网站的形象设计
　　（1） 设计网站标志 （LOGO） .LOGO是指网站的标志。它是作为一种识别和传达信息的视觉图形， 体现着品牌的特点和企业的形象。设计一个有特色的LOGO, 可以让用户看到它就能想到你的网站。
　　（2） 设计网站色彩。人的第一印象主要来自于视觉， 好的色彩搭配会产生印象深刻的视觉效果。一个网站的标准色彩不超过3种， 太多则让人眼花缭乱。
　　（3） 设计网站字体。标准字体是指经过设计的专用以表现企业名称或品牌的字体。一般网页默认的字体是宋体。为了体现站点的特点和风格， 可以根据需要选择一些特殊字体。
　2.3 确定个人网站的栏目和版块编排
　　在确定好主题和设计形象后， 接下来就是考虑如何进行栏目的设置。在设计栏目时， 可以根据网站的内容进行分类并确定主题， 主题栏目应在整个网站中占主导位置。
　　构建一个网站， 要做到主题明确、层次清晰。上面工作做好后就要着手进行栏目和板块的编排工作。制作网站时需要进行合理的规划和安排， 否则易出现网站内容庞杂， 层次不分， 目录、板块编排混乱等。使观众在浏览网页时不知所措， 而且以后在对网站进行维护和升级时也非常困难。因此栏目编排时要考虑以下内容：栏目内容简洁， 无关内容不要显示；将最有影响力的内容放在栏目上；栏目要方便用户的浏览和操作；板块的编排设计要合理安排和划分， 使每个板块都有自己的栏目。 的站点分品牌故事、可口可乐活动、可口可乐家族、COOL礼中心等板块。
　　现在资料有了， 那么如何组织呢？栏目其实就是网站内容的概括和分类， 它的作用是将网站的主体明确显示出来， 就这一方面的实现， 我采用了关于表格的应用来实现的。
2.4 网页的背景设计
　　一个具有吸引力的网站， 不仅要有比较新颖的内容， 而且还要有一个具有吸引力的背景， 现在背景已经成为决定网站的视觉效果如何的核心特征之一。网页的背景设计是吸引用户的一个重要内容。背景设计的好坏将直接影响浏览者对网站的印象， 如果你登录国内比较知名的的网站如新浪、搜狐等， 就会发现在各大网站上， 甚至在同一网站的不同页面上， 都有不尽相同的背景设计。那么网站的背景都有哪些， 又是如何设计的呢？
　　（1） 图片背景。图片背景的主要特点是整个页面的背景可以看作是局部背景的反复重排， 事实上， 图片的反复重排， 给网站的美观会带来不良的影响。因此， 在这里， 我选择了颜色背景。
　　（2） 颜色背景。颜色背景的设计是最简单的， 也是最为常用和最为重要的， 因为相对于图片背景来说， 它在显示速度上是其它背景设计无法比的。
　2.5 目录结构与链接结构
　　网站的目录是指建立网站时创建的路径， 一般是一个个的文件夹。目录结构对于网站的维护和以后内容的增加和修改有着重要的作用。因此建立目录结构时要合理安排， 如不要将所有文件都存放在根目录下；按栏目内容建立子目录；在每个主目录下都建立独立的Images目录；目录的层次不要太深， 不要超过3层；不要使用中文目录， 使用中文目录可能对网址的正确显示造成困难等。
　　网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上， 但可以跨越目录。一般建立网站的链接结构有两种基本方式。
　　（1） 树状链接结构 （一对一） , 是指首页链接指向一级页面， 一级页面链接指向二级页面。这样的链接结构浏览时， 一级一级进入， 一级一级退出， 优点是条理清晰， 访问者能够确定自己在什么位置， 但是浏览效率低， 从一个栏目下的子页面转到另一个栏目下的子页面， 必须回到首页再进行。
　　（2） 星状链接结构 （一对多） , 是指每个页面之间都建立有链接。特点是给浏览者带来方便， 随时可以打开自己喜欢的页面。但由于链接太多， 容易使浏览者不能确定自己当前的位置， 浏览了多少内容。
　　这两种链接结构各有优缺点， 在网站制作过程中， 一般是把这两种结构混合起来使用。这样浏览者既能够快速地到达自己需要的页面， 又能够清楚自己的位置。因此最好的方法是：首页和一级页面之间用星状结构， 一级和二级页面之间用树状链接结构。链接结构的设计， 在网页制作中是十分重要的一个部分， 它将直接影响到版面的布局。在我的班级主页里， 我暂时链接了几个简单的页面。
　　2.6 设计网络的整体风格
　　要让别人记住自己的网站， 就必须让网站有其它网站所没有的特色， 并把它作为网站的风格加以修饰和扩充， 在网站上进行宣传。比如coca-cola的斯宾塞体字形， 与白色字体形成强烈对比的红色标准色， 流动的水线等， 无不在传递着青春、活力、轻松与自在。因此， 我将同事写的文章， 校园内发生的感人故事及学生的成长照片放在网站上。同时， 也希望能通过网站将同学之间的友谊获得交流。
　　2.7 申请域名并获取网站空间
　　域名是网站在互联网上的名字， 就好像给自己网页在互联网上安个家， 确定“门牌号”, 这样大家才能对号入座， 找到你的“小家”访问你。有了域名， 你还必须找到存放主页的空间， 现在提供免费主页空间的网站是越来越少， 不过只要你愿意不断地去挖掘， 天下总有免费的午餐。　　
　　2.8 推广自己的网站
　　网站要想得到公众的认可和关注， 除了要有丰富、准确、实用的内容和较好的浏览方式外， 网站的推广也占着举足轻重的作用。一般来说， 网站的推广有以下几种方式。
　　（1） 搜索引擎推广。搜索引擎推广是指利用搜索引擎、分类目录等具有在线检索信息功能的网络工具进行网站推广的方法。
　　通过在着名的搜索引擎站点注册是推广网站常用的方法。注册搜索引擎有一定的技巧， 像Alta Vista、搜索客这样的搜索引擎， 它自动收录提交的网址。另外， 注意Meta的使用， 不要提交分栏Frame页面， 大部分搜索引擎不识别Frame, 所以一定要提交有内容的Main页面。
　　而像Yahoo、搜狐等搜索目录网站采用手工方式收录网址， 以保证收录网站的质量， 在分类查询时获得的信息相关性比搜索引擎站点 （靠Spider自动搜索的） 更强。由于搜索目录网站的人为因素相对较多， 因此在提交网站时要注意遵守规则。如Yahoo要求注册站点描述不超过25个单词。在此要注意：将网址提交到最合适的目录下面， 要认真详细的介绍网站， 千万不要有虚假、夸张的成分。
　　（2） 交换链接推广。交换链接是具有一定互补优势的网站之间的合作方式， 即在自己的网站上放置对方网站的LOGO或网站名称并设置对方网站的超级链接， 使得用户可以从合作网站中发现自己的网站， 达到互相推广的目。交换链接的优势：获得一定的访问量、增加用户浏览时的印象、在搜索引擎排名中增加优势、通过合作网站的推荐增加访问者的可信度等。交换链接还有比是否可以取得直接效果更深一层的意义， 一般来说， 每个网站都倾向于链接价值高的其他网站， 因此获得其他网站的链接也就意味着获得了合作伙伴和一个领域内同类网站的认可。
　　（3） 电子邮件推广。以电子邮件为主要的网站推广手段， 一般包括电子刊物、会员通讯、专业服务商的电子邮件广告等方法。以电子邮件为主要的网站推广手段应采用用户许可的Email营销方式以减少邮件信息对客户的干扰、提高客户定位的准确度、提高诚信度等。也可通过其它途径收集特定的邮件地址， 给特定的网络客户发送邮件， 在某个网络群体中推广自己的网站。
　　3 结论
　　总之， 我希望我个人的网站设计和制作水平在吸取别人或者别的网站精华的同时有自己的特色， 内心非常希望自己的水平能得到很大的提高， 希望大家提出宝贵建议。笔者相信， 个人网站能独树一帜， 鹤立鸡群。我能通过实践与理论的检验， 最终将把自己的网站设计和制作得更加完美。
　　参考文献
　　[1] （韩） I.RI色彩研究所着， 李华强译。Web Color Design设计师谈网页配色 （全彩） [M].电子工业出版社， 2002, 9
　　[2] 周明涛。Dreamweaver 4网页设计 （网络实用技术丛书） [M].机械工业出版社， 2005, 10
　　[3]林东。计算机网络技术[M].电子工业出版社​​​​