欧美大屁股bbbbxxxx,狼人大香伊蕉国产www亚洲,男ji大巴进入女人的视频小说,男人把ji大巴放进女人免费视频,免费情侣作爱视频

代理加盟

2023全新代理計劃,一站式模板建站,銅牌代理低至699元送終身VIP,獨立代理后臺,自營貼牌。

您現(xiàn)在的位置: 麥站網(wǎng) > 站長學院 > 建站教程 >

使用Dreamweaver制作日歷HTML模板圖文教程

來源:本站原創(chuàng) 發(fā)布時間:2019-09-26 08:57:29熱度: ℃我要評論(0

麥站模板建站平臺(10年經驗),服務數(shù)萬家企業(yè),固定透明報價。域名注冊、主機/服務器、網(wǎng)站源碼一站式服務。實體公司,專業(yè)團隊,值得選擇!超過1000套模板已登記版權,合規(guī)合法建站,規(guī)避版權風險!【點擊獲取方案】

Dreamweaver是adobe廠商推出的可視化編輯軟件,用于編輯網(wǎng)站代碼和應用程序的代碼編輯軟件,今天我們介紹下使用DreamWeaver軟件來制作一個日歷樣式的模板,希望對大家有所幫助,大家多多分享。

Dreamweaver制作日歷,此次我們使用的是表格代碼框架,if語句與for語句、ID標簽的應用。

使用軟件:Adobe Dreamweaver CS6 官方中文正式原版(附激活補丁)

實現(xiàn)樣式:

使用Dreamweaver制作日歷HTML模板圖文教程

實現(xiàn)步驟:

1:打開DW軟件,新建HTML模板文檔,在<body>標簽中加入標簽:onload="getRili()",如<body onload="getRili()"></body>,用來獲取下面步驟的函數(shù),在<body onload="getRili()"></body>之間插入DIV,class="date"。如圖:

使用Dreamweaver制作日歷HTML模板圖文教程

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

使用Dreamweaver制作日歷HTML模板圖文教程

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

使用Dreamweaver制作日歷HTML模板圖文教程

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

使用Dreamweaver制作日歷HTML模板圖文教程

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

使用Dreamweaver制作日歷HTML模板圖文教程

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

使用Dreamweaver制作日歷HTML模板圖文教程

7、在第二個for循環(huán)嵌套一個for循環(huán),并設定if條件語句,用來判定從那一列開始輸出每月的幾號。假如剛好是當天日期,改變當前單元格的背景顏色。

使用Dreamweaver制作日歷HTML模板圖文教程

8、最后輸入的兩行代碼,第一行表示表格的結束。第二行是把生成的代碼,保存入ID為date的div。這樣一個日歷的制作就完成了!保存后運行,就是第一幅圖片的樣子了!

以上就是Dreamweaver制作日歷的教程,希望對大家的學習有所幫助,也希望大家多多支持秀站網(wǎng)。

    轉載請注明來源網(wǎng)址:http://mengdiqiu.com.cn/news/1778.html

    發(fā)表評論

    評論列表(條)

       
      QQ在線咨詢
      VIP限時特惠