静态网页制作设计报告

2024年5月2日发(作者：)

河北机电职业技术学院

课程设计报告

姓 名： x x x

班 级： 软件1301

学 号：

设计名称： 静态网页制作课程设计

指导教师： 吴晓霞 闫虎

河北机电职业技术学院课程设计报告

一、课程设计目的

通过本次课程设计，将网页设计的理论知识和网页开发实践有机的结合起来，训练学

生的网页制作能力和开发技巧，锻炼学生分析问题的能力，提高学生运用所学知识解决实际

问题的能力。

二、题目描述和要求

设计题目：

个人完成一个某一素材网站。

技术要求：

要为本公司设计（或仿制）一个商标

要使用jpg 与透明Flash相结合的banner

所有的页面风格统一。

实现对页面重用。

质量要求：

必须在最后一节课之前按要求完成，页面质量符合课堂所讲内容要求，页面美观大方，

不得抄袭其他网站内容。

三、课程设计内容

3.1设计内容

公司网站主要包括的设计内容如下：

 公司首页：主要介绍了公司销售的品牌。

 店内动态：介绍了公司历年来的发展历程。

 全新座驾：介绍了公司最新引进的玛莎拉蒂品牌

 车辆展示：向游客展示了公司的各种品牌车。

 售后服务：提供与消费者交流的平台。

 关于：介绍了本网站的各种制作信息。

1

河北机电职业技术学院课程设计报告

3.2设计实现

此次网页设计实现了对网页的多项技术的掌握。

 关于是css与div，起初老师发下来css和div的时候，什么也看不懂，但是经过几天的

摸索和与同学们的探讨，渐渐地开始可以理解css和div了。

 关于加入滚动图片，滚动图片的加入用了我一个晚上的时间，由于课本上没有关于加入

滚动图片的代码，所以就去求了一下度娘。但是滚动图片的加入是需要知道其要加载到

什么位置的，所以根据先前对div的了解，外加测试，成功的添加了滚动图片。还有就

是掌握了如何多弄几张图片加入到滚动中的问题。

 关于photoshop，刚刚开始使用时，并不是很了解，只是试探性的使用，大多是从

中寻找可用的图片，但是找到的并不能使用太多，所以就开始使用PS，再几

天的使用时间里，渐渐地开始熟悉，使用起来也不是很慢了。

 关于硕思logo设计大师专业版。制作网站其中必不可少的就是logo，但是在

中找到的大多都不好编辑，即使是PS也不是很容易，所以我下载并使用了硕思logo设

计大师专业版，里面有很多的模板（商业，节日，时尚，文字等），对于初步使用，使

用起来也不是很繁琐，所以就用硕思logo设计大师设计了几个logo，并使用到了网页

当中。

四、总结

通过本次的实训，在老师的热心指导和精心培养下，我不仅在知识上有了很

大的提升而且在心得上也是收获颇多。

本次实训的目的旨在检验我们在平常学习中所学知识、将上课所学的理论知识

在实践中巩固掌握以及进一步熟悉和掌握网页设计与网页制作的基本流程。

一直很羡慕会作网站的人，是那样的神奇，自己做了，才知道其中的技术含

量。首先要掌握基本的操作，还要找各种资料，查找数据，一切并不像想象的那

2

河北机电职业技术学院课程设计报告

样简单，但做好后很有成就感，想要做一个漂亮的网站，不知光想就能做好的，

平时上课开一点小差，有些东西就做不起了。。。。。。网页制作是我们的专业课，

面临现在的就业形势，大学生毕业就失业已成普遍现象，但如果你真的有过硬的

专业只是和实践能力有何愁找不到工作呢。

商务网站自兴起以来，便以不可阻挡的势头迅猛发展着！它方便、快捷、省

时、省力，收到企业和个人的极大亲睐。在现代的信息时代中，多种交易都是通

过网络实现的，于是，对于掌握这方面的知识越来越重要了！所以，我们要啊抓

紧一切机会学习，不断的充实自己，在这个信息爆炸的时代，计算机技术的更新

周期不断缩短，紧紧掌握所学的知识是不行的，还要不断扩展新的知识，再次实

训中，有的同学作出很漂亮的网站，还插入了自己做的视频，而我是会插入简单

的图片和音乐，当时的触动很大，所以，现在的我们要有危险意识了，毕业后我

们的路该怎样走就看现在的学习了，不是抱怨学校和专业的时候了，没有用的，

再好的学校，再好的专业，自己不好好学，将来走进社会还是一无所成的！以后

我会认真上每一堂课，认识完成每一次作业，每一次实习，将来的路是自己走出

来的！！

最后感谢两位老师的帮助！

五、附录：(部分源代码清单)

图片滚动代码（源自百度）：

我认为这是一些会经常用到的实用性代码。

4