时间：2022-08-07 10:25:27
开篇：写作不仅是一种记录，更是一种创造，它让我们能够捕捉那些稍纵即逝的灵感，将它们永久地定格在纸上。下面是小编精心整理的12篇网站设计方案，希望这些内容能成为您创作过程中的良师益友，陪伴您不断探索和进步。
关键词：企业产品网站；设计思路；制作方案
Abstract: webpage design as an emerging technology, has been developing rapidly in recent years, with the development of Internet, all kinds of small and medium-sized enterprises also begin to design your own website, enterprise website is an enterprise portal, design level directly reflects the image of the enterprise, to design a good business web site must be to have a good originality and design, this paper will explore the enterprise product website design ideas and concrete implementing scheme.
Keywords: enterprise website; design; production plan
[中图分类号] F72 [文献标识码]A[文章编号]
引言
随着近些年来网络的发展，网页设计作为一门新兴的技术也迅速的兴起，网络设计的功能是保证用户可以方面、快速的了解网站的相关信息，从网络水平的发展过程来看，网页设计水平与设计几乎有着密切的关系，传统的网页一般是数字和字母组成，没有现阶段的动画、图片和声音，随着设计水平的发展，现在的网页已经发展为动画、图像等多种因素整合的新型网站，对于设计人员而言，在设计网页的过程中要以用户为中心，方便用户的适应，下面就以企业网页的设计为例，探讨企业产品网站的设计方案。
企业网站的设计思路
企业网站是一个企业的门户，设计水平直接体现着企业的形象，要设计出好的企业网站必须要有一个好的创意和构思，再使用科学合理的设计方法，丰富网页的内容，其设计的思路可以沿着以下几个方向进行：
找出网站的主题
企业网站设计的主题就是企业的相关产品，因此，设计人员在设计网页时必须要考察好企业的产品以及各个产品的卖点，根据卖点和闪光点进行设计，使用图像、动画等与产品相关的链接，为网站的设计打好坚实的基础。
组织网页的结构
在了解到企业产品的卖点之后，就需要对网页结构进行整体的规划和布局，网页结构也是影响网站设计效果的重要因素，为了方面用户的使用，大部分的网站都是使用树形的组织结构。
整理资源
在对网页的内容以及结构有着明确的构思之后，就要对企业产品相关的内容进行分类和整理，根据图片、超链接以及文字内容的分类方式将资源整理好，以便进行下一步骤的设计。
选择设计方法
在完成以上所有的工作后，就需要选择合理的设计方法，目前，设计网站的工具很多，不仅可以使用FrontPage等网页制作工具进行设计，也可以使用HTML语言进行编辑，在具体的设计过程中，可以使用网页制作工作设计好网站的框架，再使用编辑语言来实现网站的各项高级功能。
企业网站的设计方案
在做好各项准备工作后，就可以着手进行下一步的工作，这也是企业网站设计中的关键工作，目前，一些大型的门户网站，搜狐网、新浪网、腾讯网等网站的页面设计十分科学，因此，在对企业网站进行设计时，可以多借鉴门户网站的制作特点，提高企业网站的信息集成性，增强网站的交互功能，网站的设计包括以下几个内容：
网站页面的设计
企业网站是企业的门户，那么页面就是网站的门户，在页面的设计过程中，一般需要遵循典雅清新、精悍简洁的原则，但是，企业网站与门户网站相比而言，具有一些特殊性，面向的受众群体有限，因此，在对页面进行设计的过程中，要以受众的特点为出发点，例如，兰芝公司作为一家主营化妆品的公司，其受众群体是18到35岁的女性群体，因此，其页面采用了清新的蓝色，这种颜色不仅象征着兰芝化妆品的卖点——补水，呈现出来也十分的美观，用户浏览起来可以赏心悦目。因此，在设计页面的过程中，要考虑到产品的卖点以及受众群体，进行针对性的设计。
交互性的体现
现代社会是一个交流沟通的社会，很多企业的网站都设置了留言板和讨论专区，并委派了相关的版主进行管控，在留言板中，用户可以发表自己对产品的意见，这就可以帮助企业更好的认识到自身生产能力的缺陷以及用户的实际需求，并及时的分析问题、解决问题，提高自身的生产能力。
定期升级
一般情况下，企业网站都会融合传统门户网站以及商业网站的优点，兼具电子商务和广告招商的功能，现在很多企业都意识到了网络销售渠道的优势，纷纷的将自己的产品放在主页上进行销售，实现营业范围的多元化，但是，由于各种因素的影响，企业网站的稳定性比起专业的门户网站而言较为逊色，且容易受到黑客、病毒的影响，因此，必须对网站进行定期的维护和更新，保证网站运行的稳定性。
提升网站的影响力
为了提高企业网站的影响力，提高产品在消费这心目中的水平，在设计方案中可以多增加一些交互功能，让用户可以在网页中了解到自己所需的内容，这也可以在一定程度上提高网站的亲和力，起到宣传文化的作用。
合理搭配，控制网页的速度
目前，视频动画、图像等已经在企业网站的设计中得到了广泛的应用，这可以增加网站的美观性，也可以丰富内容，但是，图像和视频使用的过多会在影响浏览的速度，在互联网这个快餐时代，打开页面的速度过慢，很多用户就会选择关闭，去浏览其他相关的网站，因此，在对网站进行设计时，要合理的使用视频和图像，多增加一些文字性的内容，图片则使用GIF格式，且图片的尺寸要控制到合理的范围内，这样，既可以提高网页的生动性，也不会影响浏览速度，达到两全其美的效果。
结语
总之，在制作企业网站的过程中要遵循规定的设计原则，以用户为中心，合理的规划图像和文字的使用比例，提高网页的可读性。
参考文献：
[1]王熹.企业产品网站制作方案的初探[期刊论文]，西北水利发电，2005（09）
1.1设计学习任务，激发学生的学习兴趣
兴趣是最能激发学生的激情，学生如果对某一门学科产生兴趣，那么他们就会产生主动了解、积极探索的愿望，对知识的学习也会不惜时间、不怕困难，注意力也就能够集中较长时间。因此，在该门课程教学的过程中，我院计算机教师首先从激发学生的兴趣人手，调动学生的求知欲望。在上第一节课时，也是最关键的一节课，就开始积极地调动学生的这种求知欲望和兴趣，在上课过程中给学生打开介绍一些有代表性的网站，在版面设计方面是如何布局，在色彩搭配方面如何合理地统一网站风格，如何增加动画效果来引起读者的视觉注意，如何合理地使用图片来修饰自己的网站，做到与众不同，被广大浏览者所认可。完成对这些代表性网站的分析后,向学生提出学习任务，就是学习完这门课程后，大家要自己动手制作一个符合要求的网站。这时学生会情不自禁地在自己的脑海里构思着并想象自己设计出的网站画面，这种情不自禁的想象和构思就是学习的动力，是学生学好该门课的基础和前提。
1.2利用免费网站空间，实战教学
现在很多网站给予提供了极多免费的空间申请，在教学过程中可通过该种方式来提高教学效果，达到实战的目的。首先让每位学生独立制作一个网页，内容充实，并保存好，然后跟着教师在网络上找到一个免费提供空间申请的网站，接着一步一步跟着教师申请好属于每位学生的网络空间和域名，然后再把自己事先制作好的网页上传到该网络空间上，并通过浏览器打开查看自己的网页。通过这种方式，让学生有一种成就感，体会到了自己从零开始到独立完成一个网页的上传并成功显示的效果，同时也让学生在浏览器上看到自己设计的页面效果是否变形，美不美观。通过这样的实战学习，让学生对该门课程有新的认识，并喜欢上该门课程。
1.3开发课程学习网站，拓宽教学渠道
几乎所有的课程教学都在教室、多媒体、机房内完成教学，为了弥补课堂教学的不足，更加方便学生的学习，使学生在不同的地理位置上也能与教师进行交流，学生可以根据自己的兴趣或学习情况掌握学习进度，自主学习。笔者为该门课程独立设计开发了《网页制作与网站设计》课程学习网站，网站给学生提供了很多学习课件与制作网页的素材，同时还选取部分学生的优秀作品放在教学网站上，让学生感受到自己的成就感，并设置制作了在线交流和在线学习系统，使学生课外也可独立学习，并在网站上与教师和其他学生进行沟通交流学习。这些方法调动了学生的积极性，使学生积极思考,主动参与并提出自己的见解。
1.4师生互动、学生互动，活跃课堂气氛
学生在一堂课的学习过程中注意力都会不断变化的规律,刚开始时学生的注意力是最集中的,到了中间最容易分散,最后又会慢慢提高。因此在教学过程中笔者以幽默的话语联系最近发生的新闻知识串接到与课程相关的内容中来，并利用学生注意力的变化规律,把重要的内容放在前面,中间要加一些提高注意力的环节，重新激发学生的热情,需要强调和总结的内容要把握好最后的时间段。激发学生学习的兴趣，提高他们分析问题、解决问题的实际能力，达到轻松学习、自主学习的目的。
1.5以网页设计大赛激发学生学习热情
我院电子信息工程系每年都会举行一次网页设计大赛,由计算机教研室承办，学生可以独立参赛或者组成小组参赛，初评入围的选手可以进入决赛，然后选送优秀的作品参加每年自治区组织的大学生网页设计制作比赛。要求全系学生参加,可独立参赛，也可组队参赛，每件参赛作品选派一位代表在台上展示自己的作品并进行相关陈述,然后由专业教师、企业专家组成的评委团打分,并由其中一名评委对选手的作品和语言表达进行点评,最后评选出优秀作品并颁发获奖证书和奖品。通过每年的网页设计制作比赛,充分调动了学生学习的积极性，并且还提高了学生的语言表达能力和创新能力。既调动了学生的学习热情，又促进了学生的学习主动性，正确地引导了学生的学习方法和努力方向。
1.6以工作过程为导向，学以致用
在教学过程中，我院让学生加入到现实生活的实践项目中去，从社会人才岗位需求出发，把校企合作的真实网页制作项目融入教学课堂，让学生承担起实践项目的一部分。这就要求学生在开展实践项目之前就必须与客户进行详细的沟通，掌握客户的需求完成模块的雏形需求分析，这样不但提高了学生的技术水平，又实现了所学的内容与社会需求的接轨，并且还锻炼了学生的人际交往能力、组织协调能力。通过不断的项目实践，让学生在校期间就能快速进入状态，为今后走出校园上岗就业打下坚实基础。
2教学手段的改革
2.1建立虚拟化企业工作环境
我院以工作过程为导向对《网页制作与网站设计》课程教学改革，那么模拟真实的工作环境是势在必行的，根据企业在实际的网站开发过程中，大量的工作都是借助于网络平台进行交流和实施的。因此，网页制作与网站开发课程组在整理了企业的实际工作流程后，利用网络平台在学院计算机机房内组建了虚拟化的企业工作环境，让学生项目组也能在虚拟化的企业工作环境中进行项目的开发和实施，使他们在校内也能体验到实际的网站开发工作流程。真真实实地感受到实战的效果，这种虚拟化的企业工作环境为培养学生的职业技能提供了一个良好的平台。
2.2充分利用多媒体设备与技术，提高教学效果
在教学过程中，选取及制作一些形象生动的动画演示，提高学生的注意力，并利用课程组开发的网页制作在线学习系统在机房给予学生更加直白的教学，并通过多媒体教学软件控制学生电脑，近距离演示，同时通过采用视频教学，并在讲授过程中，教师演示完成后，让学生到教师机上来操作演示给其他学生看，以更直观的方式帮助学生理解网站项目以及开发与实施中存在的问题，提高教学效果。
2.3建设课程资源库，实现知识共享
《网页制作与网站设计》课程自在学院开设以来，已经积累了较多的教学资源，包括校企合作项目、课程网站、教学录像、教学课件等，目前已应用于课堂教学和网络教学，为学生的学习提供了非常大的帮助。通过不断建设和完善课程资源库，将为该门课程的教学提供更好的辅助。
3考核方式的改革
传统的理论知识考试方式已不能检测学生的学习成绩和综合能力，以学生作品替代传统的理论考试,本课程的最终目的是要求学生应用所学知识，独立设计制作出一个完整的网站，并上传到网络上供用户浏览访问。根据教师给出的类似客户提出的要求构思一个网站,写出该网站设计方案,网站设计方案要求包含网站主题、网站logo、网站栏目设计、网站布局设计、网站色彩搭配，最后按网站设计方案的内容来设计制作网页。这种考核方式注重实践操作性和应用开发能力的培养，极大地提高了学生的学习主动性和积极性。
4结语
一、题目小型电子商务网站的规划与设计
二、设计目的网站的建设是各个企业投身Internet的第一步，本毕业设计希望通过对电子商务网站的规划与设计来培养学生综合运用所学知识分析和解决实际问题的能力，掌握相关网页制作软件，强化计算机实际应用技能训练，为今后开展网站规划、设计和开发打下初步的基础。
三、设计要求1、运用Dreamwearer等网络制作软件制作主页及其相关链接的页面。2、主页要求：清纯简洁、主题鲜明、内容编排得当合理、有一定的艺术感，美观、实用，相关链接正常，能体现网站首页的基本功能。3、网站具备的基本功能：用户注册、公司简介、产品目录、商品展示、订购及查看购物车等。4、选题要得当，形式可以多样，但内容要健康。5、网站建立后要完成测试，最后将运行稳定的网站所有文件用磁盘或光盘拷贝给指导老师。
四、开发工具DreamwearerMX、HTML等
五、设计报告内容1、封面2、目录3、论文摘要、关键词4、建立该网站的目的、意义；5、当前网站建设的基本情况，本网站的总体规划、功能和设计目标，包含网站的结构图；6、本网站设计中具体实现的几个关键功能和相关技术说明；7、使用数据库的部分要列出相关数据结构及实现的算法；8、网站测试及的情况（含测试环境、条件、性能的分析等）；9、网站建设的心得体会和扩展性分析；10、致谢；11、参考文献。
六、参考文献1、毛璟骏编著.《Macromedia中国授权认证培训（ATC）专用教程——MacromediaDreamweaverMX动态网站开发标准教程》.科学出版社；2、《DreamweaverUltraDev动态网页设计》.人民邮电出版社；3、龙马工作室编著.《DreamweaverMXASP网页编程入门与范例制作》.机械工业出版社。
七、时间安排2004年1月4日，布置毕业设计任务，明确分组负责人和联系办法，讲解毕业设计的方法和步骤，假期自学相关的软件，收集资料，编写设计方案（或设计计划书）。2月27-29日（注册时），每人提交一份计划书，汇报对该网站设计的设想，明确每人负责的具体任务，并进入实质性操作阶段。每周五组长汇总情况、问题和进度一次，各人随时可通过电话、ICQ或E-mail联系。4月30日前完成并进行运行测试。5月1日-10日，进行毕业设计报告的撰写和修改。5月17日，全部完成，并将整个网站刻录光盘和毕业设计报告上交指导老师。
1、网站品牌化
品牌价值受到互联网的猛烈冲击，这让很多传统企业品牌感受创新改变的重要性。品牌策略的创新改变应该从哪里开始呢？一个品牌在互联网时代应该如何与消费者接触呢？
互联网时代，企业正在用哪些形式与消费者互动呢？短信、电话语音、微博、博客、BBS、贴吧、水军…别忘了，这些都是别人的平台，利用这些渠道本身已经降低了企业自身的品牌价值。
豪无疑问，商易通认为打造一个集视觉创意、资讯、互动、工具于一体的企业品牌网站将是未来趋势，品牌网站将成为了品牌与消费者之间最重要的接触平台。
2、网站营销化
搜索营销是互联网时代市场营销最有效、最直接的方式。它打破一切新奇的、概念式的互联网营销理念，因为他们都建立在有效的搜索营销的基础上。
商易通深刻的认识到搜索营销又是以内容收录、网站排名、有效点击、在线逻辑、效果分析为一体的系统工程，企业实施搜索营销战略，必然建立在网站具有强大的营销功能的基础上来实现，以实现对品牌、销售的搜索营销双赢战略。
3、加强客户服务
目前市场竞争的激烈性导致产品的差异迅速缩小，从而售前、售中、售后服务的个性化日益突出，各大企业都在着力加强这方面的宣传力度。网站是一个交互性极强、反应迅速的媒体，通过网站搜集消费者的信息及反馈，有助于加强客户服务的质量，从而为企业赢得更多的客户，创造更好的效益。
4、展示产品及技术优势
在目前竞争激烈的市场中，除非一个大型公司具有技术垄断或产品生产优势，一般的中、小型企业很难挖掘这方面的优势，不要紧，互联网最大的特点就是他的开放性和跨地域性，开放性决定了互谅网信息的共享，这一特点为中小企业赢得了与大企业相抗衡的可能性：通过互联网的信息资源共享，中小企业可以获得对现代企业至关重要而又以常规方式无力收集的市场信息；跨地域性使企业营销突破了传统市场的地域限制，企业的収展方向和市场规模，因此，“互联网使中小企业得以与大企业在同一起跑线上竞技”。
5、提高工作、提高效率
Internet是与顾客沟通的重要工具，同时也是产品展示的重要渠道。通过Internet可以从各方面介绍被推销的产品。测试产品市场
1 / 2
反应，并得到即时的反馈。在商业活动中一张照片可以胜过千言万语，可以通过企业、产品、工程图品及声音、视频等多媒体信息来服务客户。
6、增进与客户的沟通
客户对公司产品及服务的意见、建议，通过网站您可以及时得到并迅速反应，然后通过网站或线下反馈给客户。
第二部分：包包网网站设计方案
1、 栏目布置
2、 功能模块图
第三部分：网站推广方案
1、 推广平台
主要针对BAIDU自然排名及百度地图进行指定关键词排名优化。
2、 相关关键词
《网页设计》是计算机络技术专业的一门专业基础课，该课程的教学内容是基于Dreamweaver软件的网页制作，主要包括html语言、网站创建与规划、网页设计技术与技巧、网站及维护等内容。通过本课程的学习，学生达到能够独立开发和制作网站。在《网页设计》课程教学中，作为载体的实训项目的设计与确定、实施与评价，对学生专业能力的获得具有举足轻重的作用。一般来说，项目教学要有以下几个操作环节：
（一）项目任务
根据《网页设计》课程培养目标的要求，教师选定项目任务，与学生一起分析任务性质，明确任务内容，让学生知道自己要做什么，要准备哪方面的专业知识，能锻炼哪方面的专业技能等。
（二）项目方案
教师按照学生的学习能力差异和综合专业素质等把全班学生分成几个学习小组，然后组织各小组学生为完成项目任务进行充分讨论，引导学生补充准备相关的专业知识，设计项目任务完成可行性实施方案。教师要积极引导各小组相互进行比较，取长补短，肯定实施方案的多样性、差异性，允许按照多种方案实施，并提出建议性的参考方案。学生明确各自的分工，然后进行项目操作。
（三）项目实施
小组成员根据项目实施方案中的分工,在计划的时间内,来做成自己所负责的工作,在项目实施过程中,团队间的合作、组织、协调、讨论等成了这个环节的主要内容，在项目实施过程中，教师要担任指导者、监督者、评价者等角色，确保项目中的每位成员都能参与其中，从而高效地完成项目任务。
（四）项目评价
先由小组成员对自己完成的项目进行内部评价，再进行小组间的互评，取长补短。最后由教师对各小组的项目完成情况进行综合评价。教师把项目评价效果情况进行详细记录，作为学生该项目工作成绩，最后组织全班学生一起从项目设计的规范性、合理性、项目最优化等方面共同分享学习实践的经验。
二、《网页设计》应用项目教学法的实例分析
以往的《网页设计》课程对应的实践任务往往只是针对所学知识点，安排一些较枯燥的一些操作练习，缺乏一个系统的链接，致使学生学习缺乏激情和动力，学生每次实践只是机械地按照实践指导的步骤完成实践内容，他们普遍认为这些课程只是学会软件的基本操作而已。在这种模式下，不利于培养学生解决综合问题的能力，很难利用信息技术工具和信息资源来解决具体实际问题，项目教学法的应用，应该可以有效地解决以上的问题。
（一）布置项目任务
在《网页设计》课程实施项目教学时首先要求科学确定项目任务。在确定项目任务时，要进行科学规划，力求所制定的项目不仅有利于教学的开展，而且有利于调动学生的学习积极性。要对具体的项目提出明确的知识目标和能力目标。我将《网页设计》课程的总项目任务确定为“开发一个企业网站”，并根据其涉及的知识点，将课程总项目划分为若干个子项目，每个子项目再根据知识点划分为若干个由基本知识、基本操作构成的实验项目。在实践过程中，全程模拟企业设计场景，把课程内容渗透到企业设计的每个项目中，让学生担任网站设计师角色，分步骤、分阶段地完成一定的企业项目。用案例不断驱动学生去进一步思考和探索，并由点到面，让学生对项目的创建过程有一个直观的认识和体会。在实施过程中，每个模块任务都有其对应的知识点，学生需要灵活地，高效地将所学知识点应用于项目中。
（二）学生知识准备
1.网站素材准备2.网站的整体规划技术；3.表格、布局表格技术及技巧；4.图像处理、动画设计相关技术；5.网站色彩搭配、网站风格美化技术；6.模板、超链接、行为的应用；7.CSS技术设计应用；8.站点管理、网站上传等技术等。
（三）学生分组完成项目设计
全班共32人，我将全班分为四个小组，每小组8人，由组长负责，组员共同协作，完成该公司网站的设计。每一个任务环节均有评价方案，在单个环节中，小组成员各提出方设计方案。
（四）项目再次优化
各小组对其他小组的项目方案进行分析，取其所长，进一步完善自己的项目，争取使项目得到进一步的优化。项目作品展示展示各小组学生的作品，交流制作经验，评出最优组、最优组员和最优作品。最后由教师作总结，指出在实施该项目过程中做得好的方面和需要加强的方面。
（五）项目评价
【关键词】响应式Web 媒体查询 弹性图片 viewport
近些年来移动智能设备发展迅猛，用户可以在个人电脑、平板电脑、智能手机等各种终端上访问一个网站。传统的Web设计技术已经适应时代的发展，无法保证在从屏幕像素大小不同的设备上访问网站时都能够得到一个良好的显示。
我们在开发大学生竞赛服务网站时也遇到了类似的问题，经过认真的研究，最终利用响应式Web设计技术解决了这一问题。本文将通过探讨响应式的Web设计方式，研究如何构建一个网站，使之能够自动适应不同的网站访问设备，通过动态调整网页的布局结构和显示样式，把相同的内容以不同的格式呈现出来，做到“一源多屏”。
1 响应式Web
2010年Ethan Marcotte提出了一种响应式网页设计理念[1]，它使得网页可以根据用户行为以及设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相应的响应和调整。简单的说，响应式Web页面，能够根据不同终端设备，响应用户的操作自动调整网页尺寸，达到页面美观的效果。响应式Web在设计时需要使用HTML5和CSS3，涉及到媒体查询（Media Queries）、响应式布局、弹性图片和viewport 属性四大关键技术。
1.1 媒体查询
媒体查询是响应式Web设计的关键[2]。媒体查询可以让我们根据设备显示器的特性（如视口宽度、屏幕比例、设备方向：横向或纵向）为其设定CSS样式。媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有 width、 height 和 color 等属性。使用媒体查询，可以在不改变页面内容的情况下，为特定的一些输出设备定制显示效果。在实际的开发中，网页设计者可以为不同大小的屏幕分别编写CSS样式文件，并在用户访问网站时通过@media screen判断和调用对应的样式文件。
例如：
@media screen and （min-width：1200px）{.post_box{width： 45%；float： left；} }
@media screen and （min-width：960px）{.post_box{width： 30%；float： left；} }
规定了网页中的post_box在屏幕分辨率在大于1200px时的宽度为45%，当屏幕大小大于960px且小于1200px时的宽度为30%。
1.2 响应式布局
响应式布局是进行响应式设计的基础。响应式Web 设计采用响应式布局来满足不同设备的需求，页面元素随着浏览器窗口的调整可以自动适配。响应式布局可以通过百分比布局、字号比例和浮动属性等技术手段完成。
为避免用户在较小设备浏览网站时通过横向滚动条来查看页面，对于网页对象的宽度应该使用“%”为单位的相对尺寸，而不是使用固定像素（px）。上面的例子中，post_box的宽度被设计成百分比尺寸。当显示屏幕发生改变时，post_box宽度也会发生响应的变化。
在响应式Web中不能使用像素（px）来设置文字的大小，而必须使用字号比例（em）。em可以根据当前基准字号的宽高成比例缩放文字，实现文字大小的响应式变化。
为防止在小屏幕上Web页面各个div元素的度由于挤压变得细长，需要将网页中div的位置设置为浮动（float）的。这样可以解决当屏幕宽度不够，一行放不下多个区块的问题。
1.3 弹性图片
响应式Web设计的思路中，一个重要的因素是怎样处理图片方面的问题。网页中的图片通常会按照实际尺寸进行显示，但是在一些小屏幕的设备上，屏幕的实际宽度可能会小于图片宽度。为了避免使用鼠标拖动才能浏览的问题，需要使用弹性图片技术。弹性图片指的是不给图片设置固定尺寸，而是根据流体网格进行缩放，用于适应各种网格的尺寸。弹性图片技术最早由Richard Rutter提出，即使用CSS的max-width属性，例如：
img { max-width： 100%；}
上述代码确保图片最大的宽度不会超过浏览器窗口或是其容器可视部分的宽度，所以当窗口或容器的可视部分开始变窄时，图片的最大宽度值也会相应的减小，图片本身永远不会被容器边缘隐藏和覆盖。
1.4 viewport属性
利用媒体查询能够很好的解决网页在分辨率大小不同的个人电脑浏览器上的浏览问题，但对于手机或平板浏览器等移动终端还是不够的。因为移动终端的浏览器默认页面是为宽屏幕设计的，它会把页面自动缩小以适应屏幕，造成的结果就是页面中的内容太小而影响用户的阅读。这个时候就必须使用viewport的meta标签来做一系列的设置，从而获取终端设备正确的宽度。
Viewport的使用比较简单，只需要在网页的head部分添加如下代码即可：
2 基于响应式的大学生竞赛服务网站的设计步骤
大学生竞赛服务网站是我们获批的一项辽宁省大学生创新创业训练计划项目。项目研究的主要内容是：为适应当前大学生创新创业活动的蓬勃发展所开发的一款能够适用于各类竞赛服务的通用支持网站。网站的功能包括完成各类赛事通知的；参加竞赛的学生可以完成报名、提交作品、展示作品的PPT介绍以及视频演示等；专家可以对作品进行评比等。
2.1 网站布局
经过分析，浏览网站的用户可能会用PC机、平板电脑和各类手机等设备访问网站，这些设备的屏幕像素大小不同。因此，我们决定将系统设计成能够基于响应式的网站。
为实现开发过程的高效简化，在前端开发中可以使用Foundation、Bootstrap或Pure等CSS框架。我们在设计大学生竞赛服务网站时采用了Twitter提供的Bootstrap来进行网页的布局。Bootstrap是一款移动设备优先的CSS框架，它将所有终端设备分成了：超小屏幕（手机，小于768px）、小屏幕（平板，大于等于768px）、中等屏幕（桌面显示器，大于等于992px）和大屏幕（大桌面显示器，大于等于1200px）四类，并通过媒体查询自动确定当前访问网站的终端设备的类型。Bootstrap利用流式栅格系统将整个屏幕最多分成12列，每个列的宽度能够根据屏幕或viewport尺寸的变化而变化。这些特性正是我们在设计大学生竞赛服务网站时所需要的。
2.2 响应式图片
大学生竞赛服务网站必须提供作品图片展示功能。Bootstrap提供的.img-responsive 类可以让图片支持响应式布局，适应各类终端设备。.img-responsive 类的实质是设置了width、height 和display，从而在父元素中有较好的缩放。
一致的界面能够提高网站的品质。Bootstrap内嵌的FontAwesome项目提供了一套高质量的图标字体。在网站设计的过程中，我们利用该项目美化网页的同时也大大减少了由于采用图片作为背景所带来的网络流量。
3 结束语
响应式网站的出现代表了移动终端 Web开发的发展趋势，它通过整合媒体查询、流动布局和弹性视觉媒体技术来进行页面设计，实现了“一源多屏”，为多元化的终端用户提供更加舒适的 Web 界面和良好的用户体验，大大减轻了网站前端设计人员的负担。响应式网站设计必将取代传统的网站设计方式，成为主流的前端设计方案。
参考文献
[1]傅翠玉.响应式Web设计探究[J].信息与电脑，2016（09）：79-80.
[2]王朋，董爱华，鲍萍萍.响应式Web的研究与应用[J].微型机与应用，2016（10）：15-17，21.
乙方：南通儒通软件科技有限公司
为充分利用internet商业效用，树立良好的公司形象，甲方委托乙方设计开发公司网站(以下简称甲方网站项目)，双方本着公平友好的原则，经甲乙双方友好协商同意，签订如下协议，以兹信用，双方达成并同意遵照以下条款：
一、 甲乙双方的权利和义务
1. 甲方确保自己的网站内容不违反中华人民共和国的政策、法律和法规，甲方违反此义务给乙方造成损失时，甲方应承担相应的赔偿责任。
2. 甲方应该一次性提供项目建设所需的必要资料，甲方另外提供的资料应当不影响网站的整体设计。
3. 乙方对甲方提供的资料提出疑问时，甲方须积极主动进行解释说明。
4. 合作进行中，甲方对《网站建设方案》提出调整或增删时需另外订立合同附件。
5. 甲方提供的联系资料：联系人、邮箱、电话等发生变动时，须及时通知乙方。因甲方不及时通知乙方更新联系资料造成甲方损失的，由甲方自行负责。
6. 乙方应按照《__________________网站建设方案》按时按质按量完成该项目。
8. 乙方为甲方提供服务，并按照有关服务条款提供相应的技术支持，保障所提供给甲方的网络空间流畅、快捷、安全。
9.乙方为建成的项目提供一年免费常规技术维护(不包括框架的更改、功能的增加等)。
10. 本合同网站项目建设完成后，甲方享有委托乙方创作的全部网页(包含文字、图画及其组合)的版权;网站项目中相关程序的版权属乙方所有，但乙方授予甲方对该等程序、文件源码的使用权。未经乙方许可，甲方不得公布文件源码，不得复制、传播、或者许可他人使用本合同标的作品等。
二、 验收标准和方式
1. 项目结束时，由乙方通知甲方于指定的网址查看验收。
2. 视项目大小甲方须在3个工作日以内给予验收意见。超过3个工作日没有复
则认为甲方验收合格。
3. 甲方按照《网站建设方案》验收，如需修改，甲方应提出修改意见，乙方修改，经确认无误后甲方签字认可，即为验收合格。
三、合同金额及付款方式
1. 乙方为甲方提供_______________________建站方案一套。
本合同涉及的总金额为人民币 元(大写： )，其细节在本合同附件网站设计方案中描述。合同签订后，甲方应支付合同总金额的 % 即 元(大写： )作预付款给乙方，该网站程序嵌入工作完成，网站项目验收后 日(以项目验收单的日期为准)，支付合同余款 元(大写： 元整)给乙方。
四、网站维护条款：
1. 乙方全面支持甲方企业网站的正常运转;免费技术维护一年。
2. 在本合同签订满一年后，域名的续费和空间的续费甲方应在上一年度的最后一个月前向乙方交纳;域名和空间的价格费用根据对应年份的乙方对应的市场价格而定。
五、违约责任
1. 一方违反以上条款造成另一方损失时，违约方应承担40%的赔偿责任。
2. 由于意外事件(如天灾、网络、通讯线路、病毒等超出乙方防范与预见能力的事件)而影响乙方正常的服务和技术支持时，不视作乙方违约，甲方对此表示认同。
六、附则
1.本协议同时得到甲乙双方的完全理解和认同。在打印和填写过程中，未经乙方同意，甲方不得随意更改本合同中的任何条款。本协议经双方签字盖章生效后，任何更改须双方协商一致并以书面形式确认。
2.其他未尽事宜由双方协商解决，本协议一式两份，双方各执一份。协议附件与本合同具有同等法律效力，自签订之日起生效。有关具体细节见附件一和附件二。
3. 协议中所指《网站建设方案》双方协商另外产生。
4. 如果以上条款有歧义，乙方保留最终解释权。
甲方(签章)： 乙方(签章)：南通儒通软件科技有限公司
飞利浦公司对购物网站进行了一次大改版，这次改版让网站获得了2010 iF信息设计奖(iF Communication Design Awards)的网站结构设计与屏幕设计两个奖项。通过交互设计，让这个网站从原先的“产品目录”型蜕变为了“产品体验”型，也通过对用户操作方式的研究，开创了一种全新的网上产品体验方式。
在选购商品的过程中，用户往往会通过不同的网站途径访问飞利浦品牌，例如零售商网站、价格比较网站、博客、新闻网站等，但这些产品体验都不完整。完整的产品体验一方面要让用户感受到飞利浦“精于心简于形”的设计理念，同时还要满足网站访问者的不同要求。购物网站在众多网上服务平台中扮演着一个独特的角色，它可以成为一个为用户提供完整产品组合信息的平台，这个平台还必须在客户需要的时候能够给予他们帮助。获取信息和寻求帮助，用户一般就是抱着这两种目的登陆购物网站的页面的。设计师在网站改版时就要尽可能地满足客户的这两个需求。除此之外，网站还起到了市场推广的作用，这是一个能够向访问者介绍飞利浦各种产品的沟通渠道，而且还能与其他客户进行接触，与促销活动、零售商以及包装渠道彼此完美配合。
在飞利浦的设计团队看来，交互设计在产品设计中起到了钥匙的作用，正因为它，产品或界面才得以使用。交互设计的目的就是要在技术、功能与人之间架起桥梁，将产品与交互这两个概念结合起来才能给大家提供既简单又有意义的产品方案体验。在交互设计中，最关键的就是对人的理解，要理解人们的行为还有他们要做到的事情。同时还要将这些理解运用到设计界面以及功能上，满足人们的需求。在每一次设计的过程中，都需要遵循完整的流程，从分析直到最终的设计。只有这样才能获得有效的、长久的成果。在这次改版的交互设计过程中，飞利浦的设计师团队主要使用了“以用户为中心”的设计的设计原理，着眼于真正研究、理解人们的行为，这些研究一方面能教会设计师们应该怎样建立界面，满足用户的需求，另一方面，能够启发设计师设计出对用户真正有价值的新功能。和所有其他项目一样，设计全程基本上可以分为三步，第一步是理解整个设计背景和客户，并且要清楚了解他们最需要的是什么。第二步则是根据所掌握的背景，结合商业目标的优先排序构思设计方案。最后一步就是着手进行网站设计。其中主要的挑战就是要把业务与市场目标同客户的目标结合起来，并且将这一目标实现。
改版后的飞利浦购物网站为用户设计了一整套的购物流程体验。现实中购物流程中的每一步都可以在网上实现。从搜索、比较到最后的下单支付，整个购物流程都轻松便捷，无需再去其他网站上搜索想要的信息。在视觉效果上，整个产品体验区布局统一，页面风格简洁，避免了杂乱无序的感觉。清晰直观的导航能让用户轻松简便的浏览体验。在某些产品页面，网站访问者还可通过放大功能以及旋转功能360度全方位体验产品，相关图片及影像的嵌入能够让用户直观全面地了解产品。更重要的是，这些视频并非全是由飞利浦制作，有很大一部分是消费者自己拍摄并上传的。他们上传自己制作的视频，丰富了产品体验信息。通过这样的转变，让网站展示这种单向的信息传递方式转变为了网站与用户交流的双向甚至多向传递方式，成为了使用飞利浦产品的用户共同参与的一个平台。
用户在网站上能否实现自己浏览的目标，称之为任务完成率，这一指标的数字在改版之后有了显著提高。在网站建立后，还可以根据收集监控到的来访者行为的数据，进行一些细节上的修缮。飞利浦购物网如今成为了一个全球性的网站，针对57个国家，有33种语言版本，网站访问量达8000万人次，包含23，000种产品，网站包含共计5000万字的信息。
飞利浦的设计团队认为，简洁、便捷、与用户需求更贴切。这是推动互动产品、互动服务以及在线体验的三大动力。它们会是未来数年的主要推动力。同时，未来的关注焦点将会落在新兴互动平台上，例如社会媒体、移动交流平台上，这就需要将互动用户体验与这些传播平台有机的结合在一起。
一、在中职计算机教学中开展研究性学习的实践研究
研究性学习有一套完整的实施环节，但在具体实施的过程中，可以针对中职学生文化基础相对较薄弱，以及计算机学科重点培养学生的动手实践能力为目标的特点，对实施环节进行灵活处理，视情况强化和弱化其中的一些环节，甚至减化一些环节，突出培养学生综合运用知识解决实际问题的能力和团队协作精神。下面以“为你的亲戚朋友的实体店铺设计商品推销网站”为例，简述开展研究性学习活动的过程。1.学习目标让学生通过对课题的研究，掌握设计制作一个网站的完整过程，增强对Dreamweaver、Fireworks、Photoshop、Flash等软件的综合应用的能力，并以此来培养学生团结协作的团队精神和良好的职业操守和职业道德，为今后的就业和创业打下基础。2.研究内容设计研究性学习有具体的研究内容，但并不是教材中的现成内容，也不是“轻车熟路”的习题演练，留给学生的是大量不确定因素，因此，研究内容的学习成果具有开放性和多样性的特点，在本课题中，学生需要自主收集新的信息，完全自主设计和制作网站，研究内容设计如下：（1）按客户要求制定网站的主题、栏目、结构、风格等内容。（2）根据制作网站的需求收集、筛选、处理素材。（3）根据设计方案综合运用各种软件来设计制作网页和网站。（4）设计制作风格统一网页的方法。（5）制作动态网页和网站的方法。3.实施过程研究性学习过程实施可以分为以下四个阶段进行：第一阶段（时间：4节课）：培训和准备。教师布置研究性学习任务，展示优秀的淘宝购物网站，指导学生联系店铺，自主确定研究课题，并成立课题小组，明确组员分工。同时，教师建立专门的学习交流QQ群，要求全体学生以实名加入，此外，积极争取学校的支持，在课余期间，也能为学生提供可以上网的并安装了相关软件的电脑室和开放图书馆等，通过各种方式争取学生家长和社会各方面的支持，为开展学习提供良好的外部条件。第二阶段（时间：1周）：开展研究，设计方案。各组学生自主与店铺老板沟通，通过大家讨论协商，确定网站的主题、名称、栏目、风格等内容，并研究创新方案设计，在此基础上，教师指导各小组制订网站设计方案，对不符合要求的方案指导学生进行调整。第三阶段（时间：2周）：课题实施。引导各组学生根据网站设计方案开始进行网站的设计与制作，在此期间，要求每个学生都要动手参与收集处理网站素材，动手设计制作网页和网站，但不能单打独斗，要善于发现问题并且共同探索解决问题，强调组内学生相互之间的沟通与合作，并针对前面所述的研究内容进行探讨和交流。此外，教师除了利用课堂时间指导了解学生的学习，还要充分利用QQ群在课余时间与学生进行交流，要求学生定时在QQ群上交流汇报学习情况，掌握各小组中每个人都做了什么，每个人的学习进度，在小组间（或组内）进行评比竞争，让每个小组（或个人）展示自己的作品，交流自己制作网站的方法和技巧，教师还要为学生出谋划策，指导各组学生完成网站的制作并写出研究报告。第四阶段（时间：4节课）：交流、评价。各小组展示制作的网站，答辩师生的提问，汇报研究学习的收获及体会，教师组织各组学生进行学习评价。4.学习评价研究性学习的评价有别于传统的评价，评价的主体从单一转向多元化,评价内容从过分倚重学业成绩转向注重综合素质，从只关注结果转向同时关注目标、条件和过程[3]。综合考虑这些因素，结合中职学生的特点，笔者认为在中职计算机教学中开展研究性学习适合采用“评价量表”来进行评价，在设计此次学习的评价量表时，考虑到评价主体的多元化，评价由三部分组成：学生自评、小组内学生互评、老师评价等，评价内容则分为八部分：网站主题（10分）、素材准备（10分）、软件操作（15分）、自主学习能力（10分）、交流沟通能力（10分）、协作分工能力（10分）、作品质量（20分）、作品创意（15分），每个评价内容又分为四个等级及分值，每个评价内容的等级都有详细的评价说明，易于师生评价操作；评价内容包含了学生在整个学习过程中的学习态度、沟通协作能力、研究的方法和技能掌握情况、学习结果以及创新精神和实践能力的发展情况等，涵盖了学习的整个过程，针对研究性学习的整个过程进行量化；在这个评价量表中，学生的总分＝学生自评小计得分×30%+组内互评小计得分×30%+老师评价小计得分×40%，评价等级则根据学生总分进行评定，100～90分为A级，90～80分为B级，80～70分为C级，70～60分为D级，60分以下为E级。这次学习活动是在我校二年级计算机应用专业班级开展的，全班43名学生成立了8个课题小组，经过近5周的研究性学习，各组学生均制作出了自己的网站，其中7个小组的学生申请了免费服务器空间和域名，并把小组中的代表作到了网上，还有一个小组的网站暂时没有成功。通过采用上述的评价量表进行评价，有13名学生的评价等级为A级，19名学生的评价等级为B级，8名学生的评价等级为C级，3名学生的评价等级为D级，没有学生的评价等级为E级，A、B等级的学生占了大部分，此外，班上4位平时学习纪律较松散的学生评价等级也在D级以上，说明他们在这次学习中的表现得到了同学和老师的肯定与鼓励。
二、学习的成效
近年来，笔者在中职计算机教学中尝试开展了上述的研究性学习活动，取得了比较明显的教学效果，主要体现在：1.提高了学生学习计算机的兴趣和信心中职学校的学生大多学习的主动性和积极性不高，究其原因，缺乏学习兴趣是主因之一，研究性学习是通过选择与生活和工作密切相关的课题进行探究的，如在上述的例子中，我们结合学生大多喜爱网购的实际，选择了学生感兴趣的制作商品推销网站的课题进行研究学习，在学习过程中，不同层次的学生都有不同的分工，学生通过自己的努力和同学之间的相互帮助，能够完成自己的学习任务，亲身感受到自己在小组中的价值，当学生看到自己制作的网站成功到网上时，成功的体验是刻骨铭心的，极大地增强了学生学习计算机的兴趣和信心。2.提高了学生计算机综合技能和解决实际问题的能力计算机知识的更新越来越快，软件的功能越来越强大，在工作生活中的应用越来越广泛。在平时的教学中，我们主要是依据教材内容进行教学的，传授给学生的大多是一些基本的操作方法和相对独立的知识点的操作应用，软件中还有很多应用方法及应用技巧无法一一通过课堂教学来让学生掌握。虽然目前在中职学校的教学中，正在大力提倡和推广任务驱动式教学法和项目式教学法，这些教学方法确实能有效地提高学生的动手操作能力，但是，要真正培养学生能综合运用所学的计算机知识解决实际生活和工作中的问题的能力，仅仅依靠这些课堂上的教学还是不够的。研究性学习的特点恰好能解决计算机教学中存在的上述问题，是上述教学方法的有效补充，研究性学习的最大特点是自主性和探索性，如在上述的实例中，学生在教师的指引下，自主选择网站主题，通过自己去研究和探索，充分发挥想象力进行创意设计，综合运用所学的Dreamweaver、Fireworks、Photoshop、Flash等软件知识来设计制作和网站，掌握了设计和制作一个网站的完整过程，在此过程中，通过相互学习和探索，还学习掌握了很多软件操作的技能和技巧，全面提升了计算机综合技术能力，提升了自主学习和探索计算机知识的能力，树立终身学习的思想，而这些正是中职学校计算机学科的教学培养目标。3.提高了学生的职业操守和职业道德中职学校的学生除了学习掌握学科技能外，还必须具备良好的职业操守和职业道德，开展研究性学习活动，类似于一个真实的工作过程，每个学生都有自己的分工和任务，每个成员都是小组中不可缺少的一分子，责任重大，不能轻言放弃，否则就会影响整个小组的学习进度和成绩，在这个过程中，学生充分感受到了团队合作的力量，增强了责任意识，提高了职业操守和职业道德，为今后的就业和创业打下基础。
三、在中职计算机教学中开展研究性学习应注意的问题
为了让研究性学习在计算机教学中开展得卓有成效，我们在组织开展研究性学习时还要注意以下问题：1.研究课题的选择应结合学科特点和培训目标研究课题的选择非常重要，教师应根据计算机专业不同课程的特点，注意与社会生活相联系，结合学生的知识水平和兴趣，以培养学生多方面能力为目标确定研究课题。笔者列举部分计算机专业课程可选的研究课题供参考。（1）计算机基础类。Word：设计制作主题板报、班级刊物、宣传广告、生活知识刊物等。Excel：设计制作班级学生信息管理表、公司员工工资表、商店商品进出库管理表等。PowerPoint：设计制作个人简介、课件、公司产品宣传、个人电子相册等。（2）数据库管理类(VF、Access等)。设计学生管理系统、员工工资管理系统、图书馆资料查询系统、超市的零售管理系统等。（3）程序设计类(VB、VC等)。设计各类应用小程序、各种小游戏软件等。（4）媒体制作类(Photoshop、Flash、Authorware等)。平面广告设计、网页设计、制作动画游戏、课件制作等。（5）网络应用类（Dreamweaver、Fireworks等）。主题网页制作、主题网站制作、计算机组装、学生宿舍上网网络的组建等。2.学习内容应相对集中研究性学习活动可以根据教学内容安排在不同的教学阶段进行，时间可以是一至二周的短期学习，也可以是一至二个月甚至一个学期的长期学习。根据计算机学科的特点，每次开展的研究性学习内容应该相对集中，以专题的方式进行，首先，教师提出一个大的研究专题，学生再依据个人的兴趣和特长在这个专题下选择并确定研究课题，这样，各组学生都能针对同一个大专题，从不同的角度应用不同的技术进行解决，在课题成果交流展示时，能让学生进行相互对比和学习，利于拓展学生的思维，培养学生的创新能力和解决实际问题的能力。3.学习过程要全员参与研究性学习是面向全体学生的的学习活动，离开了全员参与这个层面，研究性学习就完全背离了它的初衷。中职学生文化基础较差，畏难情绪较重，在学习过程中，教师要指导学生合理进行小组分工，使得基础差的学生也有事可做，并要求小组内每个学生都必须有自己的任务成果，在活动过程中，教师还要经常监督各组学生的学习进度，通过展示学生阶段性成果，激励每个学生都能完成自己的任务，积极参与学习活动。4.教师要注意角色的转换研究性学习中，教师从学习的主导者、权威者向参与者、指导者转化，教师的主要任务是组织和引导，而不是讲授和灌输，教师关注的是为学生营造一个良好、开放的学习环境，为学生提供多层次、多渠道获取新知识、新技术并能应用于实际生活和工作中的机会。同时，也要求教师注重提高自身素质，教师的学科知识水平和科学研究的能力将直接影响其对学生研究性学习的指导和评价，直接影响整个研究性学习的效果。综上所述，研究性学习对学生熟练掌握计算机基础知识和技能技巧，并运用这些知识和技能解决实际问题是非常有利的，还能培养学生的职业操守和职业道德，全面提高中职计算机学科的教学效果。
作者：邹国威 单位：广东省韶关乐昌市中等职业技术学校
关键词： 《电子商务概论》课程 教学方法 教学探索 教学实践
《电子商务概论》作为电子商务专业系列课程的基础，是复合型人才培养的先导，它既强调商务本质，又注重技术性和实践应用性，具有知识范围广，技术与理论综合性、交叉性强，理论与实践结合紧密的特点。该课程教学质量对学生的专业兴趣、后续课程学习、就业能力都有重大影响。因此，对传统的教学方法进行深入探索与实践，并勇于改革创新，加入更多的现代教育元素，能帮助学生利用现有网络资源，将现代商务教育与实际操作相结合，在尽可能短的时间内，了解电子商务的实质和基本的操作步骤，进而培养出复合型人才。
在对本课程多年的教学实践中，我们一直跟踪国内外电子商务行业的发展和学科的发展，不断尝试改进和完善教学方法，将单一的课堂讲授发展为多种教学手段和教学方式综合运用的模式。为此，我们尝试采用适应教学与实践的方法对电子商务概论课程教学进行探索。从教学实践与效果来看，这些教学法能将学生置于电子商务理论思考和实践的研究环境之中，为学生提供分析问题、解决问题的空间，激发学生学习和探索的兴趣。
一、以榜样树立职业信心
通过一些成功的电子商务人的案例来打动学生，激发其学习和探索的兴趣。比如，阿里巴巴的创始人马云、盛大网络的陈天桥等，以他们靠自己能力打拼的故事激励学生。这些生动的故事很可能就在不经意间影响很多学生。当学生对互联网有了基本的认识以后，指导学生在卓越亚马逊或淘宝网购物，让学生了解整个网上购物流程，收到商品后共同分享电子商务的便捷、乐趣。再告诉他们如何由消费者变成商人，并帮助他们不花一分钱在淘宝网或拍拍网这样的网络平台开个店，告诉学生，这可能使他们赚取人生的第一桶金。这些实际的买卖交易，要比让他们看教科书所获得的认知效果更好。
二、实践增加职业自信
电子商务概论课程性质为商务为本、技术并重，实践应用能力成为授课的重中之重。因此，在教材的基础上，需要准备网络电子商务平台进行训练，让学生在学习过程中，实际操作，提高学生的学习兴趣。
电子商务平台包括两个部分：一是实验室的模拟软件平台，二是现实中的电子商务平台，以淘宝网最为典型。学生首先了解电子商务模拟软件的应用，包括注册、前台和后台的管理，从中学到电子商务的全部过程，包括涉及的交易对象、需要处理的交易环节等。有了这样的前提，就可以参与到真正的网络平台中，进行电子商务的实践应用。要求学生利用电子商务网站商务信息，大部分学生会选择淘宝网。在这期间会出现各种各样的问题，这就需要教师带领学生，以师生之间、学生之间相互讨论的方式来解决实际的问题，使得每位学生都能亲身体验网上交易的乐趣和困难，在学习过程中建立自信，为今后的学习和工作奠定坚实的基础，增强职业自信。
三、进行项目驱动型教学，实现培养目标
充分发挥学生的主动性，让每个学生自主提出一个感兴趣的项目，设计一个电子商务网站方案，对该网站进行具体分析。学生最初提出的方案设想有：以自己兴趣为基础的项目，如泰迪（熊）之家、精品CD之家等；以实际应用为基础的项目，如衣衣不舍、百味书屋等；还有结合家乡特色的项目，如金茶花股份有限公司等，以及考虑社会公益性质的项目，如爱心网、中华公益网等。在这个过程中，学生的思维之窗开启，在巩固理论知识的基础上，进行自主学习与思考，提出初步的设计方案。根据学生提出的项目及其设计方案，教师与学生一起针对每一个项目进行具体的分析和讨论。
将知识运用到实际的项目规划与网站设计中，如项目背景分析、市场需求分析、网站功能、模块分析、盈利分析、技术解决方案、网站维护、网站的与推广、网站的分工与预算等。
学生运用理论知识分析问题、解决问题，最终完成设计目标。在这个过程中，为了促进学生达到预期的目标，教师进行持续的指导、督促与检查，随时了解学生的项目进展情况，指导教学过程。最后，教师进行总结，对学生实践能力进行综合评价，使学生获得成就感，提高学习积极性。
《电子商务概论》是一门十分重要的专业课，在授课时，要构建互动教学模式，设计合理的教学环节，让学生掌握驾驭电子商务的能力，成为真正的电子商务的复合型人才，服务社会。
参考文献：
［1］韩义.对电子商务课程教学改革的思考［J］.天津电大学报，2008，（3）：21.
［2］赵爽.浅谈《电子商务概论》教学方法的实施［J］.黑龙江科技信息，2010：22.
［3］杨明梅.电子商务概论创新教学的探索［J］.科技情报开发与经济，2008：28.
关键词：商务系统设计；交互式WEB技术；WEB数据库
随着计算机网络技术和通信技术的高速发展，Internet带来的电子贸易正改变着现今商业活动的传统模式，WEB站点已成为中小企业展现自我、直接面向客户的窗口。计算机技术、网络技术与数据库技术发展相结合，利用基于数据库的交互式WEB商务系统已成为企业发展电子商务、开辟国际市场、创造新的营销方式、参与大企业、跨国公司竞争及企业和客户在全球范围内的信息交换提供了快捷途径。创建高效的WEB商务系统也日益成为中小企业的战略目标。
一、Linux平台Apache、PHP、MySQLWEB商务系统平台优势
Linux、MySQL、Apache和PHP都具有开放源码、免费的特点。Linux是一个遵循POSIX（PortableOperatingSystemInterface）标准的开放源码的操作系统，具有安全、稳定和移植性好，并有丰富的软件支持和强大的网络功能。MySQL是一种快速的多用户、多线索化并具有丰富结构化查询语言（SQL）的关系数据库系统。Apache是目前世界排名第一的WEB服务器。Apache是免费的，源代码是公开的，用户可以修改、编译自己的Apache。PHP是GUN标准的自由软件，它以其速度快、跨平台、安全、易学等特点越来越显示出它的优越性。由以上特点可见，PHP与Apache、MySQL在Linux平台上，具有较高的性价比，号称“黄金组合”，在WEB商务系统平台的搭建中具有其独有优势。
二、Linux平台Apache、PHP、MySQL的动态WEB数据库系统工作原理
基于Linux下的Apache、PHP、MySQL的动态WEB数据库系统，是在Linux操作系统环境下，以Apache为WWW服务器，以MySQL为WEB数据库，采用TCP/IP技术，以HTTP作为传输协议，客户端浏览器通过HTML访问Apache服务器，Apache服务器调用并执行服务器端PHP程序，PHP程序执行SQL语言操作MySQL数据库，同时返回查询结果，PHP从MySQL数据库中取得数据后，按照文件要求，生成HTML页面交给Apache服务器，最后客户端浏览器将HTML文件解释执行并显示出来。它是一种典型的B/W/D（浏览器/WEB服务器/数据库服务器）三层体系结构。在这种B/W/D三层体系结构中，客户端通过浏览器提交信息给WEB服务器，WEB服务器再通过WEB服务器端的PHP嵌入式脚本语言与MySQL数据库进行数据交换，通过标准SQL语言对数据库进行数据操作，在将处理完毕的数据通过PHP嵌入式脚本语言返回给客户端，再通过浏览器解析执行。在这种动态交互式WEB数据库应用系统中，PHP语言在以Apache为WEB服务器端运行，在ApacheWEB服务器将信息发到客户端之前，PHP脚本由ApacheWEB服务器解释执行，再发送到客户端浏览器。
三、WEB数据库商务系统的系统设计
（一）WEB数据库商务系统开发的三层设计模型
本系统采用Liunx平台下Apache、PHP、MySQL进行WEB数据库商务系统设计，整体架构使用Web应用开发的三层设计模型，系统划分为用户界面层、业务逻辑层、数据访问层，这样有利于系统的开发、维护和扩展，三层的功能如下：
第一，用户界面层。用户界面层用来实现顾客浏览器中显示商品信息用户界面。该层以适当的形式显示由业务逻辑层动态传送的数据信息，这个功能要通过使用相应的HTML标记和CSS模式来实现。应用表达层为最终用户提供界面，同时它也是系统接受用户的请求的接口。
第二，业务逻辑层。业务逻辑层是整个分层模型的中间层，也是整个分层模型中最为重要的层。这一层为用户界面层提供功能调用，同时它又调用数据访问层所提供的功能访问数据库。
第三，数据访问层。数据访问层是整个分层体系的最底层，它主要用来实现与数据库的交互，即完成查询、插入、删除和修改数据库中数据的功能。数据访问层为业务逻辑层提供服务，根据业务逻辑层的要求从数据库中提取数据或者修改数据库中的数据。
（二）WEB数据库商务系统数据流设计
为了完成顾客订购商品、定货处理、库存管理和发货，设计数据流图如图1所示。
四、WEB数据库商务系统网站结构设计
本系统采用Apache、PHP、MySQL构架，从系统功能上分WEB数据库商务系统外部功能设计和WEB数据库商务系统内部管理系统功能设计。
（一）WEB数据库商务系统外部功能设计
WEB外部商务网站采用PHP、MySQL开发，设计友好的用户界面面，提供以下功能：
1、提供电子目录：电子目录中包括商品信息和同类产品的比较信息，帮助客户搜索、发现需要的商品；并进行比较，帮助客户进行购买决策。
2、商品的评估：客户对已购买商品的评价信息。
3、购物车：应用于客户的在线购买功能，客户可以暂时将商品放入购物车，同时也可删除或更改购买的数量。
4、客户订单：客户和相关信息及购买商品的相关信息。
5、商品：是否已客户订购商品的信息，并告知客户。
6、售后信息：主要是客户选购产品的结算信息、订单的状态及售后服务。
（二）WEB数据库商务系统内部管理系统功能设计
WEB内部管理系统也PHP、MySQL开发，提供高效率的信息处理功能如下：检查客户的注册信息；处理客户订单；商品库存管理；能够跟踪产品销售情况；能够和物流配送系统建立接口；和银行之间建立接口；实现客户关系管理。
（三）系统的构成，可以将WEB数据库商务系统分成以下三个子系统
商品管理子系统：商品信息管理、；交易子系统：处理订单、支付；客户管理或客户关系管理子系统。
五、WEB数据库商务系统数据库设计
WEB数据库商务系统采用MySQL关系型数据库，库中主要包含以下表：客户注册信息表：存放客户信息；商品目录表：用来存放目录名，以及目录所在的位置；商品数据表：用来存放商品信息，包括商品编号、名称、规格、价格、描述信息等；连接表：用来存放商品品与目录之间的关系；购物车数据表：用来存放客户购物车中商品的清单及数量、价格及客户购物的状态；业务员信表：用于存放业务员的信息。
六、结束语
本文介绍了一种比较适合于中小企业的WEB数据库商务系统开发架构的设计方案，采用Apache、PHP、MySQL组合，在Linux平台下搭建经济、稳定、安全、快速、高效的交互式WEB数据库商务系统。系统重点介绍了Linux平台下Apache、PHP、MySQL的动态WEB数据库系统工作原理、系统设计、网站结构设计、数据库设计。为我国中小企业，在资金短缺的状况下，搭建中小企业WEB商务系统、开展电子商务提供一个比较理想的设计方案。
参考文献：
1、郭健.战PHP[M].民邮电出版社,2000.
2、薛军超.MySQL网络数据库开发[M].民邮电出版社,2001.
3、刘志勇.Linux+PHP+MySQL案例教程[M].科多媒体电子出版社,2006.
4、余韶霞.基于JSP技术的电子商务网站设计与开发[J].
5、(美)JayGreenspanBradBulger.MyS-
QL/PHPDatabaseApplications[J].HungryMinds,Inc.,2001(9).
6、刘军,董宝田.电子商务系统的分析与设计[M].高等教育出版社,2003.
【关键词】网站规划 互联网媒体 网络编程和数据库
一、互联网新媒体
大家普遍认知的大众传媒主要包括报纸、广播、杂志、书籍和电影电视等媒介。随着数字化技术的发展，互联网技术迅速普及和网站的大量建立，互联网正成为一种新的媒体广泛进入人们的生活。人类社会，就要随着新一代信息传播新技术、新媒介进入一个信息传播的时代。
二、互联网的属性特点
信息资源丰富：目前全球网民数量已超过10亿，网上主机数量超过亿台，可检索的网页数约近百亿页，真正称得上“信息海洋”。
形态多样化：多媒体技术是将传统的、相互分离的各种信息传播形式（如语言、文字、声音、图像和影像等）有机地融合在一起，进行各种信息的处理、传输和显示。
传播范围广：不论在世界的哪个角落，只要计算机连入网络，那么你就可以将信息传送给他，或是获取他的信息。
三、如何建立门户网站
1.前期调查
建立门户网站之前，要进行大量的信息调查工作，弄清楚企业的商业信息是如何使用的。对于大多数企业而言，这意味着要进行商业信息应用的调查和研究。调查的目的是了解谁使用信息，信息是如何使用，以及信息如何流入和流出。
2.产品与技术的选择
在进行完信息的使用调查之后，企业就要选择门户产品和技术。门户软件不仅要满足商业信息和应用访问的需要，还要满足事先定义的技术层面（如协议）的要求。目前，由于有相当数量的公司推出了企业门户解决方案，这为企业提供了较大的选择余地。但不可否认，目前企业门户的产品良莠不齐，功能和所采用的技术差别较大，如何正确选择适合自身企业需要的企业门户产品是一门学问。
四、企业门户的建设
选好技术和产品，接下来就是建设了。这方面需要注意的是企业信息要集成到门户有关目录之下，或安排在某个主题里，以便用户可以容易地找到所需要的信息。信息的组织及个性化，应用和服务以能够满足用户的需求为目的。
五、网站技术解决方案
1.网站采用自主服务器。
2.网站设计采用的操作系统是 Window2003server 。申请PHP空间。
3.网站完全自己开发，基本模板来自互联网。
4.网页程序使用PHP 、 mysql数据库程序等。
六、网站规划设计要点
因特网正在改变世界，它促成了网络经济雏形的形成，特别是电子商务正由新概念走向实用化。由于因特网具有传播信息容量极大、形态多样、迅速方便、全球覆盖、自由和交互的特点，已经发展成为新的传播媒体，所以全球几乎各个企业、机构纷纷建立自己的Web站点。
Web站点是向用户或潜在客户提供信息（包括产品和服务）的一种方式。其文档所包含的内容是由被称为超文本（HyperText）的文本、图形图像、声音，甚至电影等组成。使这些超文本能够有机地关联并可使浏览器识别，是通过HTML语言（HyperText Markup Language超文本标记语言）实现的。同时CGI（Common Gateway Interface公共网关接口）能使Web具有交互功能。Web站点指引用户浏览该站点或其他站点上的分页信息，可以通过表格和电子邮件的连接提供双向交互方式。站点建立后，你的企业就在国内，甚至在国际上有了一席之地，有了每周7天、每天24小时的“虚拟门市部”。网站是未来企业开展电子商务的基础设施和信息平台，它是“知识经济”的制高点，企业的网址犹如企业的商标和品牌一样，是反映企业形象和文化的巨大的无形资产。
因此企业网站规划必须注意以下几个方面：
1.目标明确、定位正确
Web站点的设计是企业或机构发展战略的重要组成部分。要将企业站点作为在因特网――这个新媒体上展示企业形象、企业文化的信息空间，领导一定要给予足够的重视，明确设计站点的目的和用户需求，从而作出切实可行的计划。
挑选与锤炼企业的关键信息，利用一个逻辑结构有序地组织起来，开发一个页面设计原型，选择用户代表来进行测试，并逐步精炼这个原型，形成创意。
分析有些网站的效果不如预想的好，主要原因是对用户的需求理解有偏差，缺少用户的检验造成的。设计者常常将企业的市场营销和商业目标放在首位，而对用户和潜在的用户的真正需求了解不多。所以，企业或机构应清楚地了解本网站的受众群体的基本情况，如受教育程度、收入水平、需要信息的范围及深度等，从而能够有的放矢。
2.主题鲜明、富有特色
在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。
Web站点应针对所服务对象（机构或人）不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。最好的Web站点将把图形图像表现手法与有效的组织与通信结合起来。
