《专业导入》课程设计说明书

《《专业导入》课程设计说明书》由会员分享，可在线阅读，更多相关《《专业导入》课程设计说明书（18页珍藏版）》请在金锄头文库上搜索。

1、1课程设计说明书课程设计说明书设计名称： 专业导入课程设计专业导入课程设计 题 目： 网站制作与设计网站制作与设计 -篮球大联盟篮球大联盟 学生姓名： 郭雪城 专 业： 网 络 工 程 班 级： 13 级 1 班 学 号： 指导教师：吴臣,任朝晖,雷晓平,胡明日 期： 2014 年 7 月 5 日佛山科学技术学院课程设计课程设计任务书网络工程 专业 13 年级 1 班 郭雪城 一、一、 设计题目设计题目网站制作与设计网站制作与设计二、二、 主要内容主要内容1认识理解网站制作的六个基本流程：策划与草图、设计与制作、切割与 导出、编辑与模板、动画与广告、链接与上传；并完成相应的处理内容。 2对网站

2、设计中涉及到的平台、工具等进行查阅及学习，锻炼通过网络进 行自我学习的能力。 3.出现问题后，能积极通过学习及上网查阅资料，阅读书籍等各种方式， 独立或协作商量解决之。三、三、 要求要求1、学会查找资料并善于分析资料，提倡学生互相学习、培养团队精神； 2、培养严谨的工作作风、独立思考问题、独立设计、独立调试程序的能力；3、了解网站制作的简易流程，认识到每步的要点与重点； 4、认识网站设计基本开发平台，对涉及到的相关知识进行查阅并做出初步 的网站设计； 5、给出设计系统的概要设计、详细设计，锻炼学生分析、设计、编码、调 试程序和书写必要文档的综合处理能力； 6、了解在网站设计上的一般做法，并认识

3、与网络工程专业相关的基础知识， 认清专业方向。 7、编写规范化的课程设计说明书，并参加上机面试答辩。四、四、 进度安排进度安排 阶段一：查阅资料，了解同网站制作与设计相关的工具与方法，并做好记 录，搭建好网站建设平台（时间一天半） ； 阶段二：根据网络工程建设流程，先按网站制作的六个阶段分开处理或准 备相应的材料，再将材料进行汇集，初步实现预期效果（时间两天） ； 阶段三：具体设计并实现网站的初步功能，并归纳文档资料，按要求填写 在课程设计说明书上，并参加答辩（时间一天半） 。五、五、 完成后应上交的材料完成后应上交的材料 给出网站材料处理所用到的方法及处理要点；网站设计系统的概要设计、 详细

4、设计；完成网站设计的功能模块图、核心功能的实现及处理方法；完成规 范化的课程设计说明书的编写。佛山科学技术学院课程设计课程设计的总结报告，还应包括以下内容： （1）课程设计中遇到的主要问题和解决方法； （2）创新和得意之处； （3）课程设计存在的不足，需进一步改进的设想； （4）课程设计的感想和心得体会。 以上内容均填写在课程设计说明书上，要求干净整洁，符合课程设计 的要求和规范。六、六、 总评成绩总评成绩指导教师指导教师 签名日期签名日期 年年 月月 日日 系系 主主 任任 审核日期审核日期 年年 月月 日日佛山科学技术学院课程设计目目 录录一、设计任务分析1二、网站制作与设计32.1 网站

5、的材料处理要点32.2 网站的总体方案设计32.3 模块具体设计与分析4三、系统运行界面5四、调试分析8五、总结10六、关键源代码12佛山科学技术学院课程设计0一、设计任务分析一、设计任务分析本课题主要的目的是：课程设计总的目的在于通过一周的网页设计学习，设计一个简单的网站来检测自己的学习成果看看哪些东西还没有掌握，要进一步的去巩固！同时加深对网页设计与制作的基本知识的理解，网页与制作技能综合运用和提高，通过真实工作任务，使学生能设计出有一定水平的网页并解决培养解决实际问题的能力，掌握实际网页设计与制作开发流程和开发方法。具体的课程设计应达到以下目的：1学会查找资料并善于分析资料，提倡学生互相

