如何撰写网站设计指导案例？制作网页及进行独立网站设计报告的写作技巧分享

如何撰写网页构建与规划独立网站设计报告

网页构建伴随着

网络

的迅猛进步而迅速崛起，作为上网的主要载体，因人们频繁使用网络而变得极其关键。网页注重的是排版布局，其主要功能就是为每个上网者提供一种形式，使他们能够获取网站提供的信息。

从网络的发展趋势来看，网页构建从无到有，从初级到高级，是由于技术原因而受到客观限制的。由于受传输带宽的限制，最早的网页是纯字母和数字的，没有图片和声音，更不用说动画了，只能传输占用空间很小的数字和字母。

由此可见，网页最初就是在功能性基础上发展起来的。至今，上网也离不开其功能，因此网页的审美首先应考虑其功能性要素（例如很多国外的大公司网站也是如此）。那么从功能出发来审视网页构建，我们必须考虑，使用者如何从网页中获取功能，如何更好地获取功能。这就需要从使用者的角度来审视网页构建，才能使自己制作的网页受欢迎，达到基本目的。有的网页设计师说：“我是设计师，我站在比普通人更高的角度，欣赏水平也比他们高，应该引领潮流，应该引导他们学会欣赏美的网页。”作为设计师引领潮流没有错，但不应采取居高临下的方式，而是要贴近自己的使用对象，想他们所想，急他们所急，方便他们的使用，适时地将自己的设计风格融入作品，接受他们的检验，只有经得起考验的设计才是好的设计。而不是所谓的阳春白雪，成为孤家寡人，不适用。作为设计师，就是要让自己的网页更美观（基于功能性的）。

谈及美观，网页这种特殊环境下的美观与传统的艺术审美有明显的区别，因为一般的艺术审美是广阔无垠，无所顾忌的，只要符合人们的欣赏习惯，能够在欣赏者的心中产生共鸣就是美的；而网页布局的审美却受到很多限制，当然它也有优于传统艺术的地方，最明显的就是它的交互性和更新速度的快捷。纯艺术在很大程度上是作者的自我宣泄，但网页设计直接面对的是大量用户，随时都会反馈对网页的批评建议等，可以根据实际情况进行修改，比如在建站时考虑不周全的地方，设计时没有得到重视的地方，可以根据要求进行调整。同样不会损害整体效果，却可以使使用者使用起来更加方便。这个过程可以在很短的时间内完成。同时，网页能融合文字、图片、声音、动画于一体。这是传统艺术所无法达到的。当然，最根本的是在使用方面限制了它不能随意挥洒自如，任设计师自由发挥。以下针对网络环境下的审美。

首先：要考虑上网者的环境，通常可见的情况是：上网者眼睛盯着一个冷冰冰的电脑屏幕，手移动鼠标，保持一定的姿势，而且一般是连续很长时间。在这种情况下，如果连接的网站网页设计得很差，不考虑排版布局的形式美要素，一味地以刻板的文字或者是图片来充斥这个页面，那么使用者看久了就会感到厌倦，甚至讨厌。同样在网络世界里，内容繁多，涉及各个方面，使用者通常是打开很多窗口，在一种纷繁复杂的情况下接受信息。在这种情况下，如果他们浏览的网页设计得又特别花哨，图片、文字、动画等等堆砌得极为杂乱，那么更加剧了这种心理上的厌烦感，这种网页能算得上美观吗？所以从使用环境里的功能性因素来考虑美观才是最根本的。

其次：考虑使用对象本身也是网页审美的一个重要方面，网页设计都是为每个具体的网站做宣传，那么不考虑对象就如同闭门造车，这样会造成其根本的功能损失，使使用者浏览起来困难。例如一个儿童网站，设计得如同一些新闻专题的网页一样，纯粹是文字。那么使自己的使用对象——儿童在浏览该网站时毫无兴趣，阻碍了网站的基本目的，因为该网站的目的就是要使更多的儿童来光临这个网站，从而扩大网站影响。从这个功能层面上来理解，设计的美与使用对象是分不开的。

