个人网站设计精选(九篇)

前言：一篇好文章的诞生，需要你不断地搜集资料、整理思路，本站小编为你收集了丰富的个人网站设计主题范文，仅供参考，欢迎阅读并收藏。

第1篇：个人网站设计范文

关键词：个人网站；Dreamweaver；flash；html

中图分类号：TP393文献标识码：A文章编号：1009-3044（2013）35-8096-02

1网站制作基本说明

1.1制作人员所需具备技能

静态网页设计与制作是网站建设与开发的重要步骤，如果要想制作出美观、实用的网页，需要制作人员需掌握网页设计基本工具的使用，首先，制作者要掌握HTML标签和语法规则，可以使用记事本等工具编写基本网页，还要掌握dreamweaver网页设计与制作软件，同时，网页设计与制作过程中还要对图片进行处理，所以制作人员需要熟练操作photoshop等图像处理软件。网站制作完成后，制作人员需要具备空间、域名申请和上传网站的能力。

1.2网站运行环境

硬件环境

CPU：主频在166MHz以上，Intel或AMD。

内存：容量在32MB以上。

硬盘：空间在1GB以上，转速在5400转/秒或者更高。

显示器：尺寸在15英寸以上，色彩为16位色以上，分辨率800*600，推荐使用1024*768。

显卡：VGA显卡，显存在1MB以上。

软件环境

操作系统：简体中文版WindowsXP。

浏览器：InternetExplorer4.0/5.0。

调试与运行辅助工具：InternetInformationServer。

2网站的总体规划

2.1网站总体规划

根据自己的思考和设计前的准备，将此个人生活网站分为“首页”、“日志”、“相册”、“个人档”、“音乐”、“收藏”这6个网站模块。总体结构图1所示。

2.2网站的风格

网站整体运用格布做背景，格布上加入格布花、纽扣等进行点缀。风格上主要强调简洁、大方、布局简单的特点。主页由flash制作，通过div+css布局模式进行网站布局风格的统一，同时利用CSS层叠样式表对网站的导航和字体大小以及版权信息进行统一的设计，使得网站的风格得到了统一。

3网站开发过程

3.1素材准备

素材的准备是制作网站的基本条件，只有准备好必备的素材，才能够快速的制作网站，而不会浪费不必要的时间和精力。

准备网站的素材不仅要从网站的各个栏目的规划考虑，也要考虑各个页面用到的图片、内容、特殊效果等等，具体的网站有：网页大宝库、懒人图库、素材精品屋等。

准备好素材以后，需要对文本、图片、样式、特效等进行基本的处理，同时还要将素材进行分类，具体分类文件夹如：images、flash、music、style。

3.2首页制作

首先把整理好的素材分别放在images、flash、music三个文件夹下。

建立站点

1）打开Dreamweaver软件。

2）单击“站点”菜单，进行“新建站点”操作。

3）在站点定义对话框中输入网站名称“mywebsite”，本地根目录文件夹”是指你网站保存的磁盘路径，选择d：＼myweb后，单击“确认”按钮。

4）经过以上基本操作，一个站点就建立好了。

5）把images、flash、music三个文件夹剪切到站点文件夹下，再新建html文件夹。

6）右键单击“站点”面板中根目录下的html文件夹，新建网页首页文件，命名为”index.html”。

7）打开首页文件index.html进入编辑状态。

8）建立表格，使表格居中对齐。

9）点击表格内部在执行菜单中，插入——媒体——flash。

10）同样的方法插入flash背景音乐文件未命名-5.swf。

11）点击修改——页面属性——外观——背景图像，单击浏览选择所需背景图片。

4模版的建立

1）首先建立一个大表格并且使表格居中，接着制作嵌套表格，使用插入表格命令，在大表格内插入所需行数和列数表格，设置宽度百分比“Percent”（百分比），在文本框中输入100，单击“OK”，所插入的表格刚好充满第一个单元，然后插入一行三列的表格，左右分别为100宽居中表格宽度为600，最后再居中嵌入一行七列的导航栏和一列的文本内容栏。

2）表格嵌套完成后开始编辑导航条，首先输入导航文字内容，给每栏文字分别添加链接为【#】点击导航条表格的，在属性菜单下编辑边框大小为3、颜色为#FFCC99。选择执行菜单中，页面属性——链接，设置文字链接，添加链接效果：链接颜色与已访问链接颜色为#ffcc99变换图像链接颜色为#ffff00，下划线样式为仅在变换图像是显示下划线。

3）添加网页背景图案，页面属性——外观——背景图像，选择好事先存放在images里的背景图案。

4）添加table中的背景图案，单击在属性中选择背景图像，添加图像，这样模板就完成了。

作者：胡旭

参考文献： 

第2篇：个人网站设计范文

关键词:网站 艺术设计 网页色彩

网络在现实生活中正充分发挥着重要作用,而随着科学技术的发展,网络在将来也有着无限的潜力。网站受到了社会各个领域的重视,政府机构需要利用网络来公布政府信息;商业企业需要利用网站来树立企业形象、产品信息、开拓国内外市场;个人也要利用网站来展示自我。网站对人们的交流和沟通起着极其重要的作用。

网站技术与艺术结合的紧密性

电脑用户畅游在互联网上时,在浏览器中所看到的各种各样缤纷多彩的网站页面,都是设计者精心的艺术设计。

所谓网站,可以看做是一系列文档的组合,这些文档之间通过各种链接关联起来,可能拥有相似的属性,例如描述相关的主体,采用相似的设计,或实现相同的目的等;也可能只是毫无意义的链接,利用浏览器,就可以从一个文档跳转到另一个文档,实现对整个网站的浏览。

合理地安排网站布局,对浏览的效果是非常重要的。网站中的网页艺术设计应该具有统一性,这样才能够突出站点要表述的主题,也同时能够帮助用户快速了解站点的结构和浏览机制。文档艺术统一化的特征之一就是在多个网页上重复出现某些对象,如文本、图像或声音等。例如,在每个网页上的左上角放置公司的徽标,在右下角放置创作者的联系地址。实际创作时,维护这种风格的操作可并不简单,这是因为一个公司的徽标可能由几幅更小的图像和文本组合而成,要放置公司的徽标,不仅需要在页面上插入图像和文本,还需要精确调节它们之间的位置,以最后形成徽标。如果要往多个网页上放置徽标,对每个网页都需要进行上边同样的操作,而且还可能由于位置的摆放不整齐等原因,造成网页间徽标形象的不统一,从而影响网站的整体质量。因此,网站的艺术设计要在网站规划时就准备好。

设计是主观和客观共同作用的结果,是在自由和不自由之间进行的,设计者不能超越自身已有经验和所处环境提供的客观条件限制。优秀的设计者正是在掌握客观规律的基础上得到了完全的自由――一种想象和创造的自由。网络技术主要表现为客观因素,艺术创意主要表现为主观因素,网页设计者应积极主动地掌握现有的各种网络技术规律,注重技术和艺术的紧密结合,这样才能穷尽技术之长,实现艺术想象,满足浏览者对高质量网页信息的需求。

艺术设计是一门独立的艺术学科,它的研究内容和服务对象有别于传统的艺术门类。同时,艺术设计也是一门综合性极强的学科,它涉及社会、文化、经济、市场、科技等诸多方面的因素,其审美标准也随着这诸多因素的变化而改变。艺术设计贵在创造活动与实践。因此,艺术设计实际上是设计者自身综合素质,它包括表现能力、感知能力、想象能力。例如,浏览者欣赏一段音乐或电影,以前必须先将这段音乐或电影下载回本地机器,然后使用相应的程序来播放,这是由于音频或视频文件都比较大,需要较长的下载时间。流技术出现以后,网页设计者充分、巧妙地应用此技术,让浏览者在下载过程中就可以欣赏这段音乐或电影,实现了实时的网上视频直播服务和在线欣赏音乐服务,这无疑增强了页面传播信息的表现力和感染力。

网络技术与艺术创意的紧密结合,使网页的艺术设计由平面设计扩展到立体设计,由纯粹的视觉艺术扩展到空间听觉艺术,网页效果不再近似于书籍或报纸杂志等印刷媒体,而更接近于电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合,把浏览者带入一个真正现实中的虚拟世界。技术与艺术的紧密结合在网页艺术设计中体现得尤为突出。

网络多媒体的综合性

多媒体就是指多种媒体(包括文字、图形、图像、声音、动画等媒体)交织在一起反映信息的表现形式。网络多媒体指的是集多媒体技术、计算机网络通信技术、音视频技术和控制技术于一体的形式。多媒体技术的发展也使网页技术不断发展。随着网络宽带的增加、芯片处理速度的提高以及跨平台的多媒体文件格式的推广,必将促使设计者综合运用多种媒体元素来设计网页,以满足和丰富浏览者对网络信息传输质量的更高要求。目前国内网页已经出现了模拟三维的操作界面,在数据压缩技术的改进和流技术的推动下,Internet网上出现了实时的音频和视频服务,典型的有在线音乐、在线广播、网上电影、网上直播、网络电话等。因此,多种媒体的综合运用是网页艺术设计的特点之一,是未来的发展方向。

