Dreamweaver怎么制作簡(jiǎn)單的日歷模板?

2024-09-04 21:29:50

字體：大中小

供稿：網(wǎng)友

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

軟件名稱(chēng)：: Adobe Dreamweaver CS6 官方中文正式原版(附激活補(bǔ)丁)
軟件大?。?/dt>: 317.3MB
更新時(shí)間：: 2014-05-14

Dreamweaver,日歷,模板

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,日歷,模板

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,日歷,模板

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

Dreamweaver,日歷,模板

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

Dreamweaver,日歷,模板

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

Dreamweaver,日歷,模板

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,日歷,模板