码迷,mamicode.com
首页 > Web开发 > 详细

图片热点,内嵌网页,表单,快速制作网页

时间:2016-08-19 20:45:58      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:

1.图片热点

技术分享阿达撒

设计显示

技术分享

2.内嵌网页

代码:

<body>
<iframe src="http://lol.qq.com/" width="500" height="500"></iframe>
<iframe src="http://tieba.baidu.com/f?kw=%BD%E4%CD%F8" width="600" height="600"></iframe>
</body>

效果:

技术分享

3.表单

<body>
<form>
文本框<input type="text" name="" value="默认值"  /><br /><br />

<input type="text" name="" placeholder="提示信息" /><br /><br />

<input type="text" name="" value="74110" required="required" disabled="disabled" /><br /><br />
<input type="password" name="" value="" placeholder="输入密码" /><br /><br />
<textarea name="" cols="35" rows="10"></textarea><br />
<br />
<input type="reset" name="" id="" disabled="disabled" />&nbsp;&nbsp;
<input type="button" value="按钮"/>&nbsp;&nbsp;&nbsp;
<input type="image" src="../../picture/beautifulgril.jpg" width="30" /><br />
男<input type="radio" name="1" checked="checked" value="" /><br />
女<input type="radio" name="1" /><br />
哈飞 <input type="checkbox" name="" checked="checked" value="" /><br />
赛豹 <input type="checkbox" /><br />
<input type="file" /><br /><br />
</select>&nbsp;
<select size="4" style="width:10%;">
<option>2001</option><option>2002</option><option>2003</option><option>2004</option>
</select>&nbsp;
<select size="1">
<option>月</option>
</select>&nbsp;
<select size="1">
<option>日</option>
</select>
</form>
</body>

显示:

技术分享

 

4.快速制作网页

 利用Photoshop中的切片工具来规划出要设置链接的位置,设置好后存储为web可使用的html格式。

DREAMWEAVER打开,打开设计页面,选择切片弄好的位置,在属性中输入超链接的网址即可。

 

图片热点,内嵌网页,表单,快速制作网页

标签:

原文地址:http://www.cnblogs.com/nicebaby/p/5788847.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!