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