【適合對象】

1、年齡要求:20 周歲(含)以上;

2、學歷要求:理工科大專(含大專)以上學歷,非理工科本科(含本科)以上學歷;

3、其他要求:具備計算機基本的基本操作、英語閱讀能力即可。

【學習前景】

軟件開發工程師、軟件測試工程師、系統工程師、數據庫工程師

【課程安排】

階段(設計與軟件技能)

Dreamweaver

講解DW的人性化功能以及在頁面架構和前端開發應用領域的使用技巧,html基礎應用,快速入門,css樣式表的應用,的管理和維護

Illustrator

廣泛應用于出版、多媒體和UI圖標界面設計的工業標準矢量插畫的軟件,印刷和Web網絡創作的專業平臺,針對Web和移動的改進、介紹多個畫板、觸摸式創意工具等新鮮特性

Fireworks

講解FW在網頁切片、圖層、幀、gif動畫、畫布設置中的應用以及配合其他軟件進行使用

Photoshop

熟練掌握PS在圖像編輯、圖像合成、校色調色及制作四大部分的技巧以及配合其他軟件的應用

培訓目標熟練掌握PS在圖像編輯、圖像合成、校色調色及制作四大部分的技巧以及配合其他軟件的應用

第二階段(web前端 PC端和移動端項目開發)

HTML標簽

入門與簡介

2.文本、圖像、鏈接、表格、列表、表單、框架(iframe)等標簽

新增的智能表單

新增的結構化標簽

隨堂項目:

1.文章頁面的結構化布局。包括文章標題、正文、圖片、頁面背景、作者、發表時間等信息

2.利用table標簽課程表的實現

3.利用form、input表單標簽實現簡單登錄注冊頁面

CSS基礎語法

語法規則

三種引入方式

3.標簽的常見屬性

中常見文字格式化處理

中常見顏色的表達方式

隨堂項目:

一般導航欄的制作

CSS選擇器

1.什么是CSS選擇器

選擇器、class選擇器、元素選擇器

3.偽類選擇器、結構化偽類選擇器、屬性選擇器、兄弟選擇器、子元素選擇器

CSS盒子模型

1.什么是和盒子模型

2.盒子模型的內容區、邊框、內邊距、外邊距

3.知曉盒子模型各個屬性的使用場景

隨堂項目:

導航欄的制作,利用盒子模型拉開間距、hover效果添加后的內邊距設定

浮動與定位

的使用

2.利用clear 清除浮動

3.利用overflow消除float對于父容器的影響

定位中的:static、fixed、absolute、relative的使用

隨堂項目:

導航欄左右布局的定位、二級菜單的實現、回到頂部的按鈕

響應式布局與頁面優化處理

1.移動頁面與PC端頁面布局時候需要注意點

2.響應式布局的實現原理

3.各種瀏覽器對于CSS樣式的支持情況

4.頁面優化需要注意的地方

5.解決跨瀏覽器兼容性問題

隨堂項目:

移動端的用戶注冊頁面、PC端的用戶注冊頁面。

實戰項目

1.熟悉網頁前端開發的完整流程

設計稿的切圖操作

3.導航欄的設計與實現

4.二級菜單的設計與實現

5.網頁布局中的排列技巧

6.商品列表的設計與實現

效果搭配陰影效果在網頁設計中的使用技巧

8.列表在網頁設計中的使用技巧

9.盒子模型的使用技巧

培訓目標:

1.根據PS設計稿完成網頁首頁的代碼編寫

2.知曉整個團隊開發協作流程能夠獨立的擔任前端開發工作

核心語法

1.基礎語法

2.的引入方式

3.中的對象、數組、變量

4.流程控制(if…else switch…case while for)

隨堂項目:九九乘法表、閏年計算、誰是高富帥(if…else. Switch…case)

B0M與D0M操作

1.熟知瀏覽器中的對象B0M,并利用操作它

2.熟知文檔對象模型D0M。并利用操作它

隨堂項目:

網頁時鐘的制作、回到頂部

事件編程

1.的事件機制

2.常見的JS事件:單擊、雙擊、移動、懸停、焦點的獲取與失去、瀏覽器的關閉與加載

隨堂項目:

1.選不中的按鈕的實現

2.簡單功能計算機的實現正則表達式、面向對象編程、錯誤處理

3.正則表達式的語法基礎

4.利用正則表達式做字符匹配

5.面向對象編程

6.的處理處理機制