关于写网页设计开题报告
开题报告是指开题者对科研课题的一种文字说明材料。这是一种新的应用写作文体,这种文字体裁是随着现代科学研究活动计划性的增强和科研选题程序化管理的需要应运而生的,下面是我给大家整理的网页设计开题报告 ,欢迎阅读。
在经济迅速发展的今天,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、
知网:
IEEE:
Ei :
百度知道好像不能上传文件,你自己去这几个网站搜一下,不过你们学校图书馆应该有相应的数据库资源,类似这样的,你可以去找一找。
1、掌桥科研
掌桥科研于2019年8月底正式上线,目前拥有中文文献73277926篇,每月更新2600多万篇;拥有外文文献53921990篇,每月更新200多万篇,其中包括外文期刊,外文会议、外文OA文献、外文学位:美国政府科技报告、外军国防科技报告。外文文献整合了目前国际上主流的英文文献数据库,涵盖了诸如Springer,Elsevier,Wiley ,IEEE,AIAA等外文文献资源。
可以实现一键跨库检索,直接本地获取的服务,最重要的是它竟然有机译功能!像其它网站都是清一色的英文目录,对于小白英语渣来说,这无疑会带来很大的麻烦,但这家网站却直接将英文等外文直接机择成中文。
2、微软联合创始人Paul Allen投资开发的新一代学术搜索引擎,几乎80%的文章都可以在上面下载。它可以自动计算这个文章的重要性、贡献,并且,对于一个文章来说,可以智能查找引用(如文章A引用了50篇引文,那么直接在网页上可以看到文章都是怎么描述引文的,而且,哪些引文对这篇文章贡献大。相应的,也可以查看这个文章被哪些文章引用了,都是如何引用的),很给力!在检索时,还可以选择会议/期刊名称,作者,文章类型等等,比较丰富,好用。
3、AMINER
可以通过社交网络和数据挖掘统计出你想搜索的话题下面的专家和文章,对于进行以主题为目标的搜索非常有用!
4、Web of Science
传说中的SCI查询网站,从咱们交大外文数据库Web of Knowledge进入 。在这个网站可以查询所有的被SCI收录的期刊、文章等。我们经常会有这个需求:这个期刊是不是SCI?影响因子是多少?在这个网站的Journal Citation Reports里可以直接查询出来。这个网站也可以查询国外的专利,选择Derwent数据库就可以了。
以上就是环球青藤小编关于外文文献网站的相关分享,总之,这些网站在论文写作中很受用,希望对即将毕业的小伙伴们在论文写作上有所帮助,更多相关内容,欢迎关注本平台!
个人网站设计论文期刊参考文献
[1]名人个人网站设计欣赏.《电脑迷》.2015年2期;
[2]名人个人网站设计欣赏.《电脑迷》.2015年1期;
[3]个人网站设计的几点思考.《黑龙江科技信息》.2010年15期.蔄福军;
[4]浅谈个人网站设计.《才智》.2011年2期.韩宝玉.沙继东;
[5]基于ASP的个人网站设计及实现.《电脑与电信》.2010年9期.刘向华;
[6]个人网站设计之我见.《中国外资》.2009年2期.徐烈英;
[7]Cookie应用与个人信息安全研究.《计算机应用与软件》.被中信所《中国科技期刊引证报告》收录ISTIC.2007年3期.胡忠望.刘卫东;
[8]个人网站的自动化设计与开发.《企业技术开发(下半月)》.2014年3期.华志明;
[9]刍议水利百科网站设计.《黑龙江水利科技》.2014年7期.姜依彤.郝健超;
[10]谈中职教师个人网站的设计.《成才之路》.2013年30期.王雪萍。
个人网站设计论文参考文献学位论文类:
[1]麒麟视觉展示工作室网站的设计与实现.作者:杨婷.软件工程山东大学2012(学位年度)
[2]面向高校教师的个人工作网站的设计与开发.被引次数:2作者:张培山.教育技术学华中科技大学2007(学位年度)
[3]基于SaaS模式的数字版权交易网站的设计与实现.被引次数:2作者:赵倪光.通信与信息系统南京理工大学2011(学位年度)
[4]基于云计算技术的电子商务平台的设计与实现.被引次数:3作者:梁姝.软件工程黑龙江大学2012(学位年度)
[5]基于前端模块化开发思想的社区型知识型网站的设计与实现.作者:李敏.软件工程北京交通大学2011(学位年度)
[6]B2C电子商务顾客价值与顾客忠诚度的关系研究.被引次数:128作者:查金祥.企业管理浙江大学2006(学位年度)
[7]基于信息构建(IA)的Web2.0网站研究.被引次数:22作者:陶青.情报学华东师范大学2007(学位年度)
[8]马王堆后院艺术中心网站的设计与实现.被引次数:4作者:涂杰.软件工程山东大学2009(学位年度)
[9]迪拜动漫网站web系统的设计与分析.被引次数:1作者:李红松.软件工程山东大学2009(学位年度)
[10]视觉元素在网页设计中的应用——《拐点·摄影》个人网站设计.作者:朱月娇.工业设计工程哈尔滨师范大学2015(学位年度)
扩展资料:
一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。
网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。
一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。
网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。
网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。
尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。
网页制作涉及的工具比较多,首先就是网页制作工具了,大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,如果是初学者,Frontpage2000是首选。
除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool3d、GifAnimator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用。
参考资料:百度百科-个人网页制作
[1]吴涛主编,网站全程设计技术(修订本),北京:清华大学出版社;北京交通大学出版社[2] 张华、贾志娟主编,asp项目开发实践,中国铁道出版社[3] 沈大林主编,中文Flash 8案例教程,中国铁道出版社[4]龙马工作室编,ASP+SQL Server组建动态网站实例精讲,北京:人民邮电出版社[5] 赵增敏编,ASP动态网页设计,电子工业出版社[6] 任学文、范严编, 网页设计与制作,中国科学技术出版社[7] 武创、王惠主编,网页设计探索之旅 ,电子工业出版社[8] 杜巧玲等编, 网页设计超级梦幻组合,清华大学出版社[9] 吴黎兵、罗云芳编,网页设计教程, 武汉大学出版社[10] 庄王健编,网页设计三剑客白金教程,电子工业出版社[11]叶汶华、程永灵主编,ASP.NET网页制作教程,冶金工业出版社[12]张军、王佩楷主编,ASP动态网站设计经典案例,机械工业出版社[13]鲁宏伟、汪厚祥主编,多媒体计算机技术(第三版),电子工业出版社[14] 赵小林、刘志强、郑洁主编,网页制作技术教程-动态网页篇,北京:国防工业出版社
关于写网页设计开题报告
开题报告是指开题者对科研课题的一种文字说明材料。这是一种新的应用写作文体,这种文字体裁是随着现代科学研究活动计划性的增强和科研选题程序化管理的需要应运而生的,下面是我给大家整理的网页设计开题报告 ,欢迎阅读。
在经济迅速发展的今天,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、
为了增加网页的吸引力和可理解性,以及互动性,网页设计所起的作用十分重要。下面是我为大家整理的网页设计 毕业 论文,供大家参考。
网页设计毕业论文摘要
摘要:Flash技术运用范围非常广泛,不论是网站、 广告 、动画、游戏,甚至程序设计与多媒体化展示方面都有一定程度的运用。本文首先对Flash动画今后的发展趋势进行分析并具体化叙述了Flash的实际定义与特点,并对Flash动画当前在网页设计中的应用方式进行分析,针对性阐述了Flash动画在整站式网页设计过程中交互式导航系统、Web图像动画展示以及鼠标动画的应用。在此针对性研究Flash动画在网页设计中的相关研究,望研究结果能够对今后的学者一定帮助。
网页设计毕业论文内容
关键词:Flash动画 网页设计 应用研究
随着社会迈入信息化时代,网络及计算机技术的发展及普及程度呈现出优质化的发展形势,从而促进网页动画渐渐发展起来,此外网页动画设计在网页设计中占据重要地位,促使人们在关注动画整体发展趋势的过程中将注意力放在网页动画方面。在构建及设计网页时,运用Flash帮助网页实现多媒体化的网页成果展示,同时也渐渐成为网页设计发展过程中不可或缺的重要部分。
1Flash的运用及特点
MacromediaFlash作为一种交互式编辑矢量图及多媒体创作软件,因特网网页设计矢量动画文件格式时常得以较多的运用,此外,针对性分析Flash,可以了解到目前其主要具备以下六大特点:第一,将矢量图形作为主要运行前提,致使其自身文件导出容量不大,在进行图片缩放时对其自身的清晰度影响不大,在网络传输过程中存在一定的便捷性;第二,Flash具备非常优质化且强大的AS代码,在设计动画时运用Flash技术,促使动画的交互性优良,便于读者在阅读过程的理解并实施相关互动;第三,针对实际运用过程分析,Flash动画在运作时主要采用插件,若用户想要实现视频观看,仅仅需要安装一次视频插件就可以直接观看,避免繁琐性多次安装的现象发生。此外,由于Flash构建的动画自身极小,所以其具备较快的调用速率;第四,在设计Flash过程中,可以根据需要适当增加页面控制按钮帮助页面实现链接的跳动,还可以运用鼠标实现页面动画中的运动及移动。第五,Flash可以实现动画视听效果内容的升华,譬如渐变声、位图等等,用户在制作图片的过程中可以直接构建全Flash制作站点;第六,Flash动画属于一种“准”流式文件内容,无需全部下载完成就可以实现动画观看。
2Flash动画在网络设计中的应用
在网页设计中,Flash动画具备非常多关键性的作用,如流式播放动画、FlashMV及短片动画等,此外其所表现的形式中存在一定的交互性。但需要注意的是,在实施网页设计时,避免繁琐、复杂的动画设计效果的存在,毕竟物极必反,只会降低网页的品质;如图1所示。2.1网页动画信息交互的实现为了进一步却宝宝网页动画信息交互整体的流畅性,其中的一个重要关键就是Flash动画导航的交互性设计。在对该部分内容进行设计时,往往会使用针对性的Flash动画脚本——AxtionScript。实际设计过程中,通常由编程者的思想与Flash在事件中作用共同形成动力,并依据动画中的相应内容实现AxtionScript的具体化定义。2.2网页动画相关要素的设计第一,交互式导航系统。在网页设计中,导航栏对用户主要起到一种引导性作用。所以在设计时需要将其设计为多个导航级别,并构建针对性的标识来将其区分,以色彩为例,可以采用较为鲜艳、清爽式的搭配。第二,Web图像动画形式展示。传统网页中,Web图像主要呈现静态,不过经由计算机技术的不断发展,最近几年在网页设计中渐渐出现了一部分动态化的Web图像。同时在其色彩方面的运用,主要采用RGB模板,并在网页安全色方面运用216色,其主要的色彩格式包括GIF、PNG以及JPE6。第三,鼠标动画。为了实现优质化Flash动画效果,在制作动画效果时要特别注意鼠标在移动过程中其轨迹图案及色彩搭配。首先,要确保鼠标移动过程中的色彩与网页设计色彩是不同的,有助于用户一眼就可以将鼠标找到。最后就是,鼠标在色彩区别网页之后还要注意其透明性,避免遮蔽信息的现象出现。
3结语
综合全文内容,在网站设计过程中,Flash作为一个极具重要性的视觉性元素,其可以在帮助网站实现多媒体化效果展示的同时,还能够结合数据通信这一 措施 全面性丰富网站自身具备的素材及资源,最终达到一种动态化的效果。截至今日,由于计算机技术发展速度不断提升,结合Flash自身所具备的多种优质化特征,笔者相信在今后人们的日常生活中,Flash动画一定可以获得更加广泛的用途,更具普遍性,最终实现网页设计的主体化运用趋势。
网页设计毕业论文文献
[1]乔慧.Flash动画在网页制作中的应用及发展[J].内蒙古石油化工,2013(21):68.
[2]关晓轩.Flash动画在网页制作中的应用研究[J].北方文学(下旬),2012(11):91-93.
网页设计毕业论文内容
当今,移动互联网迅猛发展,各种智能设备层出不穷。传统网页设计采用“固定页面及元素宽度,任何终端统一页面效果”的策略,无疑将造成网页在一些新兴移动终端上显示的文字极小、链接分布极密,用户需要在屏幕上不停操作来自主寻求较好的体验。面对这一弊端,网页设计师聚焦于“响应式网页设计”这一关键词,试图使用一套代码为各类终端设备提供不同的设计和体验。从先前“为固定设备设计网页”跨越到“响应式网页设计”是一个较难的过程。一些新手可能已经积攒了诸如媒体查询、流式布局、弹性图片等零散的设计开发技巧,掌握了HTML5和CSS3的使用 方法 ,但他们依然无法驾驭响应式网页设计。造成这种情况的直接原因就在于缺乏一个能够指导他们立即开展响应式网页设计实践的可操作流程,即原型。
1两个关键概念:响应式网页设计与原型
响应式网页设计(RWD,Responsive网页Design)是一种网页前端开发技术,它可以描述为,“兼顾多种不同设备屏幕尺寸、分辨率、系统平台和行为做出相应的调整和布局的显示机制”。原型(Prototype),也叫“原样”,是“模拟科学”中的一个术语。在心理科学中,由于很难对动作或心智活动认识清楚,所以一般沿用J•R•安德森的观点,把原型(Prototype)视为关于范畴的最典型的样例设想,即把“原型”视为外化的实践模式,或“物质化”了的心智活动方式或操作活动程序。综合上述,响应式网页设计原型可描述为:符合“响应式网页设计项目分析、各类终端具有适合自身用户体验的不同页面效果、一套代码完成所有不同终端的网页制作、各类终端与主流浏览器良好兼容”等一系列规则的,外化的响应式网页设计活动实践模式。
2建构响应式网页设计的原型
建构原型一般采用心理模拟法,它包含三个步骤:
(1)响应式网页设计活动的功能分析;
(2)响应式网页设计活动的结构分析;
(3)功能分析与结构分析的有机结合。其中,功能分析的重点是作用的对象,条件与结果;结构分析的重点在于组成要素及要素之间的关系。响应式网页设计的目标是能够高效的编写一套代码为各类终端设备提供良好的设计效果和使用体验,这需要具备HTML5、CSS3、Javascript和jquery的基本技能。响应式网页设计之父——伊桑.马科特认为,响应式网页设计应该首先针对小屏幕进行设计,然后逐步增强针对大屏幕设计。这种思路颠覆了传统固定宽度的网页设计方法,对于那些已经积攒了零散的响应式网页设计开发技巧、HTML5及CSS3等技术,能够较熟练的完成固定宽度桌面端网页的新手而言,恐怕很难理解从小屏幕开始设计然后渐进增强的思路。考虑到新手已经习惯设计制作固定宽度的桌面版网页,响应式网页设计如果从固定宽度的大屏幕网页制作开始,然后改造这套代码将仅适用于桌面的网页依次兼容平板端和手机端也是一个不错的思路。响应式网页设计活动包含了“项目分析”、“网页平面设计”、“桌面版网页制作”、“平面版的改造”、“手机版的改造”及“兼容问题的调试”这6个典型的子活动。这些典型要素的关系可以描述为,“要想高效的完成某响应式网页设计项目,首先需要项目分析,其阶段性结果是响应式网页的总体方案,即在用户群体需求分析及主题解读的基础上,进行色彩分析及定位,确定UI版面布局,分析设计网页功能模块,确定网页风格等,最终形成包含“前言”、“需求分析”、“系统分析”、“风格设计”、“各类终端UI版面初步布局”、“色彩定位”、“网页建设日程规划”等部分的网页总体方案文档;然后,根据前期方案中“色彩”、“风格”及“各类终端UI版面布局”等的分析,依据页面设计原则,利用photoshop绘制适用于各类终端显示的平面效果图;随后,利用“HTML5+Css3”技术采用
3熟手的关键技术
从上述适用于新手的响应式网页设计活动基本原型发现,制作一个能够兼容主流浏览器的固定宽度桌面版网页是响应式网页制作的开端。那么,首先在“桌面版网页制作”这个环节中提取一些熟手关键技术,作为给予新手的技巧提示。
3.1兼容主流浏览器的桌面版网页制作技术
为了防止不同浏览器给予相同HTML5标签的初始样式存在差异,熟手利用HTML5+CSS3制作桌面版网页制作时,一般会在样式文件(扩展名.css)中给出如下初始化代码:*{margin:0px;padding:0px;}body{margin:0px;padding:0px;text-align:center;font-family:"宋体";font-size:16px;color:#cccccc;}ul,li,a{margin:0px;padding:0px;list-style:none;}div{overflow:hidden;float:left;}#wrapper{width:1007px;height:auto;margin-left:auto;margin-right:auto;overflow:hidden;clear:both;}这部分代码块可以实现页面在IE内核和Firefox内核的所有版本浏览器中居中对齐,外层布局盒子与浏览器头部无缝紧贴;
3.2利用流式布局、弹性图片、媒体查询技术修改桌面版网页
(1)相对视口尺寸,将最外层的布局
(2)将页面中所有HTML5标签元素对应的CSS样式表中的margin-right、margin-left、padding-right、padding-left的属性值也用公式——目标元素宽度÷上下文元素宽度=百分比宽度来修改。
(3)将CSS样式表中的font-size属性值的单位用em来代替px。这里依然使用公式——目标元素宽度÷上下文元素宽度=百分比宽度。这里需要提示新手的是:在
标签的初始化代码中,如果有font-size:16px;语句,那么在给其他元素的font-size属性上修改值时,公式中的“上下文元素宽度”就等于16px,例如,#logo{font-size:48px;}现在要修改为#logo{font-size:3em;}。(4)为了实现弹性图片,让图片随视口缩放,图形图像、动画和视频的弹性设置使用“img,object,video,embed{width:100%;max-width:100%;}”。其中,max-width属性是用于确保缩放时不会超出图片最大尺寸。同时,熟手还会使用AdaptiveImages解决方案来实现自适应图片。
(5)媒体查询可以通过判断不同设备终端,提供不同的样式使其实现在不同终端都能获得最佳的用户体验。例如,某个响应式页面用电脑浏览页面时,页面信息会以平铺的形式分布在页面合适的位置;用手机浏览页面时,导航按钮会相继隐藏起来,部分信息变成左右滑动的方式呈现,页面会重新布局,图片相应缩小。媒介查询的语法格式是,例如:设定宽度不超过400像素的屏幕尺寸,代码是:
4结束语
对响应式网页设计而言,当前的设计理念和技术方法还不是终点,网站前端设计师需要继续努力找出更好的解决方案。而对新手学习者而言,响应式网页设计开发技能的形成不是一蹴而就的,还需要学习者在多个项目中,利用原型进行多次定向、操作及内化才能真正掌握。
摘 要:版式设计可以说是界面设计的基础部分,网页界面中的版式设计只是其发展应用中的一个方向。如何设计完美有魅力的网页界面,版式设计扮演十分重要的角色,优秀的版式设计可以给浏览者留下深刻的印象,提高页面的访问量。因此,本文将向诸位读者介绍在CDIO工程 教育 模式下,网页设计课程中采用项目为指导的教学实践过程中注意的事项。
关键词:网页设计;版式设计 CDIO教育模式;项目教学
近年来随着经济的高速发展,科技的日新月异,教育领域同样面临革新。引进新的教育理念和教学模式成为教育工作者的关注重心,此时,欧美成熟的工程教育理念慢慢地进入我们的视野之中,CDIO的教学模式(Conceive构思、Design设计、Implement实施、Operate运行),符合工程人才的培养,提高学生的实践能力、组织能力、创新能力。这一模式更适应当下的教育环境需求。
网页设计这门课程属于交叉学科范畴,兼顾艺术设计、计算机技术及交互设计等多门学科。另外,这门课程作为艺术与技术的结合体,要求学生具备较强实践动手能力与综合运用能力,因而在教学过程中我们依据CDIO的工程教育理念开展教学。
本文重点谈到的是网页设计中的版式设计过程,网页中的版式设计起到信息统一、分割区域和交互导引的作用,是在有限的空间界面内将文字、图形、背景色彩或图案及交互功能集成在方圆之间,根据设计的形式法则,利用艺术美学与科学技术相结合的方式来实现效果展示。下面以教学过程中的“xx艺术系网站”项目为例,以网页设计中的版式设计为内容,展示教学过程中的各个设计阶段。
1 构思阶段
(1)确立目标。
网页设计不是盲目的行为,不是简单使用软件的行为,它是构思由确立到实现的过程,是一种展示到体会的过程。因此,在设计之初,教师需要引导学生了解当前的课题,明确网站要做什么,网站的外观布局是什么样子,网站需要营造何种氛围。我们常见的网站根据用途分类为企业网站、电子商务网站、电子政务网站、文体娱乐网站、教育科学网站等,每种类型的网站都有自己需要传播的信息,根据所需文字与图片选择适合的排版方式,进而营造恰当的氛围。在“xx艺术系网站”项目中,学生会根据实际项目类型,理解项目设计目标为,该学院所属系部信息服务类网站,界面版式方面要求简洁大方,色彩明快,塑造清新、愉悦的氛围,学生可以根据以上内容展开进一步的设计工作。
(2)信息整理。
项目开展前期根据对项目的简单分析,要求学生对客户或相关人士展开访谈,对行业同类网站的资讯开展收集与调研。这一阶段学生会接触网页设计的需求方,在本项目中可以设定为系内行政人员、教师及系内学生,根据访谈或调研可以得到网站相关设计信息,如对整体风格的需求,导航的设计需求,网站类型为静态网站或动态网站,根据需求结果,要求学生设计多样的版式效果,以供客户参考。
(3)交互设计。
我们将网页中的交互分为视觉上的交互和行为功能上的交互设计。在这里我们更侧重说明交互在视觉上的应用。网页中我们常见的交互形态有按钮、导航条、搜索栏和表单等。这些交互形态都会出现在版式的突出及显著位置,这样更引发人们的视觉关注中心,因而,在进行版式设计时,需要考虑这些交互元素的设置,友好的版式也是一种界面与人的情感交互。在我们的项目中学生应该考虑交互按钮的外观设计,排放位置等因素;导航条的设置应在醒目位置,清晰明确发挥导引作用;搜索栏帮助浏览者快捷搜索,放置在易发现的位置,搜索一般出现在网页右上角;表单设计是学生所忽略的环节,因为可以使用插件添加,导致学生认为无须设计,在此建议信息表单设计时可考虑细节设计,提高友好度与舒适度等交互设计。
2 设计阶段
版式设计是网页设计中重要的设计引导规划环节,在这个过程中学生可以根据自己的项目主题展开艺术美感的设计。一般进行页面版式设计我们从以下几个方面入手。
(1)版式结构设计。
网页设计中的版式设计与传统媒介中的版式设计略有不同,前提是他们都遵循版式设计五原则,[1]内容与形式,简洁与简约,设计与艺术,趣味与独特,局部与整体。为了设计富有形式法则和艺术美感的网页作品,版式设计方面通常会采用黄金比例和三分法排列原则。黄金比例法是初学者易于掌控的方法,将视窗可用区域分成两个部分,也可以根据设计比例需求,将数字录入到相关计算网站,得出合适的黄金比例分配方案。三分法构图排版方式,是将排版界面分成三份,根据内容的不同,选择不同的三分法排列位置。
网页设计中由于要考虑显示器视窗显示水平不同,我们的总体版式设计会采用固定格式或非固定格式两种形式。固定格式的版面是固定的界面版式,而非固定格式的版面设计是变化的,这种变化的版式很难把握的,变化的视窗将改变既定的字体形式和图形排列位置,这个课题也是我们今后要深入探讨的方向。
(2)字体、图像、色彩设计。
版式设计是界面设计的骨架,字体设计是界面设计的血肉,富媒体技术的全面发展,网站这一综合载体也得到了极大的发展,版式与字体的结合构成了网页的不同风貌。在网页中常见字体分为中英文两类和图形化的艺术字体,字号一般选用12pt。在中文网页常常出现的字体为宋体或黑体,字号为12pt/14pt的文字展示,另外也会有些超大字体以图像的形态出现,并通过视觉效果的调整,创建三维空间的视觉展示效果。图形化的艺术字体,在诸多网站中得到应用。在设计中我们题材保有传统的 文化 性,中国元素的运用,如书法、图腾、建筑等富有中国色彩的艺术形态都应得到我们的思考与关注,中西文化的比较与融合也是我们要探索的方向。图形与色彩部分在排版中应适合主题,响应设计氛围,为整体版式服务。
(3)视频展示设计。
网页界面排版中还需考虑一种新兴的展示手段,视频信息展示,页面中利用大量的视频信息排版,减少文字、图片信息的输入,信息传达方式由静态转换为动态,提供有趣而新颖的排版展示方式。
3 技术实施
(1)界面版式视觉设计。
网页设计中对静态界面的布局,我们通常会使用Photoshop和Illustrator图像处理软件开展设计,首先我们会根据 思维导图 绘制基础模板,然后根据设计需求在模板中添加设计好的文字、图形、视频、声音等设计元素。
(2)交互功能视觉设计。
在网页设计中我们会考虑将静态样稿转换为简单的静态网页,这种转换我们会使用Dreamweaver软件进行操作,由于网页展示设备的不同我们也会考虑采用一些相关的模型制作软件来处理交互设计部分。
4 运行阶段
将确定好的静态草稿通过切图生成为静态网站,测试效果及功能,当运行时根据需要和视觉效果进行调整直到理想状态。
5 小结
网页设计课程将实际项目导入课堂,根据CDIO工程教育模式教学,打造有效、有趣、实用的教学方式,使学生在学习操作中锻炼宏观思考的能力,获得团队合作的能力,养成终身学习的能力。学生对设计流程的掌握就是对知识体系的掌握和运用,达到理论与实践相结合,通过对版面的全面掌控,更好地为静态网页设计打下坚实的基础。
参考文献:
[1] 沈卓娅,王汀.字体与版式设计实训[M].中国出版集团东方出版中心,2011:74.
1. 网站设计毕业论文范文
2. 网站类毕业设计论文
3. 浅谈广告设计毕业论文范文
4. 关于网络工程毕业论文范文
5. 关于计算机毕业论文范文大全
6. 计算机毕业论文范文大全
DW也可以,ASP也行,不会很难的
基于ASP技术动态网站的规划与设计是小柯论文网通过网络搜集,并由本站工作人员整理后发布的,基于ASP技术动态网站的规划与设计是篇质量较高的学术论文,供本站访问者学习和学术交流参考之用,不可用于其他商业目的,基于ASP技术动态网站的规划与设计的论文版权归原作者所有,因网络整理,有些文章作者不详,敬请谅解,如需转摘,请注明出处小柯论文网,如果此论文无法满足您的论文要求,您可以申请本站帮您代写论文,以下是正文。[摘要]本文从软件工程的角度出发,系统分析了校园网站的规划与设计过程。并在系统设计阶段详细介绍了网站设计过程中应注意的问题,重点对网站安全做了技术分析和研究。[关键词]网站立项 系统分析 系统设计 网站测试 网站维护一、引言网络技术的不断成熟和发展,促进了基于网络技术的校园网站的发展。校园网站开发是一项很复杂的工作,我校根据学校实际,确定网站的定位和需求,从软件工程的角度出发,针对学校网站建设的特点和重点,整理出一套适合学校网站建设管理和控制的方法,以此来保证网站建设的高效率、高质量。二、网站立项校园网站建设,要成立一个专门的项目小组:学校领导、学校网络管理员、美术教师、各科室人员、计算机专业教师等8人~9人以及“计算机学会”社团学生代表5人组成,由网络管理员作为项目负责人负责对该项目的统一调度和安排。三、网站设计开发过程(一)系统分析阶段建立一个网站,首要明确设计思想,编写一份详尽的需求说明书,这是网站建设成功的关键所在。我校根据各方面的反馈意见进行认真的分析,对网站设计进行准确定位:学校网站规划要着重考虑教师和学生的需求;内容上要以学校整体宣传为主,同时也要为访问者提供其所关心的内容;内容要求及时更新;版面要求新颖有特色,同时还要增强网站的方便性、整体性和安全性。(二)系统设计阶段1.网站总体设计网站设计有了一份详尽的需求说明书后,就可以根据需求说明书,对网站进行总体规划,给出一份网站总体建设方案。总体规划具体要明确网站需要实现的目的和目标;网站形象说明;网站的栏目版块和结构;网站内容的安排,相互链接关系;使用软件、硬件和技术分析说明;开发时间进度表;维护方案;制作费用;需要遵循的规则和标准有哪些等。2.网站详细设计总体设计阶段以比较抽象概括的方式提出解决问题的办法,具体设计阶段的任务就是把解决方法具体化、明确化,设计中应注意的问题有:(1)网站设计的风格定位。网站要有自己的特色,设计中不要太多地考虑技术问题,而应该更多地考虑不断增加网站的内涵,要在能够动态反映学校情况的内容上下功夫。(2)网站设计的整体性。网站设计,注意考虑网站的易维护性,技术上多采用C S S、模板等,对网站的整体风格进行定位,方便日常维护与更新。(3)关键技术的研究及应用。网站设计中,怎样防黑,保护网站内容不被别人窃取、修改是网站建设必须考虑的技术性问题。本人主要从IIS、ASP和Access三方面来总结网站系统面临的常见的安全威胁及解决方法。①集中管理ASP的目录,设置访问权限。在设置WEB站点时,将HTMI文件同ASP文件分开放置在不同的目录下,然后将HTML子目录设置为“读”;将ASP子目录设置为“执行”。②对IIS中的特殊Web目录禁止匿名访问并限制IP地址。对IIS中的sample、scripts、iisadmin等web目录,通过各目录属性对话框中的“目录安全性”标签设置为禁止匿名访问并限制IP地址,并用NTFS的特性设置详细的安全权限,除了Administrator,其它帐号都应该设置为只读权限。③防止Access数据库被下载。有效地防止数据库被下载的方法有:非常规命名法:为Access数据库文件取一个复杂的非常规名字,并把它放在几层目录下;使用ODBC数据源:在ASP程序设计中,如果有条件,应尽量使用ODBC数据源,不要把数据库名写在程序中。④进行数据备份。运用FSO组件对Access数据库进行备份,以便在数据被破坏时进行快速恢复,尽可能多地挽回损失。⑤对ASP页面进行加密。为了有效地防止ASP源代码泄露,可以对ASP页面进行加密。加密的方法一般有两种:一是使用组件技术将编程逻辑封装入DLL之中;二是使用微软的Script Encoder对ASP页面进行加密。⑥后台用户注册验证。为了防止后台用户未经注册的用户绕过注册界面直接进入应用系统,我们采用Session对象进行注册验证:<%UserID = Request(“UserID”)‘读取使用者所输入的用户名和密码Password = Request(“Password”)IfUserID <>“hrmis” Or Password <>“password” ThenResponse.Write“用户名错误!”Response.EndEnd If‘将Session对象设置为通过验证状态Session(“Passed”) = True %>进入应用程序后,首先进行验证:<% ‘如果未通过验证,返回Login.asp页面登陆状态If Not Session(“Passed”) Then Response.Redirect“Login.asp”End If %>⑦让学生参与网站设计。优秀学生参与设计,无论对丰富网站内容、提高学校网站的点击率还是扩大学校网站的影响都能起到相当大的作用。(三)网站测试有了网站的具体设计方案,各网站制作人员就可以全力进入开发阶段。尽量采用边制作边调试,即采用本机调试和上传服务器调试的方法,观察速度、兼容性、交互性等。投入运行之前,需对网站需求分析、系统分析、设计规格说明和编码最终复审,还要对系统进行各种综合测试。测试结束后,制作有关文档存档,并写出一个校园网站使用说明文档。至此,网站项目建设完毕。(四)网站的管理和更新做好网站的管理与更新,是一个网站树立形象的根本、生存的根本。我校专门成立了安全组织机构,制定出适合我校的《校园网站管理办法》、《校园网站信息发布审核制度》、《校园网站异常情况案件报告制度》等规定,建立健全了各项安全管理制度。四、结论我校网站已经试运行一段时间,为学校的教师、学生和教学管理人员提供教学管理、教学研究、日常办公、信息交流等应用服务的平台,较好地满足了设计最初的需求。在整个设计网站的过程中,重视学校网站的“规划—设计—管理—发展”的规律,实现可持续性发展。参考文献:[1]田原.高职院校校园网站主页设计探讨[J].十堰职业技术学院学报,2007,(7).[2]方照.立足校本,探索校园网建设之路[J].教育信息技术,2007,(12).[3]田建勇.浅析学校网站的设计与建设[J].安顺师范高等专科学校学报,2006,(6).[4]侯占伟,翟海霞.A S P代码厦网站安全的探讨[J].焦作大学学报,2005,(4).[5]阳西述.网页制作与网站设计一高等院校计算机系列教材[M].武汉大学出版社,2006.[6]对学校网站建设的思考——舟山市开展学校网站星级评估所感[J].教育信息化,2006,(4).(作者单位:广东汕头经贸职业技术学校)
1. 背景介绍 2. 网站运营模式 3. 网站建设目标 4. 系统核心设计5. 网站运行环境6. 网站内容 栏目名称 栏目说明 公司介绍 由中文和英文两种页面构成,通过该栏目可以向外界发布金属贸易公司的组织结构、经营范围和经营理念。 电子期刊 由公司电子期刊发布管理系统组成,通过该系统可以动态发布期刊的内容。 会员管理 通过会员管理系统可以有效地对会员进行管理,可以对成为会员的单位开放贸易公司资料库、生产厂商资料库,查询全球价格行情和国内价格行情。 新闻发布 通过新闻发布管理系统进行新闻的动态更新、动态发布,并进行方便的后台管理。 供求信息发布 通过供求信息发布管理系统,各个商家可以进行供求信息的发布,实现供求信息的检索。 产品发布 通过产品发布管理系统可以有效发布最新产品,对每一位商家提供按条件检索功能,方便商家快速找到所需产品。 网上谈判 通过网上谈判管理系统可以方便地进行贸易磋商,提高交易的成功率。 招标管理 通过招标管理系统,可以方便有效地发布招标信息,对标书进行有效管理,从而降低购买成本。 网上交易 通过网上交易管理系统,可以实现定单的下载,实现b2b形式的电子交易系统。 网上竞价 通过网上竞价管理系统,开展在线的竞价活动。 网站服务 设置一些知识性栏目,以增加网站流量。 期货板块 主要介绍期货的价格信息、行情预测、基本知识、行情回顾、相关生产厂商动态等。 其它栏目 网站导航、统计模块、超级链接模块、帮助系统等。 案例4-2 “亿商聚”电子商务网站的总体设计一、创建139EC.COM的依据 我国皮件制造行业在很漫长的时间里,一直延续着劳动密集型的加工生产及传统落后的销售方式,其生产技术水平及管理规范程度远落后于其它许多行业。 20世纪电子商务的出现,使企业许多难以想象或难以解决的问题被认为可以得到改善及改变。对於产品市场推广、商品跨地区的销售管理、企业广告宣传、客户信息交流及反馈、客户销售服务以及商品保养常识介绍,这些企业原来感到很“繁重”的工作几乎在不增加企业成本的情况下变得非常容易起来,甚至因为物流业的迅速发展,使企业商务部销售人员几乎“不出家门”即可在互联网上以虚拟的方式完成各项销售工作,这种全新的模式使得传统“划地经营”的概念或模式荡然无存,电子商务在因特网技术平台的支持下,企业营销地域及空间的约束已不复存在,这是互联网时代给予的大好机遇。传统的企业营销方式在知识经济潮流冲撞下必须得到彻底革命,139EC.COM网站就是在这种大趋势下,同众多崇尚现代化管理手的企业一样被推向市场前延的众多企业网站之一,起名字为“亿商聚”。二、139EC.COM规划特点 亿商聚电子商务网站依据“以企业营销为中心,一切为营销服务“的宗旨进行功能策划设计,其功能特点如下:1. 内容专业性强 139EC.COM主要以皮件产品为主,结合企业产品特点,集中对产品的款式、工艺、品质、特性、市场流行状况、销售流程、支付办法以及物流方式的宣传介绍形式及内容作了合理有序的安排,同时根据网站商业功能特点,适当增加一些其它产品的介绍及销售功能设置。为了最大限度降低网站维护成本,网站功能及内容采取动静态相结合,大部分以固定的产品介绍及宣传服务信息为主,流动信息采纳比例减少,并定期更换部分流动信息内容。139EC.COM网站初期阶段,B2B贸易设计采用静态方式,即网上洽谈报价,网下仍然保留传统交货付款方式,而B2C贸易采用网上订购,在线认证支付等动态功能设置,根据电子商务技术成熟及应用普及程度,逐步向全面在线合同、订货及支付方式过渡。2. 知识性、趣味性 利用互联网远程传播的特点、将企业产品的性能特点,维护保养知识以及商品工艺知识有选择地介绍给用户(以多媒体综合表现形式通过合理的网页布局),不仅让不同的客户有选择地更多、更详尽地了解有关商品专业知识,并通过内容的常识性、趣味性来吸引更多的用户关心139EC.COM,以此扩大企业对外影响,培养更多的潜在用户。3. 商业交易性 将传统的皮件贸易方式进行改造,形成电子商务交易运营的模式。根据国内及国际电子商务发展区域性成熟程度区别,形成不同要求的交易程式,目前对於B2B类的国际跨国贸易主要采取网上联系洽谈业务、网下签订合同和供货支付的商务方式,既只将传统贸易中信息交流的手段改变为利用互联网技术的方式,其他贸易内容方式不变,仍然延用企业熟悉的传统模式,使之得以相对安全高效低成本营运。B2C电子商务模式应用于网络合同、安全、电子支付及物流发展成熟的地区,即采用网上支付专业物流公司送货的模式,使之形成真正意义上的电子商务模式。 4. 双语性 为适和国际开放市场的要求,网站首页以中英文分别按钮进入形式,这种形式一方面适合国内上网客户浏览中文信息以及购物的要求,同时满足国际贸易来往信息交流的要求。对139EC.COM网站内容结构分配策划上,中文信息涵盖了几乎所有信息及功能内容,英文信息主要以商务信息为主。三、栏目规划 为了满足企业商务网站专业性、知识性的要求,对网站目标功能分析划分后,组成网站功能栏目系统结构。 139EC.COM产品介绍第二部分第三部分贸易流程第一部分商品趣闻行业动态留言板皮件工艺学校皮件保养动物饲养工艺制作皮件产地手机配件根据一般网民上网浏览寻访习惯以及网页信息的重要程度,将功能栏目系统结构中的第一部分功能项安排作为主导航栏上各功能键;第二部分功能项安排作为辅助导航栏目的内容,这部分栏目的内容主要满足商品常识性的要求。第三部分安排为其他商品的目,以满足综合功能要求。四、基本页面功能分布分析 按照商品专业化程度划分,网站栏的内容分成主要导航栏目、辅助导航栏目及综合栏目三组。考虑到视觉习惯、将主要导航栏目组横排在最突出的最上方位置、辅助栏目组紧邻其下,其它商品栏目组竖立在网页的主侧,该诅根据网站产品类别变动需要可临时添加或删除,在整个栏目系统结构中,各栏目页面基本以此结构为模板,同时通过相互链接可进行栏目间自由切换。 根据各栏目的功能要求,网页中央位置分别放置对应信息内容,主页以及个别主要网页安排一些必要的辅助功能,如会员登记、信息搜索、广告发布等功能,地址及E-MAIL联系设立在各页面下方。五、其他 根据网站商务要求,在产品介绍栏目页,为了方便客户即时订购商品,在相应的商品照片位置设置订购专用按钮,以便及时进行必须的采购表单填制或及网上支付。若用户有信息反馈,可通过留言板和电子邮件的方式予以予反馈,并可以得到及时的处理意见。
首先必须要解决的就是网站内容问题,即确定网站的主题。美国《个人电脑》杂志(PC Magazine)评出了99年度排名前100位的全美知名网站的十类题材:第1类:网上求职;第2类:网上聊天/即时信息/ICQ;第3类:网上社区/讨论/邮件列表;第4类:计算机技术;第5类:网页/网站开发;第6类:娱乐网站;第7类:旅行;第8类:参考/资讯;第9类:家庭/教育;第10类:生活/时尚。我们可以参看上面的分类,继续细分。如果自己在某些方面有兴趣,或掌握的资料较多,也可以做一个自己感兴趣的东西,一者,你可以有自己的见解,做出自己的特色;二者,在制作网站时不会觉得无聊或者力不从心。兴趣是制作网站的动力,没有创作热情,很难设计制作出优秀的作品。 对于内容主题的选择,要做到小而精,主题定位要小,内容要精。不要去试图制作一个包罗万象的站点,这往往会失去网站的特色,也会带来高强度的劳动,给网站的及时更新带来困难。记住:在互联网上只有第一,没有第二! 要领二:选择好域名 域名是网站在互联网上的名字。一个非产品推销的纯信息服务网站,其所有建设的价值,都凝结在其网站域名之上。失去这个域名,所有前期工作就将全部落空。 目前,做个人网站的很多都依赖免费个人空间,其域名也是依赖免费域名指向,如网易的虚拟域名服务,其实这对个人网站的推广与发展很为不利,不光是它“适时”开启的窗口妨碍了浏览者的视线和好感,让人一看就知道是个人网站,而且也妨碍了网页的传输速度。所以,就我个人观点来说,首先花点钱去注册一个域名,独立的域名就是个人网站的第一笔财富,要把域名起得形象、简单、易记。 要领三:掌握建网工具 网络技术的发展带动了软件业的发展,所以用于制作Web页面的工具软件也越来越丰富。从最基本的HTML编辑器到现在非常流行的Flash互动网页制作工具,各种各样的Web页面制作工具,下面是几款具有代表性的网页制作器: (1)HTML编辑器。虽然HTML代码复杂,编辑和调试要花费大量的时间,但因HTML的稳定性、广泛支持性及可创建复杂的页面效果,仍受高级网页制作人员的青睐。就目前来说,有众多的编辑器供选择,这些编辑器广泛支持复杂页面创建及高级HTML规范,使用较为普遍的有Hotdog等专业HTML编辑器。 (2)所见即所得的网页编辑器。其中以Microsoft Frontpage为代表,它具有如Word一样的操作界面,熟知Word功能的操作者,只要稍加培训就能轻松编制网页。而且,Frontpage还能解析网页的HTML源代码,并提供了预览支持。但Frontpage的一些特殊显示功能并不能在其它非IE浏览器下实现。所以Frontpage是一款非常适合初、中级网页制作人员使用的工具软件。 (3)现在非常流行的 Macromedia公司出品的Flash互动网页制作工具。这是是一款功能非常强大的交互式矢量多媒体网页制作工具。能够轻松输出各种各样的动画网页,它不需要特别繁杂的操作,也比JAVA小巧精悍!但它的动画效果、互动效果、多媒体效果十分出色。而且还可以在Flash动画中封装Mp3音乐、填写表单等;并且由于Flash编制的网页文件比普通网页文件要小得多,所以大大加快了浏览速度。这是一款十分适合动态Web制作的工具。 另外,个人网站制作者还需了解W3C的HTML4.0规范、CSS层叠样式表的基本知识、javascript、VBScript的基本知识。对于常用的一些脚本程序如ASP、CGI、PHP也要有适当了解,还要熟练使用图形处理工具和动画制作工具以及矢量绘图工具,并能部分了解多种图形图像动画工具的基本用法,熟练使用FTP工具以及拥有相应的软硬件和网络知识也是必备的。 当然,互联网还是一个免费的资料库。编制网页需要多种多样的按钮、背景还有各种各样图形、图片。如果这些都要靠自己完成,既浪费时间又浪费金钱,而且还需要强大的图形、图片制作技术。所以,为了省却这些麻烦,网站制作者完全可以从网上下载各种精美实用的图片、按钮、背景等网页素材。 要领四:确定网站界面 界面就是网站给浏览者的第一印象,往往决定着网站的可看性,在确定网站的界面时要注意以下三点: ①栏目与板块编排 构建一个网站就好比写一篇论文,首先要列出题纲,才能主题明确、层次清晰。网站建设初学者,最容易犯的错误就是:确定题材后立刻开始制作,没有进行合理规划。从而导致网站结构不清晰,目录庞杂混乱,板块编排混乱等。结果不但浏览者看得糊里糊涂,制作者自己在扩充和维护网站也相当困难。所以,我们在动手制作网页前,一定要考虑好栏目和板块的编排问题。 网站的题材确定后,就要将收集到的资料内容作一个合理的编排。比如,将一些最吸引人的内容放在最突出的位置或者在版面分布上占优势地位。栏目的实质是一个网站的大纲索引,索引应该将网站的主体明确显示出来。在制定栏目的时候,要仔细考虑,合理安排。在栏目编排时需要注意的是: ●尽可能删除那些与主题无关的栏目; ●尽可能将网站内最有价值的内容列在栏目上; ●尽可能从访问者角度来编排栏目以方便访问者的浏览和查询;辅助内容,如站点简介、版权信息、个人信息等大可不必放在主栏目里,以免冲淡主题。 另外,板块的编排设置也要合理安排与划分。板块比栏目的概念要大一些,每个板块都有自己的栏目。举个例子:ENET硅谷动力()的站点分新闻、产品、游戏、学院等板块,每个板块下面又各有自己的主栏目。一般来说,个人站点内容较少,只要分个栏目也就够了,不需要设置板块。如果有必要设置板块的,应该注意: ●各板块要有相对独立性; ●各板块要有相互关联; ●各板块的内容要围绕站点主题; ②目录结构与链接结构 网站的目录是指建立网站时创建的目录。例如:在用Frontpage建立网站时都默认建立了根目录和Images子目录。目录的结构是一个容易忽略的问题,大多数站长都是未经规划,随意创建子目录。目录结构的好坏,对浏览者来说并没有什么太大的感觉,但是对于站点本身的维护,以后内容的扩充和移植有着重要的影响。所以建立目录结构时也要仔细安排,比如: ●不要将所有文件都存放在根目录下。有网站制作者为了方便,将所有文件都放在根目录下。这样就很容易造成:文件管理混乱,搞不清哪些文件需要编辑和更新,哪些无用的文件可以删除,哪些是相关联的文件,影响工作效率;上传速度变慢,服务器一般都会为根目录建立一个文件索引,如果将所有文件都放在根目录下,那么即使只上传更新一个文件,服务器也需要将所有文件再检索一遍,建立新的索引文件,很明显,文件量越大,等待的时间也将越长。 ●按栏目内容建立子目录。子目录的建立,首先按主栏目建立。友情连接内容较多,需要经常更新的可以建立独立的子目录。而一些相关性强,不需要经常更新的栏目,例如:网站简介、站长情况等可以合并放在一个统一目录下。所有程序一般都存放在特定目录,例如:CGI程序放在cgi-bin目录,所有提供下载的内容也最好放在一个目录下,便于维护管理。 ●在每个主目录下都建立独立的Images目录。一般来说,一个站点根目录下都有一个默认地Images目录。将所有图片都存放在这个目录里很是不方便,比如在栏目删除时,图片的管理相当麻烦。所以为每个主栏目建立一个独立的Images目录是方便管理的。原因很简单,就是方便维护与管理。 其它需要注意的还有:目录的层次不要太深,不要超过3层;不要使用中文目录,使用中文目录可能对网址的正确显示造成困难;不要使用过长的目录,太长的目录名不便于记忆;尽量使用意义明确的目录,以便于记忆和管理。 网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上,但可以跨越目录。形象的说:每个页面都是一个固定点,链接则是在两个固定点之间的连线。一个点可以和一个点连接,也可以和多个点连接。更重要的是,这些点并不是分布在一个平面上,而是存在于一个立体的空间中。一般的,建立网站的链接结构有两种基本方式: ●树状链接结构(一对一),这类似DOS的目录结构,首页链接指向一级页面,一级页面链接指向二级页面。这样的链接结构浏览时,一级级进入,一级级退出,条理比较清晰,访问者明确知道自己在什么位置,不会“不知身在何处”,但是浏览效率低,一个栏目下的子页面到另一个栏目下的子页面,必须回到首页再进行。 ●星状链接结构(一对多),类似网络服务器的链接,每个页面相互之间都建立有链接。这样浏览比较方便,随时可以到达自己喜欢的页面。但是由于链接太多,容易使浏览者迷路,搞不清自己在什么位置,看了多少内容。 因此,在实际的网站设计中,总是将这两种结构混合起来使用。网站希望浏览者既可以方便快速地达到自己需要的页面,又可以清晰地知道自己的位置。所以,最好的办法是:首页和一级页面之间用星状链接结构,一级和二级页面之间用树状链接结构。关于链接结构的设计,在实际的网页制作中是非常重要一环,采用什么样的链接结构直接影响到版面的布局。 ③进行形象设计 网站的设计可以从以下几点出发: ●设计网站标志(LOGO)。LOGO是指网站的标志,标志可以是中文、英文字母,也可以是符号、图案等。标志的设计创意应当来自网站的名称和内容。比如:网站内有代表性的人物、动物、植物,可以用它们作为设计的蓝本,加以卡通化或者艺术化;专业网站可以以本专业有代表的物品作为标志。最常用和最简单的方式是用自己网站的英文名称作标志,采用不同的字体、字母的变形、字母的组合可以很容易制作好自己的标志。 ●设计网站色彩。网站给人的第一印象来自视觉冲击,不同的色彩搭配产生不同的效果,并可能影响到访问者的情绪。“标准色彩”是指能体现网站型象和延伸内涵的色彩,要用于网站的标志,标题,主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用,但应当只是作为点缀和衬托,绝不能喧宾夺主。一般来说,一个网站的标准色彩不超过3种,太多则让人眼花缭乱。适合于网页标准色的颜色有:蓝色,黄/橙色,黑/灰/白色三大系列色。 ●设计网站字体。和标准色彩一样,标准字体是指用于标志,标题,主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格,可以根据需要选择一些特别字体。制作者可以根据自己网站所表达的内涵,选择更贴切的字体。需要说明的是:使用非默认字体只能用图片的形式,因为很可能浏览者的计算机里没有安装特别字体,那么辛苦设计制作便可能付之东流了。 ●设计网站宣传语。也可以说是网站的精神、主题与中心,或者是网站的目标,用一句话或者一个词来高度概括。用富有气势的话或词语来概括网站,进行对外宣传,可以收到比较好的结果。 要领五:确定网站风格 “风格”是抽象的,是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI(标志,色彩,字体,标语)、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素,网站可以是平易近人的、生动活泼的也可以是专业严肃的。不管是色彩、技术、文字、布局,还是交互方式,只要你能由此让浏览者明确分辨出这是你网站独有的,这就形成了网站的“风格”。 风格是有人性的,通过网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性:是粗犷豪放的,还是清新秀丽的;是温文儒雅的,还是执著热情的;是活泼易变的,还是墨守成规的。 总之,有风格的网站与普通网站的区别在于:在普通网站上你看到的只是堆砌在一起的信息,你只能用理性的感受来描述,比如信息量多少,浏览速度快慢等;在有风格的网站上你可以获得除内容之外的更感性的认识,比如站点的品位,对浏览者的态度等。 在明确自己想给人以怎样的印象后,要找出网站中最有特色的东西,就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化、宣传。总之,风格的形成不是一次定位的,你可以在实践中不断强化、调整、改进。 要领六:有创意的内容选择 好的内容选择需要有好的创意,作为网页设计制作者,最苦恼的就是没有好的内容创意。网络上的最多的创意即是来自于虚拟同现实的结合。创意的目的是为了更好的宣传与推广网站,如果创意很好,却对网站发展毫无意义,那么,网站设计制作者也应当放弃这个创意。另外,主页内容是网站的根本之所在,如果内容空洞,即使页面制作地再怎样精美,仍然不会有多少用户。从根本上说,网站内容仍然左右着网站流量,内容为王(Content Is King)依然是个人网站成功的关键。 要领七:推广自己的网站 网站的营销推广在个人网站的运行中也占着重要的地位,在推广个人网站之前,请确保已经做好了以下内容:网站信息内容丰富、准确、及时;网站技术具有一定专业水准,网站的交互性能良好。一般来说,网站的推广有以下几种方式: (1)搜索引擎注册与搜索目录登录技巧 注册著名的搜索引擎站点是在技术上推广网站的第一步。注册搜索引擎有一定的技巧,像AltaVista、搜索客这样的搜索引擎,它自动收录提交的网址。另外,注意Meta的使用,不要提交分栏Frame页面,大部分搜索引擎不识别Frame,所以一定要提交有内容的Main页面。 而像Yahoo、搜狐等搜索目录网站采用手工方式收录网址,以保证收录网站的质量,在分类查询时获得的信息相关性比搜索引擎站点(靠Spider自动搜索的)更强。由于搜索目录网站收录网站的人为因素相对较多,因此在提交网站时要注意遵守规则。如Yahoo要求注册站点描述不超过25个单词。在此要注意:将网址提交到最合适的目录下面,要认真详细的介绍网站,千万不要有虚假、夸张的成分。 (2)广告交换技巧 很多个人站点在相互广告交换时都提出了几个条件:第一,访问量相当;第二,首页交换。显而易见,这种做法是为了充分利用广告交换。以很多个人网站的经验,当与一个个人站点交换链接时,对方把网站的LOGO放到了友情连接一页,而不是首页时,很少有访客会来自那里。通常在首页,广告交换才会有很好的效果。 (3)目标电子邮件推广 使用电子邮件宣传网址时,主要有如下技巧:可以使用免费邮件列表来进行,只要你申请了免费邮件列表服务,你就可以利用邮件列表来推广你的网站;可以通过收集的特定邮件地址,来发送信息到特定的网络群体,在特定网络群体中推广自己的网站;发送HTML格式的邮件,即使其内容与接收者关系不大,也不会被被当作垃圾信件马上删掉,人们至少会留意一下发送者的地址。不过,在进行邮件推广的时候要注意网络道德。 要领八:支撑网站日常运行 当个人网站做到某一程度,就必须把赚钱提到议事日程上来,通常来说,个人网站获取资金通常有以下两个渠道: (1)销售网站的广告位 要销售网站的广告位,一般来说,每日的流量少于1万人次的网站在目前是不会吸引广告主的。网站的专业性及商用性,以往的广告经验,技术以及设计要求等也会影响到广告的销售。 一般来说,WEB广告的收费有三种方式: ①CPM (Cost Per Million/Thousand) 放一个广告,它按每1,000人次来访问站点收费。这方法对网站经营者最为合适,只要有人浏览该网页,就得钱,不管访问者对广告有无反应——是否会看或点击该广告。 ②点透(Click-through) 通过Banner广告点到了广告商的站点,这才算数,广告商青睐这个,他只为对自己广告感兴趣的人“套钱“。网站经营者就不合适了,据一些调查资料表明,只有3%的访问者会去“CLICK”广告。 ③提成 (Commission) 根据访问者点击位于你站点上广告所带来的销售收入,从中跟做广告的厂商分成,这种方法对于网站的经营者来说,比上面两个都更加冒险。 通常的,个人网站的广告收费方法往往是第一、第二种方法的结合,站点和广告商都可少冒点险。 (2)与大型网站合作 另外,通过与大型网站合作,获取经费,也可以维持个人网站的日常运行。不过,个人网站很容易会成为商业网站的附属品。 参考 建站专用网站
提供一些基本模式吧...全部照抄对你也没好处.根据以下内容自己来写吧.一、建设网站目的及功能 1 、目的:由于是个人网站,主要目的是用来学习、交流。 2 、功能:通过自己的网站能让大家进一步认识自己,同时通过留言板功能达到交流、探讨学术方面的问题。 二、网站技术解决方案。 1 、网站采用的是租用虚拟主机,今后完善后也可以用自主服务器。 2 、网站设计采用的操作系统是 Window2003server 。网站在初级阶段投入的成本不多,申请的免费的 ASP 空间、使用虚拟主机稳定性和安全性问题比较有保障。 3 、网站完全自己开发,基本模板来自互联网。 4 、网页程序使用 ASP 、 JSP 、 CGI 、 PHP 、 ACCESS 数据库程序等。 三、网站内容规划 1 、根据网站的目的和功能规划网站内容:网站是完全的个人主页,网站以思念为主题,同时通过自己的介绍让大家了解我的基本信息,通过外部链接使访问者得到更多的信息,建立的留言板和讨论区使访问者能够相互交流、学习。 心情日记主要用来记录自己的内心感想,会不定时更新自己最新的心情。 照片匣子存放自己和自己喜欢的照片,图象等信息,让访问者能和我共同欣赏。 网路素材提供方便的外部链接,提高网站的访问量,方便访问者访问更多更好的网站。 我的作品用来展示自己创作的不同作品,也许不是最好的,但也是自己满意的。 关于自己的功能就不用多说了,希望大家了解我的基本信息。 左邻右舍是一个留言板,我希望听到,看到大家左邻右舍的心声。 我的地图是用来提供用户注册,是一个交流平台,通过交流,学习我会更加完善我的网站,希望大家多支持,人越多我的信心就越足噢! 2 、网站提供会员注册、了解访问量,制定进一步的制作方案,希望大家提出宝贵意见。 3 、由于网站功能还不完善,难免会有另访问者不满意的地方,我会根据大家意见改进的。 四、网页设计 1 、网页设计美术设计要求:网页背景采用拼接的方式组合而成,这样有利于加快网页的读取速度,利用了 DREAMWEAVER 的强大功能使主页各个链接比较协调,自己对背景和美化也十分满意,希望大家喜欢。 2 、在网页技术的采用上主要用到了 ASP , PHP 等技术,由于面向的对象多数是和我年龄相仿的学生或朋友,操作起来应该不会有太大的困难。 3 、网页在改版计划的实施方面时间是一个问题,应该说网站内容的更新是比较快的,整体方面改变应该不大。 五、网站维护 1 、由于采用虚拟主机和空间,访问不会有太大问题,只是难免会有维护的时候,如果暂时无法浏览,请大家原谅,希望自己以后能有自己的服务器,能为大家提供更好的服务。 2 、数据库维护是一个问题,我会及时做好备份和更新,尽量不出现不应有的问题。 3 、内容的更新方面会根据自己的情况而定,有什么好的内容一定展示给大家。 六、网站测试 1 、虚拟主机的稳定性、安全性都比较可靠。 2 、程序及数据库方面由我自己来调试,由于学过这方面知识,难度不会太大。 3 、网页兼容性方面,一般的的主流浏览器访问都没有问题的。 4 、如果大家浏览是发现问题可以及时向我联系,我会做进一步测试。 七、网站发布与推广 1 、网站的推广主要靠访问者的互相介绍,希望大家喜欢我的网站。 2 、通过 WEB 服务器发布。 八、网站建设日程表网站建设主要靠自己的知识和技能,希望能更多的支持。 九、费用明细目前网站的建设基本不需要太多的费用。
我同学的,帮你一把。望采纳。【摘 要】本文介绍了网页设计的发展趋势和教学方法,为网页设计课程教学提供借鉴。【关键词】网页设计 发展趋势 教学方法美国市场调研机构ComScore NetWorks提供的报告显示,2007年1月,全球15岁及以上使用互联网的人数达到了7.47亿,同比增长10%。ComScore发现,美国互联网用户达到了1.53亿,依然是全球网民最多的国家,但增长率仅为2%,中国网民数量仅次于美国,为8670万,但增长率却高达20%。通过以上数据,我们不难发现中国的网络市场存在着巨大的潜力,那么如何把握住这个机遇,培养出合格的人才,就成了我们这些高校专业教师需要考虑的问题,我认为作为一名有竞争力的网页设计师,不但要做到有美术修养,还要做到懂编程,这样一来我们的网页设计师就可以既能胜任前台的设计工作又能胜任后台的编程工作了。一、提高网页设计的工作效率提高网页设计的工作效率,当然要从更好的协调网页设计各部门之间的工作入手。这就要求平面设计部门的平面设计师熟悉程序设计部门程序员的工作,好比一名好的建筑设计师,不但要知道如何设计出有内涵有文化的建筑,同时还要了解建筑的造价、人机工程学以及建筑力学等方面的知识,否则他的设计作品就没有任何价值。所以我们培养网页设计师的目标是,不但在艺术设计方面优秀,还要在程序设计方面优秀。这也正是我这次出去学习的目的,只有做到这一点才能很好的完成网页设计工作,才能解决前面提出的平面设计师与程序员之间的工作断层问题。也只有这样才能培养出适应时代发展要求的高素质的网页设计师来。设计总监,可以说是网页设计工程中必不可少的角色。可什么样的人有可能成为设计总监呢?当然,首先要有很丰富的工作经验,很高的个人能力,其次要精通网页设计的所有环节,也就是说无论是策划部门、平面设计部门还是程序设计部门的工作都能应对自如。如果能做到这一点,再加上良好的统筹能力和团队合作精神就有可以成为设计总监了。我们培养学生,不但要让学生就业,解决基本的生活问题。还要让他们在长久的工作生活中逐渐的成长,越来越强大。使他们无论在小公司还是大公司都能通过自己的工作表现成为行业中的精英人才。二、培养更有竞争力的综合性人才1.根据市场的需要培养人才在谈下面这个问题之前,我想先让大家先来了解一下我找到的一份很有代表性的招聘网页设计师的广告。网站设计师具体要求:大专以上学历、美术、艺术、广告类毕业;在互联网行业从业经验两年以上;熟练操作各相关设计软件;并且有自身优势和特点;优秀的设计创意能力,能组织团队完成大型网站项目的设计开发工作;逻辑思维清晰,做事认真、细致,表达能力强;有丰富的企业建站经验,从事过组织策划大型网站项目的工作;注重仪表,有很强的学习能力和敬业精神,较好的沟通能力,有良好的团队合作精神及独立的工作能力。待遇:试个人能力而定,公资标准在4000(另有项目提成)。根据市场的需要定向培养人才的提法似乎有些过时了,我所指出的是除了让学生掌握招聘广告中的内容,还要让他们掌握更多的程序设计方面的知识,比如Html、Css、Dhtml、JavaScript、Asp、Php等。让学生可以不用程序和策划部门的协同就能独立完成网页的设计。而且完成的效果还要很好,这样的人才一但推向市场,其受欢迎的程度可想而知。2.快速掌握行业里最新、最尖端的网络技术网络媒体同时属于IT行业的范畴,既然和IT靠上了亲戚,自然也就继承了IT的某些特征:高薪职业。不受工作地点的限制。新技术出现的快淘汰的也快。要想在网页设计行业有所成就,当然要不断的学习掌握新技术,可网络上的新技术淘汰的太快,经常是没等我们弄懂就已经过时了。作为专业教师,我会经常调整授课内容,把最新的最实用的技术和思想传授给学生。时刻关注网络上的新动向,出现的新技术,保持旺盛的学习热情,让自己时刻处于行业的前沿。只有这样才能培养出适应当今日趋激烈的市场竞争的人才。3.做一名有社会责任感的网页设计师网页设计师不同于其他的职业,因为网页设计师肩负着更强的社会责任和历史使命,要让网络社会朝健康的方向发展,需要网页设计师严格的律己修身,对自己的言行负责。特别是不能在当今充满了诱惑的时代迷失自己,为追求短期利益而触犯法律。“设计强国”需要所有设计师的共同努力,毕竟中国的平面设计在亚洲还落后于日本、韩国,如何发挥中国悠久文化传统的优势,把中国的网页设计做强,成了我们这些网页设计师的新的课题。参考文献:[1]陈刚.CSS标准网页布局开发指南.2007.[2]施博客研究室.DREAMWEAVER 8标准教程.2006.[3]施博客研究室.FLASH 8标准教程.2006.[4]张孝祥,张红梅.JAVASCRIPT网页开发体验式学习教程.2004.[5]孙颖.ACTIONSCRIPT 3殿堂之路.2007.[6]周松建,葛丽.JAVASCRIPT经典范例50讲.2004.
网页设计辅导系统 包括论文,设计,论文字数:10771,页数:31 摘要 21世纪是一个信息化的时代。网络这一信息时代的产物,已经超出了技术产品本身的内涵,而向社会生活的各个领域扩展,并逐渐形成了具有鲜明时代特色的文化。学习作为延续人类已有物质文化成果、并在原有知识基础上创造出前所未有的内容的活动,已从传统的基于课堂的“老师教授——学生学习”的模式转变为通过多种途径来实现,网络教学是一个必然的发展趋势。 与传统教育相比,借助互联网实现的网络教学是一种全新的教育模式,它可以突破时间和空间的限制,帮助人们随时随地的学习,让更多的学习者共享优秀的教育资源;网络教育具有开放性、交互性、协作性、自主性等特点,可以使更多的人尤其是无法到校园内学习的人们接受高等教育,它将成为终身教育的首选形式。 以信息技术为依托的现代网络教育对中国教育而言,既是挑战,更是机遇。抓住这个机遇,就会创造出教育领域中的一片新天地。本文主要通过构建网上教学系统,推动我校的网络教育的发展。 关键字: 《网站开发技术》课件教学、教程、管理、ASP目 录 第一章 前言 1 1.1背景 1 1.2 工作的目的、内容 1 第二章 需求分析 1 2.1课题发展进程及意义 1 2.2课题来源及分析 2 2.2.1课题来源 2 2.2.2网上课件教学2 2.3设计需求及网站目标 2 2.4 系统功能 3 第三章 目录设计 3 第四章 系统数据库的设计 4 4.1 Access2000简介 4 4.2 数据库需求分析 4 4.3 数据库各表中字段定义 5 第五章 系统设计及主要代码 7 5.1开发环境及工具 7 5.1.1 ASP的简介 7 5.1.2 ASP的功能 7 5.2系统总流程图 7 5.3网站的设计风格 8 5.4 系统主要功能分析 9 5.4.1 主页及系统流程图 9 5.4.2系统主要功能、代码 13 第六章 系统的使用与测试 20 6.1 网站使用说明 20 6.2实例测试 20 6.2.1 登陆系统 20 6.2.2 添加新闻 20 6.2.3 删除新闻 20 6.2.4 修改用户信息 20 6.3结论 21 6.4改进意见 21 致谢22 参考文献 22 以上回答来自:
摘 要本文主要阐述了随着加入WTO,Internet也在以迅猛的势头在国内爆发式地增长,网络凭借其卓越的互动性与便捷的交流手段正成为最有发展潜力与前途的新兴媒体,成为众商家倍为关注的宣传热点。尤其是小型企业更应该充分利用互联网技术,为客户、合作伙伴在网上提供信息服务,并且借助互联网,敏锐的捕捉商机。作为专业从事涉密及安防产品销售的重庆赛智网络信息技术服务中心,更需要建设好网站,将其作为对外宣传、服务和交流的载体,来配合公司的迅速发展,使网站具有鲜明的行业特色,使更多的企业通过网络来结盟,使更多的客户通过网络来了解赛智网络。ASP+ACCESS是一种比较成熟的技术,因此本项目采用Asp语言作为根本,选用经典的B/S开发架构,在数据库方面则使用了Access。关键词:互联网;企业网站;数据库;WEB;B/S架构;ASP;HTML;CSS;Access 2003。ABSTRACTThis paragraph mainly talk about Internet grows up vary fast inner along with joining in WTO.The net is becoming a new media with the most potential of development and future,as well as the hot point of publicize by much business. The net technology should be well used to offer information service for clients and cooperate cooperates,and catchs business especially for the small corporation.Chongqing SinceNetwork Ltd as a Security corporation should build its homepage better to qua it as a carrier to publicize,service and communion from this way to concert it grows up quickly.Let more corporation and client join in and know Chongqing SinceNetwork Ltd by homepage.ASP + ACCESS is a relatively mature technology.So this Website uses ASP as basal language and Access as Database.Keywords: Internet; Corporate web site; Database; WEB; B / S structure; ASP; HTML; CSS; Access 2003.目 录摘 要 IABSTRACT II目 录 11 绪论 11.1 开发背景 11.2 课题开发的目标与期望 11.3 论文的结构安排 22 网站开发技术简介 32.1 ASP的简单介绍 32.2 Microsoft Access 2003的简介 33 网站需求分析 43.1 概述 43.2 功能需求 43.3 性能需求 53.4 网站流程图 54 网站总体设计 74.1 网站设计原则 74.2 网站的总体结构 74.3 网站功能模块的概述 105 数据库设计与实现 115.1 数据库设计 115.2 数据库需求分析 115.3 数据库概念结构设计 115.4 数据库逻辑结构设计 126 网站详细设计 166.1 后台管理系统界面 166.2 网站主界面 217 网站调试和用户使用说明 237.1 网站的调试 237.2 用户使用说明 238 结束语 24参考文献 25致 谢 26附录(部分)源代码 271 绪论信息时代已经来临,互连网的触角早已覆盖了这个世界的每个角落,如今,企业建立自己的企业网站已经成为一种在信息时代生存的必要手段。1.1 开发背景现在网络的发展已呈现商业化、全民化、全球化的趋势。目前,几乎世界上所有的公司都在利用网络传递商业信息,进行商业活动,从宣传企业、发布广告、招聘雇员、传递商业文件乃至拓展市场、网上销售等,无所不能。如今网络已成为企业进行竞争的战略手段。企业经营的多元化拓展,企业规模的进一步扩大,对于企业的管理、业务扩展、企业品牌形象等提供了更高的要求。在以信息技术为支撑的新经济条件下,越来越多的企业利用起网络这个有效的工具。网站早已由论证阶段进入了实质阶段,尤其为企业提供一个展示自己的舞台、为消费者创造一个了解企业的捷径。公司可以通过建立商业平台,实行全天候销售服务,借助网络推广企业的形象、宣传企业的产品、发布公司新闻,同时通过信息反馈使公司更加了解顾客的心理和需求,网站虚拟公司与实体公司的经营运作有机的结合,将会有利于公司产品销售渠道的拓展,并节省大量的广告宣传和经营运营成本,更好地把握商机。随着全球信息网络的发展,Internet在世界上已不仅仅是一种技术,更重要的是它已成为一种新的经营模式。从4C( Connection.,Communication ,Commerce , Co-operation )层次上彻底改变了人类工作,学习,生活,娱乐的方式,已成为国家经济和区域经济增长的主要动力。Internet正成为世界最大的公共资料信息库,它包含无数的信息资源,所有最新的信息都可以通过网络搜索获得。更重要的是,大部分信息都是免费的,应用电子商务可使企业获得在传统模式下所无法获得的巨量商业信息,在激烈的市场竞争中领先对手。1.2 课题开发的目标与期望(1) 树立全新企业形象对于一个以软件开发和安防产品销售为主的小型企业而言,企业的品牌形象至关重要。 特别是对于互联网技术高度发展的今天,大多客户都是通过网络来了解企业产品、企业形象及企业实力,因此,企业网站的形象往往决定了客户对企业产品的信心。建立具有国际水准的网站能够极大的提升企业的整体形象。(2) 增强销售能力销售力指的是产品的综合素质优势在销售上的体现。现代营销理论认为,销售亦即是传播。销售的成功与否,除了决定于能否将产品的各项优势充分地传播出去之外,还要看目标对象从中得到的有效信息有多少。由于互联网所具有的“一对一”的特性,目标对象能自主地选择对自己有用的信息。这本身已经决定了消费者对信息已经有了一个感兴趣的前提。使信息的传播不在是主观加给消费者,而是由消费者有选择地主动吸收。 同时,产品信息通过网站的先进设计,既有报纸信息量大的优点,又结合了电视声、光、电的综合刺激优势,可以牢牢地吸引住目标对象。因此,产品信息传播的有效性将远远提高,同时亦即是提高了产品的销售力。(3) 提高附加值许多人知道,购买产品不仅买的是那些看得见的实物,还有那些看不见的售后服务。这也就是产品的附加值。产品的附加值越高,在市场上就越有竞争力,就越受消费者欢迎。因此,企业要赢得市场就要千方百计地提高产品的附加值。在现阶段,传统的售后服务手段已经远远不能满足客户的需要,为消费者提供便捷、有效、即时的24小时网上服务,是一个全新体现项目附加值的方向。世界各地的客户在任何时刻都可以通过网站下载自己需要的资料,在线获得疑难的解答,在线提交自己的问题。总结上述几点,重庆赛智网络信息技术中心网站建设目标可总结如下:1) 帮助企业建立有效的企业形象宣传、企业风采展示、公司产品宣传,打造“赛智网络”新形象。2) 充分利用网络快捷、跨地域优势进行信息传递,对公司的新闻进行及时的报道。3) 通过在线供求系统实现网上的供求信息的查询、订购、交易联系,优化信息的流通渠道。1.3 论文的结构安排本文的主要内容是针对小型企业网站的设计与实现,共分七章:第1章是绪论,讲述本文的开发背景以及目标、期望。第2章是网站开发技术的简介,重点介绍了ASP、Access2003数据库等技术方面的知识。第3章是网站需求分析,主要介绍了网站的功能需求、性能需求,运行需求和网站流程图。第4章是网站的总体结构的实现,主要介绍了网站设计的原则、网站的总体结构和网站的功能模块,而重点介绍了网站的功能模块。第5章是数据库设计与实现,主要介绍了数据库设计步骤:数据库需求分析、数据库概念结构设计和数据库逻辑结构设计,重点介绍了数据库逻辑结构设计。第6章是网站详细设计,主要是针对几个功能模块:网站后台、网站前台、BBS等模块进行设计。第7章是网站调试和用户使用说明,主要介绍了网站的调试和网站的使用说明。第8章是结束语。2 网站开发技术简介2.1 ASP的简单介绍ASP的全称是Active Server Pages,即活动服务器页面,为什么称之为活动服务器页面,这是因为以前的互联网全部是由静态的HTML页面组成,如果需要更新你的网站内容,你不得不制作大量的HTML页面。有了ASP以后,我们就能够根据不同的用户,在不同的时间向用户显示不同的内容。网站的内容更新也不再是一个乏味的重复过程,它开始变得简单而有趣。也因此在国内掀起了一股学习ASP的热潮。ASP的程序比HTML更方便而更富有灵活性.是在Web服务器端运行,运行后再将运行结果以HTML格式传送至客户端的浏览器.因此ASP与一般的脚本语言相比要安全得多.ASP最大的好处就是可以包含HTML标签,也可以直接存取数据库及使用无限扩充的ActiveX控件,用户可以直接使用ActiveX控件,调用对象方法和属性,以简单的方式实现强大的交互功能.但ASP技术也并非完美无缺,由于它基本上是局限于微软的操作系统平台,主要的工作环境是微软的IIS应用程序结构,又因ActiveX对象具有平台特性,所以ASP技术要实现在跨平台Web服务器上工作,不是很容易.Microsoft的ASP技术目前已发展到.NET版.对很多人来说,用ASP来创建Windows服务器平台上的动态Web网页,整个站点和基于Web的应用程序已经成为及其自然的方法.在浏览器地址栏中,文件扩展名.asp同表示动态创建的网页的文件扩展名.pl或.cgi一样,已被浏览者所接受.开发ASP程序,常常先设计静态网页的栏目格式和排版形成HTML语言,接着在HTML的基础上添加脚本程序,形成ASP程序后再实现动态的Web网页.在ASP的程序开发中,它所用的脚本语言是JavaScript和VBScript,在默认情况下使用的是VBscript,它是VB程序设计语言的一个子集,语法与VB基本相同[6].2.2 Microsoft Access 2003的简介Access功能强大,使用方便,是最优秀的桌面数据库开发工具之一。Access与其他数据库开发系统之间有相当显著的区别就是:Access数据库系统把数据库应用程序的建立移到了用户环境中,用户不用写一行代码,就可以在很短的时间里开发出一个功能强大而且相当专业的数据库应用程序,并且这一过程完全是可视的[3]。Access与其他桌面数据库的另一个重要区别是:Access中的数据库文件既包括存储数据的表,又包括操作或控制数据的其他对象。它由七种对象组成:表、查询、窗体、报表、WEB页、宏和模块[2]。Access 2003在网络功能上有了很大的改进,在数据库中通过超级链接字段可以直接链接到指定的WEB页面或网络文件,也可以通过“数据访问页”将数据库文件中的数据发布到网络上,从而实现数据共享。3 网站需求分析3.1 概述目前的企业还是以传统商务方法为主,但随着经济全球化和电子商务经济的到来,企业如果还固守于传统模式则必定不能再适应经济全球化的趋势,许多企业因为运行良好而没意识到正面临因为不适应经济发展环境而被被淘汰的危险。企业上网和开展电子商务是一个不可回避的现实,当你的竞争对手正在通过INTERNET共享信息,通过电子商务降低成本,拓展销售渠道时,你却只能坐失良机。企业拥有自己的网站可以给你增加业务,带来更多的顾客,网络无区域性,只要你有网站就可以让全世界的人都发掘你的信息,服务更多的顾客。而且网站可以给你企业做相应的推广,这样不但降低了你的推广费用,还给你企业树立了更好的形象。3.2 功能需求根据不同用户的不同使用需求与权限,因此不同角色在系统中应具有的功能也有不同。下面是企业网站中三个角色具有的功能。(1)网站管理员应具有的功能对产品信息的管理,进行产品分类的添加、修改、删除等功能;对企业新闻的管理,能对新闻实行的添加、删除和修改做出相应的操作;对产品订单的管理,能对订单进行审核做出相应的操作;对留言信息的管理,能对注册用户提交的信息进行添加、删除。(2)网站注册用户应具有的功能对于网站的注册用户,能进行注册用户的登陆功能,并能浏览网页信息,登陆后能在私密留言板上发表意见等。(3)网站非注册用户应具有的功能对于网站的非注册用户,系统能提供其注册的功能,并在为非注册用户的情况下也能浏览网站,并可以在公开留言板上发表意见的功能。。3.3 性能需求为了保证网站系统能够长期、安全、稳定、可靠、高效的运行,企业网站运行应满足以下的性能需求:1.服务器端子系统的运行要求:系统软件: Window NT Server数据库管理系统:SQL Server / Access硬件要求:Pentium IV 450以上, 1G RAM2.客户端子系统的运行要求:系统软件: Window NT Workstation数据库管理系统:SQL Server / Access硬件要求:Pentium III以上, 256M RAM3.4 网站流程图下面是各用户功能流程图分析。会员功能流程分析,如图3.1所示。图3.1 会员功能流程图管理员功能流程分析,如图3.2所示。图3.2 管理员功能流程图4 网站总体设计4.1 网站设计原则实用性原则:确保网站具有良好的系统性能,友好的用户界面,较高的处理效率。便于管理人员使用和维护,并采用成熟的技术。先进性原则:采用先进而成熟的技术,使其具有较高的技术水平和较长的生命周期。兼容性原则:对于所选硬件系统及平台,能很好地适应开发和使用。规范性原则:软件设计过程严格按照“软件工程”的规范进行,系统编码,操作系统平台以及所采用的开发方法按照相应的国际标准和国家标准。4.2 网站的总体结构本网站主要包括网站前台、网站后台管理系统和数据库三大部分组成。 网站前台包括关于我们、新闻中心、荣誉资质、产品展示、人才招聘、客户服务、SMXH社区和联系我们8个功能栏目。网站体现出了企业自身的沉积,公司本身的规划性文本、规章制度、事件性内容等要多些,因此在网站内容的体现上也需要很丰富。丰富网站的内容(提高信息量、增强可读性、扩大知识面、加强企业文化宣传力度)是进行前台功能设计必须仔细考虑的问题。例如,企业新闻和产品展示这是每个企业网站前台功能模块中必须具备的,人才招聘、客户服务是对网站功能的完善,关于我们和荣誉资质则是从侧面对公司进行宣传,而SMXH社区(论坛)是根据赛智网络有限公司的企业特殊需求而建立的栏目,因为它是重庆市涉密企业协会的主办方,所以公司必须对会员提供一个网络交流平台,和对会员提供一些特殊服务。总之,前台功能设计必须做到,每一个模块都有它存在的必要性,而且要使得整个网站的功能趋于完善网站的后台功能设计必须完全的符合前台功能模块的要求,当然现在有很多专门从事网站后台开发的公司(比如动易)可以提供功能强大的专业网站后台,做为小型企业这种后台的实用性却不是很大,因为专业的后台管理程序功能太复杂,不利于企业内部工作人员进行管理。因此,专门开发一个小型网站后台管理系统在小型企业网站的设计中是非常必须的。4.3 网站功能模块的概述企业网站的主要任务是发布企业新闻和产品信息;管理员可以增加最新的产品信息、企业新闻,还可以对其实行修改、删除、修改。并提供最新产品信息、企业新闻让浏览者浏览。网站前台中的各栏目主要功能如下:① 关于我们:一级导航条,即公司概况,公司的企业文化宣传阵地;② 新闻中心:一级导航条,即公司的企业新闻,重大活动报道,还有行业内的重要新闻;③ 产品展示:一级导航条,即现在公司的产品介绍,下设目前公司主要销售的五大系列产品;④ 人才招聘:一级导航条,企业招聘发布人事行政部的职位招聘信息;⑤ 客户服务:一级导航条,为网站客户提供资料修改,订单查询,会员留言(采用会员留言方式是为了保护客户资料不被非法窃取、利用)等功能;⑥ 合作伙伴:一级导航条,公司现在的合作伙伴的相关情况。⑦ 联系我们:一级导航条,包括公司的联系方式,普通用户的留言板(无需注册的),技术支持,电子地图;⑧ smxh社区:一级导航条,涉密企业协会论坛,为涉密企业协会会员提供交流和学习的信息5 数据库设计与实现5.1 数据库设计数据库在一个网站系统中占有非常重要的地位,数据库结构设计的好坏将直接影响到网站的执行效率,对实现的效果产生影响。数据库设计是对一个给定的应用环境,构造最优的数据库模式,建立数据库及其应用系统,有效存储数据,满足用户信息要求和处理要求。合理的数据库结构设计可以提高数据储存效率,保证数据的完整性和一致性[2]。设计数据库系统时应该首先充分了解用户各个方面的需求,包括现有的以及将来可能增加的需求。数据库设计一般包括如下几个步骤:(1)数据库需求分析;(2)数据库概念结构设计;(3)数据库逻辑结构设计。5.2 数据库需求分析进行整个数据库设计必须准确了解与分析用户需求(包括数据和处理)。用户需求分析是整个设计过程的基础,是最困难、最耗费时间的一步。作为最基本的需求分析做得是否充分与准确,决定了在其构建数据库的速度和质量。用户的需求具体体现在各种信息的提供、存储、更新和查询方面,这就要求数据库结构能充分满足各种信息的输出与输入。收集基本数据、数据结构及数据处理的流程,组成一份详尽的数据字典,为后面的具体设计打下基础。以这种思想作为设计策略,小型企业网站至少有以下3项需求:(1)用户表:包括的数据项有用户姓名、密码等。(2)产品表:包括的数据项有产品号、产品类别、产品图片等。(3)新闻表:包括的数据项有标题、类别、时间等。5.3 数据库概念结构设计概念结构设计是将分析得出的用户需求信息抽象为概念模型的过程。即在需求分析的基础上,设计出能够满足用户需求的各种实体以及它们之间的相互关联的概念结构设计模型。这样才能更好、更准确的用某一DBMS实现这一些需求,这是整个数据库设计的关键。概念结构的主要特点是能真实、充分地反映现实世界,容易理解、更改,容易向关系、网状、层次等各种数据模型转换。描述概念模型的有力工具是E-R模型。设计概念结构通常有4类方法:(1)自顶向下,即首先定义全局概念结构的框架,然后一步步的细化。(2)自底向上,即首先定义各局部应用的概念结构,然后将它们集成起来,得到全局概念结构。(3)逐步扩张,首先定义最重要的核心概念结构,然后向外扩充,以滚雪球的方式逐步生成其他概念结构,直至总体概念结构。(4)混合策略,即将自顶向下和自底向上相结合,用自顶向下策略设计一个全局概念结构的框架,以它为骨架集成自底向上策略中设计的各局部概念结构。其中最经常采用的策略是自底向上方法,即自顶向下进行需求分析,然后再自底向上设计概念结构。本网站根据上面的需求分析和数据库设计规划得出的实体有:会员实体,产品实体,新闻实体,管理员实体。管理员与新闻实体之间关系的E-R图,如图5.1所示。图5.1 管理员与新闻E-R图5.4 数据库逻辑结构设计概念结构是独立于任何一种数据模型的信息结构。逻辑结构设计的任务就是把概念结构设计阶段设计好的基本E-R图转换为与选用DBMS产品所支持的数据模型相符合的逻辑结构。设计逻辑结构时一般要分3步进行:(1)将概念结构转换为一般的关系、网状、层次模型;(2)将转换来的关系、网状、层次模型向特定的DBMS支持下的数据模型转换;(3)对数据模型进行优化。将以上的数据库概念结构设计转换为关系模型。数据库表格以会员表、新闻表和人才招聘表为例,设计结果如下:6 网站详细设计6.1 后台管理系统界面6.2 网站主界面7 网站调试和用户使用说明7.1 网站的调试应用程序的调试对编程来说是一项十分重要的工作。当程序有错误时,通过调试将问题找出来,加以解决,其应用的步骤如下:(1)选择要调试的对象或者文件,打开对应文件,代码将显示在Dreamwaver中,然后在Dreamwaver中进行调试。(2)修改某段代码后可一在浏览器中预览结果,如果仍有问题重复(1)。再次反复重复(1),(2)步骤,直到程序无错误为止。8 结束语经过三个多月来的设计和开发,小型企业网站基本开发完毕。其功能基本符合企业需求,能够完成基本的新闻发布、产品发布等。对于数据的输入、修改、查询等问题通过程序进行了有效的解决。并且能对数据库进行权限管理。但某些功能,由于自己知识的欠缺和时间不足造成一些细微的功能未能实现,主要是,某些算法不够简练,这些需要在以后的工作中改进,锤炼。在这段时间的设计中,我感觉自己学了很多的以前没有深入了解的知识和从未接触过的知识。比如ASP和Microsoft Office Access数据库以及网站设计方面的知识。在以前的学习中也学习了ASP和Microsoft Office Access,但那只是停留在了解的阶段。而此次毕业设计却带给我更进一步了解和应用这些知识的机会。做毕业设计的过程中,熟悉了数据库的应用和开发,对许多软件的安装原理有了较深刻的认识;对软件的开发过程、软件工程理论都有了进一步的了解,大大丰富了软件开发经验;并且对以前学习过程中所学到的相关知识有了更加深的了解,并进一步把它应用到毕业设计中。但是由于毕业设计时间较短和本人知识有限,所以该网站还有许多不尽人意的地方,网站还存在以下一些问题:(1)系统在安全性方面还有一些问题;(2)系统的某些功能还不能够很好的实现,同时本系统还某些方面没有考虑到;(3)系统在跨平台运行方面有一些不足。这些都有待进一步的改善。因此,以后还应加强这几个方面的工作和学习:对网站的安全管理方面的学习和加强;对一些常用的应用软件还要多熟悉;更多地加强对关于网络功能数据库知识的学习。参考文献[1] 《ASP网络编程技术与实例》四围科技 胡标编著 人民邮电出版社 2004年5月第1版[2] 《数据库系统概论(第四版)》 萨师煊 王删编著 高等教育出版社 2006年12月第3版[3] 李雁翎,陈光.《Access 2000基础与应用》[M].北京:清华大学出版社,2003.[4] [美] Khristine Annwn Page著 王军 译,《Dreamweaver MX 2004 网页设计标准教材(中文版)》电子工业出版社 2004-09[5] 解密SEO——搜索引擎优化与网站成功战略》作者:(美)欧朝晖 电子工业出版社[6] 尚俊杰,《网络程序设计——ASP案例教程》清华大学出版社 2004-11-1.[7] 任胜兵,邢琳.软件工程[M].第一版.北京邮电大学出版社,2004.[8] 王兴东,《ASP & ASP.NET 应用编程 150 例》电子工业出版社 2004-05致 谢在完成论文的过程中,陈立斌指导老师给予我悉心的关心与指导,在此表示衷心的感谢。陈老师认真负责的工作态度、严谨的治学风格、勤奋的工作作风深深地打动了我,在以后的学习工作道路上我要学习他这种精神。在开发网站的同时,和同学们之间的相互探讨也使我受益匪浅。几个月的时间内,我除学会开发数据库外更重要的是学到了兢兢业业,奋发学习的精神,这种精神是我今后人生前进道路上的一种力量。另外,我要感谢湖南理工学院的所有老师,是他们指引了我的前进方向、是他们的谆谆教诲和辛勤劳动让我对计算机的知识有了全面的学习和了解,还要感谢所有关心、帮助过我的同学,让我在大学生活中有了丰富的一面。最后,我还要感谢我的父母,是他们这些年的辛苦工作和苦心教导,使我有了进大学学习的机会,才有了今天的学识。