唐山市現(xiàn)代電腦學(xué)校——web前端開(kāi)發(fā)課程

已閱[5995]次 [2022-12-30]

一、唐山市現(xiàn)代電腦學(xué)校簡(jiǎn)介

唐山市現(xiàn)代電腦學(xué)校始于2006年，置身河北，坐落唐山市中心，是一所專業(yè)的計(jì)算機(jī)職業(yè)教育培訓(xùn)機(jī)構(gòu)，學(xué)校集專業(yè)知識(shí)、實(shí)戰(zhàn)教學(xué)、企業(yè)化實(shí)訓(xùn)、職業(yè)素質(zhì)、資格認(rèn)證等融入一體的計(jì)算機(jī)培訓(xùn)機(jī)構(gòu)。全方位系統(tǒng)化的培養(yǎng)學(xué)員電腦各項(xiàng)專業(yè)技能，讓學(xué)員畢業(yè)后能夠獲得企業(yè)的高度認(rèn)可和好評(píng)，建校至今為社會(huì)培養(yǎng)大批計(jì)算機(jī)精英人才，并與千余知名IT公司創(chuàng)辦校企合作單位，助力每一位熱衷于計(jì)算機(jī)技術(shù)的有志學(xué)子放飛夢(mèng)想成就人生！

學(xué)校是政府部門批準(zhǔn)的正規(guī)化、專業(yè)化電腦專業(yè)技能培訓(xùn)學(xué)校，也是政府扶持就業(yè)的培訓(xùn)基地，學(xué)校采用首創(chuàng)1+N教學(xué)體系，培養(yǎng)電腦的高、精、尖人才為目的，自建校以來(lái)為社會(huì)培養(yǎng)過(guò)近萬(wàn)計(jì)算機(jī)操作人才，樹(shù)立起一個(gè)優(yōu)秀的電腦藝術(shù)設(shè)計(jì)教育培訓(xùn)品牌。

二、唐山市現(xiàn)代電腦學(xué)校現(xiàn)代課程

學(xué)習(xí)時(shí)間：五個(gè)半月左右

一份工作賺二份錢：正常上班薪資+業(yè)余私單報(bào)酬

所學(xué)課程：（八大項(xiàng)）DremaweaverCC2017、真實(shí)項(xiàng)目實(shí)戰(zhàn)演練、CSS3、HTML5、DIV+CSS、JavaScript、JQuery、web前端實(shí)戰(zhàn)

課程定位：2016年10月學(xué)校研發(fā)團(tuán)隊(duì)研發(fā)，對(duì)千余條招聘數(shù)據(jù)進(jìn)行深入分析、針對(duì)龍頭企業(yè)職場(chǎng)的工作內(nèi)容及需求，以新派網(wǎng)站的設(shè)計(jì)為導(dǎo)向，培養(yǎng)高端設(shè)計(jì)人才為目的，緊隨北京、天津、唐山等眾多一、二線城市飛速發(fā)展的網(wǎng)絡(luò)時(shí)代，全方位打造多元化專業(yè)的網(wǎng)站web前端開(kāi)發(fā)設(shè)計(jì)師，學(xué)校也是唐山一所擁有實(shí)戰(zhàn)基地（唐山虎視網(wǎng)責(zé)任有限公司）的培訓(xùn)機(jī)構(gòu)，所以，教前端我們有一套。

講師介紹：2012年在學(xué)校任職網(wǎng)頁(yè)美工設(shè)計(jì)課程主講教師，多年來(lái)有豐富的教學(xué)和實(shí)踐經(jīng)驗(yàn)，并擔(dān)任唐山虎視網(wǎng)責(zé)任有限公司設(shè)計(jì)總監(jiān)一職。

學(xué)習(xí)結(jié)業(yè)后水平及就業(yè)方向：對(duì)設(shè)計(jì)有自己獨(dú)到的見(jiàn)解和思路，有一定的藝術(shù)美感，能勝任大、中型網(wǎng)絡(luò)公司，獨(dú)立制作、設(shè)計(jì)網(wǎng)站，純代碼方式編寫新派網(wǎng)站，在學(xué)校學(xué)習(xí)的學(xué)員能夠做到畢業(yè)即可成為真正具備專業(yè)的前端一線設(shè)計(jì)師的水平。學(xué)校也是唐山一家政府扶持就業(yè)的培訓(xùn)基地。

