課程簡(jiǎn)介
什么是WEB前端網(wǎng)頁設(shè)計(jì)?
前端開發(fā)是創(chuàng)建Web頁面或app等前端界面呈現(xiàn)給用戶的過程,通過HTML,CSS及JavaScript以及衍生出來的各種技術(shù)、框架、解決方案,來實(shí)現(xiàn)互聯(lián)網(wǎng)產(chǎn)品的用戶界面交互[1]。它從網(wǎng)頁制作演變而來,名稱上有很明顯的時(shí)代特征。在互聯(lián)網(wǎng)的演化進(jìn)程中,網(wǎng)頁制作是Web1.0時(shí)代的產(chǎn)物,早期網(wǎng)站主要內(nèi)容都是靜態(tài),以圖片和文字為主,用戶使用網(wǎng)站的行為也以瀏覽為主。隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展和HTML5、CSS3的應(yīng)用,現(xiàn)代網(wǎng)頁更加美觀,交互效果顯著,功能更加強(qiáng)大。
其實(shí)說了這么多,直接通俗一點(diǎn)說,前端就是利用三大核心(html,css,JavaScript)技術(shù),以及衍生技術(shù)開發(fā)出來的主要在瀏覽器上展示的頁面,其成品可以為:
- 任何瀏覽器上看到的任何頁面
- 官方網(wǎng)站
- 后臺(tái)管理系統(tǒng)
- 微信小程序
- 公眾號(hào)
- TML5 開發(fā)移動(dòng)端 APP
- 跨平臺(tái)的桌面端的應(yīng)用程序
- 寫 NodeJS 程序,部署服務(wù)器
- 當(dāng)然還順帶要學(xué)會(huì)一點(diǎn)ps切圖技術(shù)
所以你說前端是什么,能做什么,只是簡(jiǎn)單的給你說一下他是做網(wǎng)頁開發(fā)的,但是高級(jí)的用法又可以做上面這么多東西,只能說前端太強(qiáng)大了。
WEB前端網(wǎng)頁設(shè)計(jì)課程內(nèi)容
HTML基礎(chǔ);表格、圖像、鏈接、表單元素、CSS;常用的JavaScript;常用的web應(yīng)用程序開發(fā)技術(shù),用戶注冊(cè)和登錄網(wǎng)頁;網(wǎng)站技術(shù)規(guī)范;網(wǎng)站重構(gòu),DIV+CSS技術(shù)的應(yīng)用HTML語言簡(jiǎn)潔;使用表單、框架的使用,iframe的作用;網(wǎng)頁特效(JavaScript)CSS基礎(chǔ)知識(shí)篇:HTML基礎(chǔ),選擇合適的doctype,選擇合適的標(biāo)簽。CSS語法結(jié)構(gòu),CSS屬性與選擇符,類型選擇符,ID及CLASS選擇符。CSS語法結(jié)構(gòu):樣式的優(yōu)先權(quán)問題;認(rèn)識(shí)DIV以及盒子模型;盒子模型詳解以及上下左右疊加問題;CSS內(nèi)容排版:文字排版,通欄排版,分欄排版,圖文混合排版,圖片基礎(chǔ)控制,不規(guī)則文字環(huán)繞,全圖排版等等;CSS應(yīng)用于技巧:id與class;CSS代碼縮寫;CSS代碼優(yōu)化,增加代碼重復(fù)率,使用樣式覆蓋進(jìn)行簡(jiǎn)化JavaScript特效基本知識(shí);用JavaScript控制CSS特效;SPRY框架應(yīng)用(選項(xiàng)卡、tab面板、折疊面板、伸縮面板),插件開發(fā),Bootstrap 基礎(chǔ)語法,組件,插件使用,按照產(chǎn)品流程進(jìn)行項(xiàng)目制作,產(chǎn)品定位、競(jìng)品分析、頁面確定、型圖繪制、界面輸出,引導(dǎo)頁deom制作項(xiàng)目。VB Script腳本語言。