网页不同于传统媒体之处就在于信息的动态更新和即时交互性。即时的交互性是Web成为热点的主要原因,也是网页设计时必须考虑的问题。传统媒体(如广播、电视节目、报纸杂志等)都以线性方式提供信息,即按照信息提供者的感觉、体验和事先确定的格式来传播。而在Web环境下,人们不再是一个传统媒体方式的被动接受者,而是以一个主动参与者的身份加入到信息的加工处理和之中。这种持续的交互,使网页艺术设计不像印刷品设计那样,发表之后就意味着设计的结束。网页设计人员必须根据网站各个阶段的经营目标,配合网站不同时期的经营策略,以及用户的反馈信息,经常对网页进行调整和修改。例如,为了保持浏览者对网站的新鲜感,很多大型网站总是定期或不定期地进行改版,这就需要设计者在保持网站视觉形象一贯性的基础上,不断创作出新的网页设计作品。

网站艺术设计的色彩构成表现

随着网络技术的不断发展,网站建设已经成了一门艺术,网页艺术设计是艺术与技术的高度统一,它不仅包含网页设计元素与版式设计两项内容,而且具有版面布局的合理性、艺术与技术结合的紧密性等特点。

色彩构成即色彩的相互作用,它是从人对色彩的知觉和心理效果出发,用科学分析的方法,把复杂的色彩现象还原为基本要素,利用色彩在空间、量与质上的可变换性,按照一定规律去组合各构成之间的相互关系,再创造出新的色彩效果的过程。色彩构成是艺术设计的基础理论之一,它与平面构成及立体构成有着不可分割的关系,色彩不能脱离形体、空间、位置、面积、肌理等独立存在。重复、渐变以及空间构成都是色彩构成的方式,它们同样也适用于网页。运用这些形式不仅可以使网页具有充实、厚重、整体、稳定的视觉效果,而且能够丰富网页的视觉效果,尤其是空间构成的运用能够产生三维的空间,增强网页的深度感以及立体感。色彩情感的进一步升华在于它能深刻地表达人的观念和信仰,这就是色彩的象征性意义。因此,网站设计要懂得如何使用色彩来表达内容及象征性意义。

网站版面的艺术表现

网页版式设计根据网络应用的不同,在各个方面制定的标准也不会完全统一,因此,网站设计无法控制页面在用户端的最终显示效果,正因为如此,网页艺术设计的魅力也就很好地表现出来了。我们可以从两种不同的网站来探讨其版面的艺术表现。

第一,个人网站。个人网站是针对个人的爱好和专业特长,并按照个人的想法收集资料,然后制作的网站。个人网站的性质决定了网络赋予每个人无限的自由和空间,只要在法律允许的范畴内,任何个人和企业都可以在网络中自由创造。因此,随心所欲,展示自我即为个人网站的鲜明特色。根据个人网站的丰富色彩和自由展示的内容,其特点为:1.个性化。在色彩的运用、内容展示及结构规划上,个人网站可以凭自己的爱好,在网络中尽显个性。2.多样性。网络赋予了每个人无限的空间,人们完全可以通过自己掌握的网页制作技术,来制作出自己希望展现在网络中的形式和内容。3.单一性。个人网站的另一特点就是单一性,由于个人网站受人力的制约,通常反映的只是个人的爱好和专长,所以在内容方面存在着单一性。

第二,企业宣传网站。企业网站的范围很广大,涉及各个领域,但它们的共同特点都是以宣传为主。企业宣传自己的目的都是为了提高企业形象,希望有越来越多的人能关注自己的公司和产品,以获得更大的发展,所以这一点是网站设计者最需要理解和关注的问题。制作企业宣传网站要根据企业所处的行业、企业自身的特点、企业面向的用户,以及企业最新最全的资讯,深入了解企业才能制作出适合企业特点的网站。

总之,制作一个完美的网站,首先考虑的是对网站的整体策划,然后再收集资料、创建本地站点、制作网页。在制作网页过程中,还要考虑到网站设计的艺术性,因为合适的布局和个性的色彩基调是策划网站的前提条件,可以使整个网站的气氛更活泼生动,更有人气。

参考文献:

1.钟蜀珩:《色彩构成》,中国美术学院出版社。

2.胡崧:《网站建设实例大制作》,中国青年出版社。

3.匡文波:《网络媒体概论》,清华大学出版社。

第3篇：个人网站设计范文

>> 浅谈网站设计的规划 浅谈旅游公司网站的设计 浅谈网站的设计与开发 浅谈网站设计的技术要求 浅谈如何设计成功的网站导航 浅谈网站导航设计 浅谈网站风格设计 网站的设计 浅谈网站设计的风格、色彩与排版 浅谈护理信息网站的设计与建设 浅谈小型企业网站的设计 浅谈高并发网站的设计技巧 浅谈高校校园网网站的版面设计 浅谈精品课程网站的设计与建设 浅谈电子商务网站的设计与应用 浅谈网页设计与网站建设的创意与实施 浅谈校园门户网站的设计与实现 浅谈用户体验在网站设计中的体现 浅谈教育网站中网页背景的设计 浅谈主流女性网站的页面设计 常见问题解答 当前所在位置：l、.htm为扩展名。

二、动态页面

和静态页面相比，字面意思就与静态页面相反，其内容也是与静态网站相反的。动态页面是网站与客户端那边用户互动的页面，是通过执行asp、php、jsp、net等程序生成客户端网页代码的网页。动态页面一般是通过网站上的后台管理系统对网站的内容进行更新管理的，就是平时我们用浏览器浏览的一些网页，这些网页是在不断更新中的，人们可以在上面各种新闻，产品信息，甚至甚至交易。这些都是动态网页的一些基本的和常见的功能。动态页面常见的扩展名有：.asp、.php、.cgi等。动态页面是一种最常见的网站表达形式，其优点在于可以根据先前所指定好的程序界面，根据用户的不同请求返回相应的数据。动态网站可以说是多方资料对应多方需求的网页，从而达到资源的最大利用和节省服务器上的物理资源。如果今后需要改变站点风格，只需要重新制作前后台所访问的数据即可。只要数据库结构不变，可以很快地进行改版。

三、网站中的图像

打开网站，依照人们的视觉顺序首先看到的应该是网页的顶部，所以顶部应该放上能够让读者一目了然的网页基本介绍，LOGO是网页的基本形象。

为网站设计一个好的LOGO是必要的。好的LOGO可以给人非凡的印象，使人们过目不忘，而且回头率往往高过网站内容。好的LOGO要颜色鲜艳，内容简练，使读者一目了然而且容易理解，从简易的方向出发，达到易读的效果。用photoshop把做好的LOGO放在网站的顶端，然后无缝连接，之后再在后面加入本网站的链接。

网站背景图片是网站作过程中不可缺少的基本元素。背景图片的寻找是要有一定讲究的，不能与网站内容差异太大，要符合网站的本意，言而不实的网站是不会吸引读者的，那么所设计的网站就没有意义。

所以说好的网站背景图片与好的网站设计是分不开的。我们往往找到了合适的网站背景图片，图片的边缘部分与背景会有一定的差异，也就是图片的背景和之前所设计的网站背景差别很大，如果生硬地把他们放上去，看上去相当不自然，如同一块补丁在上面，会影响网站效果。这时候我们就需要利用修改图片的工具photoshop。在处理图片时，一般用羽化、过渡、填充等效果来实现这一目标。这样会使图片边缘更加融于网站的底色。底色，就是在进行网站设计时，一般可以采用固定的背景做底色，或者指定一副图像或多幅图像作为网站的底板。这样做出来的网页才更为生动，更难惹人眼球，作为一个设计师这是必要的。不一样的底纹给人们带来的感觉也是不一样的。红色的底纹给我们带来喜悦和视觉冲击，白色给人平稳、安静的感觉，黄色使人积极进取……这还要根据网站所要表现的内容而决定，虽然网站的内容是以传递更多更丰富的资料给大家的，但是再多的资讯和信息都要忠于一个大的环境主题。

要想建立一个个人网页，最重要的是先做好前期的准备工作。

想要建立一个成功的网站，我们就要根据自己的需要和现代社会的形势，不能太偏激太自我，还要符合大众的口味。现在很多设计网站的设计师们大多在准备期间大量的搜集自己感兴趣的资料在页面里面，在后期因为个人能力有限没有足够的时间去维持大量的新鲜的资料而无力维护页面的更新，导致个人信心下降，其实原因不在于网站的设计，而是前期想要表现太多的内容导致的。所以要有一个持续的、更新良好的网站，我们最好选定一个固定的风格，有一个主题来表达，只要缩小了以后更新的范围，给读者也就锁定了目标。平稳的风格使读者也有了平稳的心情去享受你的网页，这样读者会产生一种平静的心态，以这种心态去浏览你的网页上的内容，读者能够读进去，能体会到办这个网站的目的，这样读者会慢慢的喜欢上你这个网站，会经常来浏览，这样人气指数就会上升的。