DremamweraverCC2017：常見(jiàn)的文本及區(qū)塊標(biāo)簽、超級(jí)鏈接、圖像標(biāo)簽及路徑、表格標(biāo)簽、表單的制作、大型網(wǎng)站模塊布局案例、常見(jiàn)注冊(cè)表實(shí)例、CSS語(yǔ)法格式及7種選擇器、網(wǎng)頁(yè)簡(jiǎn)寫規(guī)則、塊級(jí)元素、盒子模型、選擇器優(yōu)先級(jí)和其他屬性、常見(jiàn)的文本、行級(jí)塊元素、萬(wàn)維網(wǎng)的導(dǎo)航條制作、添加浮動(dòng)和清除浮動(dòng)、百度百科的W3C頁(yè)面、背景樣式的應(yīng)用、網(wǎng)頁(yè)基礎(chǔ)框架制作、網(wǎng)頁(yè)布局實(shí)戰(zhàn) Gulp中文網(wǎng)、網(wǎng)站框架搭建及頭部布局、三種定位布局方式、CSS的高級(jí)屬性和應(yīng)用、帶有下拉框的導(dǎo)航條、定位在交互上的應(yīng)用、

DremamweraverCC2017真實(shí)項(xiàng)目實(shí)戰(zhàn)演練：企業(yè)網(wǎng)站設(shè)置超級(jí)鏈接制作飯店網(wǎng)站首頁(yè)、制作公司網(wǎng)站、切圖注意要素和步驟、餐飲公司網(wǎng)站首頁(yè)、設(shè)置頁(yè)面頭部信息、添加網(wǎng)頁(yè)關(guān)鍵字、HTML語(yǔ)言的學(xué)習(xí)和使用、HTML三種標(biāo)簽形式、常用基本標(biāo)簽、常用格式標(biāo)簽、超鏈接標(biāo)簽、分區(qū)標(biāo)簽、多媒體標(biāo)簽、XHTML語(yǔ)言的學(xué)習(xí)和使用，表單標(biāo)簽、表單、制作表單實(shí)例、HTML與CSS、CSS語(yǔ)法結(jié)構(gòu)、CSS選擇符、通配選擇符的使用、ID選擇符、類選擇符、超鏈接偽類、群選擇符、制作網(wǎng)站新聞欄目、實(shí)現(xiàn)表格交互效果、隔行變色的表格、航天科技網(wǎng)頁(yè)、酒店網(wǎng)站頁(yè)面、制作科技網(wǎng)站頁(yè)面、酒店網(wǎng)站文字鏈接效果、女裝網(wǎng)站圖片效果、游戲網(wǎng)站文字超鏈接效果、制作網(wǎng)站導(dǎo)航菜單、背景翻轉(zhuǎn)導(dǎo)航菜單、個(gè)人卡通網(wǎng)站歡迎頁(yè)、設(shè)置不同背景顏色區(qū)分網(wǎng)頁(yè)元素、美化圖文頁(yè)面、設(shè)計(jì)作品展示頁(yè)面、制作網(wǎng)站新聞列表、制作音樂(lè)排行榜、制作游戲網(wǎng)站導(dǎo)航、汽車網(wǎng)站豎向?qū)Ш健⑦\(yùn)動(dòng)鞋網(wǎng)站頁(yè)面、制作圖片展示網(wǎng)頁(yè)、制作游戲新聞欄目、制作個(gè)性網(wǎng)站歡迎頁(yè)面、創(chuàng)建網(wǎng)頁(yè)表單、制作網(wǎng)站登錄頁(yè)面、制作網(wǎng)站搜索欄、網(wǎng)頁(yè)動(dòng)態(tài)交互導(dǎo)航菜單、網(wǎng)頁(yè)中各種超鏈接的設(shè)置（文字超鏈接、錨點(diǎn)鏈接、創(chuàng)建E-maill鏈接、創(chuàng)建下載鏈接、空鏈接、圖像熱點(diǎn)鏈接、腳本鏈接）、框架的使用與網(wǎng)頁(yè)的創(chuàng)建、創(chuàng)建浮動(dòng)框架網(wǎng)頁(yè)、制作電子書(shū)、網(wǎng)頁(yè)行為的應(yīng)用、創(chuàng)建打開(kāi)瀏覽器窗口網(wǎng)頁(yè)、實(shí)現(xiàn)圖片轉(zhuǎn)換，常用來(lái)做廣告條和產(chǎn)品展示、頁(yè)中頁(yè)IFRAME的學(xué)習(xí)、跳轉(zhuǎn)菜單與子菜單效果、創(chuàng)建AP DIV元素、層的嵌套、制作時(shí)尚高檔網(wǎng)站、插入多媒體元素、制作FLASH動(dòng)畫(huà)版頭、插入音頻、插入FLV視頻、模板的創(chuàng)建、上傳網(wǎng)站、設(shè)置服務(wù)器、申請(qǐng)空間與綁定、申請(qǐng)域名、站點(diǎn)發(fā)布流程。

