瞭解上端設計設置的主要功能
開始之前
上端是決定網站氣氛的重要因素之一。 在 I'MWEB，上端是位於頂端的品牌標誌,菜單,主頁等的領域。 在word叫做頁眉或在開髮網站的专业術語叫做"Header"。
本板塊將介紹I'MWEB上端設計菜單的主要功能及特點。
Point 1. 最多可分爲3段的上端板块
我們在設計頁面正文時,首先添加菜單后再通过添加widget的方式插入內容,必要時還會区分板块。 上端与基本製作方式相同。 上端能橫向区分至3段，甚至能區分並安排每一段裡必要的widget。
1) 按照widget的佈置而自動區分的上端板塊
首次添加1個widget,上端部分基本上會插入1個段落。 其次,在左側或右側添加新widget時,自動產生新的段落,在左/中/右均添加widget時,設定爲3個段落。
2) 控制段落大小的方法
段落的大小可通過藍色的虛線來區分。 各個段落可用鼠標左右移動藍色縱向虛線調節大小。
Point 2. 可由多數行組成
就像頁面正文可由多個板塊組成,上端也能由2個以上的板塊組成。 由此可實現有個性的上端設計,並添加了特定板塊即滑動鼠標也會固定在上端的功能。
1) 添加上端專用板塊的方法
上端區域放置鼠標點擊右鍵時將會出現輔助菜單。 在輔助菜單中點擊[添加空白板塊]，就能增加板塊的個數。
2) 板塊單位固定上端滑動
點擊位於上端專用板塊左側的[大頭針]圖標,可將想要的板塊固定在上端。 請點擊想要固定在上端的大頭針。 當然, 點擊所有板塊的大頭針,就可以固定所有板塊。
3) 設置上端固定菜單
可與固定上端板塊不同的設計風格製作[上端固定菜單]。 想要製作與基本上端風格不同風格的上端固定菜單時使用。
Point 3. 使用widget給上端菜單帶來多樣與自由
爲了上端設計添加了多種專用widget,使用這些專用widget可豐富上端菜單。
1) 添加widget的方法
添加空白上端專用版塊,首次僅能添加一個widget。 添加widget後如有必要,將鼠標放置於上端板塊的上方末端,則顯示plus圖標(+) 點擊這個plus(+)圖標可增加新的widget。
鼠標放置於左側末端時，widget將會被添加至左側段落,並且添加至右側末端，右側段落上。
2) 佈置widget的方法
與移動現有widget的方法相同,可通過點擊widget後拖拉的方式移動位置。 Widget所處的段落也能通過拖拉的方式向左或右移動。 若想要更簡便地改變widget所在的段落,請打開widget輔助菜單,點擊'移動'菜單,選擇左/中/右。
3) 變更及設置widget設計
上端專用widget也有其固有的設置。 打開設置窗口後,可更改各widget擁有的設計及選項。
Point 4. 與基本上端與重疊上端的設計
上端的設計大致分爲"基本"和"重疊"狀態。 所謂重疊,就是重疊上端基本設計和正文背景圖片的功能。 因此,除了部分設置外,設計不能完全不一樣,但能不同地指定部分設置。
首先製作上端的基礎後跳轉至重疊菜單調節背景圖片的亮度進行變更商标, 菜單顏色等設置。
Point 5. 能設計手機版上端
以老款上端爲例,手機版很少有單獨設計的選擇。 但新型上端則像設計PC上端一樣,同樣可以編輯。
- 可轉換與上端基本和重疊狀態,進行比較/設計。
- 有多個板塊時,可點擊想要的板塊的大頭針固定菜單於上端。
- 可添加想要的widget,位置也能隨意變更。
- 與PC一樣,通過板塊設置,可調節背景色,字体颜色,間隔等。
- 更換視口(viewport),隨時可以比較PC和手機版的上端設計進行編輯。
