课程设计报告论文.docx
《课程设计报告论文.docx》由会员分享，可在线阅读，更多相关《课程设计报告论文.docx（25页珍藏版）》请在冰点文库上搜索。
课程设计报告论文
武汉长江工商学院
工学院计算机科学系
项目名称：
计算机核心课程学习界面
的设计与实现
学生姓名：
uk
学号：
1008041115
班级：
10811
指导教师：
jfjjf
目录
摘要1
关键词1
Abstract1
Keywords：
2
一引言3
1.1网站制作的意义3
2需求分析3
2.1可行性分析3
2.2综合需求分析4
2.3界面模块图5
3设计概要5
3.1主页面的模块设计5
3.2C语言子页面的模块设计6
3.3计算机组成原理子页面的模块设计6
3.4网页设计子页面的模块设计6
3.5Flash设计6
4详细设计8
4.1主页面设计8
4.2C语言页面设计9
4.3网页设计页面设计10
4.4组成原理页面设计11
4.5网站主题logo的设计12
4.6“达内”Flash广告的设计13
4.7“联想”广告Flash设计14
5系统测试16
5.1下载功能的测试16
5.2链接功能的测试16
结论18
致谢19
参考文献20
计算机专业核心课程的学习网站
摘要：
随着信息技术的不断发展，计算机已经渗透到社会的各个领域当中，人们已经进入了以使用计算机为主要学习、工作、生活手段的信息时代。
目前，任何一所大学任何一个专业的学生都要或多或少地学习计算机知识。
随着计算机知识的普及，有些学生和家长认为计算机只不过是辅助人们进行其他工作的工具而已，既然大学的任何专业都要学习使用计算机，那么似乎就没有必要将计算机作为一个专业来学习。
其实这是对计算机专业的一种误解，是缺乏对计算机专业培养目标和学习内容的了解所致。
作为计算机专业的一名学生，我认为熟练掌握专业核心课程是相当重要的，同时这也是区分计算机与非计算机专业的核心标准。
本网站完成的就是对计算机专业的核心课程的介绍、此网站介绍了计算机的三个核心专业课程：
C语言，网页设计，计算机组成原理。
首先，在C语言子页面里面介绍了C的五大特征，让更多人加强对C的更进一步的了解，同时有很多关于C语言的链接，比如：
资料链接，相关编程软件的下载等等；其次，在网页设计子页面里面详细介绍了网页设计包含的知识面，着重列举了Dreamwear和Flash，以及相关软件的下载安装；最后，在计算机组成原理的子页面介绍了组成原理中重点要掌握的几大知识点，如：
组成原理中包含的指令系统，主存与CPU之间的映射关系等。
关键词:
计算机专业，C语言，计算机组成原理，网页设计。
Thecomputerprofessionalcorecoursesofstudysite
Abstract：
Withthedevelopmentofit,thecomputerhaspenetratedintoeveryfieldofsociety,peoplehavetousethecomputerforintothemainstudy,workandlifeofthemeansoftheinformationage.Atpresent,anyuniversityanyastudenttomoreorlesstolearncomputerknowledge.
Withthepopularizationofcomputerknowledge,somestudentsandtheirparentsthinkthatcomputerisonlypeopleofotherauxiliaryworkatool,sincetheuniversitytolearnanyprofessionalusecomputer,thenseemstonotwasnecessarytothecomputersasaprofessionaltolearn.Actuallythisistothecomputerspecializedamisunderstanding,isthelackofcomputerprofessionaltrainingobjectivesandstudycontentbyunderstanding.Asacomputerprofessionalastudent,Ithinkmasterprofessionalcorecoursesisquiteimportant,anditisalsodistinguishbetweencomputerandthecomputerprofessionalcorestandards.
Thiswebsiteisdonetothecomputerprofessionalcorecoursesofintroduction,thiswebsiteintroducedthecomputerthreecoreprofessionalcourses:
C,webpagedesign,computerprinciple.Firstofall,intheClanguagesoninsidepageintroducestheCfivecharacteristics,letmorepeopletostrengthenfurthertheunderstandingofC,andatthesametimehavealotaboutClanguagelinks,suchas:
materiallink,andrelatedsoftwaredownload,etc.;Secondly,inthewebdesign,therearedetailedintroducedthechildpagescontainingtheknowledgeofwebdesign,thispaperliststheDreamwearandFlash,andrelatedsoftwaredownloadinstallation;Finally,incomputerprinciplesonpageintroducestheprincipleofthekeypointistograspofafewbigknowledgespots,suchas:
containinstructionssystem,mainmemoryandCPUthemappingrelationship.
Keywords：
majorincomputer,Clanguage,webpagedesign,computerprinciple.
1引言
做此学习网站主要是为了方便学习者的在线自学，在当今科技发达的世界，网上学习已经成为一种必要的流行趋势，如果有了学习网站，人们可以做到足不出户，直接在家里进行网上学习。
与此同时，网上学习会给用户提供视频学习，资料的下载，习题库的直接练习，这比课堂学习方便了很多，然后在线学习者可以高效率的通过自学检测自身的学习情况，自己翻阅下载资料进行自身知识欠缺的弥补。
此网站是一个计算机专业课程学习的网站，首页是对计算机专业相应地介绍，然后还有与计算机学习相关的三个核心专业课程的子网页，分别是:
C语言，网页设计，计算机组成原理。
通过此网站，让我们对计算机的这三个核心专业课程有更深入的了解，让我们明白怎样去学习计算机，以前局限的以为计算机就是简单硬件方面的学习，通过与计算机学习的更进一步的接触，才知道计算机的学习包括很多计算机能识别的语言，这里主要介绍了C语言，网页能通过相应的链接下载更多的C资料，以及编写C代码的软件下载，页面展示了C语言学习的很多知识点，如何去学习C语言。
然后计算机学习方面还包含了网页设计，通过学习网页设计能更好地展示我们的设计水平，去设计我们想要的网站，比如：
这个计算机学习网站，就是让我们对如何去学习计算机有更深层次的了解，充分利用计算机的学习资料，同时网页设计里面的Flash也是专业知识要求重点掌握的，如何让一个网站更具有吸引力与好的Flash制作是紧密相关的，网页设计子页面也着重介绍了Flash，以及经典案例的展示。
最后，计算机组成原理是一个与计算机硬件紧密联系的课程，同时也是计算机网络底层应用的重要核心课程，通过此页面，对计算机内部构造以及相关构造的功能有深入的认识，同时，对计算机内部的一些指令系统的工作原理有了全面的了解。
通过此网站让我们对怎样去学习计算机有了一定的目标，而不是像以前对于计算机的学习总是处于迷茫阶段，同时能够针对性地去学习计算机的某一门专业核心课程，及时找到学习目标。
与此同时，也让我们对以后工作需求的计算机人才有了更清楚的认识，能准确掌握未来工作需要的相关专业知识。
2需求分析
2.1可行性分析
可行性分析法是该网站进行系统技术经济论证，经济合理性综合分析的方法。
其目的是通过对技术先进程度，经济合理性和条件可能性的分析论证，选择以最小的人力、物力、财力耗费，取得最佳技术、经济、社会效益的切实方案。
它是解决系统投资前期分析的主要手段。
本讨论系统的可行性主要从经济可行性、技术可行性、操作可信性和社会可行性分析来考虑。
2.1.1经济可行性分析
本网站的开发周期并不长，因为现在的计算机技术比较成熟。
自己对网页设计这么学科较有兴趣（另外自己配有笔记本电脑、学校提供了专门的计算机学习环境以及专业的指导老师随时可以提问），所以开发成本不会很多。
对于使用成本，现在的高校很缺少这种在线针对性学习专业的网站，相对于其他的教学资源，本网站还是比较可以满足用户的承受能力的，即成本不高、经济可行。
2.1.2技术可行性分析
基于“大学计算机专业核心课程的在线学习系统”主要是应用做前台开发，随着技术的不断进步，大型IT公司也对计算机的研发不断更新。
可想而知学好专业核心课程是一个必要的环节。
为了更好地满足未来IT公司需要的人才，所以对计算机专业核心课程做一个在线学习系统时完全可行的。
2.1.3操作可行性
对于本网站未注册用户可以浏览主页了解相关计算机的各种信息，以及各种资讯广告。
对于注册用户不光有未注册用户的功能权限外，还可以对计算机的专业核心课程进行具体了解和学习，很有针对性地去达到用户的学习目标，因此本网站在操作上是可行的。
2.1.4社会可行性
当今社会是一个信息技术的时代，计算机的发展越来越快，同时接触和使用计算机的用户也显著增加，在这样一个时代，网上学习已经成为一种潮流模式，而且此网站是针对计算机的学习，所以更有助于大家对信息时代社会对计算机人才具体需求的了解，同时这也能达到满足社会的需求。
2.2综合需求分析
需求分析就是发现、求精、建模、规格说明和复审的过程。
为了发现用户的真正需求，首先应该从宏观角度调查、分析用户所面临的哪一门具体课程的问题，然后有针对性地对让用户在线学习。
也就是要了解当前用户的情况和需要解决的问题。
2.2.1功能需求
根据我们学生学习的实际要求，所设计的系统应实现如下要求：
（1）能掌握本系统内所注册用户的全部信息，包括用户的学号，姓名，密码，只有在输入正确的情况下才能进入系统。
（2）应该包含注册窗口，随着一届又一届学生的使用，对于新用户必须注册之后才有使用本系统的权限，注册信息包括学号、姓名、密码。
（3）本系统包含留言窗口，用户可以随时在登录的情况下给老师留言，向老师反映问题，作为学生老师交流的一个平台。
（4）本系统包含大量学习资料库以及相关习题资料，可以方便学生的在线做题测试。
2.2.2可靠性需求
硬件可靠性：
包括服务器硬盘、CPU、网络环境的运行可靠性等，保证这些硬件介质正常可靠运行。
软件可靠性：
要求软件在承载一定用户在线等复杂的条件下也能稳定运行，不会产生异常情况。
2.2.3安全性需求
（1）运行系统的安全：
保证信息处理和传输系统的安全，简称“系统安全”。
系统安全主要包括计算机系统机房环境的保护，计算机网络拓扑结构设计的安全性考虑，硬件系统的可靠安全运行，计算机操作系统和应用软件的安全，数据库系统的安全等，本质上是保护系统的合法操作和正常运行。
（2）网络安全：
运行系统的安全、信息传播的安全和信息内容的安全的集合体。
2.2.4用户需求
用户可以通过注册，然后输入自己的学号，密码，进入此系统，了解计算机的相关信息，然后针对性地进去专业的在线学习，可以根据自身情况着重学习比较薄弱的科目，还可以对相关专业科目的资料下载，习题下载。
2.3界面模块图
此学习网站共有四个页面，其中一个学习主页面，还有三个学习子网页面，分别是C语言页面，网页设计子页面，计算机组成原理子页面，并在每个页面下提供了相关性大量的学习资源。
设计模块图如下:
图2-1学习网站模块图
3设计概要
3.1主页面的模块设计
主页面的布局方式是“三”形布局，整体主要是采用了表格，整体页面界面宽1150像素（考虑到实验室计算机与自己笔记本显示器尺寸不同），当中还用到表格里面嵌套表格的设计，这样使整个页面布局位置看起来比较固定，没有用到布局里面的层，因为插入单独的层那样页面浏览的时候层所在的位置并不一定是在Dreamweaver所在的位置，就没有使用表格固定位置的完美。
其次表格的嵌套加入了边框，这样使页面的浏览看起来更靠近美观。
基于学习网是一个比较严肃的网站，所以配色方面不能选择比较活泼亮丽的颜色，主页面的配色主要是采用了蓝绿灰配色，特别是图片都是偏向于蓝绿色调，然后文字都是黑色，配上浅灰色背景。
主页面风格：
页面左上角是用动态的Flash制作的LOGO，其次下面是图片和flash结合的电脑广告，接下来是网站会员登录窗口，隔着一个Win7系统广告图片下面就是主页正文，主要是各种资料的链接，风格比较简单和谐。
3.2C语言子页面的模块设计
C语言子页面的布局方式也是“三”形布局，整体页面也是采用了表格，整个界面宽度也是1150像素，第一层次是网站logo和网页标志；第二层是介绍C语言的大概历史和经典教材推荐；第三层次是C语言学习的主要链接，让使用该网站的用户能够有充分的资料去进行学习。
配色方面主要采用了灰蓝，基于是学习页面所以看起来比较有厚重感。
页面风格：
左上角也是相应的网站logo，让用户比较清楚网页来源。
3.3计算机组成原理子页面的模块设计
组成原理子页面的布局方式是“三”布局，整体页面采用了表格，界面宽度1150像素，主要是从组成原理包含的重点几大知识点来涵盖页面内容，比如：
计算机系统结构图，页面还设计了相应的链接，即：
资料链接，有压缩版的视频下载，方便用户网上学习专业核心知识，通过视频学习有更深刻的了解；还有邮件的链接，可以让用户向我们回馈他们关于我们网站页面设计的一些意见；同时还有习题库的链接，方便用户直接在网上测试所学效果，这样的设计能够真正发挥学习网站的用途。
3.4网页设计子页面的模块设计
网页设计子页面的布局方式是“左右”布局，整体页面采用了表格，以及表格里面嵌套层，界面宽度1150像素，整体从Dreamweaver和Flash这两个核心知识点来设计此页面，在Dreamweaver里面采用鼠标的行为设计分两个大的标题方向介绍了相关知识点，页面给用户展示了经典网页案例，以及使用简单脚本语言的动态Flash展示。
此页面配色比较鲜艳，着重比较亮的色彩，因为网页设计给人的印象是多姿多彩的，所以配色就选了鲜明的色彩。
页面风格：
因为图片的色彩亮丽页面整体给人眼前一亮的感觉，图片旁边都有相应的文字介绍，将文字和图片相结合，左右配对，有着比较清楚的页面的设计思想。
3.5Flash设计
3.5.1网站主logo的设计
主页面logo的设计，思想是将网络上的学习网站的logo动态化。
即在Flash软件里面通过6个层来设计。
第一层是logo主体图像，第二层至第五层是logo中闪出的大小渐变的绿色圆，第六层是不断闪烁的“学习网站”字样。
第六层字样采用定点关键帧设计，每闪出一个圆相应字体闪烁一次。
3.5.2“达内”广告Flsh的设计
Flsh“达内”的广告设计，用到四个层，分为“声音”“背景”“光圈”“字体”。
先设计光圈的时候画出椭圆形再调光色形成光晕状，再根据字体跳动调整关键帧。
3.5.3字设计
这个设计是对老师上课教的Flash的知识的活学活用，灯火文字主要有四个元件，分别是灯光，光动，文字，灯火文字。
灯火文字的影片元件的时候有两个层，文字层和光动层，首先是光闪现，然后文字在出现，所以在对文字和光动的关键帧设计的时候要错开一帧，这是值得注意的。
3.5.4“戴尔”广告Flash设计
此Flash设计分两个层次，要求在播放第一个场景完了的时候继续重复第一个场景得开始，遮罩层下是显示层，闪出字体由分散在四个层的字体组成，随着图片的闪入而闪现。
3.5.5“联想”广告Flash设计
此文字Flash称为水漂文字，分三层，第一层是背景层，第二层是文字层，第三层是显示层，其中第二层为遮罩层。
另外还加了一个引导层，引导“联想：
滤动世界”字样的闪动。
4详细设计
4.1主页面设计
首先主页最上面的左上角是动态的flashlogo，由于Logo下面要插入广告条，所以导航栏采用栏层插入在网站表示上。
接着用到表单插入会员登录界面，密码输入栏采用“密码”状态使得输入密码上密文态。
然后是主页面的一些主体内容，主要采用了表格里面嵌套表格，然后填充了关于计算机方面的知识，以及计算机专业方面的相关书皮图片。
主页没有插入下载项，不过有很多相关资讯的超级链接。
最后就是每个页面通用的结束条目。
图4-1主页面设计
图4-2主页面设计
4.2C语言页面设计
C语言子页面左上角照例上网站的动态Flashlogo,右上方上一个大大的C的标志表明网页属性及内容。
下面上一个大的表格嵌套，先上介绍栏C语言的创始人和基本经典的教材，再用文字简单的叙述了C语言的发展史。
下面则上相关资料链接和下载文件，中间加栏一个“联想”的Flash广告，整个界面简洁清爽。
图4-3C语言页面设计
图4-4C语言页面设计
4.3网页设计页面设计
在页面最上面先插入两行两列的表格，第一列要先合并以便插入网站主题logo。
下面上对“网页三剑客”的图文介绍，由于我找到的图片上整张的所以插入的三行两列的表格左列可以合并。
接着用到了行为设置这个知识点，首先分两个标题介绍了相关Dreamweaver里面的一些重点知识，对标题文字的行为设置要使用层，两个标题是写入在层里面嵌套一行两列的表格里面，这两列文字属于同一层，然后对每列标题下的具体知识点的文字说明分别使用层，两个层同样大小，同样位置的放入，接着选中标题一的文字，然后选择CSS里面的标签检查器，此时即可对标题一添加行为，右击添加行为，鼠标移上标题一的时候，下面的对应文字层显示，鼠标移走标题一的时候，下面的文字层隐藏，同理，对标题二也是同样设置行为，最后的效果是鼠标移到哪个标题，下面的内容就显示相应的文字层，同时还要保证预览的时候有一个文字层始终出现。
接下来，介绍了Flash相关知识点，利用表格里面插入了实例Flash。
图4-5网页设计页面设计
图4-6网页设计页面设计
4.4组成原理页面设计
最上面的一行一列的同整个界面一样宽度的表格设计与网页设计页面的一样，也是导入到Flash里面插入文字层，然后在具体设计里面利用属性里面的地图工具进行热区链接，左上角的LOGO设计同主页面的一样要设置背景的透明度以及Flash参数设置。
接下来基本都是插入一行两列的对称表格，或者一行三列的表格，然后左边是图片，右边的文字是利用单元格里面嵌套表格。
第二大行表格的最右边有相应的压缩视频下载，联系我们的邮件链接，以及组成原理相关习题的在线做题链接。
图4-7组成原理页面设计
图4-8组成原理页面设计
4.5网站主题logo的设计
首先加一层“学习网站”字幕的底层，再加一个“eToo”艺术字的主体图片，再处理每五帧就会相继跳出的圆，将其分别设置为元件。
每跳进一个圆相应的“学习网站”字样就闪动一下，最后会停格几帧。
作为Logo主体的eToo艺术字样在这个过程中则表现出静止状态不过任何动画效果。
在制作过程中，网站属性“学习网站”可以直接用工具箱里的文本编辑框。
eToo字样可以通过调节字体做出来，其中e字包含在一个大实心圆里面。
有一点要注意的是：
当这些字体制作出来后它们上相互独立的文本框，在Flash的制作过程中上要保持它们都相对静止的，所以需要对它们进行打散处理，使成为一个文本图片。
图4-9LOGO第一层设计
图4-10LOGO第一层设计
4.6“达内”Flash广告的设计
做这个Flash广告只需三个元件即可，即声音、光圈、字幕；其中声音很简单，而光圈和字幕的处理则较为复杂。
考虑到光圈应该较为耀眼，所以我选用粉红色为光圈主体。
圈中心上比较亮的白色，外部则显得比较淡和灰，可知这上做亮渐变色的处理亮的。
先用椭圆工具栏画出一个粉红光圈，属性选为渐变。
再加灰黑色调外部的渐变色，以形成光晕的效果。
下一步上制作字幕，其实字幕元件制作很简单，用文本框即可。
难的是在Flash动态过程中文字上随着光圈的跳动而闪现的，当光圈跳过后文字就显现而且不再消失。
我们可以先延长关键帧，然后在相应光圈跳出后定点删除后面的文字。
图4-11广告元件设计
图4-12光圈元件设计
4.7“联想”广告Flash设计
此Flash的亮点在于使用的遮罩层和引导层的综合应用。
在底层先插入一张广告图片，再用椭圆工具栏制作遮罩层（遮罩层里的颜色无所谓，这上由遮罩层的遮罩特性所决定的），对齐遮罩层和底层图片后需要再在上面加一层广告图片，只有这样才会显示出广告飘动的效果，遮罩层的意义正上在于此。
接下来我做栏一个引导层，引导Flash上广告字体的飘动。
需要注意的是引导层的制作，因为引导层就是一条路径。
图4-13场景一的背景层设计
5系统测试
5.1下载功能的测试
当点击下载文档链接的时候，会弹出一个提供下载的对话框，表示运行成功。
如图5-1所示。
图5-1下载功能的测试
5.2链接功能的测试
首先测试的是主页面，在主页面上链接C语言子页面链接。
图5-2主网页链接的测试
图5-3主网页链接功能的测试
C语言子页面链接正常，所有链接图片均能正常显示
图5-4C语言页链接功能的测试
C语言子页面中的Flash能正常播放，下载链接正常
图5-5C语言页链接功能的测试
组成原理子页面由主页面链接而来，可以正常显示，链接成功！
图5-6组成原理页链接功能的测试
图5-7组成原理页链接功能的测试
网页设计子页面链接正常，没有死链接。
图5-8网页设计页链接功能的测试
图5-9网页设计页链接功能的测试
邮箱功能的当点击“联系我们”文本时，会出现一个发送邮件的对话框，表明邮箱链接功能制作成功。
图5-4邮件功能的测试
结论
在本次设计的过程中我一直在追求如何用最简洁的方式获取到最好的结果。
本学习网站可以让用户充分去学习计算机的相关专业知识点，对自己相关专业知识的欠缺进行足够的弥补，而且提供了充足的资料方便用户自学。
此外通过这次学习网站的
升级会员 