再者：网页设计的美其实是一个满足使用者需求的过程，能够使他们使用起来方便快捷，排除他们使用中的问题，这就是美，这就是纯粹从功能上的要求出发。就是最根本的功能被满足就是最根本的美。不是吗？假如我想上一个体育网站了解一下当天的足球战报，那么我上网的目的性就是非常明确的，直接看足球的结果。那么考虑一下我的上网过程就是先敲入网址，到主页上，然后尽快找到足球的栏目，再找到比分的链接。那么设计师如果考虑到上这个网站的很多人都非常想知道足球的比分，那么在主页上放上一个流动的临时更新的框，就可以使上站的使用者直接在主页上看到想要看的东西，这样快速而又方便的结果，其实质上是一个网页设计的成功之处，这种网页就是美的。反之，假如把网页设计得非常“漂亮”（这里指的是纯粹的从艺术审美上的漂亮，满足一般的形式美要求的，而不考虑使用环境的情况），但是把该链接做到不容易找到的地方，或者是由于满足“漂亮”的要求，增加了几级链接，从而增加了使用者的不方便，这种网站也是不美的，至少它没有为自己的使用对象考虑，就是失败。还有一个美的因素也不能不考虑，就是网站本身，其实也是功能来决定的。作为网站的目的就是要通过使用者的使用来得到体现，如何使更多的人来使用和使他们浏览过之后记住这个网站？也就是通过自己的设计使网站的形象得到提升，使网站的形象在每个使用者的心目中扎根。这是现在网页设计中普遍不受重视的，也许是还欠缺这种意识，才出现这种情况。有些网页做得很有味道，不管是用色还是布局的编排，都是非常讲究的，但是却没有注意到网站本身的东西，例如网站的名称或者是网址没有得到强化，尽管使用了之后觉得好，但是第二次使用时却记不起是什么网站了，因为上网通常要看很多的网站，每一个都记录下来是非常不方便的，很多网友也不愿意这样做，再说收藏夹里收藏太多了也找起来也不方便。还要定期不定期的进行整理，也挺麻烦。所以假如网页设计时注意了这个网站的名称和网址的因素，那么就会避免这一系列的问题，方便了使用者，从这个功能上来说，是设计成功之处，也是网页设计美的一个观念的异化。在把握住网站功能实现的基础上才能谈得上设计的美。

此外：网页设计的真谛在于满足用户需求的过程，使得操作变得简便快捷，消除使用中的困扰，这便是美，这是纯粹基于功能的需求而诞生的。最基础的功能得以满足，便是最高层次的美。难道不是吗？若我想要浏览体育网站，获取当天的足球战报，我的上网目的便十分明确，就是直接查看比分。那么，我的上网流程是：先输入网址，进入主页，然后迅速找到足球板块，再点击比分链接。若设计师考虑到许多用户都希望快速了解比分，那么在主页上设置一个流动的实时更新框，让用户直接在主页上看到所需信息，这种快速便捷的结果，实际上就是网页设计成功的关键，这样的网页便是美的。反之，如果网页设计得过于“华丽”（这里指的是纯粹从艺术审美角度的华丽，满足一般形式美的需求，不考虑使用环境），却将链接放置在难以找到的位置，或者因为追求“华丽”，增加了多级链接，导致用户使用不便，这样的网站也是不美的，至少它没有考虑到使用者的需求，就是失败的。还有一点美的重要因素也不能忽视，那就是网站本身。实际上，网站的美是由其功能决定的。网站的目的就是要通过用户的使用来体现，如何让更多人使用并记住这个网站？也就是通过设计提升网站形象，让网站形象在每个用户心中生根发芽。这是目前网页设计中普遍被忽视的，也许是因为缺乏这种意识，才导致这种情况。有些网页设计得很有特色，无论是色彩搭配还是布局编排，都十分考究，但却忽略了网站本身的东西，例如网站名称或网址没有得到强化。尽管使用后觉得不错，但第二次使用时却记不起是什么网站了。因为上网通常需要浏览很多网站，每个都记录下来非常不便，很多网友也不愿意这样做。再说，收藏夹里收藏太多，查找起来也不方便。还要定期或不定期地进行整理，也挺麻烦。所以，如果网页设计时注意了网站的名称和网址，那么就可以避免这一系列问题，方便用户，从功能上来说，这是设计成功的关键，也是网页设计美的一种体现。在把握住网站功能实现的基础上，才能谈及设计的美。

