【適合對象】
1、年齡要求:20 周歲(含)以上;
2、學(xué)歷要求:理工科大專(zhuān)(含大專(zhuān))以上學(xué)歷,非理工科本科(含本科)以上學(xué)歷;
3、其他要求:具備計算機基本的基本操作、英語(yǔ)閱讀能力即可。
【學(xué)習前景】
軟件開(kāi)發(fā)工程師、軟件測試工程師、系統工程師、數據庫工程師
【課程安排】
階段(設計與軟件技能)
Dreamweaver
講解DW的人性化功能以及在頁(yè)面架構和前端開(kāi)發(fā)應用領(lǐng)域的使用技巧,html基礎應用,快速入門(mén),css樣式表的應用,的管理和維護
Illustrator
廣泛應用于出版、多媒體和UI圖標界面設計的工業(yè)標準矢量插畫(huà)的軟件,印刷和Web網(wǎng)絡(luò )創(chuàng )作的專(zhuān)業(yè)平臺,針對Web和移動(dòng)的改進(jìn)、介紹多個(gè)畫(huà)板、觸摸式創(chuàng )意工具等新鮮特性
Fireworks
講解FW在網(wǎng)頁(yè)切片、圖層、幀、gif動(dòng)畫(huà)、畫(huà)布設置中的應用以及配合其他軟件進(jìn)行使用
Photoshop
熟練掌握PS在圖像編輯、圖像合成、校色調色及制作四大部分的技巧以及配合其他軟件的應用
培訓目標熟練掌握PS在圖像編輯、圖像合成、校色調色及制作四大部分的技巧以及配合其他軟件的應用
第二階段(web前端 PC端和移動(dòng)端項目開(kāi)發(fā))
HTML標簽
入門(mén)與簡(jiǎn)介
2.文本、圖像、鏈接、表格、列表、表單、框架(iframe)等標簽
新增的智能表單
新增的結構化標簽
隨堂項目:
1.文章頁(yè)面的結構化布局。包括文章標題、正文、圖片、頁(yè)面背景、作者、發(fā)表時(shí)間等信息
2.利用table標簽課程表的實(shí)現
3.利用form、input表單標簽實(shí)現簡(jiǎn)單登錄注冊頁(yè)面
CSS基礎語(yǔ)法
語(yǔ)法規則
三種引入方式
3.標簽的常見(jiàn)屬性
中常見(jiàn)文字格式化處理
中常見(jiàn)顏色的表達方式
隨堂項目:
一般導航欄的制作
CSS選擇器
1.什么是CSS選擇器
選擇器、class選擇器、元素選擇器
3.偽類(lèi)選擇器、結構化偽類(lèi)選擇器、屬性選擇器、兄弟選擇器、子元素選擇器
CSS盒子模型
1.什么是和盒子模型
2.盒子模型的內容區、邊框、內邊距、外邊距
3.知曉盒子模型各個(gè)屬性的使用場(chǎng)景
隨堂項目:
導航欄的制作,利用盒子模型拉開(kāi)間距、hover效果添加后的內邊距設定
浮動(dòng)與定位
的使用
2.利用clear 清除浮動(dòng)
3.利用overflow消除float對于父容器的影響
定位中的:static、fixed、absolute、relative的使用
隨堂項目:
導航欄左右布局的定位、二級菜單的實(shí)現、回到頂部的按鈕
響應式布局與頁(yè)面優(yōu)化處理
1.移動(dòng)頁(yè)面與PC端頁(yè)面布局時(shí)候需要注意點(diǎn)
2.響應式布局的實(shí)現原理
3.各種瀏覽器對于CSS樣式的支持情況
4.頁(yè)面優(yōu)化需要注意的地方
5.解決跨瀏覽器兼容性問(wèn)題
隨堂項目:
移動(dòng)端的用戶(hù)注冊頁(yè)面、PC端的用戶(hù)注冊頁(yè)面。
實(shí)戰項目
1.熟悉網(wǎng)頁(yè)前端開(kāi)發(fā)的完整流程
設計稿的切圖操作
3.導航欄的設計與實(shí)現
4.二級菜單的設計與實(shí)現
5.網(wǎng)頁(yè)布局中的排列技巧
6.商品列表的設計與實(shí)現
效果搭配陰影效果在網(wǎng)頁(yè)設計中的使用技巧
8.列表在網(wǎng)頁(yè)設計中的使用技巧
9.盒子模型的使用技巧
培訓目標:
1.根據PS設計稿完成網(wǎng)頁(yè)首頁(yè)的代碼編寫(xiě)
2.知曉整個(gè)團隊開(kāi)發(fā)協(xié)作流程能夠獨立的擔任前端開(kāi)發(fā)工作
核心語(yǔ)法
1.基礎語(yǔ)法
2.的引入方式
3.中的對象、數組、變量
4.流程控制(if…else switch…case while for)
隨堂項目:九九乘法表、閏年計算、誰(shuí)是高富帥(if…else. Switch…case)
B0M與D0M操作
1.熟知瀏覽器中的對象B0M,并利用操作它
2.熟知文檔對象模型D0M。并利用操作它
隨堂項目:
網(wǎng)頁(yè)時(shí)鐘的制作、回到頂部
事件編程
1.的事件機制
2.常見(jiàn)的JS事件:單擊、雙擊、移動(dòng)、懸停、焦點(diǎn)的獲取與失去、瀏覽器的關(guān)閉與加載
隨堂項目:
1.選不中的按鈕的實(shí)現
2.簡(jiǎn)單功能計算機的實(shí)現正則表達式、面向對象編程、錯誤處理
3.正則表達式的語(yǔ)法基礎
4.利用正則表達式做字符匹配
5.面向對象編程
6.的處理處理機制
