网页的设计与应用开题报告及论文

指导老师：完成日期：目录一、概述 - 3 -二、结构图 - 3 -三、站点主题选择 - 4 -四、模块介绍 - 4 -（一）index - 4 -（二）公告栏 - 5 -（三）心马游缰 - 5 -（四）新闻、娱乐、游戏等附属板块 - 5 -五、总结 - 6 -一、概述随着互联网的不断发展和中国网络人口的日益增长，建立个人网站，不但可以刚好的展示自己，而且可以提高自己在计算机应用方面的能力。故本次作业，我选择制作个人网站。个人在设计时考虑的多为个人的兴趣喜好，而不注重商业的展示。内容以反映个人为中心，从而使个人网站真正的成为展示自己的网络名片。在网页制作中，我借鉴了韩国个人网站的设计风格，着重于给浏览者以强烈的视觉冲击。运用了photoshop和fireworks强大的图像制作和处理能力。进行了大量的图片制作，从而给人以强烈的美感。并利用Flash进行片头动画的制作，给予浏览者一种强烈的时代动感。整个网站的架构是由Dreamwave完成的。二、结构图三、站点主题选择由于网络上各种各样的信息很多，别人可以轻易的各大知名网站上了解自己想要的信息。所以，我的关注的便是怎样让自己的网站更具有个性魅力，使个人擅长的信息更全面的反映于浏览者。以上便是我个人站点主题选择的指导思想。站点的主体内容由个人日常生活和大学各种作业两部分组成。从学习和生活两大方面全方位展示自己丰富多彩的大学生活。在主要内容之外，还设有娱乐、游戏、新闻三个模块。这部分内容将我个人浏览网页所收集到的奇闻趣事反映给大家。（此部分未开通）四、模块介绍（一）index使用Flash动画进入主页，给人一种耳目一新之感。开始的两个隧道引入，表明引领浏览者进入本人的内心世界，随之而来的是以红色为主色调的动画，给人一种热情好客的感觉，不断变换的网站内容更是起到了提示和概述的作用。（二）公告栏公告栏是我个人正在或将要发生重大事情的提示栏。内容与报纸的头版头条有异曲同工之妙。公告栏标题是由一面大鼓作为引导，用以寓意此部分内容重要之处。在黄底红字的衬托之下更显示其应受到的关注程度之高。（三）心马游缰心马游缰是个人心灵的自我倾诉之所，将自己日常生活的感悟写下来与浏览者交流。这部分也总结了自己的得与失，沉淀了自己的情绪。在主页上有该部分的文章列表，浏览者点击之后将跳转到每篇文章相对独立的网页中。而每一个相对独立的网页以黄色为主色调，有一种流露个人思想之感。（四）新闻、娱乐、游戏等附属板块该板块聚集了本人在日常浏览互联网时收集到的奇闻趣事。该部分内容并不在内容的广度，而是考虑所反映内容的深度和全面性。值得一提的是，进入该部分是通过Flash的Actionscrip语言编写。形式较为新颖。五、总结不知不觉网页设计的课程将要结束了，这门课程所包含内容的丰富是让我从没有想到的。在整个的学习过程中，我学习了Flash、Dreamwave、Fireworks、Html语言、IIS、网站建设的基本思想等重要内容。到现在为止，我还是很庆幸能够学到这么多的内容。整个网站的制作是我一个人完成的。虽然整个网页的结构还有很多不足，还有一些板块没有开通，但是我的确能够感到在我制作过程中技能的提高。整个网站的不足我想是没有使用到一些动态网页的知识，使得日后网站的维护较为繁杂。希望明年可以选到动态网站的课程，从而弥补自己在动态网络语言方面的不足

关于写网页设计开题报告

开题报告是指开题者对科研课题的一种文字说明材料。这是一种新的应用写作文体，这种文字体裁是随着现代科学研究活动计划性的增强和科研选题程序化管理的需要应运而生的，下面是我给大家整理的网页设计开题报告 ，欢迎阅读。

在经济迅速发展的今天，internet显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会发展同步，为了让我们成为真正的技术性人才。学校在本周为我们安排了维持一周的网页制作专用周是实习，让我们把平时所学知识运用到实践中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足，下面就谈谈我在本次专用周的主要感受。

一、网站整体规划，要做网页的第一步便是做网站的整体规划这主要包括四个方面的内容。

1、讨论网站的主题。

网站整体规划是做网页的第一步也是制作网页最关键的一步它决定了你要表答的信息，因此我选择了我选择我最喜爱的服饰来为它做网页。在平时我也对服装的网页比较关心，无论是淘宝网上的衣店还是各种品牌装。这次我是为“易菲”服饰做的网页。

