Dreamweaver如何制作簡(jiǎn)單的日歷模板

這篇文章主要介紹Dreamweaver如何制作簡(jiǎn)單的日歷模板，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比興國(guó)網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式興國(guó)網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋興國(guó)地區(qū)。費(fèi)用合理售后完善，10余年實(shí)體公司更值得信賴。

Dreamweaver中想要制作一個(gè)日歷，主要使用表格來(lái)制作，函數(shù)創(chuàng)建與調(diào)用，if語(yǔ)句與for語(yǔ)句、ID標(biāo)簽的應(yīng)用。

Dreamweaver如何制作簡(jiǎn)單的日歷模板

1、打開(kāi)Dreamweaver軟件，新建一個(gè)HTML文檔。在body標(biāo)簽加入onload="getRili()"，用來(lái)調(diào)取下面步驟的函數(shù)。在body內(nèi)部新建一個(gè)div的標(biāo)簽并定義ID為date。如下圖：

Dreamweaver如何制作簡(jiǎn)單的日歷模板

2、在新建文檔的<head></head>標(biāo)記里輸入<style type="text/css"></style>,這個(gè)標(biāo)記里用來(lái)設(shè)置一個(gè)CSS樣式。再輸入<script type="text/javascript"></script>標(biāo)記，用來(lái)創(chuàng)建日歷的制作。

Dreamweaver如何制作簡(jiǎn)單的日歷模板

3、在<style type="text/css"></style>這個(gè)標(biāo)記里輸入一個(gè)CSS樣式，這里不再解釋樣式的作用。在<script type="text/javascript"></script>標(biāo)記里創(chuàng)建一個(gè)函數(shù)getRili()。

Dreamweaver如何制作簡(jiǎn)單的日歷模板

4、下面開(kāi)始講解函數(shù)內(nèi)部日歷的實(shí)現(xiàn)步驟，首先，命名我們需要用到的變量。這里先列出，下面用到時(shí)再做介紹。

Dreamweaver如何制作簡(jiǎn)單的日歷模板

5、首先在函數(shù)里輸入兩個(gè)if語(yǔ)句，這兩個(gè)語(yǔ)句的功能是判斷是否為閏年，以此來(lái)設(shè)置二月份的天數(shù)。下面的row變量用來(lái)獲得每月所占用的行數(shù)，也就是在頁(yè)面顯示的時(shí)候有幾行。str用來(lái)獲取我們要輸入的表格和文字。

Dreamweaver如何制作簡(jiǎn)單的日歷模板

6、插入兩個(gè)for循環(huán)，第一個(gè)for循環(huán)用來(lái)獲取周日到周六，并把輸出代碼保存入str。第二個(gè)for循環(huán)，首先條件設(shè)定的意思是保證輸出當(dāng)月的行數(shù)，代碼意思用來(lái)創(chuàng)建行。

Dreamweaver如何制作簡(jiǎn)單的日歷模板

7、在第二個(gè)for循環(huán)嵌套一個(gè)for循環(huán)，并設(shè)定if條件語(yǔ)句，用來(lái)判定從那一列開(kāi)始輸出每月的幾號(hào)。假如剛好是當(dāng)天日期，改變當(dāng)前單元格的背景顏色。

Dreamweaver如何制作簡(jiǎn)單的日歷模板

8、最后輸入的兩行代碼，第一行表示表格的結(jié)束。第二行是把生成的代碼，保存入ID為date的div。這樣一個(gè)日歷的制作就完成了！保存后運(yùn)行，就是第一幅圖片的樣子了！

以上是“Dreamweaver如何制作簡(jiǎn)單的日歷模板”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

新聞名稱：Dreamweaver如何制作簡(jiǎn)單的日歷模板
分享地址：http://bm7419.com/article6/iiddig.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營(yíng)銷、微信公眾號(hào)、定制開(kāi)發(fā)、移動(dòng)網(wǎng)站建設(shè)、網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

成都做網(wǎng)站