第4篇：个人网站设计范文

一、策划书封面四种内容构成：

一种：策划书的名称：将策划主题体现出来，让使用者一目了然。

二种：策划者姓名：策划小组名称及呈圆形名列示出来。

三种：策划书制作时间：年、月、日。

四种：策划书的编号。

二、策划书的正文 摘要：策划目录以及对策划内容的简要说明。

1、目录：

2、前言：策划经过的说明。

3、策划内容的详细说明。

4、策划实施步骤以及各项具体分工：时间、人员、费用、操作等。

5、策划的期望效果与预测效果。

6、策划中的关键环节，策划实施中应注意的事项。

7、策划书的附录。

8、供参考的文献与案例。

9、如有第二、第三备选方案，列出其概要。

10、其他与策划内容相关的事宜。

网站策划书（一）

一. 网站建设目标

1.1 网站目标：

随着中国加入WTO ，Internet 也在以迅猛的势头在国内爆发式地增长，网络凭借其卓越的互动性与便捷的交流手段正成为最有发展潜力与前途的新兴媒体，成为众商家倍为关注的宣传热点。尤其是传统大型企业更应该充分利用互联网技术，为客户、合作伙伴在网上提供信息服务，并且借助互联网，敏锐的捕捉商机。

作为服务行业的先锋专业企业，蒙牛集团更需要建设好网站，将其作为对外宣传、服务和交流的载体，来配合集团的迅速发展，使网站具有鲜明的行业特色，使更多的企业通过网络来了解集团，使更多的客户通过网络来了解集团的产品。

1.2 设计原则

整个网站以清凉的感觉为主线进行设计，使人看到网站就有一种很清爽的感觉从而想到我们的产品— “随便”雪糕。

二、策划主体：蒙牛“ 随变” 雪糕

三、主体分析：

1. 本体信息分析：雪糕是夏季生活中人们非常喜爱的食品，最基本的特征是解渴，

在炎热的夏天带给人一丝清凉。同时蒙牛“ 随变” 雪糕是牛奶和巧克力混合制成的，口感好，味道香浓。是蒙牛集团的产品，质量有保证。

2. 附加信息分析：除了本身的口感好，好吃外，还有就是借助雪糕名称“ 随变” ，可以传达出时尚，个性，青春有活力的讯息。

四、客体分析：追求时尚、个性和新奇的年轻人

首先雪糕作为一种零食，他的消费群体一般都是以小孩和年轻人为主，这是产品本身的特点决定的。但小孩的消费一般都是由大人决定的，所以我们选择年轻人作为客体，一是因为年轻人比较追求时尚，喜欢个性的东西，再就是年轻人一般都会追求品牌，追求新奇的事物。

“ 随变” 雪糕作为蒙牛的一个品牌，其质量品质是不用怀疑的，他的美味是吸引人的主要原因；

借助“ 随变” 这个特殊的名字，在广告中增加其的使用率，一味的强调可以让更多的人记住他。同时，“ 随变” 还具有一定的时尚气息，具有其独特的个性，抓住受众求新的特点。

五、目标定位：

作为第一个推销产品的广告，提高这个产品牌子的知名度，让更多人了解熟悉这个牌子。

六. 网站整体结构

先以一个 FLASH 页面出现，以此引出我们的产品，然后网站内导航栏上依次要写出该产品的制作，介绍，所含的主要配料，销售产地，联系方式等等相关内容，下方有会员的登陆和注册的页面，还有一些链接的页面 ……

七. 主要栏目及网站管理功能说明

6.1 网站首页的勾画

首页是企业网站的第一窗口，决定客户对企业文化第一印象认知度的关键页面，首页的布局和页面风格的设定，对网站整体定位起着决定性的作用。拥有专业而朝气的美工设计队伍，精彩的FLASH 矢量动画技术和资深的网站策划工程师。为客户的网站度身定制独有的风格和整体形象结构。

设计师为蒙牛“随便”雪糕网站精心设计的FLASH 形象

6.2 首页内容

网站提供访问者注册会员端口，集团可以根据现有的优惠政策或其他吸引方式吸引访问者注册会员，访问者只需输入简单注册信息，即可成为*** 会员。所有会员的信息资料均存储于系统数据库中，以直观的表格形式呈现于后台，管理员可以很方便的对会员信息进行管理，可以查询、修改、删除会员的信息。

会员系统同电子邮件群发系统的结合，能够将公司的最新的动态、活动情报和优惠信息传达给客户，体现会员的优势。

会员系统的采用，为集团产品的市场运作提供真实有效的信息支持。

会员注册页面（具体注册项目以*** 要求为准）：

会员登录页面：

会员面板（用户端）：

会员管理面板：

邮件群发（推荐）

邮件群发系统是网站管理员与会员沟通以及企业推广产品的工具。网站管理员可选择不同类型的会员群发邮件，邮件内容可以是文本格式，也可以是HTML 页面格式，发送邮件还可选择个性化发送，即在邮件中带上该会员的名字，例如：“尊敬的某某”，这样让接收者感觉信是专门为他而发，觉得很亲切，从而对信件内容的排斥就会减少很多。

电子邮件地址自主添加、查看、删除

6.3 首页FLASH 内容

有一对情侣坐在一起约会，天气很热，男孩问女孩要什么冷饮，女孩说“ 随变” ，男孩去买，他在柜台随便买了个就回来，递给女孩，女孩一看郁闷了，说我不要这个. 男孩又去买… 又回来… 女孩还是不要；男孩又去换了种，女孩还是不要，还很不耐烦的说你怎么这么苯啊，男孩就郁闷了—— 一向很温柔的女朋友怎么象变了个人。女孩说我要的是＂随变＂男孩再次去柜台，这次正好买了根随便，女孩这次很开心～～

可是这次男孩不管跟女孩说什么甜言蜜语，女孩都只顾吃＂随变＂除了摇头就是点头，最后的男孩生气了，甩头走了，女孩还在吃自己的＂随变＂;

男孩火冒三丈，跑去柜台买冷饮，老板问他要什么样的，他无所谓的说随便，老板给了他一根" 随变”, 刚放嘴里就觉得美味无比，他突然理解了女孩. 跑回去找女孩，最后两个坐在一起啃” 随变” 。

八、可行性、可操作性分析：

随着天气的逐渐炎热，雪糕必定会大面积的上市，要想在同类产品中脱颖而出，必定需要网站的宣传。作为推出的第一个网站，主要的吸引受众的注意，让他们记住他，因此，在网站中我们利用简单的情景故事突出其名称的特色，比较容易对网站进行设计，同时网站具有一定的特色，更能吸引受众观看。

九、市场分析：

雪糕是人们夏日里喜爱的冷冻品, 无论是女孩子们还是男孩们都逃不出其诱惑性，但是买哪个品牌，就是商家竞争的焦点，对于雪糕这类的冷冻品，有些人害怕吃了伤胃或者长胖，但是年轻人有朝气，很多消费都是帅性而为，很多都是感性的消费，所以相比较而言消费动机更强，更有购买潜力。

网站策划书（二）

一、网站建设市场分析及网站的定位

我们把市场分析和网站的定位联系起来放在第一章，是因为它们之间有所联系，我们要根据市场分析得来的情况对网站进行定位和目标调整。与此同时，我们还要进行网站服务对象分析。

市场分析：

门户网站：门户网站包括综合性门户网站、电子商务类门户网站、行业门户网站、信息服务类门户网站(这里我们将bbs归类为综合性门户网站；将博客归类为信息服务类门户网站)。以笔者曾做过的一个汽配行业门户网站为例，建站初期先进行市场调研，找到同行业的汽配网站有哪些，它们的主要栏目有什么，特色服务有什么，发展情况怎么样等等。然后对它们的栏目进行取舍，再根据自身特点创办栏目。确定自己网站的栏目之后，还要对同行业外网站进行筛选，找出内容上互补的网站以便日后推广时做链接与合作。对同行业的网站发展情况做个大致的了解后，根据实际情况检查自己有什么样的优势，有什么不利因素，然后才能对网站进行定位。

企业网站：企业网站的市场分析比较容易，因为企业建站的目的无非是想对企业自身进行更好的宣传，想要在互联网营销中占有一席之地，想要提品的技术支持和在线互动，以便更好的为客户服务，同时也提高企业利润。企业网站的建设思路可以参照同行业做得比较好的网站，但同时也要根据自身的发展进行调整，切不可盲目跟从。企业网站同样可以找到一些同行业的互补网站来进行链接。

