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

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打开,打开设计页面,选择切片弄好的位置,在属性中输入超链接的网址即可。

 

posted @ 2016-08-19 19:56  削肾客  阅读(232)  评论(0编辑  收藏  举报