Dreamweaver是adobe廠商推出的可視化編輯軟件，用于編輯網(wǎng)站代碼和應(yīng)用程序的代碼編輯軟件，今天我們介紹下使用DreamWeaver軟件來(lái)制作一個(gè)日歷樣式的模板，希望對(duì)大家有所幫助，大家多多分享。
Dreamweaver制作日歷，此次我們使用的是表格代碼框架，if語(yǔ)句與for語(yǔ)句、ID標(biāo)簽的應(yīng)用。
使用軟件：Adobe Dreamweaver CS6 官方中文正式原版(附激活補(bǔ)丁)
實(shí)現(xiàn)樣式：
實(shí)現(xiàn)步驟：
1：打開(kāi)DW軟件，新建HTML模板文檔，在<body>標(biāo)簽中加入標(biāo)簽：onload="getRili()"，如<body onload="getRili()"></body>，用來(lái)獲取下面步驟的函數(shù)，在<body onload="getRili()"></body>之間插入DIV，class="date"。如圖：
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)建日歷的制作。
3、在<style type="text/css"></style>這個(gè)標(biāo)記里輸入一個(gè)CSS樣式，這里不再解釋樣式的作用。在<script type="text/javascript"></script>標(biāo)記里創(chuàng)建一個(gè)函數(shù)getRili()。
4、下面開(kāi)始講解函數(shù)內(nèi)部日歷的實(shí)現(xiàn)步驟，首先，命名我們需要用到的變量。這里先列出，下面用到時(shí)再做介紹。
5、首先在函數(shù)里輸入兩個(gè)if語(yǔ)句，這兩個(gè)語(yǔ)句的功能是判斷是否為閏年，以此來(lái)設(shè)置二月份的天數(shù)。下面的row變量用來(lái)獲得每月所占用的行數(shù)，也就是在頁(yè)面顯示的時(shí)候有幾行。str用來(lái)獲取我們要輸入的表格和文字。
6、插入兩個(gè)for循環(huán)，第一個(gè)for循環(huán)用來(lái)獲取周日到周六，并把輸出代碼保存入str。第二個(gè)for循環(huán)，首先條件設(shè)定的意思是保證輸出當(dāng)月的行數(shù)，代碼意思用來(lái)創(chuàng)建行。
7、在第二個(gè)for循環(huán)嵌套一個(gè)for循環(huán)，并設(shè)定if條件語(yǔ)句，用來(lái)判定從那一列開(kāi)始輸出每月的幾號(hào)。假如剛好是當(dāng)天日期，改變當(dāng)前單元格的背景顏色。
8、最后輸入的兩行代碼，第一行表示表格的結(jié)束。第二行是把生成的代碼，保存入ID為date的div。這樣一個(gè)日歷的制作就完成了！保存后運(yùn)行，就是第一幅圖片的樣子了！
以上就是Dreamweaver制作日歷的教程，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持秀站網(wǎng)。
