win10系統(tǒng)電腦Dreamweaver怎么制作日歷模板?
1、打開Dreamweaver軟件,新建一個HTML文檔。在body標(biāo)簽加入onload=getRili(),用來調(diào)取下面步驟的函數(shù)。在body內(nèi)部新建一個p的標(biāo)簽并定義ID為date。如下圖:
2、在新建文檔的head/head標(biāo)記里輸入style type=text/css/style,這個標(biāo)記里用來設(shè)置一個CSS樣式。再輸入script type=text/javascript/script標(biāo)記,用來創(chuàng)建日歷的制作。
3、在style type=text/css/style這個標(biāo)記里輸入一個CSS樣式,這里不再解釋樣式的作用。在script type=text/javascript/script標(biāo)記里創(chuàng)建一個函數(shù)getRili()。
4、下面開始講解函數(shù)內(nèi)部日歷的實現(xiàn)步驟,首先,命名我們需要用到的變量。這里先列出,下面用到時再做介紹。
5、首先在函數(shù)里輸入兩個if語句,這兩個語句的功能是判斷是否為閏年,以此來設(shè)置二月份的天數(shù)。下面的row變量用來獲得每月所占用的行數(shù),也就是在頁面顯示的時候有幾行。str用來獲取我們要輸入的表格和文字。
6、插入兩個for循環(huán),第一個for循環(huán)用來獲取周日到周六,并把輸出代碼保存入str。第二個for循環(huán),首先條件設(shè)定的意思是保證輸出當(dāng)月的行數(shù),代碼意思用來創(chuàng)建行。
7、在第二個for循環(huán)嵌套一個for循環(huán),并設(shè)定if條件語句,用來判定從那一列開始輸出每月的幾號。假如剛好是當(dāng)天日期,改變當(dāng)前單元格的背景顏色。
8、最后輸入的兩行代碼,第一行表示表格的結(jié)束。第二行是把生成的代碼,保存入ID為date的p。這樣一個日歷的制作就完成了!保存后運行,就是第一幅圖片的樣子了!
以上便是小編為大家介紹的win10系統(tǒng)電腦Dreamweaver怎么制作日歷模板的方法了,希望可以幫助到您!
- 專題推薦
- 深度技術(shù)系統(tǒng)推薦
- 1深度技術(shù)Ghost Win10 x64位 特別純凈版v2018.01(絕對激活)
- 2蘿卜家園Windows11 體驗裝機(jī)版64位 2021.09
- 3深度技術(shù)Ghost Win10 X32增強(qiáng)修正版2017V01(絕對激活)
- 4深度技術(shù)Ghost Win10 x64位 完美純凈版2019年05月(無需激活)
- 5深度技術(shù) Ghost Win10 x86 裝機(jī)版 2016年05月
- 6深度技術(shù)Ghost Win10 x64位 多驅(qū)動純凈版2019V08(絕對激活)
- 7深度技術(shù) Ghost Win10 32位 裝機(jī)版 V2016.09(免激活)
- 8深度技術(shù)Ghost Win10 X64 精選純凈版2021v03(激活版)
- 9深度技術(shù)Ghost Win10 (64位) 經(jīng)典裝機(jī)版V2017.07月(免激活)
- 10深度技術(shù)Ghost Win10 X32位 完美裝機(jī)版2017.09月(免激活)
- 深度技術(shù)系統(tǒng)教程推薦
- 1win10 20H1 Build 18970和19H2 Build 18363.327 ISO鏡像發(fā)布
- 2怎么使用聚生網(wǎng)管對局域網(wǎng)進(jìn)行限速?
- 3Win10系統(tǒng)配置Tomcat服務(wù)器環(huán)境需要怎么操作
- 4win8系統(tǒng)卸載輸入法的處理方法
- 5電腦elnet服務(wù)客戶端的怎么開啟?如何開啟elnet服務(wù)客戶端的步驟
- 6老毛桃W10每次開機(jī)都彈出證書導(dǎo)入向?qū)г趺崔k?
- 7WIN10系統(tǒng)電腦ie安全設(shè)置怎么如何更改?
- 8Win8.1系統(tǒng)卸載微軟拼音輸入法的技巧【圖文】
- 9曝微軟OneDrive windows 10版大改:UwP變成PwA
- 10設(shè)置win10系統(tǒng)qq截圖快捷鍵的方法