《網(wǎng)絡(luò)編輯實(shí)務(wù)-網(wǎng)絡(luò)信息內(nèi)容建設(shè)與運(yùn)營（第2版）》 課件4.2網(wǎng)絡(luò)專題頁面設(shè)計(jì)

4網(wǎng)絡(luò)專題的策劃與制作4.1網(wǎng)絡(luò)專題策劃4.2專題的制作——專題網(wǎng)頁設(shè)計(jì)教學(xué)目標(biāo)了解網(wǎng)絡(luò)專題的制作流程，可獨(dú)立實(shí)施網(wǎng)絡(luò)專題的選題、策劃、欄目設(shè)置和框架設(shè)計(jì)。 4.1.4專題制作流程Axure軟件界面大致可以分為8個(gè)區(qū)域，分別為菜單欄區(qū)域、工具欄區(qū)域、頁面區(qū)域、元件庫區(qū)域、母版區(qū)域、工作區(qū)域、檢視區(qū)域、頁面概要區(qū)域，如圖2所示。

軟件界面專題制作軟件Axure專題頁面的設(shè)計(jì)制作封面新聞二十大專題/getSubjectById/9815

管理專題頁面關(guān)系清晰展示專題的結(jié)構(gòu)頁面區(qū)域用來管理頁面和顯示頁面專題首頁的設(shè)計(jì)制作Axure基本元件AxureRP軟件里默認(rèn)內(nèi)置了基本元件有20種，表單類元件有7種，菜單與表格元件有4種，標(biāo)記元件有9種。

元件庫欄頭設(shè)計(jì)（圖片元件）專題的標(biāo)題區(qū)，通常用圖片來體現(xiàn)，也叫Banner。要求主題清晰鮮明文字表述準(zhǔn)確情緒表達(dá)到位導(dǎo)航欄設(shè)計(jì)（矩形元件）1.標(biāo)題元件的使用

標(biāo)題元件可以用來作為一段文字的標(biāo)題，也可以用來作為某個(gè)區(qū)域的標(biāo)題說明。大家都設(shè)計(jì)過自己的簡歷，常把“個(gè)人信息”“教育經(jīng)歷”“工作經(jīng)驗(yàn)”這類文字加粗起強(qiáng)調(diào)作用，這時(shí)就可以使用標(biāo)題元件。 Axure提供了一級標(biāo)題、二級標(biāo)題、三級標(biāo)題3個(gè)元件，一級標(biāo)題元件是32號字、加粗、黑色（333333），二級標(biāo)題元件是24號字、加粗、黑色（333333），三級標(biāo)題元件是18號字、加粗、黑色（333333）。

標(biāo)題1、標(biāo)題2和標(biāo)題3元件2.文本標(biāo)簽元件和文本段落元件的使用

文本標(biāo)簽元件是單行文本元件，文本段落元件是多行長文本元件。如果只有一行文本選擇文本標(biāo)簽

元件，如果有多行文本可以使用文本段落元件。

文本標(biāo)簽和文本段落元件3.水平線和垂直線元件的使用水平線和垂直線是很靈活的兩個(gè)元件，用它們可以設(shè)置一條水平線或者垂直線，可以利用工具欄快捷按鈕編輯這兩個(gè)元件，設(shè)置橫線和垂直線的顏色、線框、線條樣式和箭頭方向。

水平線和垂直線元件新聞列表設(shè)計(jì)（線段、標(biāo)題、文本、中繼器元件）4?中繼器元件中繼器元件可用來顯示重復(fù)的文本、圖片、鏈接，可以模擬數(shù)據(jù)庫的操作，進(jìn)行數(shù)據(jù)庫的增刪改查。經(jīng)常會使用中繼器來顯示新聞列表、商品列表信息、聯(lián)系人信息、用戶信息等。

1.中繼器編輯區(qū)2.數(shù)據(jù)集3.交互——每項(xiàng)加載時(shí)，設(shè)置文本/設(shè)置圖片5.動態(tài)面板元件動態(tài)面板有多個(gè)狀態(tài)，支持在同一個(gè)區(qū)域內(nèi)放置多個(gè)狀態(tài)的內(nèi)容。每個(gè)狀態(tài)本身是一個(gè)頁面。任何時(shí)候一個(gè)動態(tài)面板只能顯示一種狀態(tài)，第一個(gè)狀態(tài)為默認(rèn)狀態(tài)。通過交互“設(shè)置面板狀態(tài)”動作來切換動態(tài)面板的狀態(tài)。在狀態(tài)變化時(shí)支持一些簡單的過場動畫。6.內(nèi)聯(lián)框架元件內(nèi)聯(lián)框架支持嵌入外部資源在元件中，包括互聯(lián)網(wǎng)網(wǎng)頁、音視頻文件、網(wǎng)頁地圖等。網(wǎng)絡(luò)視頻:分享-通用代碼-找到src的值（‘’引號里面的內(nèi)容）例<iframeheight=498width=510src='/embed/XNTA5NDI1MTc2NA=='frameborder=0'allowfullscreen'></iframe>

嵌入視頻8表單類元件的使用表單類元件是用在設(shè)計(jì)表單時(shí)經(jīng)常會用到的元件，如登錄、注冊表單等。

表單類元件包括文本框、多行文本框、下拉列表框、列表框、復(fù)選框、單選按

鈕、提交按鈕。

表單型元件9母版Axure的母版解決重復(fù)制作原型某個(gè)類似功能的問題，制作一次母版，其他頁面進(jìn)行復(fù)用。在Axure原型設(shè)計(jì)工具的左下角區(qū)域是Axure的母版區(qū)域。

單擊“新增母版”按鈕可以新增一個(gè)母版，也可以單擊鼠標(biāo)右鍵選擇“添加”。將頁面中的元件轉(zhuǎn)換為模板。在母版上單擊鼠標(biāo)右鍵的選項(xiàng)里，除了可以進(jìn)行新增母版