以上讨论了几个与网页设计美相关的功能影响，由此可以得出网页美的标准（有些是一种美的标准，另一种表达方式）：简洁实用：这是非常重要的，在网络特殊环境下，以最高效率的方式将用户所需信息传递给他们，就是最好的。因此，要去除所有冗余的东西。使用方便：与第一个标准相一致，满足用户需求，网页越适合使用，就越能显示出其功能美。整体性好：一个网站强调的就是一个整体，只有围绕一个统一目标所做的设计才是成功的。网站形象突出：一个符合美的标准的网页能够最大限度地提升网站形象。页面用色协调，布局符合形式美的要求：布局有条理，充分利用美的形式，使网页富有欣赏性，提升档次。当然，雅俗共赏是人们都追求的。交互式强：发挥网络优势，让每个用户都参与其中，这样的设计才能算成功的设计。这样的网页才算真正的美的设计。

关于制作网站的细节说明：

1. 域名申请

通过注册域名，使企业在全球互联网上拥有唯一标识，也是用户浏览企业网站的门牌号和进入标识。由域名构成的网址就像商标一样，在互联网上广为流传。好的域名有助于你将来塑造自己在网上的国际形象。同时，域名在全世界具有唯一性，域名的资源又相对有限，谁先注册，谁就有权使用。因此，你现在就应该考虑是否要保护你在互联网上的无形资产。常见的.com为国际域名，而.com.cn则为国内域名。定义域名时，除了要考虑公司的性质以及信息内容的特征外，还应该使这个名字简洁、易记、具有冲击力。

1. 网络平台的建立

在拥有域名这个门牌号码后，您需要建立一个空间，相当于在互联网上盖房子，建立自己的公司。而这个空间在互联网上就是服务器。通常情况下，有以下几种方式可供企业选择：

虚拟主机方式：所谓虚拟主机是使用特殊的软硬件技术，将每台计算机主机分成一台“虚拟”的主机，在外界看来，虚拟主机与真正的主机没有任何区别。我们建议企业上网采用虚拟主机方式。一般虚拟主机提供商都能向用户提供10兆、30兆、50兆甚至一台服务器的虚拟主机空间。用户可根据网站内容设置及其发展前景来选择。一页网页所占的磁盘空间大约20-50千字节，10兆大约可以放置200-500页，但如果你对网站有特殊要求，如图片较多、动画较多、需要文件下载或有数据库等，就需要更多空间（大家可以到“免费资源”去看一下，那里有很多免费空间）。

独立的服务器：对于经济实力雄厚且业务量较大的企业，也可以购买自己独立的服务器，但这需要很高的费用及大量的人力、物力投入，合计费用及人力、物力投入是虚拟主机的数十倍之多。

1. 网页设计及维护

您可以自己设计网页，也可以通过专业网页设计人才来制作。首先要确定整个网页系统的整体规划，所要介绍的内容范围和目的，然后收集所有需要放在网站上的文本资料、图片等，将收集的材料提供给我们，剩下的交给我们的设计人员吧。根据公司业务范围确定是否采用中英两种版本，网页设计完成后，下一步最重要的工作就是及时更新网页内容，不能长时间不更换网页，造成“晒网”现象将影响网站的访问量。

