下面要跟大家講解的是PC端和無線端的店鋪首頁裝修技巧，這塊主要是針對活動報名成功以后將活動的氛圍添加安裝到店鋪當中去。

首先來看PC端的裝修技巧，要想實現全屏效果的話，首先要在PS軟件中將活動氛圍圖像制作好。以下就以新勢力周服裝素材圖像作為演示：這張圖片的大小為1920*494，我們可以利用第三節課教的950加上頁面背景的形式去實現全屏效果。當我們用多重復雜背景的時候，用第三節課講的方法在不同位置、不同背景情況下實現起來比較難。

下面主要講用代碼的形式去擴展，首先圖片保存為jpg格式，將品質調大，確定。

要實現全屏的話，圖像要做成1920*494，需要注意的是如果想要圖片的兼容性比較好，想要在所有顯示器上都能看清楚的話，要注意參考線的創建。

首先創建一個1920*494的空白頁面

然后得到一個空白頁面后，新建參考線，垂直方向是485，然后新建第二條1435，確定

那么接下來你的商品和文案就應該放在里面，最多不應該超多1000像素

在1000像素以內，所有的顯示器都能看到，兩邊擴展的部分是顯示器分辨率比較高的時候看到的是背景，如果在左圖的時候講商品文案放在了參考線以外，那么在比較小的顯示器里就看不到。

當我們設置好圖片以后回到裝修后臺，如果想要把新勢力周的圖片放在首頁，就需要在自定義區新建一個950的模塊

然后進行編輯，將專業版要用到的源代碼，ctrl+A鍵全選，復制粘貼到編輯欄內

在這里需要修改的是圖片的高度是494，所以要將源代碼中的470改為494，接著打開圖片空間，隨意選擇一個文件夾，將做好的新勢力周的圖片傳上去，然后點擊中間的復制鏈接。

提示復制成功后，回到編輯欄，將圖片地址選中，粘貼為地址。這樣就可以輕松實現在PC端的焦點圖的全屏效果。

接下來講解在無線端如何實現，在店鋪管理頁面里有個手機淘寶店鋪，點擊立即裝修

進入到無線運營中心，切換到店鋪裝修

要做無線店鋪焦點圖首先要進入店鋪首頁確定在哪個模塊放焦點圖，然后根據尺寸去做圖片，比如我們要添加一個單列圖片模塊

這正圖片的大小是608*336，我們在photoshop軟件中做好相同大小的圖片后可以上傳到這里，當我們上傳焦點圖的時候會有對應的鏈接，在這邊的鏈接就是無線端的自定義鏈接，PC端的頁面在無線端是沒有的，需要自己去創建，創建的入口在自定義頁面

點擊進來創建新的標題新勢力周，然后進行編輯，在編輯的時候要對模塊添加焦點圖，這張焦點圖的大小是640*304，所以接下來要做兩張圖，一張是自定義頁面的焦點圖，另一張是首頁布點的圖

首先制作608*336的圖片，直接進行剪裁，用尺寸預設值進行拖動，雙擊確定

然后還需要對其參數進行一個調整，然后對圖片進行存儲。

然后后退一步，繼續用剪裁工具，依照相同方法剪裁出640*304，保存。

然后回到自定義頁面，想圖片上傳上去后進行發布

然后回到店鋪首頁，將608*336圖片上傳上去后，添加的鏈接就是活動頁的鏈接，

裝修完畢以后要進行發布，這樣的話，買家可以點擊首頁中的新勢力周的圖片進入活動的自定義頁面。

當我們去報名的時候不光要在PC端布點，也要在無線端布點，這樣的話才能使消費者在電腦和手機上都能看到內容。