CSS3:CSS3語(yǔ)法、標(biāo)簽選擇符、類選擇符、ID選擇符、偽類選擇符、組合選擇符、群選擇符、網(wǎng)頁(yè)中應(yīng)用CSS的4種方式：內(nèi)聯(lián)樣式、嵌入樣式、鏈接外部樣式、導(dǎo)入樣式、CSS樣式的層疊性、創(chuàng)建DIV、margin屬性、border屬性、padding屬性、CSS的定位屬性、絕對(duì)定位absolute、固定定位fixed、浮動(dòng)定位、空白邊疊加、常用網(wǎng)頁(yè)布局格式、浮動(dòng)的布局、兩列固定寬度居中布局、塊元素、CSS樣式屬性、字體顏色color屬性、字體粗細(xì)font-weight屬性、字體樣式font-style屬性、文字修飾text-decoration屬性、字間距word-spacing屬性、行間距ine-height屬性、段落首行縮進(jìn)text-indent屬性、段落水平對(duì)齊text-align屬性、文本垂直對(duì)齊vertical-align屬性、使用CSS控制背景顏色和背景圖像、背景圖像Background-color屬性、使用CSS設(shè)置圖片樣式、使用CSS控制表單元素、新增的文字控制屬性、控制文本換行word-wrap屬性、文本溢出處理text-overflow屬性、新增背景控制屬性、背景圖像顯示區(qū)域background-origin屬性、背景圖像裁剪區(qū)域background-clip屬性、新增邊框控制屬性、圓角邊框border-radius屬性、圖像邊框border-image屬性、內(nèi)容content屬性、透明度opacity屬性、列寬度column-width屬性、列數(shù)column-count屬性、列間距column-gap屬性、列邊框column-rule屬性。

HTML5:HTML主要功能、基本語(yǔ)法、邊距屬性、設(shè)置網(wǎng)頁(yè)背景顏色、設(shè)置網(wǎng)頁(yè)背景、布爾值、結(jié)構(gòu)元素、內(nèi)容元素、修飾元素、核心屬性、語(yǔ)言屬性、鍵盤屬性、內(nèi)容屬性、其他屬性、級(jí)塊性元素、交互性元素、廢除的元素、鏈接屬性、其他屬性、Html5全局屬性等

DIV+CSS：使用DIV+CSS制作符合Web標(biāo)準(zhǔn)的網(wǎng)頁(yè)頁(yè)面、id、class、CSS盒模型、CSS盒模型的要點(diǎn)、Border屬性、Padding屬性、Content部分、網(wǎng)頁(yè)元素定位、position屬性、Relative定位方式、Absolute定位方式、Fixed定位方式、空白邊疊加、div+css布局解析、內(nèi)容居中的網(wǎng)頁(yè)布局、浮動(dòng)的網(wǎng)頁(yè)布局、兩列寬度自適應(yīng)布局、兩列右列寬度自適應(yīng)布局、兩列固定寬度居中布局、三列浮動(dòng)中間列寬度自適應(yīng)布、一列自適應(yīng)、兩列寬度百分比布局、使用margin屬性、樣式中的*號(hào)作用、制作酒店公司頁(yè)面、制作文字滾動(dòng)條效果、游戲網(wǎng)站、化妝品網(wǎng)站。