2、定位网站的ci形象。“易菲”植根中国文化之精髓，汲取自然禀赋之灵性，形成一个既有浓厚文化底蕴，又有现代自然人文气息的特色品牌。“易”即是容，是包容，是宽容，是五千年中华民族的文化精髓，是厚德载物，是对人性宽度的一种拓展。“菲”通非，是生机、是个性、是春意盎然、是自强不息，是对人性深度的一种挖掘。“生活如花，自在快乐”是yifini易菲的设计理念，倡导一种与自然和谐相处，如花儿绽放般美好舒适、自在快乐的生活方式。这也便是我网站的ci形象。

3、确定栏目和板块。

于时间的关系在本次我准备做四张网页：一张主页三张二级页面。分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目。在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页的主打色绿色。

2、网站的整体风格和创意。

整个网站的创意就在于颜色的搭配，与各种图片的搭配，它们相互辉映，相互衬托。以便达到表现其品牌的和谐之美、自然之美。我踩用淡蓝色和绿色为我网站的主打色主要是因为我的产品特性。在设计上，yieini易菲推崇“自然美”，将带表女性气质的花卉和自然元素融入设计之中，充分体现设计师和顾客所追求的一种洒脱、舒适的生活氛围，力求表现悠闲、舒畅、自然的生活情趣。因此我用天空与自然的颜色来表达这张自然之美、和谐之美。

二、网页制作的前期策划与准备，在本阶级主要有两方面的工作。

1、资料的搜集。

在做网页我上网收集了许多方面的资料主要是有关网站的布局与服饰品牌方面的资料，我首先进它的企业网站找了一些关于“易菲”服饰的图片主要是一些代言形象还有代表其企业形象的图片。其次我去浏览了许多的网页观察其网页的布局、颜色搭配、栏目、板块等方面的内容，同时也搜集了一些对我有用的资料。在搜索资料最困难的便是动态图片的搜集，动态图片其gif格式的还是好保存，但是要搜集flash动态图片就相对较难了。我用了一天的时间来搜集我的flash都不太成功，不过还搜到了可以换自己图片的代码。在开始时我根本就不知道flash是怎样搜索，不过经过三次像老实询问我终于懂得一些关于代码的搜索。在搜集资料的过程之中我发现了自己的许多不足之处，最关键就是平时对知识的掌握不够，连最基本的资料搜寻都觉得困难。也是我平时不够认真和努力的表现。通过这次的教训在以后我一定会做得更好，争取不范类似错误。

2、熟悉制作软件。

做网页主要用的工具便是dremweaver、photoshop、flash软件。在这些软件我对dremweaver、photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。所以我还可以正常的运用，但是出现的问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。

三、网页制作，这便进入我该次的主题了具体制作流程如下。

1、构建站点框架。

在我打开dremweaver后第一步便是新建站点，我把我的站点建立在f仪下面。并将我搜集的全部资料都保存在其文件夹中，以便网页制作时可以方便的使用。

2、设计主页及二级页面。

在主页我设首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，美容美体，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，色彩呼应，搭配协调，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。而且制作过程中，不忘以下原则：

简洁实用：这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。使用方便：同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式美的要求：布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。

交互式强：发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。这样的网页才算真正的美的设计。每个子页都设有上导航栏，便于浏览和跳转。3个二级网页制作时，使用的是表格，每一个页面都用表格为它布局好，然后在插入图片文字及其他，这样有一定的规划性，体现了连贯统一性，不同的内容根据各自的特色建立了不同的表格，突出各自的主题，增强了对比性。在做这些网页的时候我就进行了如上所述的方法。但我所以网页的背景颜色及主题颜色都是相同的以便突出我每一个网页都是为凸显我主题而服务。

3、实现网页间的链接。

我的链接按钮主要有四个“时尚首页、时尚衣秀、推荐产品、潮流信息”它分别链接到我所做的四个网页。链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

4、向静太网页插入动态效果。

在这一阶段我遇到了许多的问题，主要是我在主页插入我的flash的时候，开是我将带码粘贴到我的网页上可是在浏览网页的时候flash却不能够显示。最后我向老师的请教后终于在老师的帮助下我成功的在我的主页插入了flash。而在其它的二级网页我主页插入的是一些gif格式的动态图片。

四、网页的调试

