職業(yè)教育“十三五”數(shù)字媒體應(yīng)用人才培養(yǎng)系列教材Dreamweaver網(wǎng)頁設(shè)計(jì)與應(yīng)用60個專業(yè)案例362個案例素材及源文件92個微課視頻DreamweaverCC2019微課版教師專項(xiàng)服務(wù)項(xiàng)目14品牌展示網(wǎng)頁項(xiàng)目引入：品牌展示網(wǎng)頁是企業(yè)展示自身品

牌形象和核心價值的重要平臺，通過

視覺設(shè)計(jì)和內(nèi)容編排向用戶呈現(xiàn)品牌

故事、產(chǎn)品與服務(wù)、成功案例等關(guān)鍵

信息。本項(xiàng)目以兩個類型的品牌展示

網(wǎng)頁為例，講解品牌展示網(wǎng)頁的設(shè)計(jì)

方法和制作技巧。◆

了解品牌展示網(wǎng)頁的功能◆

掌握品牌展示網(wǎng)頁的設(shè)計(jì)流程◆掌握品牌展示網(wǎng)頁的布局◆

掌握品牌展示網(wǎng)頁的制作方法項(xiàng)目目標(biāo)

掌握“品茗茶業(yè)網(wǎng)頁”的關(guān)鍵制作步驟

◆掌握“拓森科技網(wǎng)頁”的關(guān)鍵制作步驟技能目標(biāo)

培養(yǎng)批判性思維和解決問題的能力◆

培養(yǎng)責(zé)任感和上進(jìn)心素養(yǎng)目標(biāo)品牌展示網(wǎng)頁旨在全面介紹和推廣品牌，通過視覺效果和內(nèi)容的結(jié)合傳達(dá)品牌的核心價值和獨(dú)特魅力，提高品牌知名度和吸引力。其

目標(biāo)是吸引潛在客戶、合作伙伴和投資者，提高他們對品牌的信任度

和忠誠度。任務(wù)14.1

品牌展示網(wǎng)頁概述任務(wù)分析任務(wù)效果◆

任務(wù)制作任務(wù)14.2

品茗茶業(yè)網(wǎng)頁茶是一種源自我國的古老飲品，承載著豐富的文化內(nèi)涵。茶有許多品種，每種茶都有其獨(dú)特的風(fēng)味和功效。茶不僅是一種飲品，也是

一種生活方式和精神象征。本任務(wù)以品茗茶業(yè)品牌展示為例，設(shè)計(jì)制

作一個茶葉網(wǎng)頁，旨在為茶葉愛好者提供全面的茶文化信息和優(yōu)質(zhì)的

茶葉產(chǎn)品。通過此網(wǎng)頁，用戶可以了解不同種類的茶葉、茶文化歷

史、茶葉制作工藝等內(nèi)容，同時可以購買到優(yōu)質(zhì)的茶葉產(chǎn)品，滿足品

茶需求。在網(wǎng)頁制作過程中，淺色的背景與茶山相互襯托，突出了茶葉的生機(jī)與清新，導(dǎo)航條的設(shè)計(jì)簡潔清晰，方便瀏覽者瀏覽。通過對文字和圖像的精心編排和分類設(shè)計(jì)提供給瀏覽者最需要了解的相關(guān)信息。14.2.1

任務(wù)分析本任務(wù)將使用“頁面屬性”命令設(shè)置頁面屬性，使用“Table”按鈕插入表格，使用“Image”按鈕插入圖像，使用“CSS設(shè)計(jì)器”面板設(shè)置文字

的大小、顏色和行距。14.2.2

任務(wù)效果效果圖布局八大茗茶產(chǎn)地曹

上

三

9日1.設(shè)置頁面屬性并制作導(dǎo)航條2.

制作內(nèi)容區(qū)域3.

制作底部區(qū)域14.2.3

任務(wù)制作任務(wù)分析任務(wù)效果◆

任務(wù)制作任務(wù)14.3

拓森科技網(wǎng)頁拓森是一家以提供科技數(shù)字化創(chuàng)新服務(wù)為主的專業(yè)化體驗(yàn)咨詢公司。以數(shù)據(jù)為核心，通過品牌傳播和數(shù)字營銷等服務(wù)，滿足用戶多樣

化的傳播與創(chuàng)意需求。本案例是為企業(yè)設(shè)計(jì)制作網(wǎng)站，旨在為用戶提

供最新的服務(wù)和行業(yè)趨勢，以滿足用戶對企業(yè)服務(wù)的了解，促進(jìn)交流

與創(chuàng)新。在網(wǎng)頁制作過程中，通過簡潔清晰的導(dǎo)航條、富有視覺沖擊力的Banner、詳細(xì)的公司簡介、明確的核心業(yè)務(wù)展示和強(qiáng)大的合作伙伴展

示，體現(xiàn)公司的實(shí)力和品牌價值，引導(dǎo)用戶進(jìn)一步探索和合作。14.3.1

任務(wù)分析本任務(wù)將使用“頁面屬性”命令設(shè)置頁面字體、大小、顏色、頁邊距及頁面標(biāo)題，使用“Table”按鈕布局頁面，使用“Image

”按鈕插入圖

像，添加網(wǎng)頁標(biāo)志和廣告條，使用“CSS設(shè)計(jì)器”面板設(shè)置單元格背景、

文字顏色、文字大小及文字行距，使用“屬性”面板設(shè)置單元格的寬度及

高

度

。14.3.2

任務(wù)效果效果圖1.制作導(dǎo)航條2.制作公司簡介區(qū)域3.制作核心業(yè)務(wù)和合作伙伴區(qū)域14.3.3

任務(wù)制作使用“Table”按鈕插入表格，使用“Image

”按鈕插入圖像，使用“屬性”面板設(shè)置單元格的寬度、高度及背景顏色，使用“CSS設(shè)計(jì)器”面板設(shè)

置文字的顏色、大小。項(xiàng)目實(shí)踐—思美化妝品網(wǎng)頁效果圖使用“頁面屬性”命令設(shè)置頁面字體、大小、顏色及頁邊距、頁面標(biāo)題，使用“Im