6、学习、培养团队精神；2在实际的项目任务中培养网页设计方面的素养，培养严谨的工作作风、独立思考问题、独立设计、独立调试程序的能力3在实际的项目任务中使学生网页编程和制作的能力得到提高。 4培养学生团队协作和人际交往方面的能力。5. 培养相关知识和技能的综合应用能力6提高学生在实际操作中收集信息，对信息进行价值判断，进行信息整理、加工的能力。我们的篮球网站的功能是将篮球文化带给广大的球迷，让他们在工作之余能有一个使身心放松的地方。 佛山科学技术学院课程设计1系统具体功能有：1.首页功能：首页的主要内容是将部分精彩内容通过特写镜头展现出来，让人们能迅速的找到自己对篮球的那种感觉，能够直观的感受到篮球

7、带给人们的激情和热血。首页让浏览者更加方便的体会到篮球文化带来的视觉冲击力。 2.主页功能：通过主页将网站内容更加条理化、更加详细、更加方便的展现给浏者。主页中将每个板块的内容具体化、深入化、详细化。让广大的球迷更细致的了解篮球、了解 NBA。在主页中我们也设立了NBA 名站链接，这样更能方便了广大球迷更全面的了解篮球。3.副页功能：篮球大本营更加详细的介绍了篮球的历史文化等。佛山科学技术学院课程设计2二、网站制作与设计二、网站制作与设计2 21 1 网站的材料处理要点网站的材料处理要点刚开始时，我们准备制作一个服装网页，但是后来发现服装类型的网站，工程量太大，范围太广。所以我们小组决定要把篮

8、球作为网页的主题时，我们就决定一个人找素材，另外一个人就用 photoshop 对他找的素材进行修饰。由于我对 photoshop 有所了解，所以由我来对素材进行加工。鸿毫负责搜集图片视频等相关的素材，然后找出分辨率适合的还有适合做网页的图片给我进行加工， 最后经过加工后选出了比较满意的图片。22 网站的总体方案设计整个系统有 3 个主要的网页构成。因为老师跟我们讲过网页不要过于花销，尽量要简洁大方，色彩尽量单调点。开始时，我们打算只做一个网页，但是后来发现这样排版，页面会过于繁杂，所以我们决定在增加一个副网页，用于专门介关于 NBA、篮球的网页。由于这个建议是鸿毫提出的，所以由他负责排版制作

9、。由主页链接起来。后来鸿毫发现网上有一个 3D 效果的相片框，所以我们决定用这个 3D 效果的相片框来吸引浏览网站的人，然后勾起他们的兴趣，使他们点击我们的网站。我们借用网上代码，把图片换成我们的，制作了展示 NBA 球星们的英勇风姿 3D 立体的图像框来链接到主页。于是，我们决定分工，由我对主网页进行排版，而鸿毫对第三个网页进行排版和制作。我们力求把网站做的简洁大方，实用。佛山科学技术学院课程设计3图 2-1 功能结构图图 2-2 主页模板图23 模块具体设计与分析因为开始之前我们反反复复的修改模块很多次 ，构思好各个模块，所以制作对于我们来说也不是很难。我们的首页是一张 3D 立体相册，给

10、人带来强烈的视觉冲击力。 （虽然代码是在网上弄的，但是我们也花了一定的时间精力去修改）点击 “到主页” ，直接进入我们的主页，也就是我们最主要的部分。首先浏览者会被“无兄弟，不篮球”六个大字激发兄弟篮球的激情，勾起了和哥们一起打球的快乐回忆。 （这模块是我的灵感）第二模版是一张热火三巨头的头像，这张头像不仅反映了篮球的热血，也反映了篮球友谊的深厚感情。我在图片下佛山科学技术学院课程设计4方写了一段关于篮球的话直接链接到鸿毫设置的第三个网页。接着下面 6 个图文超链接到不同的网站。这一个模块是鸿毫制作的，所以我就不详述了。为了满足广大球迷，我们在下方有最新热点新闻链接到其他的网站。 （这里的这个