JavaScript：輸入JavaScript的幾種方法、開(kāi)發(fā)者工具的使用、JavaScript語(yǔ)法特點(diǎn)及調(diào)試、JavaScript變量、定義變量的方法和需注意問(wèn)題、變量使用var關(guān)鍵詞的重要性、JavaScript中的常見(jiàn)的數(shù)據(jù)類型、JavaScript運(yùn)算符、流程控制和選擇結(jié)構(gòu)、循環(huán)結(jié)構(gòu)、for和while、for in循環(huán)、跳轉(zhuǎn)語(yǔ)句、函數(shù)的作用以及聲明和調(diào)用、函數(shù)表達(dá)式、函數(shù)構(gòu)造法、帶有參數(shù)的函數(shù)和返回值、變量的作用域、內(nèi)置頂層函數(shù)、字符串類型、JavaScript數(shù)組、數(shù)組特點(diǎn)、聲明和賦值、遍歷數(shù)組、JavaScript對(duì)象、內(nèi)置對(duì)象空字符對(duì)象、數(shù)組對(duì)象和Math對(duì)象、Math對(duì)象、制作時(shí)鐘和日期、BOM瀏覽器、windows對(duì)象的使用方法、DOM文檔對(duì)象模型、制作網(wǎng)頁(yè)倒計(jì)時(shí)、頁(yè)面中常用的事件、鼠標(biāo)事件、鍵盤事件、表單事件等

jQuery：彈出層特效、插入視頻、常見(jiàn)網(wǎng)頁(yè)菜單的制作、網(wǎng)頁(yè)選項(xiàng)卡特效、雙文切換的導(dǎo)航條、常見(jiàn)菜單特效、鼠標(biāo)劃入事件、不同類型的導(dǎo)航條制作、表單事件和網(wǎng)頁(yè)中的驗(yàn)證功能、搜索框動(dòng)效、精彩表單實(shí)例、滾動(dòng)條制作、常見(jiàn)網(wǎng)站搜索框?qū)嵗⒊Ｒ?jiàn)網(wǎng)站側(cè)欄特效制作及一系列當(dāng)下網(wǎng)站常見(jiàn)特效的制作。

web前端實(shí)戰(zhàn)：布局標(biāo)簽、音頻和視頻標(biāo)簽的應(yīng)用、給網(wǎng)站添加背景音樂(lè)、視頻背景的制法、SVG圖形、css3圓角、網(wǎng)站陰影的用法、多重陰影的制作、圖片制作的邊框、網(wǎng)頁(yè)中的常用顏色表示、文字陰影和自定義字體、圖標(biāo)字體的用法、多種選擇器的使用、transition過(guò)渡屬性、CSS3的2D轉(zhuǎn)換、CSS3的3D轉(zhuǎn)換、animation動(dòng)畫(huà)、模擬360瀏覽器雷達(dá)動(dòng)畫(huà)、漸變色及多重動(dòng)畫(huà)應(yīng)用、響應(yīng)式布局介紹、布局原理實(shí)例、響應(yīng)式圖片使用方法、Bootstrap中文網(wǎng)開(kāi)發(fā)實(shí)例、彈性盒模型及rem單位的應(yīng)用、實(shí)現(xiàn)強(qiáng)大的屏幕適配布局、響應(yīng)式網(wǎng)站的做法、固定寬度網(wǎng)站的做法、網(wǎng)站上線流程、買域名、合適的主機(jī)及購(gòu)買、虛擬主機(jī)介紹、源碼上傳調(diào)試、域名解析與主機(jī)綁定、FTP軟件上傳網(wǎng)站。