Dreamweaver中想要制作一個日歷，主要使用表格來制作，函數創建與調用，if語句與for語句、ID標簽的應用。下面我們就來看看詳細的教程。
1、打開Dreamweaver軟件，新建一個HTML文檔。在body標簽加入onload="getRili()"，用來調取下面步驟的函數。在body內部新建一個div的標簽并定義ID為date。如下圖：
2、在新建文檔的<head></head>標記里輸入<style type="text/css"></style>,這個標記里用來設置一個CSS樣式。再輸入<script type="text/javascript"></script>標記，用來創建日歷的制作。
3、在<style type="text/css"></style>這個標記里輸入一個CSS樣式，這里不再解釋樣式的作用。在<script type="text/javascript"></script>標記里創建一個函數getRili()。
4、下面開始講解函數內部日歷的實現步驟，首先，命名我們需要用到的變量。這里先列出，下面用到時再做介紹。
5、首先在函數里輸入兩個if語句，這兩個語句的功能是判斷是否為閏年，以此來設置二月份的天數。下面的row變量用來獲得每月所占用的行數，也就是在頁面顯示的時候有幾行。str用來獲取我們要輸入的表格和文字。
6、插入兩個for循環，第一個for循環用來獲取周日到周六，并把輸出代碼保存入str。第二個for循環，首先條件設定的意思是保證輸出當月的行數，代碼意思用來創建行。
7、在第二個for循環嵌套一個for循環，并設定if條件語句，用來判定從那一列開始輸出每月的幾號。假如剛好是當天日期，改變當前單元格的背景顏色。
8、最后輸入的兩行代碼，第一行表示表格的結束。第二行是把生成的代碼，保存入ID為date的div。這樣一個日歷的制作就完成了！保存后運行，就是第一幅圖片的樣子了！
以上就是Dreamweaver制作日歷的教程，希望大家喜歡，請繼續關注武林網。
相關推薦：
DW網頁元素怎么制作漸隱漸現效果?
DW怎么設置DIV模塊在頁面中居中?
Dreamweaver cc2018主題顏色怎么設置?
新聞熱點
疑難解答
