素材及文字
以下為旗立課本的素材,僅限校內作業使用。
------------------------------------------
素材圖片下載
按右上方的 下載 圖示。
使用 檔案總管,在「下載」此資料夾中,選 已下載的檔案「ex08-03b.zip」,按右鍵,選「解壓縮全部」。
打開 「pic 」資料夾,可看到所有的圖片。
使用到的文字:
------------------------------------------------
首頁
關於我們
商品列表
店面資訊
電話:02-1234-5678
地址:
營業時間:
訂購須知
提前三天下訂
無法提供宅配
訂單滿 $1,500 免運費
法式馬卡龍
$450/6入
奶油可頌
$380/5入
水果蛋糕捲
$580/1捲
天使可麗露
$420/6入
------------------------------------------
登入Google 帳號。
選右上方九個小點圖示,即「Google 應用程式」,再選 「協作平台 」。
選右上方九個小點圖示,即「Google 應用程式」,再選 「協作平台 」。
點選「空白」中的「+」,建立空白的新網站。
切換至頁面標籤,按下面的「+」鈕,新增頁面。
輸入頁面名稱 : 關於我們,按「完成」鈕。
仿照上述步驟,新增 「商品列表」頁面。
選「首頁」此頁面。按頁面標籤 或 導覽列的首頁皆可。
在左上方,輸入網站名稱,例如 :旺旺烘焙店 (店名請自取 ),也就是存在Google 雲端硬碟的協作平名文件名稱。
選取 頁面標題,按移除鈕。
切換至主題標籤,點選憧憬樣式。
自訂顏色為 : #00263d 。
按字型樣式下拉式方塊。
選粗體。
游標移至橫幅上,按「圖片」鈕,選「上傳」。
選「下載」資料夾,找到 pic,選 「banner01.jpg」,按開啟鈕。
按移除清晰度調整設定鈕,關閉預設的背景圖淡化處理功能,讓圖片變清晰。
按「+」鈕,以新增圖片 。
選上傳圖片。
選取圖片 「promotion01.jpg「、「promotion02.jpg」,按開啟鈕。
按設定鈕。
勾選自動開始,按插入鈕。
拉曳藍色控點,調整圖片輪轉介面的寬度及高度至適當大小。
選取 「店面資訊」這4個字,字型大小設為14,粗體字。
「店面資訊」下面輸入:
電話:02-1234-5678
地址:
營業時間:
插入標籤,按地圖。
輸入這家店的名稱,如 台中家商,按 Enter鍵,找到位置,再按下面的 選取鈕。
可調整地圖的大小。
切換至插入標籤,按可收合的群組,輸入如下的文字:
訂購須知
提前三天下訂
無法提供宅配
訂單滿 $1,500 免運費
「訂購須知」字型大小設為14,粗體字。
選取下面的字, 按項目符號清單鈕。
結果如下:
按「+」,新增圖片鈕 ,選上傳。
選取圖片 「product01.jpg」,按開啟鈕。
在圖片下方, 輸入「 法式馬卡龍」 , 按鍵換行 ,輸入「$450/6入」。
選「 法式馬卡龍」, 字型大小設為 1 4 ,粗體。
選 「$450/6入」,字型大小設為 12。
依此類推。插入 「product02. jpg」、「product03. jpg」、「product04.jpg」。
並輸入商品名稱、價格及設定字型。
奶油可頌
$380/5入
水果蛋糕捲
$580/1捲
天使可麗露
$420/6入
結果如下:
如果沒有置中,可按對齊鈕,選置中。
按右上方的預覽鈕,預覽網站。
可檢視不同裝置的顯示畫面,再按「X」,結束預覽回到編輯頁面。