【培養(yǎng)目標(biāo)】
主要是針對能熟練應(yīng)用網(wǎng)頁三劍客、HTML、Javascript等知識的學(xué)員,講解如何運(yùn)用CSS+Div進(jìn)行網(wǎng)頁的美化和布局。
【教學(xué)方法】
以公司真實(shí)設(shè)計(jì)作為崗前操作平臺,講師親自指導(dǎo)實(shí)踐操作與學(xué)員親自動手操作相結(jié)合的實(shí)踐方法。學(xué)員所學(xué)、所做的一切,實(shí)際上就是工作崗位上所做的一切。
【上課時(shí)間】
上午9:00-12:00,下午2:00-5:00,或晚上18:00-21:00(周一至周日任選一時(shí)間段)
【課程內(nèi)容】
CSS基礎(chǔ)知識篇
1. XHTML基礎(chǔ),選擇合適的doctype,選擇合適的標(biāo)簽。
2. CSS語法結(jié)構(gòu),CSS屬性與選擇符,類型選擇符,id及class選擇符。
3. 應(yīng)用CSS到網(wǎng)頁中,行間樣式表,內(nèi)部樣式表,外部樣式表。
CSS語法結(jié)構(gòu)
1. 樣式的優(yōu)先權(quán)問題
2. 認(rèn)識DIV以及盒子模型
3. 盒子模型詳解以及上下左右疊加問題
CSS網(wǎng)頁布局
1. 認(rèn)識div,div是什么,如何使用div。
2. div的并列與嵌套結(jié)構(gòu)。
3. 使用合適的對象來布局 ,一列固定寬度,一列自適應(yīng),高度自適應(yīng)。
CSS網(wǎng)站元素設(shè)計(jì)
1. 用CSS設(shè)計(jì)網(wǎng)站導(dǎo)航,橫向?qū)Ш剑v向?qū)Ш?,下拉及多級彈出式菜單?/p>
2. 門戶網(wǎng)站的導(dǎo)航設(shè)計(jì)
3. 表單設(shè)計(jì),改變輸入框及文本域樣式,改變下拉列表樣式。
CSS內(nèi)容排版
1. 文字排版,通欄排版,分欄排版,圖文混合排版,圖片基礎(chǔ) 控制,不規(guī)則文字環(huán)繞,全圖排版,表格排版。充分使用表格對象的標(biāo)簽,表格樣式控制,表單表格設(shè)計(jì)。
CSS應(yīng)用與技巧
1. id 與 class
2. 什么是 class,什么情況下使用class
3. id使用與網(wǎng)站結(jié)構(gòu),div Vs span
CSS文件結(jié)構(gòu)的設(shè)計(jì)與優(yōu)化
1.CSS縮寫,font字體縮寫,margin與padding邊距縮寫, border邊框縮寫,list列表縮寫,background背景縮寫,color顏色縮寫。
2. CSS代碼優(yōu)化,增加代碼重用率,使用樣式覆蓋進(jìn)行簡化。
CSS代碼優(yōu)化
1.CSS代碼優(yōu)化,增加代碼重用率,使用樣式覆蓋進(jìn)行簡化。
2.XHTML與CSS校驗(yàn),XHTML校驗(yàn)器,CSS校驗(yàn)器
3.解決多瀏覽器下兼容問題
javascript知識
1.javascript基本知識
2.用javascript控制CSS
3.SPRY框架應(yīng)用(選項(xiàng)卡、Tab面板、折疊面板、伸縮面板)
網(wǎng)站綜合案例
1.我的博客、企業(yè)網(wǎng)站、網(wǎng)上購物網(wǎng)站
2.典型案例剖析,培養(yǎng)實(shí)際動手能力;專家講解,理論結(jié)合實(shí)際;注重實(shí)用技巧。
【可考證書】
Adobe 國際網(wǎng)頁設(shè)計(jì)師認(rèn)證
【發(fā)展前景】
21世紀(jì)是信息時(shí)代,僅靠傳統(tǒng)的方式很難在激烈的競爭中快速發(fā)展,現(xiàn)在是信息取勝、渠道為王,而互聯(lián)網(wǎng)不僅可以便捷地找到自己需要的信息,而且還是幫助大家成功的有效渠道,可以說越來越多的個(gè)人和企業(yè)意識到互聯(lián)網(wǎng)的重要性,并且建設(shè)了或想創(chuàng)辦自己的網(wǎng)站。中國4000多萬企業(yè)中還沒有網(wǎng)站的就有3000多萬家,雖然不是每個(gè)企業(yè)都會建設(shè)網(wǎng)站,就是有30%的企業(yè)建網(wǎng)站,也是一個(gè)非常大的需求。此外,還會有很多個(gè)人也有建設(shè)網(wǎng)站的需求。而中國的專業(yè)網(wǎng)站設(shè)計(jì)師只有幾萬,所以說,國內(nèi)網(wǎng)站設(shè)計(jì)師的就業(yè)前景非常好。
【作品展示】