网页设计课程设计报告.docx

网页设计课程设计报告.docx

《网页设计课程设计报告.docx》由会员分享，可在线阅读，更多相关《网页设计课程设计报告.docx（19页珍藏版）》请在冰豆网上搜索。

网页设计课程设计报告

《网页设计与网站建设》

课程设计

二○一二年六月十九日

目录（二号字体）

（空两行）

1.网页设计目录和任务…………………………………………………页码

2.xxxxxxxxxxxxx…………………………………………………页码

（要求：

只需给出一级目录，四号字,1.5倍行距。

）

注意：

此处开始的内容要根据课程设计任务完成的实际情况按照格式要求填写！

如下：

1.课程设计目的

2.课程设计题目描述和要求

3.课程设计报告内容

3.1XXXXXXXXXXXXXXXX

3.2XXXXXXXXXXXXXXXX

3.3XXXXXXXXXXXXXXXX

4.结论

参考书目：

（五号，宋体加粗）

［1］…………………………………………………………………………..

［2］…………………………………………………………………………..

（要求:

五号字，宋体，单倍行距。

按作者、书名、出版社、出版时间格式逐一列出，中间用逗号格开）

参考文档如下：

网页设计课程设计报告

一、网站设计目的和任务

一学期的网页设计理论和实践课程都结束了，根据老师的要求及指导，我设计了此网站。

本网站的目的在于简单的介绍一下福建省惠安县石雕行业的情况，可以使老师和同学们更进一步的了解惠安石雕，同时也为了初步学习如何将网络和商业联系在一起，从实践中了解电子商务。

此外，这不仅是为了肩负学生的责任而去完成老师交给我的任务，更是对过去学习的知识的温习巩固，是一个把理论转化为实践的过程，是一个把自己的设计思想转化为实物的过程，是一个发挥自己创造力和想象力的过程。

再者，这是对自己在一学期内该学习科目以来的成果的检查，这是一个自我审视的过程：

检测我该学期的学习成果，衡量一期以来的收获，更为重要的是扬长避短，发现自己的问题与缺点，使自己及时改正，发觉自身的优点和长处并坚持发扬，有利于我以后的学习和发展。

二、网站主题

本网站以惠安石雕的大概情况介绍为主题，阐述其文化、发展及经营方式，表现惠安石雕的市场前景。

三、网站规划思想与背景

因本人来自石雕之乡——惠安，惠安石雕历史悠久，源远流长，技艺巧夺天工，久负盛名，是中华民族优秀传统文化的一朵奇葩，素有“中华一绝”之美称。

早在1600多年前的晋朝，惠安石雕作为永久性的艺术已被应用。

建国后，惠安石雕工艺精益求精、日臻完善，建国初期北京十大建筑物、著名侨领陈嘉庚的集美鳌园等，都闪烁着惠安石雕的艺术光辉。

但是，近年来，惠安石雕的整体发展一直处于停滞不前的状态，甚至有滑坡之势。

除了市场环境及经济环境的客官因素，大部分企业自身的经营发展模式也存在着较大的缺陷。

传统的销售模式已经没办法适应网络飞速发展的信息时代。

大部分的石雕消费者都是经由网络了解石雕信息，进而选择购买。

而惠安石雕在电子商务这块的投入以及研究则相对不足。

为此，建立属于企业自己的网络平台十分重要。

此次我构建此主题网站，一方面是为了宣扬惠安石雕文化，另一方面也是希望能够帮助到石雕企业的电子商务发展。

作为一个以产品展示和推介为主题的网站，网站的风格自然要温和，这样才能达到更高的亲和力效果，同时也应该具有喜悦性、创新性，最重要的是展现出石雕的魅力，让大家深入了解石雕，增加石雕的市场认知度。

四、网站内容及结构

整个网站分为九个页面，分别为：

主页面、基本信息链接页面、信息添加页面、信息查看页面、用户注册登录页面。

各个页面都链接到主页面，方便读者更快捷地浏览信息。

网站的目录结构如下：

惠安石雕------网站根目录

Css------存放外置CSS文件

connection------connection对象连接数据库

Image------存放图片文件

Huianshidiao.html------网站主页面

shidiaowenhua.html------石雕文化链接页面

