Logo是網(wǎng)站的重要標(biāo)識(shí),用戶在制作響應(yīng)式網(wǎng)站的時(shí)候,如何實(shí)現(xiàn)logo自適應(yīng)呢?大家先看看曙光云站V9中HTML5下logo模塊的展現(xiàn)效果:
PC端:
平板端:
移動(dòng)端:
具體操作:
區(qū)別于圖片和文字模塊,添加該模塊后系統(tǒng)自動(dòng)讀取含有l(wèi)ogo.png/jpg的文件。
①在基礎(chǔ)模塊>圖片模塊中點(diǎn)擊Logo模塊,將其拖動(dòng)到共享頭部區(qū)域(推薦)。
②雙擊Logo模塊,上傳Logo圖片。
③設(shè)置Logo的顯示方式,默認(rèn)顯示方式為L(zhǎng)ogo圖片。
④在屬性框中設(shè)置Logo圖片的顯示方式、網(wǎng)站名稱、關(guān)鍵字設(shè)置、點(diǎn)擊跳轉(zhuǎn)鏈接。
Logo的顯示方式包含:Logo(圖片)、網(wǎng)站名、Logo+網(wǎng)站名三種。
設(shè)置網(wǎng)站名為logo的方法是:
①在Logo屬性設(shè)置中將顯示方式設(shè)置為網(wǎng)站名或者Logo+網(wǎng)站名。
②如果選擇Logo+網(wǎng)站名,則需要將圖片顯示選擇為“高度隨模塊高度變化,寬度自動(dòng)(左對(duì)齊)”。
③點(diǎn)擊設(shè)置網(wǎng)站名稱,在網(wǎng)站資料設(shè)置>網(wǎng)站基本信息中輸入網(wǎng)站名稱等信息。
④點(diǎn)擊保存按鈕,預(yù)覽后即可看到效果。
H5響應(yīng)式網(wǎng)站建設(shè):http://iisp.com/special/v9special/index.php?s=yuqiuping
想了解更多關(guān)于曙光云站V9的操作,歡迎報(bào)名參加曙光云站V9線上發(fā)布會(huì),名師講解+實(shí)際操作,直播過程還有驚喜互動(dòng)大禮,2月22日騰訊課堂直播間約定你!
馬上免費(fèi)報(bào)名:http://iisp.com/video/nice_live/index.php?s=yuqiuping