网页设计与制作基础课程报告模板(公选课)

武汉理工大学华夏学院课程报告课程名称：网页设计与制作基础题目：专业班级学号_________________姓名_________________成绩_________________指导教师苏永红2012年1设计目的1.展示政府形象,宣传政府所在地的旅游,投资等资源;.展示政府形象,宣传政府所在地的旅游,投资等资源;旅游2.公布政府新出台的政策措施,有利于民众更直接有效的了解相关公布政府新出台的政策措施,政策信息;政策信息;3.为民众提供便民服务,帮助人们实现足不出户完成与政府各部门.为民众提供便民服务,的办事程序;的办事程序;4.采集和了解民众的问题,建议,意见;.采集和了解民众的问题,建议,意见;5.实现政府各部门之间,政府与社会之间的资讯互通及政府内部办.实现政府各部门之间,公自动化.公自动化.2开发环境CPUType:AMD羿龙IIN660SystemMemory:512MBIntelP4,2800MHzVideoAdapter:SVGA128MBDiskDrive:40GB操作系统:MicrosoftWindowsXPProfessional浏览器:InternetExplorer6.0sp1Internet信息服务:数据库服务器:MicrosoftAccess其他工具:Dreamweaver3需求分析随着Internet技术的飞速发展，加快政府信息化，大力推动"政府上网"工程，是我国政府跨世纪的重大举措。随着国家提出实施"以信息化带动工业化"战略决策，中国已经加入WTO，政府实现电子政务，企业实现电子商务已是大势所趋。电子政务的一个最主要任务就是要如何构建一个政府网站政府网站的需求分析1、业务需求分析：业务需求分析：政府工作具有较强的地域、部门特色，政府内的业务有很多，工作内容也很复杂2、基础网络需求政府系统需要很好的工作就必须在各部门之间建立有效的沟通，主要使用的沟通网络按照功能我们可以分为"三网一库"，即政务内网、政务专网、社会公众网和政府中心3）社会公众网政府的对外公众信息门户站点，主要是实现和政务公开以及和外界的互动联系，通过社会公众网，政府在向社会提供信息的同时，了解到外界对政府工作的要求，同时接受外界的监督。通过公众网获取需要受理的业务的信息，转入政务专网和内网进行业务的处理，最终将处理的结果通过外网发布给社会公众。4、建设目标简化政府提供公共服务的程序--"一站式服务"消除政府管理的层次--"网络化的政府组织"使得公众、商业、其他政府机构和政府员工能够更方便的查询政府信息和获得服务--"信息化政府"简化政府业务流程和减少成本--"精简效应"推动其他政府目标的开展--"协同效应"便捷政府的运作以提高对公众的反应速度--"基础平台"5、网站特点政府的门户网站应区别于其他商业性、事业性网站，应突出体现如下五个特点：1）权威性其发布的信息来源于政府各部门，经过严格的审批程序，信息是可靠的、准确的。2）便民性网站所发布的信息或提供网上办理有关事务，均以为民、便民、利民为出发点和归宿点。3）个性化为了更好的服务于民，在为用户提供及时、有效和丰富的信息的同时，更要互动、方便的为他们提供网上办事的信息和途径；通过个性化的设计积累网站用户经验，达到推广网站的目的。4）统一性网站是在整合政府各部门信息资源的基础上，统一组织对外发布政务信息的系统平台，以全面地反映各方面地情况。4概要设计布局：网站有一个主页，四个子页

主页：上海市经济和信息化委员会最新信息，主要职能，互动平台，产业数据

子页一：信息中心最新信息公开，通知公告（信息中心）

子页二：咨询中心最新动态和新闻发言（咨询中心）

子页三：产业数据，部分工业协会发展报告，行业协会，上海工业近年发展报告（产业数据）

子页四：服务平台，央企动态，民营经济，中小企业服务，企业信息化（服务平台）配色：主要以蓝色为主（浅蓝、湖蓝、藏蓝、钴蓝、深蓝、）淡紫、红、黄

绿等色彩

主页子页二

子页一子页四子页二

子页一子页四子页三5详细设计(1)建立网站形象)针对超市型网站开发人的发展方式及战略部署计划对网站进行规划,针对超市型网站开发人的发展方式及战略部署计划对网站进行规划,以实现良好的运行实现网站架设目标.以实现良好的运行,实现网站架设目标.(2)网站信息布局)超市型网站的主体信息结构及布局,它是总体网站的框架,所有的内超市型网站的主体信息结构及布局,它是总体网站的框架,容信息都会以此为依据进行布局,容信息都会以此为依据进行布局,清晰明了的布局会使浏览者能方便快捷地取得所需信息.快捷地取得所需信息.(3)网站页面制作先进技术应用)这是一个成功网站所不可缺少的重要部分.网站的内容必须要生动活这是一个成功网站所不可缺少的重要部分.泼,网站的整体风格创意设计,才能吸引浏览者停留,我们采用现今网站的整体风格创意设计,才能吸引浏览者停留,网络上最流行的CSS,FLASH,Javascript等技术进行网站的静态,,和动态页面设计.追求形式简节,实用符合业行客户的浏览习惯,和动态页面设计.追求形式简节,实用符合业行客户的浏览习惯,突出功能性和实用性.出功能性和实用性.一基本模块1,政府风貌(信息公开网上办事资讯中心产业数据，服务平台，互动平台，报送平台),2,,服务平台(服务企业服务信息化电力运行便民服务计算机病毒预报，民营经济，中小企业服务…)3,信息公开(最新公开信息，财政专项资金管理，公示公告，政府信息公开规定，政府信息公开目录…)4资讯中心（新闻发布，最新动态，经济要闻，上海工业信息，研究报告，观点选登，高新技术产业动态化）5.产业数据（上海工业，行业协会，文化创意产业）6总结经过数个星期的努力，我的设计终于完成了。在这次的毕业设计中我学会了很多课外的专业知识，虽然还没有琢磨地很透彻，但相比以前，已经有了很大的改进。之前我只会做最简单的静态网页，除了基本的超链接外什么功能都不会，页面上的登录注册和留言板功能都只是摆设（没法实现），可是通过这次毕业设计，我已经能独立完成简单的网站功能了，如我能能运用access数据库的链接等技术将这些功能实现了。此外，对和网页设计相关的各软件的操作我也熟练了一些，当然在完成这些的过程中我也遇到了很多问题，但是有了老师和同学的鼓励与帮助，我遇到的难题都一一解决了，此外也少不了对网上工具的合理利用，如对“百度”这个搜索引擎的使用，在我作品中很多特效都是通过百度上学到的，能够“学以致用”都要靠辛勤的老师，记得在校的时候，老师总是在我们耳边提起要多利用身边现有的工具“学以致用“，但在那时候我还没这么大的感触，直到这次在做毕业设计的时候遇到了困难，但最终由很多都通过百度上自学解决了，我这才明白了当时老师的良苦用心。能及时完成毕业设计及说明书还要感谢指导老师的督促、指导与鼓励，让我能及