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