个人网站：个人网站建设在内容上往往是大同小异的，但是也有一些个人网站可以别出心裁，采用独特的网站类型，这样的建站效果通常可以收到奇效。一般来说个人网站对市场分析是比较忽略的，但是大中型的个人网站应该进行市场调研，和门户网站所做的一样。

网站定位：

市场分析做完后，通常要有一个总结。然后要对自己将要做的网站有一个明确的认识，做出目标和定位。

网站目标：网站目标包括短期目标和长期目标。有目标的网站才能在网站建设和运营过程中了解网站的发展情况，根据具体情况制定具体措施。目标可以用多种形式来划分，比如说用Alexa排名来划分：一个月后排多少名；半年后排少名；一年后排多少名等等。也可以用赢利的形式来划分：一个月赢利将达到多少；半年后赢利多少；一年后赢利多少等等。同样的还可以用会员数、信息数量、网站流量、pv值等等来划分，但要注意的是，一定要根据实际情况和有效的参考资料来制定目标，不能盲目，新建的一个站一个月就可以达到世界排名前100好象不太现实。

网站定位：网站的定位也可以说是目标。它是为自己的网站制定一个最终的目标。说的准确一点，网站定位除了包含网站要达到的目标之外，还包括网站的发展方向，网站的文化等等因素。

网站服务对象分析：

网站建设中不能忽略的就是：“这个网站究竟在为什么人提供服务？”对于这个问题，所以网站建设者都要注意。我们在网站建设中通常把网站的服务对象做一个比较，划分出第一梯队服务对象和第二梯队服务对象以及其他梯队服务对象(当然，对于某些web2.0网站来说，这种分析就没有必要了)。

第一梯队服务对象：对我们网站具有很高依赖性，或者是我们网站服务内容主要面向的对象。

第二梯队服务对象：对我们网站有兴趣，或者是第一梯队服务对象替补（所以第一梯队服务对象替补就是一些本来应该是第一梯队服务对象的，但对网站不了解，对互联网不认同的一些企业或个人。它们随时都有可能成为第一梯队服务对象)，或者是和本行业互补的一些企业和个人。

第三梯队服务对象：包括行业的研究者、学者、新闻媒体等等。

二、网站的内容建设

在对网站进行市场分析调研和定位之后，我们要做的就是网站的基础设施建设了，它包括网站的前台页面设计制作和网站的后台编程，在网站全部做完之后还要进行网站测试和上传等工作。

网站设计：

网站设计主要是对网站前台页面进行制作。所谓前台设计通俗点讲就是浏览者能够看到的那部分，也就是所说的网页。对于不同类型的网站，前台设计情况可能略微不同。

门户网站：门户网站设计主要是简单，界面友好，要追求网页打开速度。门户网站的首页通常是比较简单中留出一点独特的风格，在不影响网页速度的前提下保留个性与独到。

企业网站：企业网站的设计通常有三种情况，第一种就是基于网站制作软件生成的静态的或者半静态的模版。这样的网站通常没有什么独特的地方，一般不会被浏览者轻易的记住。 第二种就是一些互联网服务类公司为企业建立的所谓“标准首页”的网站首页，采用了大量的图片元素和动画效果，以至于网站的打开速度严重受到影响，这样的网站和一些个人网站一样，追求的是华丽的表现形式。第三类企业网站拥有和门户型网站界面类似的首页，这样有利于网站打开速度，缺点是图片较少，设计上如果没有很好的创意也很难让人记住。

个人网站：个人网站通常是两种形式，一种是爱好型的非赢利网站，这种网站通常采用大量的图片来追求炫目的感觉。一种是个人站长由于资金问题建立的个人门户型网站，和门户型网站的设计属于一类。

网站编程：

网站编程是网站安全的基础，一个好的程序可以是网站受到攻击而产生不良后果的问题大大减少，网站编程需要专业的编程技术，一般来说网站流行的编程语言有以下几种：JSP、ASP、.NET、PHP等等。

网站建设编程语言是一个选择，要用所选的语言编具有什么功能的程序才是网站基本。通常情况下网站都具有这些基本系统：新闻系统(信息系统)、产品系统、会员管理系统、广告管理系统、流量统计分析系统等等。每个系统的具体作用我们将在后面一一描述。

网站测试和上传：

网站的设计和编程全部做完之后，我们要对网站进行测试和上传。首先我们应该将网站上传到网站空间，然后对网站进行测试，同时也是对网站空间进行测试。一般来说，网站测试需要进行的就是网站页面的完整程度，网站编程代码的繁简程度和完整性，网站空间的链接速度和网站空间的加压测试承受度。

网站内容填库：

网站制作完毕了，网站测试也完毕了，那么我们马上就可以进行推广了吗？答案当然是“不！”网站制作刚刚完成，没有内容，你怎么进行推广，又有谁会看呢？所以测试的下一步就是对网站进行数据库填充。用自己原创的文章，或者从网上和书上摘录的文章把数据库填充一下，至少要让浏览者感觉你的网站不是今天才刚刚上线才行。同时，你数据库填充的内容越多，在搜索引擎上被收录的页面也就越多，对下一步的推广也是大有好处的。

三、网站的推广

网站的推广可是说是网站建设中尤为重要的一部分，推广做的好可以说网站建设就成功了一大半，那么怎么样进行推广呢？推广的方式有哪些呢？让我们来看一下：

免费推广方式：

友情链接：和其他网站做友情链接，最好找比自己PR值高的网站来做。

登陆免费搜索引擎：让搜索引擎都收录你的网站，这样你的网站就可以在互联网上被其他企业或者个人所查找到了。

论坛广告：到各个论坛去发广告宣传你的网站。

群发推广：用qq群发软件，或者邮件群发软件来进行推广。

病毒式推广：这个推广方法通常在推广前要下大功夫，制作出一些比较吸引人的东西来进行网络化传播。如图片、程序代码、常用软件等等。

加入导航网站：加入导航网站对推广要有好处，不过有一些比较有名的导航网站登陆需要花费。

付费推广方式：

搜索引擎关键词：在比较着名的搜索引擎做关键词推广。

活动宣传：如果你做的是一些比较大的门户网站，那么你可以选择做一些活动宣传这样的推广，比如说免费会员月等等。

网络广告：做网络广告，在流量比较大的网站上做广告宣传。

传统宣传方式：虽然互联网发展越来越快，但是传统的宣传方式现在还是占主导地位，所以建立做电视广告，广播，宣传册等宣传，对网站的推广效果很明显。

制造事件推广：越来越多的人都发现，互联网时代最快最有效的其实是炒作，有意制造和自己网站相关联的事件(特别是爆发性事件)，对网站的宣传传播速度非常的快。

网吧主页：如果你有能力的话，这种推广方式完全可以是免费的。在网吧设置IE主页为你的网站会给你带来巨大的而稳定的流量。

第5篇：个人网站设计范文

关键词：网页设计；制作；学生能力；培养

随着互联网的发展和普及，网页设计和制作技术成为网络时代非常实用的技术，这一课程也成为学校开设的热门课程。无论是计算机专业的学生还是非计算机专业的学生，网页制作都成了一门重要的基础性技术课程。但是很多学校在教学中采用传统的教学模式，导致学生的学习积极性不高，实际动手能力也比较差，为了让学生快速的掌握网页设计和制作的技术，需要采用一些新型的教学方法实施教学，加强学生综合能力地培养。

一、加强学生创新能力的培养

创新是一个民族的灵魂和动力，同时也是当今社会竞争的核心。学生创新能力的提升和创新意识的增强对于他们以后的发展具有非常重要的作用。网页设计与制作教学作为新时期教学的主要课程，在教学中培养学生的创新能力有利于促进整体教学的发展。因此，在教学中，可以通过多方面内容加强学生创新能力的培养，首先，可以通过兴趣教学法唤醒学生的求知欲望，兴趣是能够推动学生求知的内在力量，学生只有对某一学科充满兴趣，才能够持续的钻研该学科知识，从而增强学生的学习效率。在教学中，为了增强学生对网页设计和制作的兴趣，教师可以在上课时准备一些网页作品，让学生对作品进行点评，然后提出改造的意见。让学生在头脑中对网页设计有一个模糊的认识，产生做网站的想法，这样一来，通过教师的指导就能够让学生梳理一个成型的站点框架，紧接着引导学生如何做网页，如何使用工具，学生对这些内容产生兴趣，就会带着教师提出的问题进行主动探索和学习，以此增强学生的学习效果。

除此之外，还可以通过精品赏析的方式增强学生的学习灵感。网页设计和制作课程是一门艺术和艺术相结合的课程，学生不仅要掌握基本的网页制作技巧，还要具备欣赏美和创造美的能力。创造的来源是灵感，而灵感的来源则是通过观察，因此，可以在教学中设计精品赏析的环节，利用上课之前的时间展示作品，向学生展示一些布局合理，设计新颖的精美网页，让学生对这些网页进行观察和欣赏，这样不仅可以拓宽学生的视野，同时还能激发学生的创造灵感，为学生以后设计出精美的作品奠定基础。