11、模版是我制作的）刚才说的第三个网页，是鸿毫负责的，我就不详述了。 三、系统运行界面三、系统运行界面1、首页这是 3D 立体的图像框，给浏览者带来强烈的视觉冲击 点击，直接跳转到主页佛山科学技术学院课程设计52、主页佛山科学技术学院课程设计6点击图片或图片隔壁文字直接链接到篮球大本营（如下截图）3、篮球大本营佛山科学技术学院课程设计7四、调试分析四、调试分析1.我做主页排版使用表格拉伸图片时，会影响其他图片尺寸，从而影响整个页面排版，影响美观。试过了很多次，还是不行。于是我上网查了一下，决定把它拆分多个表格，分割成独立的三个表格模块，最后把这个问题解决了。2.链接问题。我开始时弄几个链接到其他官

12、网，按照正常步骤做了还是不行，我佛山科学技术学院课程设计8反复试了几次还是不行。我打开代码检查了一下，最后发现链接地址有问题，因为我使用中文符号“。 ”代替了英文符号“.” ，结果导致链接出错。改过之后，就可以了。3.页面居中问题当网页基本做好的时候，我们在 4:3 的老式电脑上看没问题，但回到宿舍在 16:9 的宽屏电脑上打开时发现页面往左边靠了，为解决这个问题，我们上网查找了资料，也向同学请教过，最后发现是页面属性的问题。最后在页面属性中选“页面居中”就行了。佛山科学技术学院课程设计9五、总结五、总结经过一个星期的课程设计，感觉自己收获不少！首先是通过这次网页课程的设计，激发了学习兴调动学

13、习的自觉性，提高了自己动脑、动手，动口的能力，运用网络资源，结合教材及老师的指导，通过自身的实践，创作出积聚大众风格的篮球网页其次，在和搭档鸿毫的合作中，我们明白了团队的力量是那么的大，这就是 1+12 的原理，网页制作过程中，我们遇到过很多问题，但是我们不后退，我们上网查资料，请教老师同学，最终把问题解决了。比如我们遇到了在不同的电脑上因为显示器的大小比例不一样，会出现网页页面偏左或偏右的现象，佛山科学技术学院课程设计10我们开始以为是浏览器的问题，后来才发现是我们没有把页面属性调为“页面居中”的模式，后来改过后就可以了。从这里我也得到一些体会：团队的之间的配合是多么的重要，队员之间要学会资

14、源共享，分工合作，紧密合作，有共同的纲领、方向。我们分工明确，发挥自身优势特长，虽然过程中因排版背景颜色等有过争执，但我们都静下心来听听对方的观念，最后达到大家都满意的结果。总体来说，整个专业导入的学习过程，我学会了很多知识。我已经在老师的指引下迈入了网页设计的大门，在今后的闲余时间继续认真学习制作网页的更多知识以实现自身技能的提高。在此次网页设计中，我充分利用了这次设计的机会，全心全意投入到网页世界，去不断的学习、不断的探索；同时去不断的充实、不断的完善自我，在网络的天空下逐渐的美化自己的人生！做好页面，并不是一件容易的事，它包括主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。本次课程设计不是很好，页面过于简单，创新意识薄弱，这是我需要提高的地方。需要学的地方还有很多，需要有耐心、坚持，不断的学习，综合运用多种知识，才能设计好的 web 页面。总体来说，通过这次的网页课程设计，有收获也有遗憾，不足的地方还很多，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，凭借我对网页设计的热情和执着，我将来设计出的网页会更加专业，更完善！佛山科学技术学院课程设计11六、关键源代码六、关键源代码1、功能 1：链接到主页2、功能 2：3D 立体相册效果佛山科学技