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

1、淘寶店鋪裝修基礎(chǔ)新手入門必備課程重慶泰岳優(yōu)才科技有限公司講師：Hans網(wǎng)頁構(gòu)造原理1、網(wǎng)頁實際上是一個大盒子，這個盒子里面裝著各種各樣的小盒子。網(wǎng)站logo首頁 | 詳情頁 | | 2、各個盒子有著不同的屬性（大小、邊框、背景顏色、字體大小等）。3、各個小盒子里面裝著各種元素（文字、圖片、動畫、視頻等）。工作職能1、與交互設(shè)計師、 視覺設(shè)計師協(xié)作，根據(jù)設(shè)計稿，把圖片形式的東西“制作”為可編輯的網(wǎng)頁形式。2、再根據(jù)網(wǎng)站要求，給相應(yīng)的地方添加上交互（鏈接、動畫等）。3、前端開發(fā)工程師（通常說的“網(wǎng)頁制作”、“網(wǎng)頁制作工程師”、“前端制作工程師”、“網(wǎng)站重構(gòu)工程師”都統(tǒng)稱為“前端”。）4、一名合格的

2、前端開發(fā)工程師，應(yīng)該具有一定的審美能力和基礎(chǔ)的美工操作能力，能很好的與交互及視覺協(xié)作。課前演練請學(xué)員們觀察這個店鋪， 并討論他有哪些問題。丑丑店鋪裝修的重要性1、引入流量、提升銷售。3、給買家提供便捷，能簡捷快速的找到需要的產(chǎn)品。2、品牌識別，提升品牌知名度。4、讓賣家更好的對店鋪進行管理。店鋪裝修流程普通店鋪裝修店鋪招牌店鋪類目公告欄寶貝描述店鋪首頁和寶貝詳情頁等告訴買家在購買前的注意事項網(wǎng)頁形式上傳圖片到圖片空間后臺編輯并上傳代碼預(yù)覽確認(rèn)后發(fā)布編輯并存儲備份:方便以后我們修改DreamweaverAdobe“網(wǎng)頁三劍客網(wǎng)頁三劍客”FireworksAdobeFlashAdobe一、店鋪裝修

3、工具介紹實訓(xùn)環(huán)節(jié)1、了解熟悉圖片空間各個功能。2、嘗試新建文件夾，并命名為“我的店鋪”。3、上傳素材包里的“店招.jpg”圖片至“我的店鋪”。4、打開Dreamweaver，新建一個頁面，插入圖片空間的“店招.jpg”。二、制作店招1、Html簡介超文本標(biāo)記語言“超文本”就是指頁面內(nèi)可以包含：圖片鏈接音樂程序非文字元素非文字元素Html基本組成部分聲明，告知瀏覽器使用聲明，告知瀏覽器使用HTML 或或 XHTML 規(guī)范規(guī)范文檔開始部分文檔開始部分解析語言，解析語言，content（內(nèi)容類型），內(nèi)容類型）， charset（編碼）編碼）頭部，文檔頭部頭部，文檔頭部標(biāo)題，文檔標(biāo)題標(biāo)題，文檔標(biāo)題主體

4、內(nèi)容區(qū)域主體內(nèi)容區(qū)域HTML（結(jié)構(gòu)）CSS（樣式）JS（行為/動作）HTML、CSS、JS之間的關(guān)系HTML標(biāo)簽 打開電商世界大門 HTML標(biāo)簽是HTML語言中最基本的單位，也是最重要的一部分。瀏覽器以某種方式顯示相應(yīng)的標(biāo)簽樣式。標(biāo)簽特點 打開電商世界大門 由_包圍的關(guān)鍵詞，比如 通常是_出現(xiàn)的，比如 和 也有單獨呈現(xiàn)的標(biāo)簽，如：、等標(biāo)簽對中的第一個標(biāo)簽是_標(biāo)簽，第二個標(biāo)簽是_標(biāo)簽。開始和結(jié)束標(biāo)簽也被稱為_標(biāo)簽和_標(biāo)簽。開放閉合尖括號成對開始結(jié)束標(biāo)簽語義話什么是標(biāo)簽語義化：什么是標(biāo)簽語義化：重要性：重要性：去掉或樣式丟失的時候能讓頁面呈現(xiàn)清晰的結(jié)構(gòu)；搜索引擎的爬蟲也依賴于標(biāo)記來確定上下文和各個關(guān)鍵字的權(quán)重；便于團隊開發(fā)和維護。語義化標(biāo)簽就是盡量使用與結(jié)構(gòu)相對應(yīng)的含義的Html的標(biāo)簽練習(xí)塊級元素塊級元素行內(nèi)元素行內(nèi)元素divh1pulolspanubaem1、跟著老師，