图片热点: 规划出图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转的效果。 示例: 网页划区: 在一个网页里,规划出一个区域用来展示另一个网页的内容。 示例: 网页的拼接: 在一个网络页面内,规划出多个页面窗口,以表格拼接的形式展
图片热点:
规划出图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转的效果。
示例:
网页划区:
在一个网页里,规划出一个区域用来展示另一个网页的内容。
示例:
网页的拼接:
在一个网络页面内,规划出多个页面窗口,以表格拼接的形式展示出来。
示例:
表单:
id不可重复,name可重复,get提交有长度限制,并且编码后的内容在地址栏可见,
post提交没有长度限制,且编码后内容不可见。
1.文本输入
文本框
密码框
文本域
隐藏域
2.按钮
提交按钮点击后转到form内的提交服务器的地址
重置按钮
普通按钮
图片按钮
disabled使按钮失效
enable使按钮可用
3.选择输入
单选按钮组
name的值用来分组,value的值看不见,提交给程序用的,checked设置默认选项。
复选框组
文件上传
lable元素不会向用户呈现任何特殊效果,不过,他为鼠标用户改进了可用性。如果您在lable元素内点击文本,就会触发此控件。
4.下拉列表框
--size为1时,为菜单;>1时,为列表。multiple为多选。
内容1
内容2
--selected,设为默认
内容3
表单当中语句的使用示例:
以上语句呈现出的效果为:
表单练习题:根据做出的效果图来写语句
写语句的过程:
快速制作网页的方法:
利用Photoshop中的切片工具来规划出要设置链接的位置,设置好后存储为web可使用的html格式。
用DREAMWEAVER打开,打开设计页面,选择切片弄好的位置,在属性中输入超链接的网址即可。