×

dw个人网页制作教程 一个简单的网页 weave

dreamweaver怎么做一个简单的网页?如何用JS创建一个简单的网页计算器

admin admin 发表于2022-05-24 12:01:29 浏览147 评论0

抢沙发发表评论

dreamweaver怎么做一个简单的网页


1.
打开DW,DW界面如图

2. 分析所制作的网页的需求,明确目标

3. 明确需求。如果是建议一个网站,需要建立一个站点,方便管理并使制作步骤更为有条理。

4. 新建站点弹出来的窗口。在这里我输入的是“新闻网页”,放在Dreamwaver CS6文件夹下的新闻网页文件夹

5. 在新闻网页文件夹下新建“images”文件,导入制作网页所需要的素材,这里所需要的素材都是图片

6. 新建HTML,选择“创建”

7. 在“标题”中输入“新闻网页首页”,转换到“设计”界面

8. 根据制作网页需求插入表格,只是在行列有所变化,下面的“表格宽度”以下选项根据图设置

9. 插入表格如图,选择表格,会看到表格边框变红,选择之后变黑。在属性中对齐选项选择“居中对齐”

10.在表格第一行第一列输入“用户名”,在第一行第二个表格插入“文件域”。然后是密码,同样的插入“文件域”。切换到“拆分”界面,选中密码对应的“文件域”,将“type”改为“password”

11.插入图像,不知道怎么填的话就一直选择“确定”即可

12.插入按钮,同上面插入图像的处理方法那样处理,如果不知道填什么就一直“确定”,无妨。在属性栏里的值改为“登录”。然后插入图像“谷歌logo”

13.选中第二行,点击鼠标右键,选择“表格”,“合并单元格”

14.在第二行插入图片。完成页面制作。保存HTML文件。然后在站点“新闻网页”可以看到保存的HTML文件

15.点击制作好的HTML文件,选择用360浏览器打开,输入用户名和密码,然后会看到如下情况:用户名课件,密码不可见,符合实际

16.当然也可以在Dreamwaver CS6 的实时视图中完成第15步

如何用JS创建一个简单的网页计算器


《!doctype html》    
《html》    
《head》    
《title》计算器《/title》    
《meta charset=“utf-8“/》    
《style type=“text/css“》    
.panel{    
   border:4px solid #ddd;    
width:192px;    
margin:100px auto;    
}    
.panel p,.panel input{    
   font-family:“微软雅黑“;    
font-size:20px;    
margin:4px;    
float:left;    
}    
.panel p{    
   width:122px;    
height:26px;    
border:1px solid #ddd;    
padding:6px;    
overflow:hidden;    
}    
.panel input{    
  width:40px;    
height:40px;    
border:1px solid #ddd;    
}    
《/style》    
《script type=“text/javascript“》    
//参数e用来接收传入的event对象    
function cal(e){    
//1.获取事件源,处理button的事件    
var obj=e.srcElement||e.target;    
if(obj.nodeName !=“INPUT“){    
  return;    
}    
    
var value=obj.value;    
var p=document.getElementById(“screen“);    
if(value==“C“){    
//2.如果是[C],则清空p    
p.innerText=““;    
}else if(value==“=“){    
//3.如果是[=],则运算    
var exp=p.innerText;    
try{    
var result=eval(“(“+exp+“)“);    
//如果正确执行,将结果写入p    
p.innerText=result;    
}catch(e){    
//发生错误,给予错误提示    
  p.innerText=“Error.“;    
}    
}else{    
//4.如果是其它按钮,则将value追加到p中    
p.innerText+=value;    
    
}    
}    
《/script》    
《/head》    
《body》    
《!--在最外层的div上注册单击事件,传入event对象,然后在函数中通过event判断出事件来源于哪一个button,    
    进而做出应有的处理。这样的好处是,避免在button上大量的注册事件。--》    
《div class=“panel“ onClick=“cal(event);“》    
《div》    
《p id=“screen“》《/p》    
《input type=“button“ value=“C“》    
《div style=“clear:both“》《/div》    
《/div》    
《div》    
《input type=“button“ value=“7“》    
《input type=“button“ value=“8“》    
《input type=“button“ value=“9“》    
《input type=“button“ value=“/“》    
《input type=“button“ value=“4“》    
《input type=“button“ value=“5“》    
《input type=“button“ value=“6“》    
《input type=“button“ value=“*“》    
《input type=“button“ value=“1“》    
《input type=“button“ value=“2“》    
《input type=“button“ value=“3“》    
《input type=“button“ value=“-“》    
《input type=“button“ value=“0“》    
《input type=“button“ value=“.“》    
《input type=“button“ value=“=“》    
《input type=“button“ value=“+“》    
《div style=“clear:both“》《/div》    
《/div》    
《/body》    
《/html》

这是我自学时候写的计算器


spring添加aspectjweaver包后依旧报错


从英文角度来说:就是找不到这个类
你导入的是包,就意味着你这个包是有这个类,哪怕版本不匹配也是有这个类

那么应该是你导入的路径错误,或者你没有导入

导入过程请参考:
http://jingyan.baidu.com/article/ca41422fc76c4a1eae99ed9f.html
-一个简单的网页