網(wǎng)頁設計與制作項目化教程 課件 （蔣建瓊） 項目10、11 創(chuàng)建模板和庫、jQuery UI

項目十創(chuàng)建模板和庫Contents目錄創(chuàng)建模板任務1創(chuàng)建庫任務2任務1創(chuàng)建模板模板：

模板可以迅速生成多個風格一致的網(wǎng)頁，避免了很多重復性的工作，提高工作效率。課堂案例——花仙子園藝01創(chuàng)建模板02任務1創(chuàng)建模板任務1創(chuàng)建模板定義可編輯重復區(qū)域3創(chuàng)建模板1定義可編輯區(qū)域2創(chuàng)建基于模板網(wǎng)頁4管理模板5定義可編輯重復區(qū)域重復區(qū)域：網(wǎng)頁模板中的重復區(qū)域不同于可編輯區(qū)域，在基于模板創(chuàng)建的網(wǎng)頁中，重復區(qū)域不可編輯，但可以多次復制。因此，重復區(qū)域通常被設置為網(wǎng)頁中需要多次重復插入的部分，多被用于表格。若希望編輯重復區(qū)域，可以在重復區(qū)域中嵌套一個可編輯區(qū)域。任務2創(chuàng)建庫庫：

當網(wǎng)站中經(jīng)常反復使用的網(wǎng)頁元素存入一個文件夾中，可以避免多次重復操作，規(guī)范網(wǎng)頁格式。課堂案例——時尚女性網(wǎng)01創(chuàng)建庫項目02任務2創(chuàng)建庫任務2庫更新庫項目文件3創(chuàng)建庫項目1向頁面中添加庫項目2感謝您的觀看！項目十一jQueryUI使用項目十一jQueryUI使用

jQueryUI：是以jQueryUI為基礎的JaveScript網(wǎng)頁用戶的開源庫。包含底層用戶交互、動畫、特效和更換主題的可視控件。我們可以用它來構建具有很好交互性的web應用程序。jQueryUI包含了許多維持狀態(tài)的小部件（Widget），因此，它與典型的jQuery插件使用模式略有不同。所有的jQueryUI小部件（Widget）使用相同的模式，所以，只要您學會使用其中一個，您就知道如何使用其他的小部件（Widget）。Contents目錄創(chuàng)建Accordion折疊面板任務1創(chuàng)建Tabs選項卡任務2創(chuàng)建Datepicker日期選擇器任務3創(chuàng)建Dialog對話框任務4課堂案例——創(chuàng)意家居01折疊面板Accordion02任務1創(chuàng)建Accordion折疊面板任務2創(chuàng)建Tabs選項卡任務3創(chuàng)建Datepicker日期選擇器日期選擇器Datepicker用于從彈出框或內(nèi)聯(lián)日歷選擇一個日期。該控件能非常方便的展現(xiàn)日歷中的日期，靈活配置相關選項，包括日期格式、范圍等。我們經(jīng)常在WEB應用中用到Datepicker，比如要求用戶輸入日期進行相關查詢。任務4創(chuàng)建Dialog對話框對話框是一個懸浮窗口，包