您可以自行构建网页，或者委托专业网页设计师进行制作。首先需明确整个网页系统的整体布局，确定需要展示的内容范围和目标，随后搜集所有需放置于网站上的文本资料、图片等，并将这些材料提供给我们，其余的将由我们的设计团队负责。根据公司的业务范围决定是否需要中英文双版本，网页设计完成后，下一步最重要的工作是及时更新网页内容，避免长时间不更新导致“荒废”现象，这会影响网站的访问量。

4、网站宣传与推广

首先，企业自身需具备推广网站的意识：在所有展示公司信息的地方都附上公司网址，如名片、办公用品、宣传资料、媒体广告等。此外，网络广告和搜索引擎注册是目前网站主要的推广手段。您可以登录我们韶关信息港或其他门户网站的黄金广告位，通过注册搜索引擎将您的站点登记到全球知名的服务站中。这样一来，您的网站不仅容易被发现，访问量也会显著增加。通过与其他网站建立友情链接等方式，可以显著提升企业网站的知名度和访问量。

5、开展电子商务

哈哈

最好请专业人士进行制作

大约10000元左右，包含FLASH欢迎页、网站形象页、后台数据库和操作系统、网络空间、域名等

我认识很多做网页的朋友，所以对这方面有些了解

主要看您需要哪些功能

简单的HTML网页任何人都会，我也会，但ASP网页相对复杂，需要建设后台管理等功能

网站设计八步骤

由于所见即所得类型的工具越来越多，使用也越来越便捷，制作网页已经变成了一件轻松的工作，不再像以前那样需要手动编写源代码。一般初学者经过短暂的学习就能学会制作网页，于是他们误以为网页制作非常简单，便匆忙制作自己的网站，但与别人一比，才发现自己的网站非常简陋，这是为什么呢？常言道：“心急吃不了热豆腐”。建立一个网站就像盖一栋大楼一样，它是一个系统工程，有自己特定的工作流程，只有遵循这些步骤，按部就班地一步步来，才能设计出一个满意的网站。

一、确定网站主题

网站主题即您建立的网站要包含的主要内容，一个网站必须有一个明确的主题。特别是对于个人网站，您不可能像综合网站那样内容丰富，包罗万象。您没有这个能力，也没有这个精力，所以必须找准一个自己最感兴趣的内容，深入挖掘、透彻理解，形成自己的特色，这样才能给用户留下深刻印象。网站的主题没有固定规则，只要是自己感兴趣的，任何内容都可以，但主题要鲜明，在主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题后，您就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，您就要尽量搜集材料，搜集的材料越多，以后制作网站就越容易。材料可以从图书、报纸、光盘、多媒体等途径获取，也可以从互联网上搜集，然后将搜集的材料去粗取精，去伪存真，作为制作网页的素材。

三、规划网站

一个网站设计成功与否，很大程度上取决于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，您只有在制作网页之前把这些方面都考虑到了，才能在制作时游刃有余，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们将在下面详细介绍。

四、选择合适的制作工具

尽管选择什么样的工具并不会影响您设计网页的好坏，但一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先是网页制作工具，目前大多数网民选用的都是所见即所得的编辑工具，其中的佼佼者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool3d、GifAnimator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，您可以根据需要灵活运用。

五、制作网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂的原则进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时便于修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

六、上传测试

网页制作完毕，最后要发布到Web服务器上，才能让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，您可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传后，您要在浏览器中打开自己的网站，逐页逐个链接地进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕后，就可以把您的网址告诉朋友，让他们来浏览。

七、推广宣传

八、维护更新

八、保持更新

网站需时常维护并更新内容，以保持内容的活力，切勿一经完成便置之不理，唯有持续注入新内容，方能牢牢吸引访客。

随着各类通讯技术的进步，互联网在中国逐渐普及开来，众多人在尽情享受浏览新闻、网络聊天、在线游戏、网上购物、收发电子邮件等网络乐趣后，不再满足于被动接收，渴望主动参与网络，于是众多个人网站应运而生。

