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://yourctp.com/web/dreamweaver/208991.html

假设认为本文对您有所赞助请赞助本站

付出宝扫一扫赞助微信扫一扫赞助

  • 付出宝扫一扫赞助
  • 微信扫一扫赞助
  • 付出宝先领红包再赞助
    声明:凡注明"本站原创"的一切文字图片等材料,版权均属编程客栈一切,迎接转载,但务请注明出处。
    Dreamweaver怎样设计歌曲下载链接页面?前往列表
    Top