在做完网站才发现，怎么所有的图片素材并不是在一个文件夹中，而有许多的子文件夹，从网上下载的网页全都是一个网页对应一个文件夹。制作过程中，才发现，原来自己懂的太少了，好多不知道的地方，才赶紧查书，开始的.时候只是会建立模版，可不会应用。而对于动态flash的插入我更是问题多多，开始是我对代码基本上是不懂，这就是自己学校上的问题，当真正开始运用的时候在向老师提问。

这只是在制作过程中出现一些问题，其它问题也是类似相同。现在想想，自己所会的东西太少了，现在做的网站只是一些简单的静态的网站，看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。从我做的网页来看可以反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。同时我也希望能够有更多的类似动手练习，让我们在实践之中来学习知识。因为我觉得实践不仅能够提高我们的学习兴趣它更能够提高我们的动手能力增强我们的技术性。

题目名称在线课程网站设计与实现

学生姓名专业班级

一、选题的目的意义

随着信息化的发展，互联网需要提供更多的服务，构造更完善的体系以满足越来越多的用户的精神与物质需求。其强大的功能已为人们深刻认识，它已经进入人类社会的各个领域并发挥着越来越重要的作用。各行各业的人们无须经过特别的训练就能够使用电脑完成许多复杂的工作。计算机的最大好处在于利用它能够进行信息管理。使用计算机进行信息控制，不仅提高了工作效率，而且大大的提高了其安全性。

目前在学校，教学工作日益繁重，需要有一个自动化的工具进行统筹管理，才能够及时、准确地进行教学工作，加强学生和教师之间的沟通。

为了达到网上互动教学的目的，让更多的学生能够随时实现远程学习的目的，同时可以通过一对一的提问，解答，实现师生间的相互远程交流。

虽然我国的教学互动系统还不够成熟，还存在这样那样的问题，但它的发展符合经济学原理和人们的需要，只要对症下药，一定可以逐渐发展完善。

二、国内外研究现状

在线课程网站上的教学活动是借助于一定的手段、工具展开的。教学活动的具体过程、组织方式以及质量效益等都和教学活动中使用的工具密切相关。可以说，不断地把人类在社会生产与生活中创造出来的新技术、新设备加以改进并运用于教学活动中，这是人类教学进步的重要动力，是教学效率和效果得以不断提高的重要物质保证。纵观人类教育发展史，每一项新的教学技术的应用，都给教学活动提供了新的发展空间，使教学活动在整体上得到丰富和提升。从某种意义上说，随着社会发展而不断更新教学设备、优化教学技术，是教学发展的历史规律和客观要求。我们发展现代教学技术，应立足于教学发展的历史规律，深刻认识到教学技术更新对于教学活动整体进步的历史意义。

当前人类正在步入一个全新的技术发展时期。正如联合国教科文组织国际21世纪教育委员会所指出的，“新技术使人类进入了信息传播全球化的时代；它们消除了距离的障碍，正十分有效地参与塑造明日的社会”，“这些新技术正在我们眼前引起一场真正的革命，这场革命既影响着与生产和工作有关的活动，又影响着与教学和培训有关的活动”。的确，以个人电脑、网络技术和多媒体技术为主要内容的现代信息技术革命的出现，为教学方式与教学模式的变革提供了新的物质基础。看不到现代信息技术为提高教学质量、扩大教学对象、变革教学方式提供的物质支撑，就很难有效地利用信息技术为教学发展服务，就很难在我们的教学活动中体现人类技术进步的成果。从这种意义上说，充分利用现代信息技术，是教学发展的时代要求。

当前，世界各国都在研究如何充分利用信息技术提高教学质量和效益的问题，加强现代信息技术的教学应用已成为各国教学改革的重要方向。基于这样的背景，国家教育部《纲要》第十一条明确提出，“大力推进信息技术在教学过程中的普遍应用”，并对这种应用的立足点作了明确的阐述：“促进信息技术与学科课程的整合，逐步实现教学内容的呈现方式、学生的学习方式、教师的教学方式和师生互动方式的变革”；“充分发挥信息技术的优势，为学生的学习和发展提供丰富多彩的教育环境和有力的学习工具。”我们一定要提倡以提高教学质量和效益为目的，以转变学生学习方式和促进学生发展为宗旨的教学技术应用观。同时要本着从实际出发、因地制宜的原则，挖掘和发挥传统的各种技术手段在教学中的积极作用，黑板、粉笔、挂图、模型等传统教学工具，录音机、幻灯机、放映机等传统的电化教学手段，在学校教学活动中同样具有独特的生命力，要把现代教学技术和传统教学手段结合起来，努力挖掘所有教学技术手段的使用价值，积极促进各种技术手段之间的协同互补，从而促进教学技术体系整体协调发展。