计算机与网络领域的专业人士能凭借一技之长及特定领域的专长轻松制作网页，然而对于众多网络新手来说，如何制作个人主页，建立个人网站呢？我大致总结了以下几点，希望能为那些对这方面缺乏基本了解的人提供一些帮助。如果你是位常上网的网虫，并对建立网站有一定的兴趣，那么请继续阅读，否则我建议你使用某些网站提供的简易个人网页服务或请专业网页制作公司代劳，完全没有必要亲自动手。

1. 建立个人网站，首先需了解当前网页制作的基础语言HTML，入门即可，大概只需一二小时即可掌握。
2. 学会使用流行的网页制作软件，如Frontpage、Dreamweaver等，具备一定功能且直观易用的软件，只需初步了解，无需全面掌握，通常是边用边学，不断提升使用水平。
3. 广泛浏览各类网页，初期可下载一些较为简单的个人网页，因其技术相对简单，可用网页制作软件打开研究。之后，推荐浏览专业的网页设计网站，学习排版技巧，同时可下载网页结构模板进行套用。
4. 确定你的网站主题，我个人不建议一开始就选择软件大全、书库等网上流行的主题，因为首先你不够专业，网上已有大量同类软件，别人不可能只访问你的网站下载。其次，这类网站需要巨大的主页空间，你一开始可能申请不到这么大的空间，而且你也不可能经常上传和维护。网站主题最好具有个人特色，如果实在无法确定，建议创建一个私人门户网站，将你常去的网站进行综合链接。
5. 网页颜色和字体不要过于独特，因为每个人使用的计算机都不同，特定的颜色和字体别人可能看不到。
6. 网页美观不可或缺，建议如果你会用专业的作图软件，最好自己制作图片，这样更具特色，放些私人照片也可以，但切记各种图片一定要进行优化处理，减小存储尺寸。提醒一下，每页不要放置过多图片，因为第一会使网页显得杂乱，第二会使网页显示速度变慢。制作图片的常用软件有Photoshop、Fireworks等。
7. 网页基本完成后，寻找免费的主页空间，以主机的速度、提供的主页空间大小、是否提供基本的CGI功能以及提供的域名是否易于记忆为考量依据。所谓CGI是指主机服务器上提供的程序，通常你可以申请包含免费计数器、留言板等功能的网站。找到速度快、主页空间大、域名简单的网站来存放你的网页。
8. 接下来是将网页上传至你申请的服务器上，具体上传方法在申请主页空间时即可了解，使用你制作网页的软件即可，我个人推荐使用CuteFTPPro上传，这个软件功能强大，操作简便。
9. 现在，你的网站已经建立，你可以通知朋友前来浏览，并将个人网站印在你的名片上。如果你想推广你的网站，可以去各大搜索引擎登录你的新站，如雅虎、搜虎、新浪等知名网站。你还可以与其他网站申请友情链接、去一些提供链接交换的网站申请广告交换，如太极链、酷站等。在此过程中，你需要制作两个468X60和88X31尺寸的广告图片，动画最好，存储大小尽量控制在10k以下。
10. 如果你还想通过你的网站赚取一些小钱，可以去一些商业网站申请广告链接，为他们做广告，通常根据你的网页点击次数来计算报酬。
11. 最后，我要提醒各位未来的网站主，你的网站千万不要发布与国内政治相抵触的内容，这是大事，不可轻视，否则网站被关闭事小，坐牢也说不定。另外，网站内容与性有关可能会大大增加访问量，但黄色的内容不要发布，虽然性质不如反动内容严重，但也有问题。建议提供一些性教育、性知识，以及情情爱爱的内容，这些内容无伤大雅。

网站设计八步骤

由于所见即所得类型的工具越来越多，使用也越来越方便，制作网页已经变成了一件轻松的工作，不再像以前那样需要手工编写源代码。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，然而与别人一比，才发现自己的网站非常粗糙。常言道：“心急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。