本課程的主要內容為系統介紹網(wǎng)頁(yè)編輯與制作軟件Dreamweaver,Adobe Dreamweaver,簡(jiǎn)稱(chēng)"DW",中文名稱(chēng) "夢(mèng)想編織者",是集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)代碼編輯器。利用對 HTML、CSS、Javascript等內容的支持,從開(kāi)始的網(wǎng)站規劃,到產(chǎn)品原型圖呈現,到出設計效果,到終代碼實(shí)現,一步一步教會(huì )學(xué)員掌握整個(gè)網(wǎng)站設計流程,并能熟練利用Dreamwaver提供的強大代碼制作功能制作靜態(tài)頁(yè)面,并了解其他第三方工具的網(wǎng)頁(yè)制作方法。
學(xué)習目標:
全面使用Dreamweaver搭配div+css排版網(wǎng)頁(yè),能熟練運用div+css架構網(wǎng)站并加以表現美化。讓我們的網(wǎng)站更友好,更簡(jiǎn)潔,更小巧,更熟悉Html語(yǔ)言。了解SEO原理,能夠對網(wǎng)站進(jìn)行SEO設置。
學(xué) 習 內 容
Web基礎
1.web標準2.表現層技術(shù)3.結構標準語(yǔ)言4.XHTML的設置和規則5.正確嵌套所有元素6.表現標準語(yǔ)言7.css語(yǔ)法
Css的應用1.選擇符2.偽類(lèi)及偽對象3.選擇符優(yōu)先級設置及區別4.css的屬性值、默認值和繼承值5.css控制元素大小6.盒模型的概念7.元素背景的設置
Css的應用1.元素邊框的設置2.元素邊界的設置3.css控制元素定位4.定位5.相對定位
Css的應用1.css布局2.一列居中3.二列居中4.三列居中5.垂直自定義
Css的應用1.css靜態(tài)濾鏡2.css動(dòng)態(tài)濾鏡1.css控制文本顯示2.css控制列表元素顯示3.css控制表格元素顯示4.css控制其他元素的顯示
Css的應用1.div+css頁(yè)面的制作2.效果圖的規劃和切分3.規劃并建立站點(diǎn)
SEO的設置1.初探SEO2.搜索引擎工作原理3.關(guān)鍵字策略4.URL優(yōu)化5.代碼優(yōu)化
SEO的設置1.圖片優(yōu)化2.網(wǎng)頁(yè)結構3.網(wǎng)站結構4.鏈接策略5.服務(wù)器的選擇6.搜索引擎優(yōu)化誤區7.搜索引擎優(yōu)化工具
HTML5是Web時(shí)代前沿的技術(shù),它特有canvas標簽和多種選擇的游戲開(kāi)發(fā)引擎,讓游戲開(kāi)發(fā)更便捷。如果說(shuō)蘋(píng)果重新發(fā)明了手機,那么HTML5則重新定義了網(wǎng)絡(luò )。它是鏈接手機、平板電腦、PC以及其他移動(dòng)終端的橋梁,可以更豐富地展現頁(yè)面,讓視頻、音頻、游戲以及其他元素構成一場(chǎng)華麗的代碼盛宴。