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