登錄頁面HTML+CSS+JS代碼及論大學(xué)生寫作能力_第1頁
登錄頁面HTML+CSS+JS代碼及論大學(xué)生寫作能力_第2頁
登錄頁面HTML+CSS+JS代碼及論大學(xué)生寫作能力_第3頁
登錄頁面HTML+CSS+JS代碼及論大學(xué)生寫作能力_第4頁
登錄頁面HTML+CSS+JS代碼及論大學(xué)生寫作能力_第5頁
已閱讀5頁，還剩6頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

網(wǎng)頁效果截圖：源碼：HTML代碼（）<!DOCTYPEhtml><html> <headlang="zh-CN"> <title>表單登錄頁面</title> <meta-equiv="content-type"content="text/html;charset=UTF-8"> <meta-equiv="X-UA-Compatible"content="IE=edge"> <metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1"> <linkhref="login.css"rel="stylesheet"type="text/css"/> <linkhref="dist/css/bootstrap.min.css"rel="stylesheet"type="text/css"/> </head> <body> <divclass="form-box"> <divclass="welcom"> <span>歡送您的到來</span> </div> <divclass="input-box"> <formclass="form-horizontal"role="form"action="/"method="POST"enctype="text/plain"> <divclass="form-group"> <labelfor="username"class="control-labelcol-md-3">Username:</label> <divclass="col-md-9"> <inputtype="text"class="form-control"id="username"placeholder="請輸入用戶名"/> <labelclass="nameinfo"></label> </div> </div> <divclass="form-group"> <labelfor="password"class="control-labelcol-md-3">Password:</label> <divclass="col-md-9"> <inputtype="password"maxlength="10"class="form-control"id="password"placeholder="請輸入密碼"/> <labelclass="passwordinfo"></label> </div> </div> <divclass="submit-button"> <buttontype="button"> <span>Login</span> </button> </div> </form> </div> </div> <scriptsrc="jquery.min.js"></script> <scriptsrc="dist/js/bootstrap.min.js"></script> <scripttype="text/javascript"src="login.js"></script> <!--noscript標(biāo)簽檢查腳本是否被禁用--> <noscript> <div>腳本已被禁用了，〒_〒...</div> </noscript> </body></html>CSS代碼（login.css）*{ padding:0; margin:0;}body{ /*overflow:scroll;*/ font-family:Georgia; color:#000; }.form-box{ width:470px; height:296px; margin:100pxauto; border:3px#ADFF2Fsolid; background-color:#C5FF6D;border-radius:8px;}.welcom{ width:100%; height:52px; line-height:52px; text-align:center; font-size:30px; font-family:MicrosoftYaHei; font-weight:bold; border-bottom:1px#ADFF2Fsolid;}.input-box{ position:relative; width:100%; height:248px; padding-top:30px;}.form-group{ width:100%; height:50px; line-height:50px;}.form-grouplabel,.form-groupinput{ display:block; height:40px; font-size:16px;}.submit-buttonbutton{ position:absolute; top:190px; left:2%; width:96%; height:42px; line-height:42px; border-style:none; border:2px#75FF58solid; border-radius:3px; background-color:#86FF6D;}.submit-buttonspan{ font-size:20px; font-weight:bold;}JS代碼：（login.js）$(function(){ //設(shè)定兩個標(biāo)志，判斷是否滿足提交的條件 varok1=false; varok2=false; //設(shè)定鍵盤事件，回車換行 $(".form-control").keydown(function(event){ //判斷是否是回車鍵 if(event.which=='13'){ if($(this).val().length==0){ } else{ varcurrIndex=$(this).index(':input'); $(':input:eq('+(currIndex+1)+')').focus(); } } }); //驗證用戶名$('input[id="username"]').blur(function(){ varnameform=$(this).val(); //驗證是否輸入用戶名 if($(this).val()==""){ $(".nameinfo").html("用戶名不能為空！"); $(".nameinfo").css({"color":"red","font-family":"KaiTi","font-size":"16px"}); } //驗證用戶名是否大于六位elseif($(this).val().length<6){ $(".nameinfo").html("用戶名至少為6位！"); $(".nameinfo").css({"color":"red","font-family":"KaiTi","font-size":"16px"});} //驗證用戶名格式是否正確else if(!nameform.match(/^[a-zA-Z][a-zA-Z0-9@]*$/)){ $(".nameinfo").html("用戶名格式不正確！"); $(".nameinfo").css({"color":"red","font-family":"KaiTi","font-size":"16px"}); } else{ $(".nameinfo").html("輸入正確"); $(".nameinfo").css({"color":"green","font-family":"KaiTi","font-size":"16px"}); //驗證通過，將標(biāo)志位置為true ok1=true; } }); //驗證密碼 $('input[id="password"]').blur(function(){if($(this).val()==""){ $(".passwordinfo").html("密碼不能為空！"); $(".passwordinfo").css({"color":"red","font-family":"KaiTi","font-size":"16px"}); } elseif($(this).val().length<6){ $(".passwordinfo").html("密碼至少為6位！"); $(".passwordinfo").css({"color":"red","font-family":"KaiTi","font-size":"16px"}); } else{ $(".passwordinfo").html("輸入正確"); $(".passwordinfo").css({"color":"green","font-family":"KaiTi","font-size":"16px"}); ok2=true; }}); //輸入不合法的情況下，獲取焦點時清空錯誤輸入 $('input[id="username"]').focus(function(){ if(!ok1){ $('input[id="username"]').val(""); } }); $('input[id="password"]').focus(function(){ if(!ok2){ $('input[id="password"]').val(""); } }); //點擊進(jìn)行用戶名后臺驗證，通過驗證后實現(xiàn)頁面跳轉(zhuǎn) $(".submit-buttonbutton").click(function(){ username=$("#username").val();password=$("#password").val(); if(ok1&&ok2){ //普通方式 $.ajax({ url:"/Login/ValidUser", type:"POST", dataType:"json", data:{ username:"+username+", password:"+password+" }, success:function(){ window.location.href="menu.html"; }, error:function(){ window.location.href="menu.html"; } }); //deferred模式 //$.ajax("/Login/ValidUser", //{type:"post"}, //{dataType:"json"}, //{data:{username:"+username+",password:"+password+"}} //).done(function(){window.location.href="menu.html";}) //.fail(function(){window.location.href="menu.html";}) } returnfalse;//抑制了瀏覽器的默認(rèn)點擊行為 });});