gongyiliucheng.html------工艺流程链接页面

zhuce.asp------用户注册页面

liuyan.asp------信息查看、联系方式页面

lyadd.asp------信息添加页面

网站链接图：

五、综合知识的运用情况

1、层的使用

在这次网页设计过程中，使用了大量层，因为它灵活好用，可以随便拖动，变大变小都很方便，而框架虽然也能达到这个效果，但是，它不够灵活，不利于我所需要表达的效果的呈现，也许是不习惯的原因吧，觉得太死板了，当然一些地方仍然要用到它，体现清晰的结构。

2、CSS技术的应用

仅仅使用HTML或ASP等基本的标签语言，网页的布局显得单调,字体、背景等都不能体现出较好的效果。

使用CSS技术，一些非得通过图片转换实现的功能，现在就可以轻松实现，从而更快地下载页面。

而且使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。

我们可以轻松地控制页面的布局，可以将许多网页的风格格式同时更新，不用再一页一页地更新了。

你可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。

想一想，没有使用CSS前我们是如何控制字体的颜色和大小以及所使用的字体的？

我们一般使用HTML标签来实现，代码非常烦琐。

很难想象，如果在一个页面里需要频繁地更替字体的颜色大小，最终生成的HTML代码的长度一定臃肿不堪。

说实话，CSS就是为了简化这样的工作诞生的，当然其功能决非这么简单。

结合DIVCSS是通过对页面结构的风格控制的思想，来控制整个页面的风格的属性。

本次网页设计中，利用CSS技术，快捷地处理了网页字体问题及图片的插入和排版问题，使页面更加吸引人。

3、运用Photoshop工具

图片的插入和设置背景图像是两个不同的概念，当然可以达到相同的效果，这是很基本的知识运用，也用了很多次，但是当图像较小时在层中插入更方便些，因为作为背景时图片会重复出现造成混乱的局面，但图片过小时，用层将之拉宽大就会使图片变模糊、严重变形，不但没能美化页面反而带来了负面影响，此时最好借助Photoshop工具来编辑图片。

文本的插入在层内或框架内完成较好，但不能设置为艺术字体，因此需要运用Photoshop工具来辅助完成，其实很多地方都可以用到Photoshop工具特别是一些要表现自己独特的思想和设计画面。

4、使用链接

为方便读者的查阅，在各页面底部都设置了页面链接。

5、ASP动态网页技术的综合使用。

在本次课程设计中，我们重点利用了ASP动态网页数据库技术。

在建立完数据库的基础上，利用ASP，建立一个连接对象实例connection，访问数据库。

在我的网站中，分别在信息添加、信息查看以及用户注册登录等几个网页使用了动态网页数据库技术。

这让我的网页动态交互更便捷，同时也提高了用户体验。

但是，动态网页技术对于服务器配置的要求也比较高，因此也要加强服务器端的支持。

六、网页制作过程：

一、搭建服务器

（1）差分虚拟机

下载安装microsoftVpc软件，安装母盘，在本地差分一台虚拟服务器。

并配置IP地址。

（2）添加IIS服务器组件

配置完虚拟服务器后，在虚拟机的控制面板里的添加/删除程序里添加IIS组件。

（二）站点建设

（1）在服务器端d盘里创建名为lqcweb的文件夹，用记事本编辑一个简单的default网页。

（2）创建站点

打开Internet信息服务（IIS）管理器，创建新站点，主目录路径为d：

\lqcweb。

创建完把default.html设立为默认文档。

在主机上添加服务器的IP字段，接着看看是否可以ping通。

若可以，就从主机上访问default网页。

（3）在本地创建站点然后上传到服务器

（三）、网站建设优化

（1）在本地建立ACCESS数据库

（2）利用ASP动态网页数据库技术访问数据库并将其综合应用到网页中，例如网页中的信息添加信息查看以及管理删除等等。

关键的步骤是建立连接对象connection。

（3）上传站点并访问。

七、课程设计心得与体会

这一周的网页课程设计，让我受益匪浅，完成作品后，个人也有很深的感触。

（一）学以致用

