网页设计开题报告（通用4篇）
在经济迅速发展的今天，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的插入我更是问题多多，开始是我对代码基本上是不懂，这就是自己学校上的问题，当真正开始运用的时候在向老师提问。
1.结合毕业论文（设计）课题情况，根据所查阅的文献资料，撰写3000字左右的文献综述(包括目前同类课题在国内外的研究状况、发展趋势以及对本人研究课题的启发)：
一、课题背景
计算机与网络技术的飞速发展，已经逐步改变了面对面获取知识的传统教学方式。基于Internet的网络学习模式，具有交互性好，教学过程可以不受地域、时间限制，而且可以使得教学资源能在最大范围内实现共享。并且使传统的以教师为中心的课堂模式转化为以学生为中心、学生可以自由选择学习内容的新模式，具有知识信息量大、教学方式生动活泼、声像辉映、图文并茂等特点，因此受到了教育界的普遍认可和欢迎。国内外高校利用互联网开展网上学习呈现出快速发展的态势，开发了一大批具有较高的水平的网络教学课程。随着经济全球化的发展，英语的应用越来越广泛，学习英语的重要性更是重中之重。
二、国内外研究现状及发展趋势
在国内，网络教育还停留在基础的应用阶段，还在摸索中前进，几乎没有把英语学习和网络很好的相结合。在学校里看到最多的是基于小型局域网的多媒体英语学习教室，使用时也多是放录音，学生与老师之间几乎没有互动环节。而具有互动环节的在线英语自学系统，由于国内对网络教学还比较保守，因此现还处于刚起步阶段。在国外，网络教育和各方面的教学的发展已经进入深入阶段。学校把课程和计算机网络相结合，充分发挥了网络教学的互动优势，使学生在快乐中学习。据统计，国外已经有55%的在校学生人手一台电脑，远程教育的参加人数正在以89%的增长速率递增。
在调研中,我们了解到"网络环境下大学英语的教学改革"正处在国家推进、重点突破、全面展开的进程之中,并取得了积极的成效。大部分试点院校经过两年多的教改实验论证,效果较好,规模进一步扩大。如北京大学、清华大学、北京理工大学、北京交通大学、北京林业大学、北京化工大学、武汉大学、西南大学、大连民族学院、大连理工大学等部分试点高校在05级新生中已经全面实现网络环境下大学英语教学模式。西北工业大学、北华大学、山东大学、东北大学、南开大学、解放军信息工程大学、首都经济贸易大学等高校都于05年在新生中进一步扩大规模。20xx年,有更多的试点院校将在06级新生中全面推行网络环境下大学英语教学模式。相信在未来，网上学习英语的模式将得到更好的重视与发展。
虽然在线学习已经蓬勃地发展起来，但是在线学习的普及率还并不高。目前已开发出来的系统基本具备一个自学系统所需的基础功能，比如可以根据自己的需要选择课程学习等。但是在知识库设计这一模块还存在一些问题，如设计不全面，管理紊乱，知识的匮乏，因此在线学习系统的应用并不广泛。另外，对于我国来说，在线学习主要出现在高等教育以及一些特定的领域，具有相当大的局限性，这对于许多求学者来说是远远不能满足其需求的。在国外，随着技术的飞速发展，不仅高等教育、很多社会其他部门都已经开设了在线自学，通过计算机实现异地自学和自检。现在，计算机硬件技术的发展已经达到了相当高的水平。但是，教学软件尤其是知识库的设计、开发还处于起步阶段，随着这项技术的不断深入发展，就要求有更好、更完善的软件系统应用到教学当中去，这就给设计人员提出了更高的设计要求。
网络必须走综合化发展之路，实现与其他课程的整合，而不能再按照学习一门学科的老办法去讲、去学、去考。在网络环境下的英语学习让学习者自己动脑筋去寻找问题、发现问题，帮助他们如何利用网络资源为英语学习服务。教师和学生之间可以通过网上讨论、 电子信箱等进行探讨性的学习，让老师快速、准确地了解学生的学习情况，帮助学生提高学习效率。
三、课题研究意义及启发
随着我国对外开放的不断扩大化,科学技术的不断进步,国际地位的不断提高,迫切需要造就一大批精通外语的专门人才,以加速我国“四化”进程，使我国在国际事务中发挥更大更积极的作用。英语的使用范围非常广泛。世界上70%以上的邮件是用英文写或用英文写地址的。全世界科技出版物 70% 以上用英语发表。全世界的广播节目中，有60%是用英语进行的。绝大部分的国际会议是以英语为第一通用语言它也是联合国的正式工作语言之一。总之，在国际政治、军事、经济、科技、文化、贸易、交通运输等领域，英语是一个重要的交际工具。对具备一定外语知识的综合型人才的需求也随之大幅增加。而随着网络技术的迅猛发展，人们的生活越来越依赖于网络的发展。通过网络学习英语的要求也相应提高。因此，学好英语对实现上述目标具有重要的现实意义和深远的历史意义。
信息社会的最明显的标志是信息采集的全面与快捷。要善于在教学中整合网络资源，充分利用网络资源优势。学习网站可以为学生创造尽可能多的接触现实的机会，提供更多的直观生动的感性材料，扩大学生的知识面，增加词汇量，减少学生因缺乏相关知识而造成的学习困难，增强学生对英语的敏感性，拓宽学生思路、开阔视野，促使学生用英语思维，强化记忆，提高学习效率，让学生在听说读写译能力等方面都获得提高。网络教学为我们提供了克服传统教学弊端的全新的教学方式，使抽象的、枯燥的学习内容转化成形象的、有趣的、可视的、可听的动感内容，网络教学已成为英语教学的发展趋势。
一、毕业设计的内容和意义：
学校网站是实现教育资源分配的桥梁网络有巨大的教育资源库，它聚集社会的力量，使教育资源无限增长。学校网站是最佳的教学研究室，学校网站与教育类专门网站的有效链接，给学校教学研究带来了一片新天地，各种优秀文章、各科素材、优秀软件下载等内容为学生提供了极佳的平台。有效地降低教研成本、提高效率。
我国的大学教育已经普及，大学生的'队伍也正在不断壮大，为了 方便大学生对本校各项工作的了解以及加深学生、教师与学校之间相 互的交流，建设一个规模化的校园网站成为了当务之急。网络化将给我们的工作和学习带来了极大的便利。
以Internet/Intranet为网络平台实现校园网络各项信息发布、管理、设置等功能。本题目要开发一个校园网门户网站。包括BBS系统平台、院校新闻发布平台，在限选课平台。后台：包括平台管理、统一认证、资源管理、用户权限管理等。
二、文献综述：
经济高速发展的今天，校园的各种信息的收集与发布都要求有一个高的效率。由于大学生的生活节奏较快，且电脑普及率和上网概率也随着社会的发展越来越高，学生上网获取信息的机会越来越多。所以，学校可以将政务宣传服务切入到这个点来，让学生更方便地获取相关信息，这将大大提高学生学习的进度和对学校教育的满意度。这就要求通过网站，全面宣传、展示学校风采、优点与特色，发布学校的重大活动安排与招生政策，增强家长与学校之间的联系，在Internet上实现完成部分校务，提高办事效率。
该系统是面向全网络的，作为学校与外界联系的一个平台。系统管理员负责更新网站内容，不同权限的用户登录系统将进入不同的页面，实现不同的操作。
系统主要包括六个模块：
1.用户注册模块：这个模块完成新用户的注册功能，并能对注册信息进行检查。
2.用户登录模块：这个模块提供用户的登录界面，并验证用户名和密码,以确定用户身份。
3.显示模块：这个模块将根据用户权限显示出不同的页面，以及内容。
4.操作模块：这个模块提供与内容相关的功能，并且对不同身份的用户给予不同的操作权限。
5.用户管理模块：这个模块能够对用户个人信息进行管理。
6.数据库模块：这个模块实现对数据库的连接和访问。
三、工作计划及方案论证：
1.第一阶段：11月20日 — 11月25日
阅读资料；进行需求分析，提出设计方案确定技术路线，完成开
题报告；设计软件原型。
2.第二阶段：11月26日 — 2月10日
在上一阶段基础上，按时、按质、按量完成毕业设计任务
3.第三阶段：2月11日 — 4月1日
总结所有的工作，完成毕业设计论文初稿
4.第四阶段：4月2日 —4月20日
修改论文；小组内答辩，评分；准备答辩材料
四、参考文献：（不少于10篇，期刊类文献不少于7篇）
[1] 周怀军. ASP动态网页设计应用教程[M]. 电子工业出版社,20xx-3
[2] 赵燕萍. 电子商务概论[M]. 北京中共中央党校出版社,20xx-11
[3] 王恩波 王若宾. 管理信息系统实用教程[M].人民邮电出版社,20xx-9
[4] 唐乾林. 网页设计与制作案例教程[M]机械工业出版社,20xx-8
[5] 赵增敏. ASP可视化编程及应用[M].机械工业出版社,20xx
[6] 龚小勇. 关系数据库与SQL Server20xx[M].机械工业出版社,20xx-1
[7] 崔良海 沙俐敏. WEB编程技术[M].人民邮电出版社,20xx
[8] 陈家琪. C程序设计教程[M].新华出版社,20xx-11
[9] 明日科技. Asp.net数据库系统开发完全手册[M].人民邮电出版社,20xx-1
[10] 邓春妮 孙艳华 邹庆云. Asp.net信息化系统建设案例[M].人民邮电出版社,20xx-
[11] 张树亮 李超. Asp.net 2.0+SQL Server网络应用系统开发案例精解 清华大学出版社,20xx-9
[] 李文梅. 谈采用ASP数据库存取组件访问SQL Server数据库 新余高专学报,20xx-10-30 期刊
[] 王大龙. 基于VB程序和SQL Server数据库的多条件模糊查询的实现 电脑知识与技术,20xx--15期刊
[14] 朱丽敏. 交互式动态网页建构技术——ASP技术 太原科技,20xx-02-26期刊
[15] 王珂玲. 利用报,20xx-06-30ASP技术访问数据库技术探讨 湖南轻工业高等专科学校学期刊ASP技术的在线教育系统设计与实现 电脑知识与技[16] 吴锦. 基于术,20xx--25期刊
[17] 王明华. 用ASP技术实现网上购物系统 科技资讯,20xx-09-03期刊
[18] 王海燕 王明明 张景义. 用术,20xx-06-25ASP技术实现人员信息查询系统 电脑知识与技期刊ASP技术的网站后台管理系统 电脑知识与技术,20xx-06-25[19] 李铮. 基于刊 期
在经济迅速发展的今天，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的插入我更是问题多多，开始是我对代码基本上是不懂，这就是自己学校上的问题，当真正开始运用的时候在向老师提问。