論大學(xué)生寫作能力寫作能力是對自己所積累的信息進(jìn)行選擇、提取、加工、改造并將之形成為書面文字的能力。積累是寫作的基礎(chǔ)，積累越厚實，寫作就越有基礎(chǔ)，文章就能根深葉茂開奇葩。沒有積累，胸?zé)o點墨，怎么也不會寫出作文來的。寫作能力是每個大學(xué)生必須具備的能力。從目前高校整體情況上看，大學(xué)生的寫作能力較為欠缺。一、大學(xué)生應(yīng)用文寫作能力的定義那么，大學(xué)生的寫作能力究竟是指什么呢？葉圣陶先生曾經(jīng)說過，“大學(xué)畢業(yè)生不一定能寫小說詩歌，但是一定要寫工作和生活中實用的文章，而且非寫得既通順又扎實不可。”對于大學(xué)生的寫作能力應(yīng)包含什么，可能有多種理解，但從葉圣陶先生的談話中，我認(rèn)為：大學(xué)生寫作能力應(yīng)包括應(yīng)用寫作能力和文學(xué)寫作能力，而前者是必須的，后者是“不一定”要具備，能具備則更好。眾所周知，對于大學(xué)生來說，是要寫畢業(yè)論文的，我認(rèn)為寫作論文的能力可以包含在應(yīng)用寫作能力之中。大學(xué)生寫作能力的體現(xiàn)，也往往是在撰寫畢業(yè)論文中集中體現(xiàn)出來的。本科畢業(yè)論文無論是對于學(xué)生個人還是對于院系和學(xué)校來說，都是十分重要的。如何提高本科畢業(yè)論文的質(zhì)量和水平，就成為教育行政部門和高校都很重視的一個重要課題。如何提高大學(xué)生的寫作能力的問題必須得到社會的廣泛關(guān)注，并且提出對策去實施解決。二、造成大學(xué)生應(yīng)用文寫作困境的原因：（一）大學(xué)寫作課開設(shè)結(jié)構(gòu)不合理。就目前中國多數(shù)高校的學(xué)科設(shè)置來看，除了中文專業(yè)會系統(tǒng)開設(shè)寫作的系列課程外，其他專業(yè)的學(xué)生都只開設(shè)了普及性的《大學(xué)語文》課。學(xué)生寫作能力的提高是一項艱巨復(fù)雜的任務(wù)，而我們的課程設(shè)置僅把這一任務(wù)交給了大學(xué)語文教師，可大學(xué)語文教師既要在有限課時時間內(nèi)普及相關(guān)經(jīng)典名著知識，又要適度提高學(xué)生的鑒賞能力，且要教會學(xué)生寫作規(guī)律并提高寫作能力，任務(wù)之重實難完成。（二）對實用寫作的普遍性不重視?！按髮W(xué)語文”教育已經(jīng)被嚴(yán)重地“邊緣化”。目前對中國語文的態(tài)度淡漠，而是呈現(xiàn)出全民學(xué)英語的大好勢頭。中小學(xué)如此，大學(xué)更是如此。對我們的母語中國語文，在大學(xué)反而被漠視，沒有相關(guān)的課程的設(shè)置，沒有系統(tǒng)的學(xué)習(xí)實踐訓(xùn)練。這其實是國人的一種偏見。應(yīng)用寫作有它自身的規(guī)律和方法。一個人學(xué)問很大，會寫小說、詩歌、戲劇等，但如果不曉得應(yīng)用文寫作的特點和方法，他就寫不好應(yīng)用文。（三）部分大學(xué)生學(xué)習(xí)態(tài)度不端正。很多非中文專業(yè)的大學(xué)生對寫作的學(xué)習(xí)和訓(xùn)練都只是集中在《大學(xué)語文》這一門課上，大部分學(xué)生只愿意被動地接受大學(xué)語文老師所講授的文學(xué)經(jīng)典故事，而對于需要學(xué)生動手動腦去寫的作文，卻是盡可能應(yīng)付差事，這樣勢必不能讓大學(xué)生的寫作水平有所提高。（四）教師的實踐性教學(xué)不強(qiáng)。學(xué)生寫作能力的提高是一項艱巨復(fù)雜的任務(wù)，但在教學(xué)中有不少教師過多注重理論知識，實踐性教學(xué)環(huán)節(jié)卻往往被忽視。理論講了一大堆，但是實踐卻幾乎沒有，訓(xùn)練也少得可憐。閱讀與寫作都需要很強(qiáng)的實踐操作，學(xué)習(xí)理論固然必不可少，但是閱讀方法和寫作技巧的掌握才是最重要的。由于以上的原因，我們的大學(xué)生的寫作水平著實令人堪憂，那么如何走出這一困境，筆者提出一些建議，希望能對大學(xué)生寫作水平的提高有所幫助。三、提高大學(xué)生應(yīng)用寫作能力的對策（一）把《應(yīng)用寫作》課設(shè)置為大學(xué)生的必修課。在中國的每一所大學(xué)，《應(yīng)用寫作》應(yīng)該成為大學(xué)生的必修課。因為在這個被某些人形容為實用主義、功利主義甚囂塵上的時代，也是個人生存競爭最激烈的時代，人們比任何時代都更需要學(xué)會寫作實用性的文章，比如職場競爭中的求職信，生活中的財經(jīng)文書、法律文書等，以提高個人的生存競爭能力。（二）端正大學(xué)生的學(xué)習(xí)態(tài)度。首先，要讓大學(xué)生充分認(rèn)識到實用寫作課的重要性，這門課關(guān)乎到他人生的每一個方面，諸如就職，求愛，理財，人際交往等，是他終生都需要使用的一些基礎(chǔ)性的知識，也是他必備的一項生存技能。其次，實用寫作有它自身的規(guī)律和方法。它不是你想怎樣寫都行的，它有嚴(yán)格的格式性的要求，所以需要系統(tǒng)的研究學(xué)習(xí)。最后，實用寫作

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論