所谓“纸上得来终觉浅，绝知此事要躬行”，我最大的感受就是理论不用于实践终究是理论，说得难听点那根本就是纸上谈兵，止于理论的学习，将来是没多少成绩的，有前途发展的话也必将是少了更为之锦上添花的一笔。

当然也深刻认识了一点，那就是我们所学的知识虽说是很基础很根本，但没有根基怎么能建好别墅呢?

所以说基础知识是很重要的，我们在学习过程中不能小看而去忽略它，它是一笔财富，能引导我们看得更远飞得更高。

通过这次设计，我发现一个很普遍的问题：

我们往往是眼高手低，学习这些知识时觉得它就是小菜一桩，但现在真的验证了“看花容易绣花难”这句话，当我们着手实践时就不像我们想象中的那么简单了，每一个细节都需要注意，稍有不慎页面就在预览中变了样，因此更需要我们细心和耐心地去完成，也就两个字概括——认真，只有认真对待才会从骨子里学到东西，才学到心里去了。

我觉得这次确实是很有意义的一次检测，本来自我感觉良好的，结果实战时还是存在很多问题的，平时学起来觉得很轻松就以为掌握了所学知识，但现在都忘记很多细节是怎么样的了，因此开始着手时有些障碍，但我下定决心把以前的实验内容都温习一遍，遇到不懂的就及时查资料，比如翻阅资料书，XX，也可以请教同学，一起讨论，相互学习，于是最后也如鱼得水，水到渠成，因此得到一个非常重要的结论——只要自己想学只要自己有那份执着与毅力，虚心的请教，勤于查阅相关资料就一定会有收获的，真的当今没有什么知识是用不着的，在哪，哪里都是知识，只要自己持有高度的学习热忱。

当然，我们在学习过程中一定要及时巩固、练习，掌握了也不一定熟悉，熟能生巧啊！

我们应该吸取这个教训，否则即使我们最终达到了目的，但我们走了很多弯路，而不是事半功倍的结果了。

不过最终，经过长久的坚持与不断的琢磨，看到了自己辛苦后的成果，尽管这还有很多不足，但看着它我心里充满着喜悦，一分耕耘一分收获，这永远是真理。

（二）创意就是财富

做一个网站对于大部分同学来说，可能通过不断学习研究，就能够做出。

但是如何将一个网站建设好，如何做到与众不同，做到有特色，做到吸引人却是很难通过学习得到的。

一家企业的网站是其与外界联系的重要平台，让自己的平台更加创新，才能吸引更多的客户。

电子商务已经出现数十年，这十多年来也一直在发展，但是往往我们看到的模式却呈现千篇一律，很少有看到很大的突破与创新。

因此，我觉得，创意就是财富，特别是在一个具有无限潜力，社会趋势所向的电子商务市场，创意显得尤为重要。

把创意灌输到我们的网页中更是必不可少。

（三）学习中进步，进步中成长

完成自己的作品后我也观赏了其他同学的作品，对比起来，各有千秋，当然能从其中发现很多值得我去学习的地方，比如说有的页面布局很好，有的页面内容很充实，看起来很有感觉，也可以称之为网站了，而我的有些页面看上去，可能使别人不会产生网站这一个概念，反而会觉得像是PPT演示文稿，这也反映了我的一个问题：

心中还没很清楚领悟建立网站的基本要点，还应该加强这方面的知识储备。

另外我也发现有的同学的页面设计插入了太多图片或者太多浮动的东西，弄得网页太杂，没有一定的风格，更谈不上凸显主题了······从对比中，我学到了很多，能让我扬长避短，吸取他人之精华，去除他人之糟粕。

这次作业对于我来说不是一项任务而是一种享受，因为我发现我越来越喜欢它，不管别人说做这件事做到多晚做得有多累，我都没觉得，甚至还越做越兴奋。

对于一个对电脑不感兴趣的男生来说，我觉得这是我最大的收获，我找到了我的兴趣，我在电子商务专业中找到了方向。

真的很感谢老师能给我们这次机会，当然也发现有很多同学跟我一样喜欢上了它，在这方面也做得比较好，于是我也有一种紧迫感，毕竟现在竞争压力很大，“适者生存，弱者淘汰”是亘古不变的自然法则，我想我应该更加努力，抓住机会把它学通学精。