東方博宜網(wǎng)頁(yè)設(shè)計(jì)師課程大綱 |
模塊 | 課程 | 學(xué)習(xí)內(nèi)容 |
PhotoShop應(yīng)用技能 | 廣告圖片與色彩構(gòu)圖 | . 廣告圖片字體的選擇和排放及對(duì)效果的影響,色彩構(gòu)成原理; |
. 用色彩表達(dá)冷暖、活躍、華麗、親切、穩(wěn)重等; |
. PS的顏色模式切換、色板的使用,顏色的填充,漸變的使用等; |
. 曲線、曝光度、自然度、飽和度命令、黑白、色調(diào)等命令的使用; |
. 案例:廣告圖和各類色彩構(gòu)圖的作品賞析,風(fēng)景照調(diào)色等; |
PS CS6基本操作、文字排版 | . PS的圖像操作、圖層操作; |
. 圖像的編輯和修復(fù):選區(qū)的使用和操作; |
. PS的畫筆、鋼筆工具使用; |
. PS的文字排版 |
. 案例:調(diào)整人物的姿態(tài)、修復(fù)破損、紅眼、眼袋、水漬等,圖片的快速美化、發(fā)光字、文字制作; |
PS的、摳圖、合成等 | . 利用濾鏡制作各類; |
. 蒙版和通道的使用詳解; |
. 復(fù)雜圖片的摳圖、GIF動(dòng)態(tài)圖制作; |
. 案例:拼圖、插畫、自傳、鉛筆畫、鋼筆畫、照片摳圖、合成圖像等; |
Dreamweaver PC網(wǎng)頁(yè)制作 | Web前端網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)標(biāo)簽 | . 網(wǎng)頁(yè)設(shè)計(jì)基本流程和工作內(nèi)容; |
. WEB頁(yè)和移動(dòng)頁(yè)面的設(shè)計(jì)規(guī)范,網(wǎng)頁(yè)的風(fēng)格和色彩; |
. 網(wǎng)頁(yè)的基本結(jié)構(gòu)、元素構(gòu)成(文本、多媒體元素)、標(biāo)簽的組合; |
. 案例:各類風(fēng)格的商業(yè)網(wǎng)站賞析、新聞頁(yè)排版、廣告業(yè)排版; |
表格表單框架 | . 表單的設(shè)計(jì)及引用; |
. 表格及其修飾:寬、高、位置、顏色、背景,行列合并、結(jié)構(gòu)修改、線合并等; |
. 案例:各類報(bào)名表的制作、簡(jiǎn)歷表的制作、房產(chǎn)活動(dòng)頁(yè)面制作、游戲頁(yè)面制作、登陸頁(yè)面、留言頁(yè)面制作; |
DIV+CSS頁(yè)面布局 | . 常見(jiàn)的DIV布局案例,DIV的浮動(dòng)和定位; |
. CSS的選擇器及屬性詳解:文字、文本、背景、定位、布局、邊框、補(bǔ)丁和補(bǔ)白、浮動(dòng)等詳解; |
. CSS:導(dǎo)航等各類CSS; |
. 案例:學(xué)校網(wǎng)頁(yè)、*網(wǎng)頁(yè)、商業(yè)網(wǎng)頁(yè)、電商網(wǎng)頁(yè)的DIV+CSS布局; |
移動(dòng)端響應(yīng)式頁(yè)面制作 | HTML5+CSS3 | . HTML5移動(dòng)端頁(yè)面設(shè)計(jì)的基本流程、設(shè)計(jì)原理、設(shè)備支持; |
. HTML5新增元素、文檔結(jié)構(gòu)、音頻和視頻處理、存儲(chǔ)、離線Web應(yīng)用講解; |
. CSS3新增屬性詳解:文本、背景、邊框、動(dòng)畫等詳解; |
. 案例:利用H5+CSS3的制作頁(yè)面; |
Bootstrap前端框架 | . Bootstrap布局容器和柵格系統(tǒng); |
. Bootstrap排版、表格、表單、按鈕、圖片等 |
. 案例:Bootstrap布局設(shè)計(jì)制作Web頁(yè); |
架構(gòu)移動(dòng)端網(wǎng)站 | . Swiper實(shí)現(xiàn)觸摸滑動(dòng)輪播; |
. 媒體查詢實(shí)現(xiàn)響應(yīng)式頁(yè)面設(shè)計(jì) |
. 案例:制作移動(dòng)端響應(yīng)式星巴克Web前端網(wǎng)站 |
實(shí)戰(zhàn)建立個(gè)人站點(diǎn) | 網(wǎng)站的基礎(chǔ)知識(shí) | . 常見(jiàn)網(wǎng)站的分類:企業(yè)站、電商站、博客、論壇、社交站等; |
. 網(wǎng)站選型講解,PC和移動(dòng)站的差別及建站流程; |
. 同類網(wǎng)站調(diào)研及優(yōu)勢(shì)分析,采用開(kāi)源程序搭建自己的網(wǎng)站; |
. 網(wǎng)站的備份和還原:客服及統(tǒng)計(jì)工具安裝; |
. 案例:根據(jù)自己的行業(yè)、興趣點(diǎn)完成網(wǎng)站選型,同類網(wǎng)站的調(diào)研,搭建自己的網(wǎng)站; |
服務(wù)器和域名的選購(gòu)、網(wǎng)站的遠(yuǎn)程部署 | . IDC服務(wù)商的選擇、域名和服務(wù)器的選購(gòu)及注意要點(diǎn); |
. 域名的備案流程、解析等; |
. 服務(wù)器開(kāi)通和日常管理; |
. 網(wǎng)站在遠(yuǎn)程服務(wù)器的部署詳解; |
. 網(wǎng)站的日常管理和數(shù)據(jù)統(tǒng)計(jì); |
. 案例:根據(jù)自己的需要購(gòu)買域名和虛擬主機(jī),遠(yuǎn)程部署自己的網(wǎng)站; |