基于MVC模式的网站设计模...“大学计算机基础”课程为例_刘旭.pdf
《基于MVC模式的网站设计模...“大学计算机基础”课程为例_刘旭.pdf》由会员分享,可在线阅读,更多相关《基于MVC模式的网站设计模...“大学计算机基础”课程为例_刘旭.pdf(5页珍藏版)》请在咨信网上搜索。
1、2023 年 6 月 10 日第 7 卷 第 11 期现代信息科技Modern Information TechnologyJun.2023 Vol.7 No.111941942023.062023.06收稿日期:2023-01-04基于 MVC 模式的网站设计模块教学方法改革研究与实践以“大学计算机基础”课程为例刘旭,阚媛,郑贵省,田家远(陆军军事交通学院,天津 300161)摘 要:文章对“大学计算机基础”课程中网站设计模块存在的问题进行了阐述分析,借鉴 MVC 设计模式的模块化程度很高、可定制性等优点,将其应用到网站设计制作中。基于 MVC 的讲授方法是框架式精讲,能够让学员逻辑清晰地抓
2、住核心内容。结合教学内容的特点设计案例项目,以项目为驱动,以问题为先导,以应用为目标,激发学员的好奇心和兴趣,更有助于自主性和创造性的提升。关键词:网站设计;MVC 模式;HTML;CSS中图分类号:TP39;G434 文献标识码:A 文章编号:2096-4706(2023)11-0194-05Research and Practice on Teaching Method Reform of Website Design Module Based on MVC ModeTaking“College Computer Foundation”Course as an ExampleLIU Xu,
3、KAN Yuan,ZHENG Guixing,TIAN Jiayuan(Army Military Transportation University,Tianjin 300161,China)Abstract:This paper expounds and analyzes the problems existing in the website design module for the course of“College Computer Foundation”,and uses MVC design mode for reference,which has the advantages
4、 of high modularization level and customization,then applies it to website design and production.The teaching method based on MVC is framework intensive teaching,which enables students to grasp the core content logically and clearly.It combines the characteristics of the teaching content to design c
5、ase projects,and it is driven by projects,guided by problems,and targeted at application,so as to stimulate the curiosity and interest of students,which is more conducive to the improvement of autonomy and creativity.Keywords:website design;MVC mode;HTML;CSS0 引 言网站设计模块的主要任务是学习网站首页的制作,主要涵盖 HTML5 和 CS
6、S 两个方面的知识,但目前的授课方法,教员在教学中只单纯地传授知识或单纯地训练学员的某种技能,而忽略了培养学员的综合应用能力及创造能力。课后学员反馈,知识点零散,存在跟着老师会,一旦自己做就不好上手的情况,其根本就是知识点讲授过于集中,缺乏巩固环节,使用方法掌握不牢。传统的教学方法把学员的注意力聚焦在课程的理论知识上,导致学员的知识体系无法完整建立,对实际项目缺少必要的分析和开发/编程能力。1 MVC 模式通过教学现状和存在的问题分析,教学方式变革势在必行,本文提出了基于 MVC 模式的网站设计模块教学方法,此种设计模式将业务逻辑、数据、界面显示分开,使程序维护简单、移植便捷,高效实现功能扩展
7、与重用,极大程度提升了程序开发效率。这种经典 MVC 模式的模块化程度很高,各部分负责DOI:10.19850/ki.2096-4706.2023.11.045完成不同的逻辑处理。借鉴 MVC 的设计模式,不再被网页版块内容牵着走,基于 MVC 模式重新设计教学内容,其中Model 为网页内容,View 为网页样式,Control 为网页超链接,实现了将 Model 内容和 View 样式代码分离的目的,从而使同一个内容可以使用不同的表现形式,使得代码大大减少,页面加载速度更快且易于维护,如果要进行全局更改,则只需更改样式,页面样式更加灵活,通过 Control 控制的设置使得页面控制更加清晰
8、。MVC 三者之间关联如图 1 所示。模型Model用户界面View控制器Controlller图 1 MVC 模式三者关联图2 基于 MVC 模式的教学方法实践2.1 项目引入在案例项目设计的过程中,着重将思政教育、信息素养等嵌入到网站设计模块的课程教学中,因此提出将党史(时1951952023.062023.06第 11期政)学习教育作为网站主题。项目要求参照“中国党政干部学习网”首页,如图 2 所示,制作党史(时政)教育学习网站首页,要求页面结构简单明了,在色彩搭配上要突出主题,可以采用表格排版或者框架结构。网站页面制作要求涵盖多种标记,应包括:表格、表单、文本、图像、超链接、导航栏,等
9、等;网站内容应包括:导航菜单栏设计、图片展示设计、图文混排设计、网页风格样式统一化设计,等等。图 2 中国党政干部学习网站首页界面2.2 项目分析2.2.1 项目教学目标及涉及的教学内容学习案例项目,能够掌握如下所示的教学目标:1)识记网络应用相关的基础知识。2)熟识访问网页的流程、URL 的格式及相关协议、网页文档的分类。3)熟识当前网页的基本框架,并具备网页架构、内容、美观等的鉴赏力,并且能够独立设计网页框架。4)能够独立创建、发布 HTML 网页文档。5)能够利用 HTML 常用标记实现网页内容的制作。6)能够利用 CSS 实现网页样式风格的统一。7)能够利用学习的知识,独立完成“党史(
10、时政)学习教育”网站首页的制作。本案例项目对应院校教学大纲本科教育通用基础课程“大学计算机基础”中设定的教学内容要点,如表 1 所示。表 1 案例中涉及的教学内容、目标层次和重难点信息项目名称教学内容学习目标层次重点难点编号内容要点记忆理解运用分析综合评价党史(时政)学习教育网站首页制作1 网络应用相关的基础知识 2网页访问的流程、URL的格式及相关协议、网页文档的分类3 网页基本框架 4创建、发布 HTML 网页文档,相关网页编辑器5 HTML 常用标记的用法 6CSS 的引用方式和属性的用法2.2.2 项目分析通过上述分析,结合本门课程的课时安排,设定用 6 个学时来完成项目的理论教学与实
11、践环节,具体如表 2 所示。表 2 项目学时划分项目名称理论教学实践教学学时合计研讨实操小计党史(时政)网站首页制作40226其中,表 1 中的教学内容 1、2 要求学员作为课前预备知识自学完成,以便在课上教学过程中能理解老师所用的术语含义、了解理论背景,并且在此基础上对教学内容 5、6提前预习。其知识点及对应的任务如图 3 所示。在此基础之上将讲授式课堂与研讨式课堂的优点相结合,在缩短授课时间的同时,通过框架式精讲又让学员逻辑清晰地抓住核心内容(学以致用)。每一次课堂讨论,学员都会有备而来,学习氛围浓厚,既加深了学员对知识的理解,又培养了学员的学习能力和表达能力。2.3 项目设计具体设计方案
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 基于 MVC 模式 网站 设计 大学计算机 基础 课程 刘旭
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【自信****多点】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【自信****多点】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。