新手入門必備課程：淘寶店鋪裝修基礎.ppt

《新手入門必備課程：淘寶店鋪裝修基礎.ppt》由會員分享，可在線閱讀，更多相關《新手入門必備課程：淘寶店鋪裝修基礎.ppt（17頁珍藏版）》請在裝配圖網(wǎng)上搜索。

淘寶店鋪裝修基礎 新手入門必備課程 重慶泰岳優(yōu)才科技有限公司講師 Hans 網(wǎng)頁構造原理 1 網(wǎng)頁實際上是一個大盒子 這個盒子里面裝著各種各樣的小盒子 2 各個盒子有著不同的屬性 大小 邊框 背景顏色 字體大小等 3 各個小盒子里面裝著各種元素 文字 圖片 動畫 視頻等 工作職能 1 與交互設計師 視覺設計師協(xié)作 根據(jù)設計稿 把圖片形式的東西 制作 為可編輯的網(wǎng)頁形式 2 再根據(jù)網(wǎng)站要求 給相應的地方添加上交互 鏈接 動畫等 3 前端開發(fā)工程師 通常說的 網(wǎng)頁制作 網(wǎng)頁制作工程師 前端制作工程師 網(wǎng)站重構工程師 都統(tǒng)稱為 前端 4 一名合格的前端開發(fā)工程師 應該具有一定的審美能力和基礎的美工操作能力 能很好的與交互及視覺協(xié)作 課前演練 請學員們觀察這個店鋪 并討論他有哪些問題 店鋪裝修的重要性 1 引入流量 提升銷售 3 給買家提供便捷 能簡捷快速的找到需要的產(chǎn)品 2 品牌識別 提升品牌知名度 4 讓賣家更好的對店鋪進行管理 店鋪裝修流程 普通店鋪裝修 店鋪首頁和寶貝詳情頁等 告訴買家在購買前的注意事項 網(wǎng)頁形式 編輯并存儲 備份 方便以后我們修改 Dreamweaver Adobe 網(wǎng)頁三劍客 一 店鋪裝修工具介紹 實訓環(huán)節(jié) 1 了解熟悉圖片空間各個功能 2 嘗試新建文件夾 并命名為 我的店鋪 3 上傳素材包里的 店招 jpg 圖片至 我的店鋪 4 打開Dreamweaver 新建一個頁面 插入圖片空間的 店招 jpg 二 制作店招 1 Html簡介 超文本標記語言 超文本 就是指頁面內(nèi)可以包含 圖片 鏈接 音樂 程序 非文字元素 Html基本組成部分 聲明 告知瀏覽器使用HTML或XHTML規(guī)范 文檔開始部分 解析語言 content 內(nèi)容類型 charset 編碼 頭部 文檔頭部 標題 文檔標題 主體內(nèi)容區(qū)域 HTML CSS JS之間的關系 HTML標簽 HTML標簽是HTML語言中最基本的單位 也是最重要的一部分 瀏覽器以某種方式顯示相應的標簽樣式 標簽特點 開放 閉合 尖括號 成對 開始 結束 標簽語義話 什么是標簽語義化 重要性 去掉或樣式丟失的時候能讓頁面呈現(xiàn)清晰的結構 搜索引擎的爬蟲也依賴于標記來確定上下文和各個關鍵字的權重 便于團隊開發(fā)和維護 語義化標簽就是盡量使用與結構相對應的含義的Html的標簽 練習 1 跟著老師 打開Dreamweaver 用10分鐘時間試一下左邊這些標簽各有什么作用 2 根據(jù)塊級元素和行內(nèi)元素的區(qū)別 完成下面的連線題 感謝聆聽