学校班级网站设计心得.docx

学校班级网站设计心得.docx

《学校班级网站设计心得.docx》由会员分享，可在线阅读，更多相关《学校班级网站设计心得.docx（8页珍藏版）》请在冰豆网上搜索。

学校班级网站设计心得

班级网站设计心得

（一）

其实，在初次知道我们这学期的设计内容是关于网站设计时，我真的很害怕，也很担心。

因为在这一年半的大学学习中，虽然我也学习了一些这方面的知识，也编写过一些简单的网页，但是对于那些我弄出来的东西，连我自己也不敢苟同，更别说是让我设计出一个界面美观的网站了。

所以在听到老师让我们设计出一个网站时，我真的是脑袋都大了。

不过还好，老师的要求并不是要求每位同学各做一个，而是要求我们一个班上的几位同学组成一个小组来完成一个网站。

这样，就好做多了，人多力量大，大家互补其短，互扬其长，难度就降低了很多，大家心里也有底了。

等组完小组后，我们就开始了我们这个组究竟做那个网站了。

后来，经过我们小组的集体商量，我们最终商定制作班级这个网站。

至于为什么做这个网站，我们则认为一方面是因为这方面的资料比较好收集，另一方面，感觉也比较简单。

不过，即便是这样，对于我们来说仍然还是很困难，因为要想做出那样一个界面美观的网站，还有很多知识我们不知道。

比如网站的创意、风格、整体框架布局、文字编排、图片的合理利用，空间的合理安排上面等等，有着许多诸多的要求，需要考虑。

既然困难这么多，一个人肯定是不可能在这么短的时间内将这些方面都做完的，于是在接下来，我们大家则根据自己的所长，安排了一个方面的内容。

1.2开发工具的选用及介绍

我的系统是win7的，为了做网站，我下载了网页三剑客和数据库access.

ASP的优势：

ActiveServerPages：

“动态服务器网页”，一般简称为“ASP”，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或JavaScript是在客户端（Client）的浏览器上执行，若使用VBScript来设计程序，客户端（Ｃlient）在ＩＥ浏览器中可以显示程序执行的结果，可是，客户端（Ｃlient）若使用Netscape浏览器就无法显示VBScript的执行结果。

ＡＳＰ的特点：

任何开发工具皆可发展ＡＳＰ

只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。

当然，其他网页发展工具，例如，FrontPageExpress、ＦrontPage等也都可以；不过还是建议你用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写ＡＳＰ，可能会发生一些意想不到的离奇状态。

由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。

语言相容性高

ASP与所有的ActiveXScript语言都相容，除了可结合HTML，VBScript、JavaScript、ActiveX服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（ThirdParty）所提供的语言。

隐密安全性高

如果我们在浏览器中直接查看网页的原始代码，就只能看到ＨＴＭＬ文件，原始的ＡＳＰ程序代码是看不到的！

这是因杰ＡＳＰ程序先于网站服务（ＷebServer）端执行后，将结果转换成标准ＨＴＭＬ文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的ＡＳＰ程序并不会轻易地被看见进而被盗用。

易于操控数据库

ＡＳＰ可以轻易地通过ＯDBC（OpenDatabaseConnectivity）驱动程序连接各种不同的数据库，例如：

Acess、Foxpro、dBase、Oracle等等，另外，ＡＳＰ亦可将“文本文件”或是”Excel”文件当成数据库用。

面向对象学习容易

ＡＳＰ具备有面向对象（Ｏbject-Oriented）功能，学习容易，ＡＳＰ提供了五种方便能力强大的内建对象：

Request、Response、Sever、Application以及Session，同时，若使用ＡＳＰ内建的“Application”对象或”Session”对象所撰写出来的ＡＳＰ程序可以在多个网页之间暂时保存必要的信息。

ASP的六大内部对象

对象名称功能描述

RequestResponseServerSessionApplicationObjectContext从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息，该信息仅可被该用户访问在一个ASP-Application中让不同的客户端共享信息可以用来配合MicrosoftTransaction服务器进行分布式事务处理

所以我选择了ASP结合Dreamweaver构建我们计算机网络技术081班级网站。

配置了iis。

因为win7的iis和windows的iis配置不一样。

我上网搜索了win7的iis配置方法。

部分图解如下：

等等。

由于对网站的界面美化有过一定的学习，于是，前半个月我的任务就是关于网站界面美化方面的设计。

界面设计即简单又不简单，简单的是界面设计只是在功能设计的基础上作一些美工设计；不简单的是，要设计既得好看，又与功能设计很贴切是很考究制作者的美术和平面设计功底的。

我虽然学习过一些这方面的，但要真的做起来，恐怕还差很远，这就要求我在平常去学习这方面的知识了。

于是在任务安排了以后，我就去学校图书馆借了一些这方面的专业书籍，如平面设计，工业设计等。

另外，我还有时间就去那些设计的比较好的网站内去转一转，学习其中的优点。

这样，一个多月下来后，虽然仍还有很多不了解，但是却也从中学到了很多。

由于我们这个网站要求的并不是很高，所以经过我这一个多月的突击，也是勉强能行了。

充电完成后，接下来就是真的实践了。

而要做网站的美工，那么首先要弄的就是网站的Logo。

Logo顾名思义就是站点的标志图案，logo最重要的就是用图形化的方式传递网站的定位和经营理念、同时便于人们识别。

对于这方面，我可以说是完全没有经验。

后来真的不知该怎么办，只好在网上收集了一些这方面的素材，然后找出了其中一个自己比较好的将其作为了我们网站的logo。

Logo做好了后，我还做了文字的编排以及文字图形化。

在网页设计中，字体的处理与颜色、版式、图形化等其他设计元素的处理一样非常关键。

而文字图形化就是将文字用图片的形式来表现，这种形式在页面的子栏目里面最为常用，因为它具有突出，同时又美化了页面，使页面更加人性化加强了视觉效果。

是文字无法达到的。

这样做了好，网站整体上看起来就好看多了。

另外，我还要强调文字。

因为在我看来，将个别文字作为页面的诉求重点，然后通过加粗、加下划线、加大号字体、加指示性符号、倾斜字体、改变字体颜色等手段有意识地强化文字的视觉效果，使其在页面整体中显得出众而夺目。

最后，我还对网站进行了一些简单的配色。

我先用一种色彩选定指定颜色，然后调整透明度或者饱和度，（说得通俗些就是将色彩变淡或则加深），产生新的色彩，用于网页。

这样的页面看起来色彩统一，有层次感。

总而言之，前期我就在准备材料和美工中设计了半个月。

设计的大概成果如下图：