Dreamweaver怎么制作簡單的日歷模板?

發布時間: 2019-03-16 00:49:40 來源: 互聯網 欄目: Dreamweaver教程 點擊:

Dreamweaver怎么制作簡單的日歷模板?Dreamweaver中想要制作一個簡單的日歷,該怎么制作日歷呢?下面我們就來看看詳細的教程,需要的朋友可以參考下

Dreamweaver中想要制作一個日歷,主要使用表格來制作,函數創建與調用,if語句與for語句、ID標簽的應用。下面我們就來看看詳細的教程。

軟件名稱:
Adobe Dreamweaver CS6 官方中文正式原版(附激活補丁)
軟件大小:
317.3MB
更新時間:
2014-05-14

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制作日歷的教程,希望大家喜歡,請繼續關注我們。

本文標題: Dreamweaver怎么制作簡單的日歷模板?
本文地址: http://www.leskzw.tw/web/dreamweaver/208991.html

如果認為本文對您有所幫助請贊助本站

支付寶掃一掃贊助微信掃一掃贊助

  • 支付寶掃一掃贊助
  • 微信掃一掃贊助
  • 支付寶先領紅包再贊助
    聲明:凡注明"本站原創"的所有文字圖片等資料,版權均屬編程客棧所有,歡迎轉載,但務請注明出處。
    Dreamweaver怎么設計歌曲下載鏈接頁面?返回列表
    Top 广东好彩1中奖规则