H面制作入門教程課件.ppt

入門了 一切都變得很簡(jiǎn)單 H5頁面微場(chǎng)景制作入門教程 什么是H5 為什么要做H5頁面 什么場(chǎng)合可以用到H5頁面 常用的免費(fèi)H5制作工具 怎么制作H5頁面 什么是H5 H5是指第5代HTML 超文本標(biāo)記語言 也指用H5語言制作的一切數(shù)字產(chǎn)品 通俗地說 H5是一種創(chuàng)建網(wǎng)頁的方式 它會(huì)讓手機(jī)網(wǎng)頁看上去更炫酷 功能也更豐富多彩 為什么要做H5頁面 智能手機(jī) 平板電腦等移動(dòng)終端設(shè)備越來越普及 用戶在移動(dòng)端花的時(shí)間也越來越長 H5頁面中以文字 圖片 動(dòng)畫 聲音等相結(jié)合的富媒體出現(xiàn) 給用戶帶來了全新體驗(yàn) 技術(shù)本身帶來的新奇感讓人們心生向往 用戶時(shí)間碎片化 接收信息爆炸性增長 企業(yè)營銷需要迅速抓住客戶眼球 什么場(chǎng)合可以用到H5頁面 微信互動(dòng)營銷 大轉(zhuǎn)盤 刮刮卡 優(yōu)惠券 投票調(diào)查 小游戲 商業(yè)展示 企業(yè)宣傳 產(chǎn)品展示 品牌傳播 優(yōu)惠促銷 企業(yè)招聘 會(huì)議活動(dòng) 會(huì)議 展覽會(huì) 發(fā)布會(huì) 活動(dòng) 數(shù)字出版與教育 電子雜志 多媒體課件 培訓(xùn)課程 電子賀卡 商業(yè)賀卡 節(jié)日賀卡 生日賀卡 祝?？?個(gè)人應(yīng)用 個(gè)人秀 婚禮邀請(qǐng) 聚會(huì)Party 求職簡(jiǎn)歷 H5頁面幾乎適用于所有企業(yè)和個(gè)人 常用免費(fèi)H5頁面制作工具易企秀騰訊風(fēng)鈴京東兔展搜狐快海報(bào)初頁最酷網(wǎng)秀米秀制作MAKA點(diǎn)點(diǎn)客海報(bào) 怎么制作H5頁面 制作小提示 制作H5場(chǎng)景推薦使用谷歌瀏覽器也可在手機(jī)上下載制作工具客戶端 在手機(jī)上進(jìn)行制作 1 4 3 2 H5場(chǎng)景制作與運(yùn)用流程 制作前 準(zhǔn)備好4個(gè)資料 創(chuàng)意 展示什么 用什么方式 圖片 提前備好 視覺效果好 文字 準(zhǔn)備充分 具有感染力 音樂 烘托氛圍 MP3格式 免費(fèi)注冊(cè)易企秀賬號(hào) 進(jìn)入官網(wǎng)后點(diǎn)擊右上角 注冊(cè) 1 郵箱注冊(cè) 輸入郵箱和密碼 點(diǎn)擊 注冊(cè) 即可 2 第三方登錄 無需注冊(cè) 直接點(diǎn)擊圖標(biāo) 使用微信或者QQ進(jìn)行登錄 登錄易企秀賬號(hào) 點(diǎn)擊官網(wǎng)右上角 登錄 1 郵箱登錄 輸入郵箱和密碼 點(diǎn)擊 登錄 即可 2 第三方登錄 無需注冊(cè) 直接點(diǎn)擊圖標(biāo) 使用微信或者QQ進(jìn)行登錄 創(chuàng)建場(chǎng)景 點(diǎn)擊右上角創(chuàng)建場(chǎng)景 套模板 選擇一個(gè)模板 把模板中需要修改的地方修改即可快捷制作 自主創(chuàng)建 點(diǎn)擊 進(jìn)入自主創(chuàng)建 一頁一頁創(chuàng)建場(chǎng)景 場(chǎng)景名稱 填寫名稱后期可改 填寫完畢點(diǎn)擊創(chuàng)建 點(diǎn)擊選擇為了自己管理方便 制作頁面 頁面模板 在易企秀制作頁面的左側(cè)欄 易企秀官方為大家提供了分門別類的 頁面模板 在制作場(chǎng)景的過程中 可以參考或者直接套用頁面模板進(jìn)行場(chǎng)景創(chuàng)建 自己制作的頁面 也可以保存為 我的 模板 以供下次使用 企業(yè)賬號(hào)將自己的場(chǎng)景設(shè)置為 企業(yè)頁面模板 子賬號(hào)可以直接使用 右側(cè)的 頁面管理 5大管理操作復(fù)制 點(diǎn)中條框 點(diǎn)擊 復(fù)制 我的模板 點(diǎn)中條框 點(diǎn)擊 我的復(fù)制 出現(xiàn)在左側(cè) 頁面模板 中 可刪除刪除 點(diǎn)中條框 點(diǎn)擊 刪除 移動(dòng) 點(diǎn)中條框 可上下拖動(dòng)添加 點(diǎn)擊 添加一頁 10個(gè)基本組件 設(shè)置 發(fā)布 組件是構(gòu)成場(chǎng)景的基本要素 1 文本2 背景3 音樂4 視頻5 圖片6 形狀7 圖集8 互動(dòng)9 表單10 特效 1 點(diǎn)擊 文本 后 即可創(chuàng)建2 單擊文本框 出現(xiàn)編輯菜單3 雙擊文本框 進(jìn)入基礎(chǔ)編輯 點(diǎn)擊 背景 后 選擇 背景庫 中的背景圖也可點(diǎn)擊 上傳 上傳圖片到 我的背景 庫 背景編輯 背景創(chuàng)建后 點(diǎn)擊編輯欄上的背景齒輪 即可對(duì)背景進(jìn)行編輯 背景編輯主要包括 剪切 更換 效果 放大 縮小 刪除 點(diǎn)擊 音樂 即可創(chuàng)建 背景音樂 1 音樂庫 為官方提供的音樂素材2 外部鏈接 插入網(wǎng)絡(luò)音樂鏈接3 我的音樂 自主上傳音樂 點(diǎn)擊 視頻 后 給場(chǎng)景添加網(wǎng)絡(luò)視頻 點(diǎn)擊 什么是視頻通用代碼 出現(xiàn)詳細(xì)操作 點(diǎn)擊 圖片 后 選擇 圖片庫 中的圖片素材或點(diǎn)擊 上傳 上傳圖片到 我的圖片 庫 點(diǎn)擊 形狀 后 選擇 形狀組件 庫中選擇形狀組件 形狀 是便于用戶制作扁平化頁面的素材 形狀素材和文字一樣可以做 顏色 大小 等設(shè)置 圖集 是幾張圖片的集合主要設(shè)置 圖片比例 切換方式 互動(dòng) 是方便制作者與觀看者互動(dòng)的組件互動(dòng)組件目前主要是 一鍵撥號(hào) 正在不斷增加 表單 也叫信息收集表 報(bào)名表 信息反饋表等 是場(chǎng)景創(chuàng)建者用來收集查看場(chǎng)景的用戶反饋信息的重要工具 可點(diǎn)擊 表單 創(chuàng)建也可直接在互動(dòng)模板里直接快捷創(chuàng)建 設(shè)置動(dòng)畫 動(dòng)畫設(shè)置主要應(yīng)用于 文字 圖片 圖形 一鍵撥號(hào) 輸入框等組件設(shè)置方法 點(diǎn)擊組件 選擇 動(dòng)畫 進(jìn)入動(dòng)畫設(shè)置頁面 制作小提示 點(diǎn)擊預(yù)覽圖標(biāo) 即可對(duì)此頁面的動(dòng)畫設(shè)置進(jìn)行整體預(yù)覽 設(shè)置是對(duì)場(chǎng)景的基本信息進(jìn)行設(shè)置 主要包括 場(chǎng)景封面 場(chǎng)景名稱 場(chǎng)景描述 翻頁方式 點(diǎn)擊 場(chǎng)景共享 和 友情展示 下拉鍵 可參加易企秀官方活動(dòng)和尾頁設(shè)置 特效組件是給某一個(gè)頁面加上一個(gè)特殊的效果 點(diǎn)擊 特效 即可為當(dāng)前頁面選擇合適的特效 保存 只是對(duì)操作進(jìn)行保存 如果不點(diǎn)擊 發(fā)布 此場(chǎng)景未發(fā)布的編輯內(nèi)容 在場(chǎng)景分享出去時(shí) 別人看不到最新編輯的內(nèi)容 點(diǎn)擊 退出 則推出編輯頁面 很重要特別重要 點(diǎn)擊發(fā)布后 可獲得場(chǎng)景二維碼 場(chǎng)景連接和更多的一鍵分享方式 下載更大的場(chǎng)景二維碼 在 我的推廣 里找到二維碼 如下圖 我的場(chǎng)景 管理 點(diǎn)擊 我的場(chǎng)景 可看到自己創(chuàng)建的所有場(chǎng)景列表 點(diǎn)擊單個(gè)場(chǎng)景右下角的齒輪 即可對(duì)此場(chǎng)景進(jìn)行 設(shè)置 編輯 復(fù)制 轉(zhuǎn)送和刪除 操作 點(diǎn)擊 開放 關(guān)閉 對(duì)場(chǎng)景進(jìn)行開放和關(guān)閉 在微信