一:概述: 根據(jù)N10-遠程教育中心需求規(guī)格說明書v0.1進行moodel主題的修改。當前關(guān)于頁面的修改包括如下內(nèi)容,相關(guān)功能優(yōu)化后續(xù)補齊。 1.登陸頁面: 將作為訪客、和用戶名密碼忘記的內(nèi)容去掉。忘記密碼到manager中進行重置。 2.Admin 用戶的界面優(yōu)化(y) 去掉登陸后首頁頁面底部的moodle標示。 去掉每一頁的“Moodle Docs”鏈接。 3.老師用戶的界面優(yōu)化 去掉登陸后首頁頁面底部的moodle標示。 去掉每一頁的“Moodle Docs”鏈接。 4.學生用戶的界面優(yōu)化 去掉登陸后首頁頁面底部的moodle標示。 去掉每一頁的“Moodle Docs”鏈接。
二:theme簡介 Moodle中Theme表示主題風格,就是利用Theme,管理員可以定義站點的主題風格,課程創(chuàng)建者可以定義課程的主題風格,學習者可以定義自己所看到課程的主題風格。1.moodle-1.9.13版本包theme包下面的相關(guān)主題包(這里standard除外,這個包將在下面介紹)包含如下文件:
(1).pix文件夾包括在moodle主題中要用到的所有圖片和圖標。 (2).config.php 這個文件用于控制CSS如何運行,你可以將自己的Theme整合到標準的Theme中,也可以從其他的父theme中繼承那些CSS文件。 (3).docstyle.php(可選)這個文件主要用于設置強制使用一些樣式。moodle-1.9.13版本這個文件在standard下面; (4).favicon.ico 這個圖標是會出現(xiàn)瀏覽器的地址之前的小圖片。 (5).header.html 和 footer.html 這是用于控制moodle頂部和底部的頁面文件,其中包括頂部的logo、登錄、跳轉(zhuǎn)菜單和底部的moodle logo等。通過修改這兩個頁面,可以自己定義logo圖片的鏈接地址和文字。 (6).styles.php該文件主要被header.html調(diào)用,一般不要修改。 這個包里面包含了整個主題最基本的設置,其他的主題風格可以繼承這個主題來達到自己的效果。這個包包含如下文件。
(1).pix文件夾同樣是放置moodle主題中用到的圖標。 (2).中styles_layout.css用于設置頁面布局,styles_fonts.css用于設置字體大小, styles_color.css用于設置顏色,styles_moz.css主要用于設置在Firefox或者Mozilla中瀏 覽的格式。
三.優(yōu)化實現(xiàn) 1.去掉登錄界面的游客登錄和忘記密碼功能 修改moodle/login/index_form.html刪除47-73即刪除如下代碼: <?phpif ($CFG->guestloginbutton) { ?> <div class="subcontentguestsub"> <div class="desc"> <?phpprint_string("someallowguest") ?> </div> <form action="index.php"method="post" id="guestlogin"> <divclass="guestform"> <input type="hidden"name="username" value="guest" /> <input type="hidden"name="password" value="guest" /> <input type="hidden"name="testcookies" value="1" /> <input type="submit"value="<?php print_string("loginguest") ?>" /> </div> </form> </div> <?php }?>
<div class="subcontentforgotsub"> <div class="desc"> <?phpprint_string("forgotten") ?> </div> <formaction="forgot_password.php" method="post"id="changepassword"> <divclass="forgotform"> <input type="hidden"name="sesskey" value="<?php echo sesskey() ?>" /> <input type="submit"value="<?php print_string("passwordrecovery") ?>"/> </div> </form> </div> 2. 去掉每一頁頁面底部的moodle標示。去掉每一頁的“Moodle Docs”鏈接。 根據(jù)如下路徑修改moodle/theme/(自己所使用的主題名字例如:)standardwhite/footer.html 去掉第13行和14行。即刪除如下代碼: echo $loggedinas; echo$homelink;
注:其他功能優(yōu)化和頁面優(yōu)化后續(xù)補齊。 |
|