二、培养学生的网页制作综合能力

在学生掌握网页设计和制作的基本知识之后，网页制作综合能力的培养就显得非常重要了。即使学生掌握了网页制作技术，也不一定能够设计出好的网站，只有提升学生的综合能力，加强对他们所掌握知识的综合应用，才能够设计出一个精美的网站。为此，需要注重学生在实践方面的能力培养，可以从教学实验方面入手，将所有的理论教学和实验教学都安排在计算机机房完成，可以让学生在学习理论知识之后直接进入实践探索阶段。此外，为了给学生提供更好的实践机会，可在学校建立计算机基础教学网，网页设计和制作教学的老师可以建立自己的教W网站，同时给学生分配相应的网站空间，要求学生建立自己的个人网站主页，然后将自己的实践作业上传到网站空间中，设计的风格和主题不受限制，网站主页的内容也不做要求，学生可以根据自己的兴趣进行网页的制作，将所学习的网页制作技术灵活的运用到个人网页的设计中，做好人个网站。为了让学生在网站设计中学会创新，教师可以搜集一些具有创意的网站和网页设计的素材，和学生一起分享，然后与学生所做的网站进行对比，从而提升学生的创新能力。在网站设计中，针对不同的设计环节，学生可以自己发现设计中存在的问题，然后进行分析和解决，对于学生综合能力的培养具有很大的帮助。

三、加强培养学生的团队协作能力

现在社会的分工越来越细，很多工作都需要人们协助完成，这样以来，团队精神就显得格外重要。协同合作是团队精神的核心内容，尊重个人的兴趣和成就是团队协作的基础。就学生而言，独立意识较强，现代的学生比较自我，沟通能力也有待提升，这些缺陷显然不适合学生未来的工作。网页设计和制作教学是一门实践性要求较高的课程，同时也对学生的团队协作能力要求很高。在教学中的综合实训中可以选择采取项目教学法实施教学，将学生分成不同的小组，在自愿的基础上进行强弱搭配，并且每一个小组推荐一位组长，在老师布置任务之后，组长可以做好小组内的分工，让学生能各司其职，然后合力完成作品的设计和制作。在作品制作中，如果组内的成员存在意见不同意的现状，组长可以和其他的成员进行沟通协调，最后达成一致，当组员能够为同一个目标一起努力时，无论最后的结果如何，学生最后都会有成就感。在这一过程中，有利于提升学生的团队协作精神，增强学生的沟通能力。

四、结语

网页设计和制作教学是一门实践性很强的课程，对于学生的综合实践能力以及创新能力的要求较高，因此，在教学中，教师要给根据学生的兴趣爱好设计教学内容，并且为学生提供一些优秀的教学作品，让他们进行赏析，在优秀作品的激励和教师的引导下，学生的学习兴趣会有很大的提升，从而真正的投入到网页设计和制作的探索当中，熟练的掌握网页制作方面的技巧，增强学生开发和维护网站的能力，使他们的知识结构不断得到完善，对于教学效果的提升会起到很大的作用。

参考文献：

[1]马玲燕. 《网页设计与制作》课程的教学实践研究[D].内蒙古师范大学，2013.

[2]毕惠丽. 浅谈网页设计与制作教学中学生能力的培养[J]. 新课程（上），2012，02：185.

[3]胡晓红，王丽芬，张景峰. 基于职业能力培养的《网页设计与制作》教学改革的研究[J]. 电脑知识与技术，2012，20：4953-4956.

第6篇：个人网站设计范文

从“静态”逐步转变为“动态”，动态网站的设计技术也随之发展成熟起来介绍了动态网页的一些特点以及日前在

动态网页设计中应用相当)‘一泛的开发环境—ASP，以如何建立基于IIS的ASP动态网站为中心，简要介绍了动态

商业网站设计的趋势，并以实例分析比较直观地展示了ASP在动态网页设计中的优越性

关键词:动态网站;物件导向;表单;脚本语A

1引言

目前呈儿何增长的互联网站中，有相当一部分仍固守“静态“，无形中已大大落后于时代的步伐.所谓“静态”指的就是网站的网页内容“固定不变“，当用户浏览器通过互联网的HTTP(HypertextTransportProtocx>1)协议向WEB服务器清求提供网页内容时，服务器仅仅是将原已设计好的静态HTML文档传送给用户浏览器.其页面的内容使用的仅仅是标准的HTML代码，最多再加上流行的GIF''''89A格式的动态图片，若网站维护者要更新网页的内容，就必须手动地来更新其所有的HTML文档.“静态”网站的致命弱点就是不易维护，为了不断更新网页内容所做的工作量是巨大的.

随着网站信息量的不断增大，静态网站逐渐没落，动态网站已经成熟起来，它的“交互性”少自动更新”、“因时因人而变”等诸多优良特性无疑很好地适应了信息时代的要求.能够使网站“动态化”的技术较多，目前比较流行和成熟的是ASP技术.

2基于ASP的动态网站建设概述

2.1“动态”的概念

所谓“动态”，并不是指那儿个放在网页上的GIF动态图片，在这里笔者为动态页面的概念制定了以下儿条规则:

1)“交互性”，即网页会根据用户的要求和选择而动态改变和响应，将浏览器作为客户端界面，这将是今后WEB发展的大势所趋.

2)“自动更新”，即无须手动地更新HTML文档，便会自动生成新的页面，可以大大节省工作量.

3)“因时因人而变”，即当不同的时问、不同的人访问同一网址时会产生不同的页面.

2.2ASP的概念及特点

MicrosoftActiveS。二Pages即我们所称的ASP，其实是一套微软开发的服务器端脚本环境，ASP内含于IIS3.0和4.0之中，通过ASP我们可以结合HTML网页,ASP指令和ActiveX元件建立动态、交互目_高效的WEB服务器应用程序.有了ASP你就不必担心客户的浏览器是否能运行你所编写的代码，因为所有的程序都将在服务器端执行，包括所有嵌在普通HTML中的脚本程序.当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度.以下罗列了ActiveS。

二Pages所独具的一些特点:

1）使用VBScriptJScript等简单易懂的脚本语言，结合HTML代码，即可快速地完成网站的应用程序.

2)无须Compile编译，容易编写，可在服务器端直接执行.

3)使用普通的文本编辑器，如Window、的记事本，即可进行编辑设计.

4)与浏览器无关(Br+wserIn<lepen<lenoe)，用户端只要使用可执行HTML码的浏览器，即可浏览Active

S。二Pages所设计的网页内容.ActiveS。二Pages所使用的脚本语言(VBSoriptJsoript)均在WEB服务器端执

行，用户端的浏览器不需要能够执行这些脚本语言，如图1所示.

用户端浏览器IE或NS1r1''''1''''1''''洁求11而1''''III]子

WEB服务器ActiveServerP

5)ActiveS。二Pages能与任何AotiveXscripting语言相容.除了可使用VBSoript或JSoript语言来设计外，还通过plug-in的方式，使用由第三方所提供的其他脚本语言，譬如REXX,Perl,Tol等.脚本引擎是处理脚本程序的COM(ComponentObjectModel)物件.

6)ActiveS。二Pages的源程序，不会被传到客户浏览器，因而可以避免所写的源程序被他人票J窃，也提高了程序的安全性.

7)可使用服务器端的脚本来产生客户端的脚本.

8)物件导向(Obje<，一(>riented).

9)AotiveXS。二Components(AotiveX服务器元件)具有无限可扩充性.可以使用VisualBasic,JavaVisualC++,Cobol等编程语言来编写你所需要的AotiveXS。二Component.

2.3ASP技术流行的原因

如果你是个人网站的维护者，使用的是免费主页空问，那么绝大多数情况下你只能使用Java,JavaScript和最新的DHTML技术.DHTML就是当网页从WEB服务器下载后无须再经过服务器的处理，而在浏览器中直接动态地更新网页的内容排版样式、动画.

或许对于一个个人网站来说，充分运用DHTML技术足以令网页栩栩如生，动感十足.然而对于建立商业网站的企业而言，仅仅拥有DHTML是远远不够的.因为仅仅发生在客户浏览器端的动态效果是无法满足商业网站大量信息查询，客户咨询，资源交互等“动态”需求的.因此作为商业网站的设计者，必须要设计出更具实用性和交互性的“动态”网站.由于绝大多数商业网站都具有大量的数据和信息，而建网的初衷也就是在于方便客户查询企业资料，方便同客户的交流，及时获得信息反馈.那么，就必然会面临如何让使用者在浏览器界面中，通过互联网或内联网(Intran川查询WEB数据库的资料，甚至输入、更新和删除WEB服务器上的资料.

目前)匕种常用的“动态”网站设计方法有:CGI(CommonGatc}vayInterlace),IDC(InternetDatabaseConnec-tor),ActiveXDataOhje川ADO)，相比较而言ADO具有容易使用、开发执行快速、消耗系统资源较少和占用磁盘空问小等优点.根据许多从事网站设计工作多年的专家的经验，ADO和ASP的结合可以高效快速地使网站“动态化”，使得网站便于管理和维护，从长远来看这对搭档也势必成为今后一段时问内“动态’''''WEB的核心技术，因此ASP技术在动态网站设计中的流行也成为了一种必然.

