网站论文.docx
- 文档编号:6193112
- 上传时间:2023-01-04
- 格式:DOCX
- 页数:18
- 大小:2.69MB
网站论文.docx
《网站论文.docx》由会员分享,可在线阅读,更多相关《网站论文.docx(18页珍藏版)》请在冰豆网上搜索。
网站论文
武汉长江工商学院
计算机科学系
项目名称:
学习网站设计与制作
学生姓名:
suu
学号:
1008041104
班级:
10811
指导教师:
suke
2012年6月13日
目录
摘要1
Abstract1
1引言2
1.学习网站的意义2
2需求分析3
2.1可行性分析3
2.2综合需求分析3
2.3界面模块4
3概要设计5
3.1主页面的模块设计5
3.2C语言子页面的模块设计5
3.3计算机组成原理子页面的模块设计5
3.4网页设计子页面的模块设计5
3.5网站功能5
4页面设计6
4.1logo设计6
4.2主页设计6
4.3C语言页面设计7
4.4组成原理页面设计8
4.5网页设计页面设计9
5系统测试11
5.1主页面测试图11
5.2C语言页面测试图13
5.3组成原理页面测试图14
5.4网页页面测试图15
结论17
致谢18
参考文献19
计算机专业课程的学习网站
摘要:
随着科学技术的日新月异,计算机已经渗透到社会的各个领域当中,人们已经进入了以使用计算机为主要学习、工作、生活手段的信息时代。
基本上计算机技术已经应用到了任何的一个领域之中。
与此同时随着计算机知识的普及与应用,网上学习已经成为了一个不可阻挡的趋势,因为网上学习可以给人们带来很多的好处,以及人们可以从网络上获取更多的资源。
本网站完成的就是对计算机专业的核心课程的介绍、此网站介绍了计算机的三个核心专业课程:
C语言,网页设计,计算机组成原理。
首先,在C语言子页面里面介绍了C的五大特征,让更多人加强对C的更进一步的了解,同时有很多关于C语言的链接,比如:
资料链接,相关编程软件的下载等等;其次,在网页设计子页面里面详细介绍了网页设计包含的知识面,着重列举了Dreamweaver和Flash,以及相关软件的下载安装;最后,在计算机组成原理的子页面介绍了组成原理中重点要掌握的几大知识点,如:
组成原理中包含的指令系统,主存与CPU之间的映射关系等。
关键词:
计算机,组成原理,网页设计,C语言。
Abstract
Withtherapiddevelopmentofscienceandtechnology,computerhaspenetratedintoeveryfieldofsociety,peoplehavetousethecomputerforintothemainstudy,workandlifeofthemeansoftheinformationage.Computertechnologyhasbasicallyapplytoanyoneoffield.
Atthesametimeastheknowledgeofcomputerpopularizationandapplication,onlinelearninghasbecomeanirreversibletrend,becauseonlinelearningcangivepeoplealotofgood,andpeoplecangetmorefromthenetworkofresources.
Thesiteadoptsformlayout.UsingAdobeDreamweaversoftwarearrangementoftheformlayout.Eachpageistouseseparateformtodesign,eachpartofthetitleistouseabluebackground,whitefontproduction,istitlemarked,andotherpartsfordistinction.
Thiswebsiteistothedesignandproductionofcomputerprofessionalcorecoursesofintroduction,thiswebsitecontainsfourwebpage,thehomepage,Clanguage,webpagedesign,computerprinciple,everywebpageisthesubjectoftheexplanationandstudyofdatadownloadlink,andsoon.
Keyword
Learningnets;Layout;learning
1引言
1.学习网站的意义
随着经济社会发展和人的全面进步,越来越依赖于知识创新以及对知识的创造性运用。
据有关资料显示,在全球生产总值的高速增长中,“知识份额”已经由20世纪初的5%上升到如今的80%至90%以上。
一方面,知识的价值日益凸现,另一方面,知识更新的速度也越来越快。
知识更新步伐的加快,这必然决定了人们拥有的知识也在加速地陈旧、过时,人们要想适应社会,必须重视自己的知识更新,努力学习,争取在尽可能短的时间内学习更多的知识。
然而知识的存在状态如何、整合性如何、条理化如何,则会直接决定了学习者的学习转化速度,记忆时间的长短,体现整个学习效果。
目前网络上的知识存在着分散性,存在状态单一性、无序性等情况,显示不利于学习.
网站采用表格布局。
运用AdobeDreamweaver软件布局中的表格布局。
每个网页都是用单独的表格进行设计制作,每个部分的标题也是用蓝色背景、白色的字体制作,使标题醒目,与其它部分作区分。
本网站的设计与制作就是对计算机专业的核心课程的介绍,本网站包含了4个网页,首页,C语言,网页设计,计算机组成原理,每个网页都有对这些科目的讲解,以及学习的资料下载链接等等。
通过此网站让我们对怎样去学习计算机有了一定的目标,而不是像以前对于计算机的学习总是处于迷茫阶段,同时能够针对性地去学习计算机的某一门专业核心课程,及时找到学习目标。
与此同时,也让我们对以后工作需求的计算机人才有了更清楚的认识,能准确掌握未来工作需要的相关专业知识。
2需求分析
2.1可行性分析
可行性分析法是该网站进行系统技术经济论证,经济合理性综合分析的方法。
其目的是通过对技术先进程度,经济合理性和条件可能性的分析论证,选择以最小的人力、物力、财力耗费,取得最佳技术、经济、社会效益的切实方案。
它是解决系统投资前期分析的主要手段。
本讨论系统的可行性主要从经济可行性、技术可行性、操作可信性和社会可行性分析来考虑。
2.1.1技术可行性分析
此网站的制作软件主要使用了AdobeDreamweaver、AdobeFlash和FireWork这三种软件,AdobeDreamweaver用来制作网站的布局、页面框架等,AdobeFlash主要用来制作网站中的logo和广告等动态flash,FireWork则主要是对一些图片进行一些加工和处理。
从整体的角度来说这些技术都不是很难。
所以技术上可行。
2.1.2技术可行性分析
基于“大学计算机专业核心课程的在线学习系统”主要是应用做前台开发,随着技术的不断进步,大型IT公司也对计算机的研发不断更新。
可想而知学好专业核心课程是一个必要的环节。
为了更好地满足未来IT公司需要的人才,所以对计算机专业核心课程做一个在线学习系统时完全可行的。
2.1.3操作可行性
对于本网站未注册用户可以浏览主页了解相关计算机的各种信息,以及各种资讯广告。
对于注册用户不光有未注册用户的功能权限外,还可以对计算机的专业核心课程进行具体了解和学习,很有针对性地去达到用户的学习目标,因此本网站在操作上是可行的。
2.2综合需求分析
需求分析就是发现、求精、建模、规格说明和复审的过程。
为了发现用户的真正需求,首先应该从宏观角度调查、分析用户所面临的哪一门具体课程的问题,然后有针对性地对让用户在线学习。
也就是要了解当前用户的情况和需要解决的问题。
2.2.1功能需求
根据不同学生学习的实际要求,所设计的系统应实现如下要求:
(1)能掌握本系统内所注册用户的全部信息,包括用户名,密码,只有在输入正确的情况下才能进入系统下载和学习更多的资源。
(2)包含注册、登陆窗口,随着不同群体的使用,对于新用户必须注册之后才有使用本系统的权限,注册信息包括用户名、密码。
(3)本系统包含留言板,用户可以随时在登录的情况下留言,提出问题,作为教师与学生、学生与学生交流的一个平台。
(4)本系统包含大量学习资料库以及相关习题资料,可以方便学生的在线做题测试、观看视频教学资料,或者下载资源。
2.2.2可靠性需求
硬件可靠性:
包括服务器硬盘、CPU、网络环境的运行可靠性等,保证这些硬件介质正常可靠运行。
软件可靠性:
要求软件在承载一定用户在线等复杂的条件下也能稳定运行,不会产生异常情况。
2.2.3安全性需求
(1)运行系统的安全:
保证信息处理和传输系统的安全,简称“系统安全”。
系统安全主要包括计算机系统机房环境的保护,计算机网络拓扑结构设计的安全性考虑,硬件系统的可靠安全运行,计算机操作系统和应用软件的安全,数据库系统的安全等,本质上是保护系统的合法操作和正常运行。
(2)网络安全:
运行系统的安全、信息传播的安全和信息内容的安全的集合体。
2.3界面模块
此次设计共四个页面,其中一个学习主页面,有3个子页面分别为C语言子页面,网页设计子页面,组成原理子页面,设计模板如下图2-1.
图2.-1.界面模块
3概要设计
3.1主页面的模块设计
主页面的布局,整体主要是采用了表格,整个界面宽度为100%,当中还用到表格里面嵌套表格的设计,这样使整个页面布局位置看起来比较固定,没有用到布局里面的层,虽然层可以任意确定位置进行编辑,但是由于浏览器的不同,插入单独的层那样页面浏览的时候层所在的位置并不一定是在Dreamweaver中当时所在的位置,就没有使用表格固定位置的容易操作和实现。
主页面风格:
页面左上角是用动态的Flash制作的LOGO,有“联系我们”的邮件链接,可以让用户向我们回馈他们关于我们网站页面设计或者教学内容的一些意见和建议;其次下面是插入的文字导航条,广告使用简单脚本语言的Flash,用三个大的部分介绍了相关知识点,风格比较简单。
3.2C语言子页面的模块设计
C语言子页面的布局,整体页面也是采用了表格,整个界面宽度也是100%,整体从六个方面来设计了C语言页面,分别是简介、C语言教材图片、C语言视频教程、C语言入门知识等应用。
视频都可以直接点击播放,让使用该网站的用户能够有充分的资料去进行学习。
基于是学习页面所以看起来比较有厚重感。
Flash应用的是主页logo,导航条运用的是主页的导航,其导航条中的主页与主页面进行了超链接,点击可以直接跳回到主页。
3.3计算机组成原理子页面的模块设计
组成原理页面的布局,整体页面也是采用了表格,整个界面宽度也是100%,整体从六个方面来设计了组成原理页面,分别是简介、组成原理教材图片、组成原理视频教程、C语言入门知识等应用。
视频都可以直接点击播放,让使用该网站的用户能够有充分的资料去进行学习。
基于是学习页面所以看起来比较有厚重感。
Flash应用的是主页logo,导航条运用的是主页的导航,其导航条中的主页与主页面进行了超链接,点击可以直接跳回到主页。
3.4网页设计子页面的模块设计
网页页面的布局,整体页面也是采用了表格,整个界面宽度也是100%,整体从六个方面来设计了组成原理页面,分别是简介、各种网页图片、网页视频教程网页入门知识等应用。
视频都可以直接点击播放,让使用该网站的用户能够有充分的资料去进行学习。
基于是学习页面所以看起来比较有厚重感。
Flash应用的是主页logo,导航条运用的是主页的导航,其导航条中的主页与主页面进行了超链接,点击可以直接跳回到主页。
3.5网站功能
此网站的设计与制作可以说是符合广大学习者的学习习惯与要求的。
在功能上能满足学习者的一些基本要求,如软件的下载,资料的下载,视屏下载,作品的欣赏与简介以及相关的图书推荐,可以让新手也能够快速的了解与掌握计算机的一些基础知识。
4页面设计
4.1logo设计
本网站是学习网站,所以在网站logol的设计要让人一目明了此网站是干什么的,然浏览者一进入此网站就可以知道该网站的作用。
Logol是使用flash软件制作的,制作过程如下:
图4-1logo图层设置图
logol图层设置主要分为3个图层,最底层是背景层,其余的三层分别为学、习、网层。
由于第一层是背景层所以没有补间动画,其余的三层都是动态层,分别设置了补间动画,而且起始关键帧的位置也各不相同。
图4-2Logo图
4.2主页设计
首先主页最上面的左上角是LOGO,然后这个LOGO是直接插入了一行两列的第一个单元格里了,那样预览的时候就是Flash的背景颜色会把原来的图片颜色覆盖,先前不知道这样怎么改进,后来是自己通过在网上XX找到了这个问题的解决,这个问题主要是把Flash的背景在预览之前调成透明无色,然后在插入Flash的时候,选中Flash调其参数,参数为wmode,参数值为transparent。
接下来是导航条的插入,首先使用了插入三行五列的表格,分别在每个单元格中写上文字,设置四个子页面的导航条。
接着用到了所学的表单知识,插入文本字段和插入按钮,按钮默认的是提交,所以插入此按钮后,要单击选中按钮,再接着在相应的属性里面修改按钮的文字为登陆或取消,即在用户登陆界面,在线调查界面用到按钮。
然后是主页面的一些主体内容,主要采用了表格里面嵌套表格,再接下来插入了关于C语言、计算机组成原理、网页设计的flash广告,然后填充了关于计算机方面的知识。
最后就是页面的结束条目。
如下图:
图4-3主页页面图
4.3C语言页面设计
首先插入一个一行一列的表格,然后在该表格中插入了一张C语言的图片。
然后又插入了一个一行一列的表格,该表格中插入的是一个flash动画作为flash广告,flash的主要内容是用C语言编写的一串简单的代码,可以吸引浏览者的兴趣,让他对C语言产生一定的兴趣好爱,这样就可以达到推广计算机专业学习的目的了。
然后也是插入的一系列的表格,表格中的内容主要是C语言的一些基础知识,图书推荐,和C语言经典题目和算法的下载。
如下图:
图4-4C语言页面图
图4-5C语言页面图
4.4组成原理页面设计
组成原理页面的最上面也是插入的一行一列的同整个界面一样宽度的表格。
然后也是在该表格之中插入了一张背景图片。
然后再在该表格之中又插入了一个小表格,表格之中用于放flash。
其余的也是插入的一些列的表格,这些表格之中也是插入的一些文本文字和一些组成原理的结构图和一些组成员的书籍推荐,然后还有一些下载的链接。
如下图:
图4-6组成原理页面图
图4-7组成原理页面图
4.5网页设计页面设计
首先插入的一个一行一列的表格,然后在表格中插入了一张背景图片,然后在此表格的的左上方又插入了一个一行一列的表格,再在此表格中插入了一张flash图片,flash图片主要是“网页设计几个字的一种淡入淡出的感觉”。
然后又分别插入了一个一行一列的表格和一个一行三列的表格,一行一列的表格中插入的是一张写了网页设计的图片,一行3列的表格分表中分别插入的是2个flash的作品,以及对这两个flash的作品制作步骤的的简介。
最后又分别插入了两个大的表格。
表格之中分别介绍的是网页设计的基本要求和网页设计的设计要点。
如下图:
图4-8网页页面设计图
图4-9网页页面设计图
5系统测试
本网站在我自己的电脑和机房的电脑上通过IE浏览器和360浏览器测试时遇到如下问题:
(1)对于插件如:
主页背景音乐设置隐藏,机房的电脑可以隐藏,我自己的电脑上没有成功。
(2)还有在自己电脑和机房的电脑浏览网页时会发生网页某块位置的不和谐,比如:
由于机房电脑屏幕较大,在我电脑上通过浏览器预览的时候,界面显示正常,但是在机房通过浏览器浏览时,页面被拉伸,有些模块内容不是刚好在原来预览时候的位置,这需要我们对在不同浏览器上的部分位置进行微调,使其能够在预览的时候摆在合理的位置。
5.1主页面测试图
如下图
图5-1主页面测试图
图5-2主页面测试图
图5-3联系方式功能测试图
图5-4软件下载功能测试图
5.2C语言页面测试图
如下图
图5-5C语言页面测试图
图5-6C语言教程视频测试图
5.3组成原理页面测试图
如下图
图5-7组成原理页面测试图
图5-8组成原理教程视频测试图
5.4网页页面测试图
如下图
图5-9网页页面测试图
图5-10网页教程功能测试图
结论
此次学习网页的设计是一项对我们综合能力的检测,网页设计中用到的覆盖所学的网页设计的很多知识点,如:
用到了表格的嵌套,布局方式,表单的使用,页面之间的链接、邮件链接,动态的Flash的制作及插入,动态的LOGO的插入,是一次比较全面的知识点运用。
此网页设计是对计算机专业部分课程页面的设计,包含了四个子页面,三个专业课程的网页分别是C语言子网页,网页设计子网页,组成原理子网页,另外还有一个用来交流的留言板网页。
对专业知识进行了相对比较全面的综合,页面的设计为了实现通过注册,用户登录,即可在线学习相关专业知识,或者选取自己不足,或者喜欢的科目进行学习,根据用户需求下载相关专业的参考资料和教学视频。
首页中可以了解基本科目的信息;C语言页面中,可以学习很多相关知识,以及与C语言有关的习题资料和教学视频的下载;组成原理页面中,可以学习计算机基本组成五大部件,以及各个部件之间的关系与运用,并可以下载相关学习视频和学习资料。
网页设计页面中,可以知道网页设计包含的两大重要部分的学习,即Dreamweaver和Flash,另外还有Fireworks和Photoshop也是网页设计常用的软件。
留言板页面中,提供给用户交流的平台,通过必要的交流,取得共同的进步与成长。
此外通过这次学习网页设计让我对静态网站的设计有了充分的认识,也是对自身的一次提升,将一学期所学的知识充分利用,其中当中有很多小知识点掌握的不够好,比如:
一个很重要的问题,一般不用CSS模版的情况下,用标准字标准色很重要,这是一个规范,行距一般控制在20px左右,不要太小,也不要太大,自己注意大小,中文12px,英文11px或者10px,不要用黑色字,可以用灰度或者其他柔和颜色,统一整个网页字体的色彩以及大小,规范整体;通过这样自己也知道了自己不足的地方,能够更加完善自己。
致谢
在这次网页设计课程设计中,遇到了不少的问题,感谢帮我解决问题的同学和老师,让我在本次课程设计中学到了不少的东西,弥补自己的不足。
通过这次的课程设计我也学到了很多的东西,收获了不少知识,。
让我在设计网页中,有着发挥性的思维和构造思想,有更好的创新设计。
参考文献
[1]裴献.网页设计教程.科学出版社,2010.
[2]裴献.网页设计实训教程.科学出版社,2010.
[3]何福男,密海英.网站设计与网页制作项目教程.电子工业出版社,2011.
[4]吴涛主.网站全程设计技术(修订本);北京:
清华大学出版社;北京交通大学出版社
[5]沈大林主.中文Flash8案例教程,中国铁道出版社
[6]任学文、范严.网页设计与制作,中国科学技术出版社
[7]武创、王惠主.网页设计探索之旅,电子工业出版社
[8]吴黎兵、罗云芳.网页设计教程,武汉大学出版社
[9]庄王健.网页设计三剑客白金教程,电子工业出版社
[10]唐朔飞.计算机组成原理[M].高等教育出版社,2011.
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网站 论文