亚洲免费av电影一区二区三区,日韩爱爱视频,51精品视频一区二区三区,91视频爱爱,日韩欧美在线播放视频,中文字幕少妇AV,亚洲电影中文字幕,久久久久亚洲av成人网址,久久综合视频网站,国产在线不卡免费播放

        ?

        網頁設計中DIV+CSS的教學研究

        2014-06-20 13:16:15鐘貞魁
        無線互聯(lián)科技 2014年3期
        關鍵詞:網頁設計布局

        鐘貞魁

        摘 要:高職院校計算機專業(yè)學生,都開設了《網頁設計》這門專業(yè)課,目前,有關這方面的教材,在講解網頁布局時,很多還是用表格布局,也有講解DIV+CSS布局的,但筆者覺得講解的不夠清楚。結合自己網站開發(fā)和教學經驗,本文從教學內容的選取、重點和難點、教學實施等,對div+css的教學進行探討。

        關鍵詞:html;css;布局;網頁設計

        1 CSS+DIV網頁樣式與布局

        CSS是Cascading Style Sheets的英文縮寫,即層疊樣式表,它是用于控制網頁樣式并允許將樣式信息與網頁內容分離的一種標記性語言。它以HTML語言為基礎,提供了豐富的格式化功能。

        在設計網頁時,能否控制好各個模塊在頁面中的位置是非常關鍵的。在使用CSS排版的頁面中,

        是兩個常用的標記。利用這兩個標記,加上CSS對其樣式的控制,可以很方便的實現各種效果。
        (division)簡單而言是一個區(qū)塊容器標記,即
        之間相當于一個容器,可以容納段落、標題、表格、圖片,乃至章節(jié)、摘要和備注等各種HTML元素。因此,可以把
        中的內容視為一個獨立的對象,用于CSS的控制。

        1.1 行內樣式

        行內樣式是所有樣式方法中最為直接的一種,它直接對HTML標記使用style屬性,然后將CSS代碼直接寫在其中。

        1.2 內嵌式

        內嵌樣式表就是將CSS寫在與之間,并且用標記進行聲明。

        1.3 鏈接式

        鏈接式CSS樣式表是使用頻率最高,也是最為實用的方法?,F在大部分的網站都會使用這種方法,它將HTML頁面本身與CSS樣式風格分離為兩個或者多個文件,實現了頁面框架HTML代碼與美工CSS代碼的完全分離,使得前期制作和后期維護都十分方便,網站的后臺技術員與美工設計者也可以很好的分工合作。而且對于同一個CSS文件可以鏈接到多個HTML文件中甚至可以鏈接到整個網站的所有頁面中,使得網站整體風格統(tǒng)一、協(xié)調,并且后期維護的工作量也大大減少。

        1.4 導入樣式

        導入樣式表與前面提到的鏈接樣式表的功能基本相同,只是語法和運作方式略有不同。采用import方式導入的樣式表,在HTML文件初始化時,會被導入到HTML文件內,作為文件的一部分,類似內嵌式的效果。而鏈接式樣式表則是在HTML的標記需要格式時才以鏈接的方式引入。

        2 CSS選擇器

        CSS控制頁面總共有四種方式:行內方式、內嵌方式、鏈接方式、導入方式,通過這四種方式就可以實現CSS對HTML頁面樣式的控制,如果要讓這些樣式對HTML頁面中的元素實現一對一,一對多或者多對一的控制,這就需要用到CSS選擇器,HTML頁面中的元素就是通過CSS選擇器進行控制的。

        CSS選擇器共有三種:標簽選擇器、ID選擇器、類選擇器。

        2.1 標簽選擇器

        一個完整的HTML頁面是有很多不同的標簽組成,而標簽選擇器,則是決定哪些標簽采用相應的CSS樣式。每一個CSS選擇器都包含選擇器本身、屬性和值,其中屬性和值可以設置多個,從而實現對同一個標記,聲明多種樣式風格。

        2.2 ID選擇器

        ID選擇器在某一個HTML頁面中只能使用一次,ID選擇器更具有針對性。在HTML的標記中只需要利用ID屬性,就可以直接調用CSS中的ID選擇器。

        ID選擇器也可以用于多個標記。但這里需要指出的是,將ID選擇器用于多個標記是錯誤的,

        因為每個標記定義的ID不只是CSS可以調用,JavaScript等其他腳本語言同樣也可以調用。如果一個HTML中有兩個相同ID的標記,那么將會導致JavaScript在查找ID時出錯,例如函數getElementById()。正因為JavaScript等腳本語言也能調用HTML中設置的ID,因此ID選擇器一直被廣泛地使用。網站建設者在編寫CSS代碼時,應該養(yǎng)成良好的編寫習慣,一個ID最多只能賦予一個HTML標記。從運行結果可以看到,最后一行沒有任何CSS樣式風格顯示,這意味著ID選擇器不支持多風格同時使用,類似id="one two"是完全錯誤的語法。

        2.3 類選擇器

        標記選擇器一旦聲明,那么頁面中所有的該標記都會相應地產生變化。例如當聲明了

        標記為紅色時,頁面中所有的

        標記都將顯示為紅色。如果希望其中的某一個

        標記不是紅色,而是藍色,這時僅依靠標記選擇器是遠遠不夠的,還需要引入類別(class)選擇器。類別選擇器的名稱可以由用戶定義,屬性和值跟標記選擇器一樣,也必須符合CSS規(guī)范。

        3 教學實施

        3.1 加強HTML代碼訓練

        在學習這門課時,主要是要讓同學們熟悉HTML代碼的格式,一個基本的網頁包含的HTML代碼,常用網頁元素的HTML代碼標記。在熟悉了HTML代碼的基礎之后,才能引入CSS的教學內容。

        3.2 由簡單到復雜,從部分到整體

        學習CSS,重點是學習CSS控制網頁的4種形式,選擇器的類型,常用的格式設置代碼。在教學過程中一定要多選擇一些有趣的實例講解,光講理論很枯燥無味,先讓同學們能夠理解每一個知識點,并能夠實踐操作。教師要布置一些針對知識點的上機練習題,在完成基礎練習后,再布置一個大作業(yè),綜合運用所學內容,采用DIV+CSS完成網頁布局的設計。

        猜你喜歡
        網頁設計布局
        希捷多重布局迎戰(zhàn)存儲黃金時代
        BP的可再生能源布局
        能源(2017年5期)2017-07-06 09:25:57
        視覺傳達藝術與中韓網頁藝術設計的比較研究
        ASP技術在交互式網頁設計中的應用
        人間(2016年30期)2016-12-03 23:06:54
        對技工院校網頁設計課程建設的思考
        網頁設計教學的創(chuàng)新探索
        藝術科技(2016年9期)2016-11-18 18:47:17
        談計算機網頁設計中的布局
        科技資訊(2016年18期)2016-11-15 18:07:25
        少數民族文化藝術元素在網頁設計中的運用探討
        VR布局
        2015 我們這樣布局在探索中尋找突破
        日日婷婷夜日日天干| 中文字幕亚洲视频三区| 婷婷色精品一区二区激情| 一本久久综合亚洲鲁鲁五月天| 狼人精品剧情av在线观看| 后入内射国产一区二区| 国产涩涩视频在线观看| 无码成人片一区二区三区| 亚洲麻豆av一区二区| 人成综合视频在线播放| 2021国产精品国产精华| 国产99久久无码精品| 99国产精品欲av麻豆在线观看| 久久亚洲综合亚洲综合| 伊人情人色综合网站| 人妻夜夜爽天天爽一区| 欧美日韩国产亚洲一区二区三区| 国产成人自拍视频视频| 97丨九色丨国产人妻熟女| 男女啪啪永久免费观看网站| 视频国产精品| 亚洲免费精品一区二区| 日韩欧美aⅴ综合网站发布| 中文无码制服丝袜人妻av| 一区二区三区国产美女在线播放| 狼狼色丁香久久女婷婷综合| 成人免费无遮挡在线播放| 国产日韩欧美亚洲精品中字| 蜜桃视频一区二区三区在线| 亚洲一区二区国产激情| 少妇丰满大乳被男人揉捏视频| 久久久久亚洲av无码a片软件| 国产成年无码AⅤ片日日爱| 日本视频在线观看一区二区| 亚洲加勒比久久88色综合 | 噜噜中文字幕一区二区 | 久久久久人妻精品一区5555| 日韩精品极品系列在线免费视频| 国产亚洲精品精品精品| 国产亚洲精品自在久久蜜tv | 日韩精品网|