3实例

以下通过儿段源代码很好地说明了ASP的简洁、灵活、迅速、多变的特性.

建立一个自动监测浏览时问并根据不同时段动态显示不同页面内容的ASP程序，用记事本书写该源代码，存为[estl.asp:

<html>

<ho<ly>

<F01}TCOLOR=“Green">

<%If''''T油e<#12:00:00#An<1T油e>=#00:00:00#Then%>

早上好，今天天气不赖啊!

<%E1seIf''''T油e<#19:00:00#An<1T油e>=#12:00:00#Then%>

下午好!

<%Else%>

哈u}!今晚你有没有去IRC聊天!

<%EndIf%>

</ho<ly>

</html>

将testl.asp保存在WEB服务器的虚拟目录(如:aspsamp/)下，并在浏览器中用HTTP的方式进行浏览，如:yourcx>mpu[二二e/aspsamp/test1.asp.

虽然，这只是一个非常简单的实例，而A_这一功能完全可以通过javascript完成，但是不难发现使用ASP要比javascript简洁迅速得多，而A_运用此法，完全可以轻而易举地令你的网页在不同的时段展示不同的风格，此例中的“Time"实际上是一个VBScript内置的显示系统当前时问的函数，由于系统默认的脚本语言是VBSeript，因此在ASP命令中调用该函数时，脚本引擎会自动将其转换成当前的系统时问.接下来是给testl.

asp添加一点色彩，在<holy>标识中添加“bgcx>lor=“<%=hgc%>””即变为<bodybgcx>lor=“<%=bgc%

>”>，并在<holy>标记前添加如下语句:

<%If''''T油e<#12:00:00#An<1T油e>=#00:00:00#Then

bg}}=“silver"

E1seIf''''T汕e<#19:00:00#An<1T油e>=#12:00:00#Then

hg(一“navy

Else

bg}}=“re<1"

En<1且

%>

如此一来，当用户在不同的时段访问该页面时，将会看到不同的页面背景色.我们可以做的事情还有很

多，譬如想知道在凌晨至十二点之问浏览该页面的客户的姓名，并向客户问好，那么下面的这段程序将能助你达成心愿.首先你需要在页面中设置表单，将以下HTML代码剪贴到“<%IfTime<#12:00:00#An<1Time>=#00:00:00#Then%>”之后:

欢迎光临我的主页，清填写以下信息:<FORMMETHOD="POST"ACTION="testl.asp">

<P>FirstName:<INPUTNAME="fname"SIZE="48">

<P>LastName:<INPUTNAME=“lname"SIZE=“48">

<P>Title:<INPUTNAME=“title"TYPE=RADIO、4LUE="mr">Mr.

<INPUTNAME=“title"TYPE=RADIO、4LUE="ms">Ms.

<P><INPUTTYPE=SUBMIT><INPUTTYPE=RESET>

</FOR1Vl>

然后在以上HTML代码后面添加如下ASP命令:

