博達(dá)站群培訓(xùn)講義-創(chuàng)建網(wǎng)站(編輯修改稿)
2025-06-08 00:48 本頁面
【文章內(nèi)容簡介】 培訓(xùn)講義西 安 博 達(dá) 軟 件 有 限 公 司XI’AN WEBBER SOFTWARE CO., LTD.地 址 ：中國西安高新開發(fā)區(qū)(東區(qū))火炬路 3 號樓 10 層 C 區(qū) 郵編：710043電 話 ：+862982681001 傳 真 ：+862982682022 網(wǎng) 址 ：第 9 頁 共 31 頁新建模板時(shí)，從兩方面創(chuàng)建所需的模板。熟悉系統(tǒng)，可直接創(chuàng)建相應(yīng)的模板，創(chuàng)建完成后，再用組件庫中相對應(yīng)的組件實(shí)現(xiàn)相應(yīng)的功能；不熟悉系統(tǒng)，創(chuàng)建時(shí)選擇相應(yīng)的模板類型，則在組件庫分類下會出現(xiàn)適合本模板類型所需的關(guān)聯(lián)組件和通用組件。在此以新建模板，選擇模板類型為例進(jìn)行講解。點(diǎn)擊圖中的“ ”，根據(jù)系統(tǒng)提示“沒有首頁模板無法正常預(yù)覽網(wǎng)站，請建立 模板作為首頁模板 ”，新建一個(gè)網(wǎng)站首頁，如圖所示：圖在打開的對話框中，輸入模板名稱和標(biāo)題，點(diǎn)擊【選擇html源文件】上傳靜態(tài)頁面，靜態(tài)頁面上傳成功后選擇模板類型?！纠吭诖溯斎氲男畔椋? 模板名稱： 標(biāo) 題：首頁 源 文 件： 模板類型：首頁注意：在源文件處，選擇本地的 Html 源文件，則在模板創(chuàng)建成功后，此靜態(tài)頁面上所有的圖片、樣式等都會自動傳到系統(tǒng)中，并歸屬到默認(rèn)的圖片、樣式分類目錄中?！ ? 培訓(xùn)講義西 安 博 達(dá) 軟 件 有 限 公 司XI’AN WEBBER SOFTWARE CO., LTD.地 址 ：中國西安高新開發(fā)區(qū)(東區(qū))火炬路 3 號樓 10 層 C 區(qū) 郵編：710043電 話 ：+862982681001 傳 真 ：+862982682022 網(wǎng) 址 ：第 10 頁 共 31 頁點(diǎn)擊“ ”，模板創(chuàng)建成功后，則頁面自動跳轉(zhuǎn)到模板的編輯模式。 頁面編輯模式頁面的編輯模式有三種：預(yù)覽、設(shè)計(jì)和代碼。預(yù)覽就是頁面在前臺顯示的樣子，設(shè)計(jì)是我們對頁面進(jìn)行組件化實(shí)施、編輯、修改的地方，而代碼狀態(tài)顯示的是這個(gè)頁面的html代碼。 頁面的組件化實(shí)施設(shè)計(jì)模式點(diǎn)擊 前面的方框，我們就可以看到頁面上的表格了。直觀顯示這個(gè)模板頁面的排版、組件的布局、然后將靜態(tài)頁面上需要維護(hù)的、要進(jìn)行資料添加的部分刪掉，用我們的組件來代替，可以對組件的樣式配置和部分組件的資料維護(hù)。 系統(tǒng)組件庫 如圖，系統(tǒng)按照組件的屬性和功能用途的不同，將其分成了不同的類別。我們可以將這些展開，找到自己需要的組件拖拽到頁面中。頁面組件 培訓(xùn)講義西 安 博 達(dá) 軟 件 有 限 公 司XI’AN WEBBER SOFTWARE CO., LTD.地 址 ：中國西安高新開發(fā)區(qū)(東區(qū))火炬路 3 號樓 10 層 C 區(qū) 郵編：710043電 話 ：+862982681001 傳 真 ：+862982682022 網(wǎng) 址 ：第 11 頁 共 31 頁 新聞列表的添加如圖，頁面上中間的部分是一條一條的新聞，它肯定是需要后期進(jìn)行資料維護(hù)的部分，那我們選中這個(gè)單元格中的內(nèi)容，刪除內(nèi)容，然后到組件庫中找和它樣子比較接近的組件（不過，樣式不是完全一樣也沒關(guān)系，因?yàn)槲覀兛梢栽跇邮脚渲美锩婢唧w調(diào)整將其配成我們想要的樣子。）我們要加的是一條條的新聞，所以可以找新聞列表，如圖，在推薦組件中，打開新聞列表，找一個(gè)和我們靜態(tài)頁面顯示的樣子比較接近的，鼠標(biāo)放在組件上就可以看到它的預(yù) 培訓(xùn)講義西 安 博 達(dá) 軟 件 有 限 公 司XI’AN WEBBER SOFTWARE CO., LTD.地 址 ：中國西安高新開發(fā)區(qū)(東區(qū))火炬路 3 號樓 10 層 C 區(qū) 郵編：710043電 話 ：+862982681001 傳 真 ：+862982682022 網(wǎng) 址 ：第 12 頁 共 31 頁覽的樣子了。然后將其拖到頁面上相應(yīng)的位置。如圖，在組件庫中鼠標(biāo)左鍵單擊要拖拽的組件，按著不放到要放的位置，松開。保存頁面?！ ? 培訓(xùn)講義西 安 博 達(dá) 軟 件 有 限 公 司XI’AN WEBBER SOFTWARE CO., LTD.地 址 ：中國西安高新開發(fā)區(qū)(東區(qū))火炬路 3 號樓 10 層 C 區(qū) 郵編：710043電 話 ：+862982681001 傳 真 ：+862982682022 網(wǎng) 址 ：第 13 頁 共 31 頁那么這里我們先講講單個(gè)組件上面五個(gè)功能按鈕分別的作用，首先我們看第一個(gè): :可以修改頁面組件名稱、配置頁面組件樣式、頁面組件代碼編輯及移出此頁面組件； ：資料添加、編輯按鈕； ：配置頁面組件樣式按鈕； ：移動組件位置按鈕；：移出頁面組件按鈕。點(diǎn)擊 ，對標(biāo)題列表進(jìn)行樣式配置，如圖，我們可以設(shè)置新聞的顯示條數(shù)，字體樣式和大小，也可以對其進(jìn)行前導(dǎo)圖或者前導(dǎo)符的配置等（實(shí)際培訓(xùn)時(shí)設(shè)置下可以看下效果），設(shè)置完成之后一定要記得點(diǎn)擊 按鈕，這樣我們的設(shè)置才可以生效?！ ? 培訓(xùn)講義西 安 博 達(dá) 軟 件 有 限 公 司XI’AN WEBBER SOFTWARE CO., LTD.地 址 ：中國西安高新開發(fā)區(qū)(東區(qū))火炬路 3 號樓 10 層 C 區(qū) 郵編：710043電 話 ：+862982681001 傳 真 ：+862982682022 網(wǎng) 址 ：第 14 頁 共 31 頁 變換圖片的添加 如圖，頁面左邊下面的部分，是由一張張的變換的圖片組成的，所以我們在推薦組件中的里面選擇變化圖片組件，找一個(gè)樣式比較接近的，拖到頁面中相應(yīng)的位置，拖拽方法和新聞列表是一樣的。如圖保存頁面，如圖 培訓(xùn)講義西 安 博 達(dá) 軟 件 有 限 公 司XI’AN WEBBER SOFTWARE CO., LTD.地 址 ：中國西安高新開發(fā)區(qū)(東區(qū))火炬路 3 號樓 10 層 C 區(qū) 郵編：710043電 話 ：+862982681001 傳 真 ：+862982682022 網(wǎng) 址 ：第 15 頁 共 31 頁點(diǎn)擊 ，打開樣式配置窗口，可以把它配成想要的樣子，點(diǎn) 按
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號-1