<rt id="tf2wb"><bdo id="tf2wb"><kbd id="tf2wb"></kbd></bdo></rt>
    1. <button id="tf2wb"><thead id="tf2wb"></thead></button>

      <rp id="tf2wb"><bdo id="tf2wb"></bdo></rp>
      <delect id="tf2wb"><td id="tf2wb"></td></delect>
      <rt id="tf2wb"></rt>
      <rt id="tf2wb"><bdo id="tf2wb"></bdo></rt>
    2. 湖南長(cháng)沙八年做網(wǎng)站,網(wǎng)絡(luò )優(yōu)化推廣服務(wù)團隊,讓您小投資大回報,幫您打開(kāi)網(wǎng)絡(luò )營(yíng)銷(xiāo)財富之門(mén)!
       業(yè)務(wù)服務(wù)熱線(xiàn):0731-88571521  13637482004  
       


      地址:長(cháng)沙市韶山南路248號南園503
            室(瀟湘晨報旁)
      電話(huà):0731-88571521
      手機:13637482004
      Q  Q:44377655 522392221
      網(wǎng)址:www.jelker.com
      郵箱:522392221@qq.com
      網(wǎng)絡(luò )營(yíng)銷(xiāo)
      長(cháng)沙做網(wǎng)站聯(lián)系電話(huà):0731-88571521 13637482004

      網(wǎng)站建設中的css+div是什么?

      信息來(lái)源:   發(fā)布時(shí)間:2017-9-11   瀏覽:

      隨著(zhù)計算機互聯(lián)網(wǎng)技術(shù)的飛躍發(fā)展,網(wǎng)頁(yè)已成為人們交流和獲取信息不可或缺的一個(gè)工具。網(wǎng)站制作的技術(shù)和網(wǎng)頁(yè)界面的好壞直接影響到瀏覽者數量,而DIV+CSS這種布局標準由于加載速度快、方便搜索、便于維護和更新,在網(wǎng)頁(yè)制作中已成為設計的主流。作為高職院校教師如何使學(xué)生在網(wǎng)頁(yè)設計的技術(shù)和方法上跟上時(shí)代的步伐,培養出實(shí)用的網(wǎng)頁(yè)設計人才,是我們要研究的重要課題。

       

      一、 DIV + CSS 的優(yōu)勢

      在網(wǎng)站建設的Table表格和DIV+CSS兩大布局的方式中,隨著(zhù)瀏覽器的增多,手機上網(wǎng)速度的加快,人們需求的增加,Table表格這種布局方式越來(lái)越暴露了它的弊病,而DIV+CSS這種布局方式逐漸被業(yè)內各大站所認可和應用,顯示了它的優(yōu)勢。

       

      1 . 1 內容與樣式分離, 保持網(wǎng)站風(fēng)格一致DIV+CSS這種布局方式的Html文件中只存放網(wǎng)頁(yè)要展示的元素,比如文字,而網(wǎng)頁(yè)文字所表現的樣式,比如,字體、顏色、大小及對齊方式等完全由CSS樣式這樣一個(gè)單獨文件給出,并且這個(gè)樣式文件能鏈接到其它的網(wǎng)頁(yè),從而使網(wǎng)站的整體風(fēng)格保持一致。

       

      1 . 2 瀏覽器兼容性強, 便于維護和更新DIV+CSS這種布局方式幾乎所有的瀏覽器都可以使用,而且若要重新布局頁(yè)面或更改網(wǎng)頁(yè)風(fēng)格,不用修改網(wǎng)站中的Html文件,幾乎不用考慮瀏覽器兼容性問(wèn)題,直接修改CSS樣式文件即可。

       

      1 . 3 加載速度快, 方便搜索

      DIV+CSS這種布局方式由于將網(wǎng)頁(yè)表現的樣式寫(xiě)在一個(gè)獨立的CSS文件中,這樣Html文件的體積小,代碼少,加載速度快。由于Html文件中只是文件的內容,所以搜索引擎不用訪(fǎng)問(wèn)CSS樣式文件,在很短的時(shí)間內就能檢索并抓到Html文件整個(gè)頁(yè)面中的內容,方便搜索。

       

      二、 網(wǎng)頁(yè)設計課程現狀

      目前,高職院校的網(wǎng)頁(yè)設計課程采用Dreamweaver軟件進(jìn)行網(wǎng)頁(yè)制作,學(xué)生習慣了那種窗口式的控件操作。而對抽象和復雜的代碼缺乏學(xué)習興趣,學(xué)習難度也比較大。況且,學(xué)生學(xué)習的內容主要依賴(lài)于教材這個(gè)載體,而現在的教材重點(diǎn)還是以Table表格這種頁(yè)面布局方式為主,大量的實(shí)例采用的還是表格這種布局方式。而對DIV+CSS這種布局方式介紹的少之又少,也沒(méi)有系統的完整的實(shí)例進(jìn)行學(xué)習參考。為了讓學(xué)生真正學(xué)會(huì )用DIV+CSS制作網(wǎng)頁(yè),需要教師在教學(xué)過(guò)程中調整教學(xué)思路,從教材整體出發(fā)進(jìn)行教學(xué)內容改革,結合Dreamweaver軟件改進(jìn)教學(xué)方法,通過(guò)實(shí)例達到教學(xué)目的。

       

      三、DIV + CSS技術(shù)的教學(xué)實(shí)施

      3.1 基礎加強 Html 代碼訓練

      要學(xué)會(huì )DIV+CSS技術(shù),學(xué)會(huì )熟練地用代碼編寫(xiě)網(wǎng)頁(yè)是必不可少的。而對于習慣了用軟件控件制作網(wǎng)頁(yè)的網(wǎng)站建設學(xué)生來(lái)說(shuō)是比較難的,在學(xué)習中很容易厭煩。為了解決這個(gè)問(wèn)題,我們結合網(wǎng)頁(yè)設計教材,在網(wǎng)頁(yè)元素輸入之初,就結合Dreamweaver軟件通過(guò)實(shí)例學(xué)習代碼的編寫(xiě)。比如,制作電影介紹網(wǎng)頁(yè),先通過(guò)Dreamweaver軟件控件制作此網(wǎng)頁(yè),然后讓同學(xué)們分析網(wǎng)頁(yè)中各代碼的含義,各參數的作用,再通過(guò)代碼的方式重新完成此網(wǎng)頁(yè)的制作。同學(xué)們會(huì )做了之后,再讓同學(xué)們制作自己喜歡的明星介紹網(wǎng)頁(yè)。經(jīng)過(guò)反復的訓練,學(xué)生看到自己創(chuàng )作的喜歡的明星網(wǎng)頁(yè),不僅提高學(xué)習興趣,而且還學(xué)會(huì )了代碼的編寫(xiě)。

       

      3 . 2 由簡(jiǎn)單到復雜, 從部分到整體對于初學(xué)者來(lái)說(shuō),首先讓學(xué)生了解DIV+CSS這種布局方式,如何分塊,各個(gè)塊之間的關(guān)系。但在學(xué)習制作過(guò)程中不能先學(xué)習如何通過(guò)代碼分塊,過(guò)多的這種DIV標簽嵌套,學(xué)生在網(wǎng)頁(yè)制作中會(huì )找不到位置,他們會(huì )失去學(xué)會(huì )的信心。所以要從簡(jiǎn)單的通過(guò)DIV標簽實(shí)現一個(gè)小的欄目塊開(kāi)始,了解DIV的含義、各參數的作用、注意事項及與CSS之間的關(guān)系。當學(xué)會(huì )了各種樣式的欄目編寫(xiě)之后,再從DIV標簽的簡(jiǎn)單嵌套到整個(gè)網(wǎng)頁(yè)的布局。這樣學(xué)生在學(xué)習的過(guò)程中會(huì )很輕松,學(xué)習效果較好。

       

      3 . 3 采用任務(wù)驅動(dòng), 項目教學(xué)的方法來(lái)加強考 核要想真正學(xué)會(huì )DIV+CSS技術(shù),單靠課堂這點(diǎn)時(shí)間是不夠的,必須培養學(xué)生積極主動(dòng)的學(xué)習習慣,那么適當的教學(xué)方法和考核方式是必不可少的。為此采用項目教學(xué)分組考核的方式。學(xué)生在學(xué)習過(guò)程中由老師提出任務(wù),同學(xué)們分組討論,老師再根

      據同學(xué)們的討論結果進(jìn)行總結,講授應掌握的知識點(diǎn)。然后再提出項目要求,以小組為單位利用業(yè)余時(shí)間完成項目,每個(gè)小組的組長(cháng)組織項目的實(shí)施,掌握小組成員的完成情況,并由小組的組長(cháng)給出組員的成績(jì)。各個(gè)組之間再通過(guò)項目的完成情況進(jìn)行比較,分出等級,給出相應的分數差。這樣每個(gè)小組成員在學(xué)習過(guò)程中不僅要認真學(xué)習與討論,而且還要加強合作,積極參與到網(wǎng)站建設項目的制作中,充分發(fā)揮創(chuàng )新精神,使整個(gè)組的能力得到提高。




      相關(guān)熱點(diǎn)文章


      地址:湖南長(cháng)沙市韶山南路248號南園503室(瀟湘晨報旁)  版權所有:長(cháng)沙市天心區斌網(wǎng)網(wǎng)絡(luò )技術(shù)服務(wù)部
      咨詢(xún)電話(huà):0731-88571521   13637482004
      業(yè)務(wù) QQ:客服一 1306053142 客服二 1320506001 技術(shù)/售后 522392221 高級顧問(wèn) 44377655
      服務(wù)郵箱:fanbin@binweb.cn   522392221@qq.com
      官方網(wǎng)址:www.jelker.com   www.pk0731.com
      旗下網(wǎng)站:斌網(wǎng)網(wǎng)絡(luò )  長(cháng)沙信息處  佛佛網(wǎng)  曬土貨網(wǎng)
       湘公網(wǎng)安備 43010302000270號  網(wǎng)站ICP備案號:湘ICP備13006070號-2  

      在線(xiàn)客服1 在線(xiàn)客服2 技術(shù)咨詢(xún) 資深顧問(wèn)

      国产精品久久久久精品|久久网国产精品色婷婷免费|国产另类小说 视频 中文字幕|亚洲欧洲日产国码在线|2020最新国产在线不卡A|无码人妻少妇久久中文字幕蜜|99国产一区二区精品久久

          <rt id="tf2wb"><bdo id="tf2wb"><kbd id="tf2wb"></kbd></bdo></rt>
        1. <button id="tf2wb"><thead id="tf2wb"></thead></button>

          <rp id="tf2wb"><bdo id="tf2wb"></bdo></rp>
          <delect id="tf2wb"><td id="tf2wb"></td></delect>
          <rt id="tf2wb"></rt>
          <rt id="tf2wb"><bdo id="tf2wb"></bdo></rt>