三、主要研究内容

1、课程信息模块

模块名称：课程信息模块

模块功能：教师发布课程信息，供学生们学习。

模块界面图：如图所示。

2、公告管理模块

模块名称：公告管理模块。

模块功能：管理员登录后，可以在线发布公告；网站浏览者点击公告可以浏览管理员发布的公告。

3、在线答疑模块

模块名称：在线答疑模块

模块功能：实现了教师和同学的在线交流，学生可以就某个问题向教师请教。

4、教学资料模块

功能：可以下载教学资料，浏览教学视频等

四、毕业论文（设计）的研究方法或技术路线

1、研究的整体方案：

1）应用程序背景和需求分析

2）组建开发组

3）数据库设计

4）编写应用程序

5）测试和优化应用程序

6）发布数据库和应用程序

2、工作进度的安排：

1）应用程序背景和需求分析：熟悉论文课题，查找资料，研究资料，熟悉编程语言，完成毕业设计开题报告及外文文献翻译。

完成时间：2012年12月底—2013年2月中旬。

2）组建开发组：本人独立完成

完成时间：2013年2月中旬。

3）数据库设计：继续熟悉编程语言，查找资料，研究资料，确定数据库结构和数据结构，建立数据库，做好编程准备。

完成时间：2013年2月中旬——2月底。

4）编写应用程序：着手编程，初调程序，建立程序的大致结构、整体框架。

完成时间：2013年3月初——4月初。

5）测试和优化应用程序：设计与撰写论文，完善设计，进行测试。

完成时间：2013年4月初——4月中旬。

6）发布数据库和应用程序：根据指导老师的建议，继续完善程序，将完成的程序上交，并将毕业论文完成初稿上交。

完成时间：2013年4月中旬——4月底。

3、研究的预期目标及主要特点及创新点

（一）预期目标：

1、界面简单可操作性强：一般的管理人员用户经过简单的培训后，能很快地熟练操作。

2、安全性：我们通过系统内部自设的权限校验来对系统登录用户实施校验，提高了整个系统的安全性，满足客户的安全性需求。

3、简便有效的维护手段：系统使用后，维护工作将是一个长期的工作，系统将充分考虑维护工作的需求，通过相应手段降低维护工作量及难度，从而达到保证运行可靠及节省费用的目的。

4、可扩充性：在线课程网站需要每日对办公人员进行输入，大量的数据要对数据库输入，所以该系统对具有较强的可扩充性，是十分重要的。

5、功能性强大：该系统将具有强大的功能，满足一般企业的需求，相对于手工输入具有强大的功能。

6、强大的纠错能力：该系统将具有较强的纠错能力，当运行时，用户操作错误时会提出响应的警示，能自动保护系统避免系统出错。

（二）主要特点：

1、可扩充性：数据库具有较大的可扩充余地。

2、系统的安全设置：系统内部的权限校验保证了企业资料的安全，保障了用户的权益

3、高效性：该系统充分体现了计算机的特点，能够快速有效的处理各项任务。

4、强大功能：通过对数据库的简单输入，可实现手工无法比拟的多功能操作。

5、具有错误识别能力：当用户操作出现错误时，系统将提出警告，并能提示正确的操作。避免系统被破坏。

（三）创新点：

该系统主要有人性化设计、系统的安全设置、简单的系统维护方法、使用的高效性、强大的功能、具有错误识别能力等创新点。

五、主要参考文献与资料

[1]王辉，黄红超编著。PHP实用教程。北京：清华大学出版社。2005、

[2]DinoEsposito（意）著。罗兵，顾燕宏译。精通PHP程序设计。北京：清华大学出版社。2006、

[3]RussBasinra，RichardConway著。王晓娜，黄开枝译。PHP安全性高级编程。北京：清华大学出版社。2003、

[4]冯方方编著。PHP基础教程。北京：清华大学出版社。2004、

[5]徐新华编著。精通PHP2、0、北京：机械工业出版社。2006、

[6]苏红超编著。PHP深入解析。北京：科学出版社。2003、

[7]刘寅力编著。系统分析之路。北京：电子工业出版社。2005、

[8]邹建峰，李律松，李晓栓编著。PHP开发技术详解。北京：人民邮电出版社。2005、

[9]申朝阳，宋颜浩主编。PHP与相关数据库技术高级指南。北京：中国水利水电出版社。2005、

[10]（美）MichealOtey，PaulConte著。陈思义，吴强，刘红波译。SQLServer2000开发指南。北京：清华大学出版社。2002、