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

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

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

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

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