网站设计开题报告Word下载.docx
《网站设计开题报告Word下载.docx》由会员分享,可在线阅读,更多相关《网站设计开题报告Word下载.docx(23页珍藏版)》请在冰豆网上搜索。
自然美"
,将带表女性气质的花卉和自然元素融入设计之中,充分体现设计师和顾客所追求的一种洒脱、舒适的生活氛围,力求表现悠闲、舒畅、自然的生活情趣。
因此我用天空与自然的颜色来表达这张自然之美、和谐之美。
二、网页制作的前期策划与准备,在本阶级主要有两方面的工作。
1、资料的搜集。
在做网页我上网收集了许多方面的资料主要是有关网站的布局与服饰品牌方面的资料,我首先进它的企业网站找了一些关于"
服饰的图片主要是一些代言形象还有代表其企业形象的图片。
其次我去浏览了许多的网页观察其网页的布局、颜色搭配、栏目、板块等方面的内容,同时也搜集了一些对我有用的资料。
在搜索资料最困难的便是动态图片的搜集,动态图片其gif格式的还是好保存,但是要搜集flash动态图片就相对较难了。
我用了一天的时间来搜集我的flash都不太成功,不过还搜到了可以换自己图片的代码。
在开始时我根本就不知道flash是怎样搜索,不过经过三次像老实询问我终于懂得一些关于代码的搜索。
在搜集资料的过程之中我发现了自己的许多不足之处,最关键就是平时对知识的掌握不够,连最基本的资料搜寻都觉得困难。
也是我平时不够认真和努力的表现。
通过这次的教训在以后我一定会做得更好,争取不范类似错误。
2、熟悉制作软件。
做网页主要用的工具便是dremweaver、photoshop、flash软件。
在这些软件我对dremweaver、photoshop相对比较熟悉,因为在平时上课是老师带领我们运用过。
所以我还可以正常的运用,但是出现的问题还是有很多。
有很多不懂如何操作,只有通过在次去看书才能够了解,这也体现了我学习方面的缺点,它是我平时不够认真的具体表现。
三、网页制作,这便进入我该次的主题了具体制作流程如下。
1、构建站点框架。
在我打开dremweaver后第一步便是新建站点,我把我的站点建立在f\仪下面。
并将我搜集的全部资料都保存在其文件夹中,以便网页制作时可以方便的使用。
2、设计主页及二级页面。
在主页我设首页制作时,时刻考虑着网页的基本原则:
统一,连贯,分割,对比及和谐的原则,内容统一,都是为了主题服务,美容美体,一个网站强调的就是一个整体,只有围绕一个统一的目标所做的设计才是成功的;
连贯,页面之间关系连贯,统成一体;
每版内容都自成一体,颜色各异,便于浏览;
整个网页有动有静,色彩呼应,搭配协调,不呆板,富有生气;
颜色各异,但又不同之中又相同,浑然一体。
而且制作过程中,不忘以下原则:
简洁实用:
这是非常重要的,网络特殊环境下,尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的,所以要去掉所有的冗余的东西。
使用方便:
同第一个是相一致的,满足使用者的要求,网页做得越适合使用,就越显示出其功能美;
页面用色协调,布局符合形式美的要求:
布局有条理,充分利用美的形式,是网页富有可欣赏性,提高档次。
当然雅俗共赏是人人都追求的。
交互式强:
发挥网络的优势,是每个使用者都参与到其中来,这样的设计才能算成功的设计。
这样的网页才算真正的美的设计。
每个子页都设有上导航栏,便于浏览和跳转。
3个二级网页制作时,使用的是表格,每一个页面都用表格为它布局好,然后在插入图片文字及其他,这样有一定的规划性,体现了连贯统一性,不同的内容根据各自的特色建立了不同的表格,突出各自的主题,增强了对比性。
在做这些网页的时候我就进行了如上所述的方法。
但我所以网页的背景颜色及主题颜色都是相同的以便突出我每一个网页都是为凸显我主题而服务。
3、实现网页间的链接。
我的链接按钮主要有四个"
它分别链接到我所做的四个网页。
链接的过程其实很简单,主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。
4、向静太网页插入动态效果。
在这一阶段我遇到了许多的问题,主要是我在主页插入我的flash的时候,开是我将带码粘贴到我的网页上可是在浏览网页的时候flash却不能够显示。
最后我向老师的请教后终于在老师的帮助
下我成功的在我的主页插入了flash。
而在其它的二级网页我主页插入的是一些gif格式的动态图片。
四、网页的调试
在做完网站才发现,怎么所有的图片素材并不是在一个文件夹中,而有许多的子文件夹,从网上下载的网页全都是一个网页对应一个文件夹。
制作过程中,才发现,原来自己懂的太少了,好多不知道的地方,才赶紧查书,开始的时候只是会建立模版,可不会应用。
而对于动态flash的插入我更是问题多多,开始是我对代码基本上是不懂,这就是自己学校上的问题,当真正开始运用的时候在向老师提问。
这只是在制作过程中出现一些问题,其它问题也是类似相同。
现在想想,自己所会的东西太少了,现在做的网站只是一些简单的静态的网站,看到了一些知名的网站开发出的网页,不仅栏目内容丰富,信息量大,而且页面图文并茂,五彩缤纷,使得网民赞叹不已,流连忘返。
从我做的网页来看可以反映出学习的还不够,缺点疏漏。
需在加以刻苦钻研及学习,不断开拓视野,增强自己的实践操作技能,为以后能做出出色的网页而努力。
同时我也希望能够有更多的类似动手练习,让我们在实践之中来学习知识。
因为我觉得实践不仅能够提高我们的学习兴趣它更能够提高我们的动手能力增强我们的技术性。
第2篇:
在线课程网站设计与实现-开题报告
题目名称在线课程网站设计与实现
学生姓名专业班级
一、选题的目的意义
随着信息化的发展,互联网需要提供更多的服务,构造更完善的体系以满足越来越多的用户的精神与物质需求。
其强大的功能已为人们深刻认识,它已经进入人类社会的各个领域并发挥着越来越重要的作用。
各行各业的人们无须经过特别的训练就能够使用电脑完成许多复杂的工作。
计算机的最大好处在于利用它能够进行信息管理。
使用计算机进行信息控制,不仅提高了工作效率,而且大大的提高了其安全性。
目前在学校,教学工作日益繁重,需要有一个自动化的工具进行统筹管理,才能够及时、准确地进行教学工作,加强学生和教师之间的沟通。
为了达到网上互动教学的目的,让更多的学生能够随时实现远程学习的目的,同时可以通过一对一的提问,解答,实现师生间的相互远程交流。
虽然我国的教学互动系统还不够成熟,还存在这样那样的问题,但它的发展符合经济学原理和人们的需要,只要对症下药,一定可以逐渐发展完善。
二、国内外研究现状
在线课程网站上的教学活动是借助于一定的手段、工具展开的。
教学活动的具体过程、组织方式以及质量效益等都和教学活动中使用的工具密切相关。
可以说,不断地把人类在社会生产与生活中创造出来的新技术、新设备加以改进并运用于教学活动中,这是人类教学进步的重要动力,是教学效率和效果得以不断提高的重要物质保证。
纵观人类教育发展史,每一项新的教学技术的应用,都给教学活动提供了新的发展空间,使教学活动在整体上得到丰富和提升。
从某种意义上说,随着社会发展而不断更新教学设备、优化教学技术,是教学发展的历史规律和客观要求。
我们发展现代教学技术,应立足于教学发展的历史规律,深刻认识到教学技术更新对于教学活动整体进步的历史意义。
当前人类正在步入一个全新的技术发展时期。
正如联合国教科文组织国际21世纪教育委员会所指出的,"
新技术使人类进入了信息传播全球化的时代;
它们消除了距离的障碍,正十分有效地参与塑造明日的社会"
,"
这些新技术正在我们眼前引起一场真正的革命,这场革命既影响着与生产和工作有关的活动,又影响着与教学和培训有关的活动"
。
的确,以个人电脑、网络技术和多媒体技术为主要内容的现代信息技术革命的出现,为教学方式与教学模式的变革提供了新的物质基础。
看不到现代信息技术为提高教学质量、扩大教学对象、变革教学方式提供的物质支撑,就很难有效地利用信息技术为教学发展服务,就很难在我们的教学活动中体现人类技术进步的成果。
从这种意义上说,充分利用现代信息技术,是教学发展的时代要求。
当前,世界各国都在研究如何充分利用信息技术提高教学质量和效益的问题,加强现代信息技术的教学应用已成为各国教学改革的重要方向。
基于这样的背景,国家教育部《纲要》第十一条明确提出,"
大力推进信息技术在教学过程中的普遍应用"
,并对这种应用的立足点作了明确的阐述:
促进信息技术与学科课程的整合,逐步实现教学内容的呈现方式、学生的学习方式、教师的教学方式和师生互动方式的变革"
;
充分发挥信息技术的优势,为学生的学习和发展提供丰富多彩的教育环境和有力的学习工具。
我们一定要提倡以提高教学质量和效益为目的,以转变学生学习方式和促进学生发展为宗旨的教学技术应用观。
同时要本着从实际出发、因地制宜的原则,挖掘和发挥传统的各种技术手段在教学中的积极作用,黑板、粉笔、挂图、模型等传统教学工具,录音机、幻灯机、放映机等传统的电化教学手段,在学校教学活动中同样具有独特的生命力,要把现代教学技术和传统教学手段结合起来,努力挖掘所有教学技术手段的使用价值,积极促进各种技术手段之间的协同互补,从而促进教学技术体系整体协调发展。
三、主要研究内容
1、课程信息模块
模块名称:
课程信息模块
模块功能:
教师发布课程信息,供学生们学习。
模块界面图:
如图所示。
2、公告管理模块
公告管理模块。
管理员登录后,可以在线发布公告;
网站浏览者点击公告可以浏览管理员发布的公告。
3、在线答疑模块
在线答疑模块
实现了教师和同学的在线交流,学生可以就某个问题向教师请教。
4、教学资料模块
功能:
可以下载教学资料,浏览教学视频等
四、毕业论文(设计)的研究方法或技术路线
1、研究的整体方案:
1)应用程序背景和需求分析
2)组建开发组
3)数据库设计
4)编写应用程序
5)测试和优化应用程序
6)发布数据库和应用程序
2、工作进度的安排:
1)应用程序背景和需求分析:
熟悉论文课题,查找资料,研究资料,熟悉编程语言,完成毕业设计开题报告及外文文献翻译。
完成时间:
2015年12月底—2015年2月中旬。
2)组建开发组:
本人独立完成
2015年2月中旬。
3)数据库设计:
继续熟悉编程语言,查找资料,研究资料,确定数据库结构和数据结构,建立数据库,做好编程准备。
2015年2月中旬——2月底。
4)编写应用程序:
着手编程,初调程序,建立程序的大致结构、整体框架。
2015年3月初——4月初。
5)测试和优化应用程序:
设计与撰写论文,完善设计,进行测试。
2015年4月初——4月中旬。
6)发布数据库和应用程序:
根据指导老师的建议,继续完善程序,将完成的程序上交,并将毕业论文完成初稿上交。
2015年4月中旬——4月底。
3、研究的预期目标及主要特点及创新点
(一)预期目标:
1、界面简单可操作性强:
一般的管理人员用户经过简单的培训后,能很快地熟练操作。
2、安全性:
我们通过系统内部自设的权限校验来对系统登录用户实施校验,提高了整个系统的安全性,满足客户的安全性需求。
3、简便有效的维护手段:
系统使用后,维护工作将是一个长期的工作,系统将充分考虑维护工作的需求,通过相应手段降低维护工作量及难度,从而达到保证运行可靠及节省费用的目的。
4、可扩充性:
在线课程网站需要每日对办公人员进行输入,大量的数据要对数据库输入,所以该系统对具有较强的可扩充性,是十分重要的。
5、功能性强大:
该系统将具有强大的功能,满足一般企业的需求,相对于手工输入具有强大的功能。
6、强大的纠错能力:
该系统将具有较强的纠错能力,当运行时,用户操作错误时会提出响应的警示,能自动保护系统避免系统出错。
(二)主要特点:
1、可扩充性:
数据库具有较大的可扩充余地。
2、系统的安全设置:
系统内部的权限校验保证了企业资料的安全,保障了用户的权益
3、高效性:
该系统充分体现了计算机的特点,能够快速有效的处理各项任务。
4、强大功能:
通过对数据库的简单输入,可实现手工无法比拟的多功能操作。
5、具有错误识别能力:
当用户操作出现错误时,系统将提出警告,并能提示正确的操作。
避免系统被破坏。
(三)创新点:
该系统主要有人性化设计、系统的安全设置、简单的系统维护方法、使用的高效性、强大的功能、具有错误识别能力等创新点。
五、主要参考文献与资料
[1]王辉,黄红超编著。
PHP实用教程。
北京:
清华大学出版社。
2015、
[2]DinoEsposito(意)著。
罗兵,顾燕宏译。
精通PHP程序设计。
[3]RussBasinra,RichardConway著。
王晓娜,黄开枝译。
PHP安全性高级编程。
[4]冯方方编著。
PHP基础教程。
[5]徐新华编著。
精通PHP2、0、北京:
机械工业出版社。
[6]苏红超编著。
PHP深入解析。
科学出版社。
[7]刘寅力编著。
系统分析之路。
电子工业出版社。
[8]邹建峰,李律松,李晓栓编著。
PHP开发技术详解。
人民邮电出版社。
[9]申朝阳,宋颜浩主编。
PHP与相关数据库技术高级指南。
中国水利水电出版社。
[10](美)MichealOtey,PaulConte著。
陈思义,吴强,刘红波译。
SQLServer2000开发指南。
2002、
六、指导教师审批意见
第3篇:
一、网页艺术设计的内容
设计活动中包含着主观和客观两方面的因素,在确立了网页主题之后,首先要明确和熟悉设计的对象和构成的要素。
网页艺术设计涉及的具体内容很多,可以概括为视听元素和版式设计两个方面。
1、视听元素
这里所说的视听元素,主要包括:
文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。
无论是文字、图形、动画,还是音频、视频,网页设计者所要考虑的是如何以感人的形式把它们放进页面这个"
大画布"
里。
多媒体技术的运用大大丰富了网页艺术设计的表现力。
以上各视听元素大多数浏览器本身都可以显示或收听,无需任何外部程序或模块支持。
比如,大部分浏览器都可以显示GIF、JPEG图形和GIF89a动画。
还有些多媒体文件(如MP3音乐)需要先下载到本地硬盘上,然后启动相应的外部程序来播放。
另外,在浏览器使用插件(Plug-in)可以播放更多格式的多媒体文件。
微软推出IE浏览器后,提供了基于OLE的ActiveX技术,用来在网页中播放多媒体。
目前ActiveX已经成为热门技术。
另一种播放多媒体的技术是JavaApplet。
它是用Java语言编写的应用于网页之中的小应用程序,相比于插件和ActiveX,JavaApplet具有更大的灵活性和良好的跨平台能力,因此具有很好的发展前景。
总之,技术的不断发展使多媒体元素在网页艺术设计中的综合运用越来越广泛,使浏览者可以享受到更加完美的视听效果。
这些新技术的出现,也对网页的艺术设计提出了更高的要求。
2、版式设计
网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处,它在网页的艺术设计中占据着重要的地位。
所谓网页的版式设计,是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合,将理性思维个性化的表现出来,是一种具有个人风格和艺术特色的视听传达方式。
它在传达信息的同时,也产生感官上的美感和精神上的享受。
但网页的排版与书籍杂志的排版又有很多差异。
印刷品都有固定的规格尺寸,网页则不然,它的尺寸是由读者来控制的。
这使网页设计者不能精确控制页面上每个元素的尺寸和位置。
而且,网页的组织结构不像印刷品那样为线性组合,这给网页的版式设计带来了一定的难度。
二、网页艺术设计的原则
网页作为传播信息的一种载体,同其他出版物如报纸、杂志等在设计上有许多共同之处,也要遵循一些设计的基本原则。
但是,由于表现形式、运行方式和社会功能的不同,网页设计又有其自身的特殊规律。
网页的艺术设计,是技术与艺术的结合,内容与形式的统一。
它要求设计者必须掌握以下三个主要原则:
1、主题鲜明
视觉设计表达的是一定的意图和要求,有明确的主题,并按照视觉心理规律和形式将主题主动地传达给观赏者。
诉求的目的,是使主题在适当的环境里被人们即时地理解和接受,以满足人们的实用和需求,这就要求视觉设计不但要单纯、简练、清晰和精确,而且在强调艺术性的同时,更应该注重通过独特的风格和强烈的视觉冲击力,来鲜明地突出设计主题。
根据认知心理学的理论,大多数人在短期记忆中只能同时把握4到7条分立的信息,而对多于7条的分立信息或者不分立的信息容易产生记忆上的模糊或遗忘,概括起来就是:
较小而分立的信息要比较长而不分立的信息更为有效和容易浏览。
这个规律蕴含在人们寻找信息和使用信息的实践活动中,它要求视觉设计者的设计活动必须自觉地掌握和遵从。
作为视觉设计范畴一种的网页艺术设计,其最终目的是达到最佳的主题诉求效果。
这种效果的取得,一方面通过对网页主题思想运用逻辑规律进行条理性处理,使之符合浏览者获取信息的心理需求和逻辑方式,让浏览者快速地理解和吸收;
另一方面通过对网页构成元素运用艺术的形式美法则进行条理性处理,更好地营造符合设计目的的视觉环境,突出主题,增强浏览者对网页的注意力,增进对网页内容的理解。
只有两个方面有机地统一,才能实现最佳的主题诉求效果。
优秀的网页设计必然服务于网站的主题,就是说,什么样的网站,应该有什么样的设计。
例如,设计类的个人站点与商业站点性质不同,目的也不同,所以评论的标准也不同。
网页艺术设计与网站主题的关系应该是这样:
首先,设计是为主题服务的;
其次,设计是艺术和技术结合的产物,就是说,即要"
美"
,又要实现"
功能"
最后,"
和"
都是为了更好地表达主题。
当然,有些情况下,"
即是"
主题"
,还有些情况下,"
即是主题。
例如,雅虎作为一个搜索引擎,首先要实现"
搜索"
的"
它的主题即是它的"
而一个个人网站,可以只体现作者的设计思想,或者仅仅以设计出"
的网页为目的。
它的主题只有一个,就是——美。
只注重主题思想的条理性而忽视网页构成元素空间关系的形式美组合,或者只重视网页形式上的条理而淡化主题思想的逻辑,都将削弱网页主题的最佳诉求效果,难以吸引浏览者的注意力,出现平庸的网页设计或使网页设计以失败
而告终。
要使网页从形式上获得良好的诱导力,鲜明地突出诉求主题,具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。
2、形式与内容统一
任何设计都有一定的内容和形式。
内容是构成设计的一切内在要素的总和,是设计存在的基础,被称为"
设计的灵魂"
形式是构成内容诸要素的内部结构或内容的外部表现方式。
设计的内容就是指它的主题、形象、题材等要素的总和,形式就是它的结构、风格或设计语言等表现方式。
内容决定形式,形式反作用于内容。
一个优秀的设计必定是形式对内容的完美表现。
正如黑格尔所说:
工艺的美就不在于要求实用品的外部造型、色彩、纹样去摹拟事物,再现现实,而在于使其外部形式传达和表现出一定的情绪、气氛、格调、风尚、趣味,使物质经由象征变成相似于精神生活的有关环境。
(黑格尔《美学》第三卷)
一方面,网页设计所追求的形式美,必须适合主题的需要,这是网页设计的前提。
只讲花哨的表现形式以及过于强调"
独特的设计风格"
而脱离内容,或者只求内容而缺乏艺术的表现,网页设计都会变的空洞而无力。
设计者只有将二者有机地统一起来,深入领会主题的精髓,再融合自己的思想感情,找到一个完美的表现形式,才能体现出网页设计独具的分量和特有的价值。
另一方面,要确保网页上的每一个元素都有存在的必要性,不要为了炫耀而使用冗余的技术。
那样得到的效果可能会适得其反。
只有通过认真设计和充分的考虑来实现全面的功能并体现美感才能实现形式与内容的统一。
据有关资料所做的保守估计,目前在WWW上网页数据传输平均以每秒1、5k的速度到达客户端。
假设某个网页为了丰富其艺术性而追赶时髦地大量使用图像或其它多媒体元素等,虽然达到了其静态形式美的效果,却造成多达几十K甚至更大的网页数据,使浏览者必须等待很长时间才能看到"
庐山真面目"
,这样的网页就不是一个优秀的网页,因为它不符合网页传播信息的突出特性之一——快捷性,使网页内容不能很快地到达访问者,影响了访问效果和质量,损害了访问者的情趣和积极性,这种技术要素影响了传达信息的效果,因而不是形式与内容的完美统一。
网页具有多屏、分页、嵌套等特性,设计者可以对其进行形式上的适当变化以达到多变性处理效果,丰富整个网页的形式美。
这就要求设计者在注意单个页面形式与内容统一的同时,更不能忽视同一主题下多个分页面组成的整体网页的形式与整体内容的统一。
因此,在网页设计中必须注意形式与内容的高度统一。
3、强调整体
网页的整体性包括内容和形式上的整体性,这里主要讨论设计形式上的整体性。
网页是传播信息的载体,它要表达的是一定的内容、主题和意念,在适当的时间和空间环境里为人们所理解和接受,它以满足人们的实用和需求为目标。
设计时强调其整体性,可以使浏览者更快捷、更准确、更全面地认识它、掌握它,并给人一种内部有机联系、外部和谐完整的美感。
整体性也是体现一个站点独特风格的重要手段之一。
网页的结构形式是由各种视听要素组成的。
在设计网页时,强调页面各组成部分的共性因素或者使诸部分共同含有某种形式特征,是求得整体的常用方法。
这主要从版式、色彩、风格等方面入手。
例如:
在版式上,将页面中各视觉要素作通盘考虑,以周密的组织和精确的定位来获得页面的秩序感,即使运用"
散"
的结构,也是经过深思熟虑之后的决定;
一个站点通常只使用两到三种标准色,并注意色彩搭配的和谐;
对于分屏的长页面,不可设计完第一屏再考虑下一屏。
同样,整个网页内部的页面,都应统一规划,统一风格,让浏览者体会到设计者完整的设计思想。
从某种意义上讲,强调网页结构形式的视觉整体性必然会牺牲灵活的多变性,"
物极必反"
就是这个道理。
因此,在强