<%title=request.form(“title")

iftitle="mr"then

%>

欢迎您Mr.<%=二qu舰.拓mi(+.二;request.form((name)%>.

<%elseiftitle="ms"then%>

欢迎您Ms.<%=二qu舰.拓mi(+.二;request.form((name)%>.<%else%>

<B><Fontcola</font></B>

<%endif%>

保存文件testl.

12:00:00之问的话，>r=blue>欢迎您<%=二que从.长)mi(+.二e;)&+;&二明es[.长)mi(“玩二e;request.form((name)&&request.form(lname%>

asp，并在浏览器中以HTTP方式进行浏览，如果此时的系统时问在凌晨0:00:00和中

这其实是一个在Internet和Intranet上常见的功能，即当用户在浏览器端填写完表单后，通过调用一个通用网关程序将用户数据传送到服务器，由服务器进行处理后再将结果返还给客户浏览器.过去为了实现这样的功能必须编写一个独立于HTML之外的CGI程序，并通过HTML进行调用，撇开CGI编写复杂等缺点不谈，CGI的执行效

率也是一个大问题，每一个表单(form)均须执行一个可执行文档，当多人同时上线使用时，多个文档同时执行，将大大降低WEB服务器的执行速度，如今ASP提供了与HTML完全相融的编程环境，显然要比使用CGI便捷得多.

第7篇：个人网站设计范文

关键词 色彩；企业网站设计；色彩搭配

中图分类号TP39 文献标识码 A 文章编号 1674-6708（2015）135-0114-02

0引言

在高速发展互联网的今天，为了扩大企业宣传、提高企业知名度、展示企业作品、提升企业形象等，作为电子商务时代企业对外窗口的门户网站，是每个企业面对全球信息化的必然选择，因而企业也越来越重视大力发展电子商务网站。

在企业门户网站的设计中，关于色彩的搭配和使用，要具有科学性和针对性。我们有必要了解和掌握一些关于色彩搭配的知识。在面对拥有不同文化背景的企业网站时，色彩的运用也应各有不同。要选择适合且独特的色彩搭配来彰显企业文化个性。用色彩的搭配加上巧妙的设计，定能使网站更加精妙绝伦。

1 优化企业网站的设计

在网络发达的信息经济时代，企业发展的必由之路就是电子商务，因此，让企业进入电子商务领域是一个至关重要的问题。商业运作的电子化、网络化在阿里巴巴、京东、当当等领头电子商务网站的蓬勃发展下凸现出来。贸易的发展趋势，是通过Internet技术的协助来完成的商品贸易。因此，网站设计尤为重要，它的形象代表着企业形象。

1）用户：用户可以通过对网站的使用向企业进行反馈，网站及时吸收接纳合理有用的用户体验进行自身的升级优化，可以大大提高网站的吸引力。

2）基于搜索引擎推广网站：搜索引擎可以快速获取优化网站设计的信息，引导用户发现相关信息。单击搜索，进入网站，获取信息和服务，直到成为真正的顾客。

3）网站运营维护：企业网站经过网站优化设计后，才能与网络营销策略一致，真正具有网络营销导向。网站运营人员对于网站管理维护技术的升级也可同时作用于网络营销方式的运用以及累积更多营销资源。

2 网站的色彩

然而，用户浏览一个网站，留下第一印象的，不是丰富多彩的内容以及匠心独运的页面布局，在于色彩。色彩的冷暖、轻重、软硬、大小造成的视觉色彩能使人们产生丰富的心理联想，所以，如果能有技巧地运用和搭配色彩是一个网站能否在第一时间抓住浏览者眼球，甚至留下心理暗示的关键。

2.1 企业网站的用色

1）公司专属：必胜客公司网页色调主打暖色调--红，因为醒目的红满足快餐店引人注意使过路人进店消费的诉求。中国移动公司的深蓝色，苹果官网的灰白等，它们对外的广告、海报也是与其一致的颜色。这也就说明了，每一个公司都有标准的颜色来代表公司的CI

形象。

2）公司风格：网站颜色服务于公司风格。蓝光集团使用的主色调是蓝色，既突出了其公司以德立信、以能致胜的核心价值，还宣传了阳光透明、志同道合、竞争成长、高效执行、客户满意、公益慈善的企业文化。网站中蓝色和白色的混合，能体现高贵、大气、优雅的气氛，是该企业独有的风格。爱奇艺视频网站主要使用的是绿色，绿白的搭配，让人产生舒适的感觉，突出公司一贯悦享品质的理念风格。

3）个性色：个人网站的颜色风格由个人喜好决定，反映了人类个体个性。

2.2 色彩的分类及意义

容易被我们忽视的是，色彩其实可以对人类身心产生巨大的影响。极致的色彩或色彩搭配会予人强烈的心理暗示，甚至指导人们的某些行为。当我们熟练掌握不同色彩的不同作用，就能一定程度上引导浏览者的行动。

红色是可以引发神经纤维兴奋的三原色之一，能使人产生热情、欲望、力量和爱的感觉。黄色的明度最高，让人享受乐观、阳光、希望和幸福。橘色让人的心理产生平衡和温暖。紫色神秘高贵，却也感消极孤寂。蓝色是典型的冷色，适用于极具高科技现代感的IT行业。绿色介于冷暖两色之间，是自然、健康、青春、活力、富饶的代表。褐色象征着土、家和炉床，代表着可靠、安逸、耐力、简洁和稳定。还有黑色是财富和魔鬼的象征，有着优雅、让人感觉害怕和谜一样的感觉。

3 网站色彩搭配的原则

在日常生活中，人们对于色彩搭配都会有一些基本概念。可是，想要从分类繁杂的颜色群中搭配出符合公司企业文化的最恰当色彩必须经过专业的培训。

3.1 网站色彩搭配的方法

首先，网页设计者必须十分了解网站本身受众、商业诉求以及艺术追求等特点。其次，还应该拥有一定的美术基础和艺术审美。色彩搭配是美学与技术高度结合的工作，所以一个好的成品是综合艺术鉴赏性、技术严密性的。

1）搭配合理性：一个优秀的网页既要有艺术的追求，也要符合人类一般审美。它虽然属于平面设计的范畴，但有别于其它平面设计。由于考虑到人类自身生理接受程度，规避诸如视觉疲劳、恐慌、烦躁、焦虑等颜色污染，所以色彩搭配的合理性凌驾于艺术表达之上，在给人留有深刻印象之前，网页色调氛围应尽量是轻松、和谐。

2）讲究艺术性：形式的原则按照内容决定，设计一种具有大胆艺术创新、又符合网站要求和一定艺术特色的网站。艺术的特别之处在于，它既是全民性，又极具个性且有律可循。所以一个受众面广、艺术格调高雅的网页色调搭配是网页设计的最高追求。

3）特色鲜明性：“特色”，特色是一个事物或一种事物显著区别于其他事物的风格和形式，是由事物赖以产生和发展的特定的具体的环境因素所决定的，是其所属事物独有的。给人深刻印象的网页是特色鲜明，鹤立鸡群的。

3.2 网站配色技巧

“Less is more”这一通行权世界的时尚美学法则同样可以指导设计网站，尽可能选择较少或者相近的颜色来配合整个网页板块的空间构造，呈现出一种简洁的全面布局。

1）同种色搭配：同种色彩搭配是指首先选定一种色彩，尽管网站设计要避免采用单一色彩，以免产生单调的感觉，但调整其透明度和饱和度，将色彩变淡或加深，而产生新的色彩，这样的页面看起来色彩统一，具有层次感。

2）邻近色彩搭配：邻近色是指在色环上相邻的颜色，例如绿色和蓝色，红色和黄色就互为邻近色。采用邻近色搭配可以使网页避免色彩杂乱，易于达到页面和谐统一的效果。

3）对比色搭配：一般来说，色彩的三原色（红、黄、蓝）最能体现色彩间的差异。色彩的强烈对比具有视觉诱惑力，能够起到几种实现的作用。对比色可以突出重点，产生强烈的视觉效果。例如：红与绿、黄与紫、橙与蓝等。这种色彩的搭配，可以产生强烈的视觉效果，给人亮丽、鲜艳、喜庆的感觉。通过合理使用对比色，能够使网站特色鲜明、重点突出。在设计时，通常以一种颜色为主色调，其对比色作为点缀，以起到画龙点睛的作用。

4）暖搭配：使用色彩为集合色黄色红色橙色等的搭配。运用这种色调，可以营造出沉稳、和谐、热情氛围的网页。

5）冷搭配：一般与白色搭配会获得较好的视觉效果，它是使用色彩为绿色、蓝色及紫色等的搭配，主要营造宁静、清凉和高雅氛围的网页。

6）有主色的混合色搭配：以一种颜色作为主要颜色，同色辅以其他色彩混合搭配，形成缤纷而不杂乱的搭配效果。

4 结论

在现如今，人们把企业网站设计当作信息的载体，甚至称为艺术品，可想而知，对其的要求也是越来越高，所以，一个企业网站的设计，网页用色一定要富有朝气，具有个性和一定的色彩定位，最重要的是凸显出企业的文化背景。总而言之，设计出一个好的企业网站，它的配色设计是需要长期的钻研和应用的。

第8篇：个人网站设计范文

关键词：校园二手商品；交易网站；研究

中图分类号：TP311文献标识码：A文章编号：1674-120X（2016）29-0117-02收稿日期：2016-08-15

基金项目：创新创业项目“校园二手物品交易网站”（201410412013）的阶段性成果。

一、研究背景 目前，二手商品交易备受当代大学生的青睐，我校在每年的开学和毕业季都要举办热闹非凡的“跳蚤”市场，每次都能吸引大批学生的光顾和参与。可遗憾的是校内的“跳蚤”市场的缺点是显而易见的，往往时间短暂，无法满足我校广大学子交易的需求。因此，立足于我校学生二手商品交易的需要，建立校园二手物品交易网站，具有可行性和必要性。该网站拥有的客户只是大学校园网的用户，所以系统规模上来讲不会很大。另外，由于选择的开发工具和服务器几乎全部为免费的开源软件，并且由于是开发成本较低的基于Web的B/S模式，所以从经济上来讲是可行的。

二、校园二手商品交易网站的设计1校园二手商品交易网站的定位

在设计校园二手商品交易网站之前，我们要确定网站的定位，简单地说，就是根据网站的受众、学科特点以及教学规律确定网站主题和网站的风格。主题和风格的确定是网站设计与制作的重要前提。网站的主题，就是浏览者从网站上面看到的具体内容，而网站的风格则是这种具体内容的展现形式。前者是网站制作的核心，是网站发展的方向依据，后者是这种具体内容的表现形式。好的网站的建立需要有好的主题。网站的风格设定主要来自两个方面的内容，一个就是网站的视觉效果，一个就是网站的功能内容。

2校园二手商品交易网站的基本特征

本网站使用Photoshop+Dreamweaver+Flash进行静态网页的设计。并使用IIS+Sql server+Aspnet实现动态交互功能的开发。基本特征如下：

经营范围 以提供所有二手物品的买卖信息为主，分为书籍、手机通讯、体育用品、电脑类、电子数码、其他共六个与学生生活息息相关的栏目工作模式 由队长带领团队进行分工合作，把宣传推广、网站制作、财务管理责任到人交易原则 遵守平等自愿交易、顾客满意至上、实名制、不进行违法物品的交易等原则推广策略 在前2个月内采取免费交易；在校园网大量的推广信息；在大学生比较集中的QQ群里面信息、开展促销活动、开设展台等来为网站聚集人气以及打开市场营销方式 代售（贵重物品）、以物易物、二手出售、二手求购等3校园二手商品交易网站的交易流程

一个优秀的交易网站，它的内容结构应该是完整的、全面的，而它的呈现方式则应该是跳跃的、灵活的。在跳跃式地呈现网站内容的过程中要非常注重内容的导航，即随时为用户提供整个网站的内容结构引导。基于此，系统主要设计了人员信息管理模块、商品呈现模块、购物车模块、商品管理模块、订单管理模块。二手商品交易网站交易流程如下图所示。

参考文献：

[1]骆志煌教师个人网络与教育信息的网络化[J]电化教育研究，2001，（3）.

第9篇：个人网站设计范文

摘要：本文结合多年笔者“网页设计”课程的教学实践，并根据这门课程的特点，从教学目标、教学内容、教学方法以及考核方式几个方面综合阐述了如何提高本课程的教学效果，并探讨了在教学中如何培养学生的实践能力，提高学生的综合素质，使“网页设计”课程的教学真正地适应市场的需要。

关键词：高职院校；网页设计；教学改革

中图分类号：G642

文献标识码：B

随着Internet的飞速发展，网络已深入到社会的各个阶层，成为企事业单位正常运行以及人们生活学习不可缺少的部分，《网页设计》成了目前高职高专院校计算机专业的必修课，甚至成了许多高职高专院校非计算机专业学生的公共选修课。但就是这样一门看似简单好学的技能课程，却往往得不到很好的教学效果。常常是在学生学过之后，不是不能独立地进行网站规划和页面设计，就是设计达不到应有的功能效果和视觉效果。为此，本人在《网页设计》课程的教学过程中，对教学目标、教学内容、教学方法、考核方式等进行了长期的探索和实践，收到了非常好的效果。

1突出高职特色，明确教学目标

计算机的发展很快，有可能今年学的内容，学生毕业时就过时了，真正用的时候又学无所用，这种现象也不无其例。因此设置网页设计课程时，尽量选择时下先进的版本，并及时对教学计划做出调整，删掉旧课程，补充新内容，以市场为导向，培养有足够的理论基础、较强的创新能力和扎实的实践动手能力的网页制作人才。通过本课程的学习，要求学生能够掌握一个网站建设设计的全过程，能够利用Dreamweaver设计不同类型的网页界面，开发出具有一定规模的网站。根据教学目标，授课时以Dreamweaver为主线，讲授网页界面设计、HTML语言、JavaScript语言及动态网页设计的基础知识。对每一部分知识，重点教会学生如何应用，在理论内容的讲授中将理论知识融入案例中，让学生通过实践领会理论知识的运用。从实际需要和当前流行出发，需要哪些内容就重点讲解哪些内容，突出“学以致用”，而不是大而全地讲授所有相关理论知识。

2遵循高职教学规律，改进和加强教学工作

教学工作是指教学过程中的一系列工作。如何组织好网页设计课程的教学工作至关重要。

2.1选用合适的教材，适时调整教学内容

教材是教师实施教学计划的重要载体和主要依据，是学生获取知识、发展能力的重要渠道。高职教材要突出职业性、实践性、适应性、科学性和先进性。选用网页设计教材时，既要保证基本的知识要点，又要有典型的网页案例。随着计算机软件和硬件的不断更新，网页设计教学内容也应随着计算机科学技术的发展而有所调整，增加一些当前网页设计的流行元素，以适应社会发展的需要。当许多优秀网页设计软件陆续问世和应用时，在教学中就应及时安排这方面的内容，并根据具体情况安排课时量。

2.2采取多样化教学手段，及时改进教学方法

高职院校学生的学习带有较强的职业特色，针对学生在知识结构、学习习惯、认知心理等方面的特点，在教学方法上，应注重理论结合实际，避免空洞地讲解，要采用多样化教学手段，实行启发式教学、任务教学、案例教学以及精讲多练、边讲边练等多种教学方法，激发学生学习的兴趣。

(1) 采用任务驱动和案例教学，让学生变被动学习为主动学习。在开始上课时，给出本次课的任务或者案例，接着要求学生完成该任务或者案例作为驱动进行教学。例如，在讲到“超级链接”时，根据教学目的和教学内容选用典型案例，先对学生展示该案例使用超级链接的效果，然后再分步讲解“绝对链接、相对链接、锚链接”，每讲解完一部分知识点，马上让学生进行实践，利用超级链接把之前制作的单个网页链接起来；讲解完所有的知识点后，要求学生完成该案例；最后要求学生把完成的作业(案例)上传到服务器，避免学生因为不需要交作业而不积极学习，也让学生在以后的作业中还能使用以前做好的页面。这样可以激发学生的学习兴趣，提高学生的学习积极性。案例教学法中案例的分析与完成，有助于培养学生分析问题、解决问题的能力。实践证明，这样的教学方式，学生不仅能实现课堂案例，而且能灵活运用课堂知识，运用所学知识完成自己的设计。

同时借助网络技术实现教学互动，达到随机进入式教学的目的。在实际教学中，学生计算机知识掌握程度不同、水平参差不齐的状况，不可能所有的学生在课堂上都能及时掌握教师所讲的内容，需要在课后对课堂内容进一步复习巩固。为了学生能够更好地复习，教师可以将课件及相应的学习资料放到学校的网站上，对于重点和难点的知识，教师还可以录制教学过程视频，放在学校网站上，学生可以随时访问下载并进行学习。另外，教师还可以通过电子邮件或者QQ和学生交流，在课后也能随时解答学生的疑问。

(2) 以比赛促兴趣，发挥激励机制

每年计算机系都会举行一次“网页设计”大赛，学生可以独立参赛或者组成小组参赛，初评以后的作品，由设计者进行作品演示和陈述，然后由多名院内专家评委打分，并由其中一名专家进行点评，评选出优秀作品，同时对每个获奖者给予一定的奖励。通过这种活动提高学生的学习积极性、激发学生的竞争意识，同时还培养学生的创新精神和团结协作精神。

(3) 不断改进教学手段

网页设计教学不同于其它课程，授课要直观，利于学生学习和理解，因此，课时应该都安排在机房进行，教师每讲解完一个知识点，学生马上进行实践，达到事半功倍的效果。此外，在条件允许的情况下还可以将学生带出课堂，参与企业网站的设计，将现实职场变课堂，用事实说话，激发学生的认知能力，提高学生的认识。

3以提高就业能力为目标，优化实践教学环节

在课程设计中，实践教学占总学时的2/3。实践教学的贯彻落实，是关系到课程设置目标能否实现的重要一环。通过实践教学，培养学生的实践动手能力。

3.1精心设计实验指导和作业

实验指导是对课堂内容的补充。在实验指导中根据上课内容，完整描述例子完成的全过程，学生能够根据实验步骤顺利完成例子，在学生进一步掌握操作的同时，介绍更多的操作注意事项及操作技巧。把一个完整的网站设计分阶段安排为每次课的作业，并且每次课学生的作业都紧密围绕上课内容安排学生完成相应的设计，尽量让作业有连贯性，当学生完成这些分阶段的作业后，也就完成了整个网站的的设计过程。这样有利于学生体验完整网站建设设计的过程，完成作业时，学生之间可以相互讨论、学习。

3.2课程实训，学以致用

在教学设计中，在学期末安排两周时间进行课程实训。课程实训阶段是学生对本门课程知识的总结和巩固，并且把所学知识应用到实际工作中的阶段。课程实训时，要求学生按照某个企业的要求为该企业完成网站设计(网站通常还包括了留言簿或者论坛的动态网页设计)。学生分组进行实训，鼓励学生以团队协作的方式完成任务，锻炼学生的团队协作能力，为日后的工作打下基础。在设计过程中，为了便于同学之间相互讨论、学习，要求学生自由组合，几个人一组完成一份作业，同时要求书写网站设计报告。教师定时检查每小组的进度，给予适当的指导和建议。最后，课堂演示作品进行评分，要求每小组派一人演示和讲解完成的网站，其他同学进行评议和打分，学生总体评价和教师评价各占实训成绩的50%。这样有利于学生共同讨论、解决设计中的难题，也有利于互相学习，能很好地锻炼学生的合作精神。

此外，提倡和鼓励学生积极参与校园网的建设和维护工作。如有些学生参与系网站建设和精品课程网站建设，通过实践应用，不但将课程中所学的知识融会贯通，强化了对知识的理解和掌握，又培养了学生制作网页的系统性、精细性和艺术性；或者在校园网中开辟班级专栏和一些社团活动新闻专栏。我院长期和狮岭镇皮革加工市场校企合作(狮岭镇是全国最大的皮革加工市场)，部分皮革加工企业委托我院计算机系进行企业网站设计，教师鼓励学生也参与这些企业网站的设计。以此对学生进行市场磨练，从实践中巩固理论知识，使学生真正搞清市场的需求，掌握行业的背景、规则以及工作方式，同时还会使其更加明确专业的培养方向，进一步激发学生的学习热情。

3.3加强证书教育，考证促学

证书作为学生毕业的敲门砖，其地位越来越凸显。为了促进学生考取相应证书，可以将证书考试课程内容融入教学计划当中，组织学生参加劳动局国家职业资格考试，获取国家职业能力网页制作等级证书，促进学生的学习。此外，鼓励学生参加Macromedia网页设计师认证考试和Adobe网页设计师认证考试。这样，学生在学习的同时还可以获取证书，为其以后顺利就业打下了良好的基础。

4改进课程考核方式

在《网页设计》课程的考核模型中，主要采用作品评价方式进行。该课程的最终目的是要求学生应用所学知识，设计出个性化的特色网站，并上传到Internet供用户浏览访问。因此，最好的考核方式就是评价学生所做的作品。由于这类作品不能在短时间内完成，因此在教学后期阶段，就要求学生开始着手收集资料，设计自己特色的个人网站。教师给出作品的最低标准：每位学生自己设计一个个人网站，该网站必须是原创；网站除了首页以外，至少还必须有5个独立的内容不同的页面(该页面不能只是文字或者图片)；必须上交网站中使用的图片和动画的源文件(png文件、psd文件和fla文件)；网站应该有明确的主题和良好的导航，等等。作品评价时，网站总体设计占60%，色彩和动画占40%。该作品成绩占课程总成绩的70%，平时作业和上机实践成绩占总成绩的30%。这种考核方式注重实践操作和应用开发能力的培养，可大大发挥学生的学习积极性和主动性。

5课程改革的进一步探讨

本课程目前是侧重于静态网页设计部分的讲授，对动态网页设计及图像处理技术只作简单的介绍。《网页设计》作为一门综合性的课程还涉及许多相关课程，可以根据不同的培养目标开设不同的选修课程。例如：为了进一步提高学生的网页图像和动画设计能力，可以开设Photoshop、Flash等课程；为了进一步提高学生的网站建设及维护能力，可以开设动态网页设计课程等。

6结束语

总之，高职院校的计算机课程教学模式的改革已经成为必然，它对于高职院校的应用人才的培养具有举足轻重的作用，为此，笔者对《网页设计》课程的教学模式进行了适当的改革，积极探索，用于实践，努力构造该课程教学的崭新模式。在教学过程中，从学生感兴趣的角度出发，对课堂理论教学、实践教学和课程考核方式等方面进行探索和改革，能使学生从被动学习转变为主动学习，提高其实践操作技能，拓展其知识面。

参考文献：

[1] 娄枫. 浅谈高职院校计算机基础课程的教学改革[M]. 中国科技信息,2006(10):237-238.