新手入門(mén)必備課程：淘寶店鋪裝修基礎(chǔ).ppt

《新手入門(mén)必備課程：淘寶店鋪裝修基礎(chǔ).ppt》由會(huì)員分享，可在線(xiàn)閱讀，更多相關(guān)《新手入門(mén)必備課程：淘寶店鋪裝修基礎(chǔ).ppt（17頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

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