Dreamweaver创建表单的教程:新建HTML文件,点击软件工具栏上的插入,选择表单,再点击选择表单工具;再设置表单的相关文本域即可。如果想具体了解dw如何制作表单,那不妨接着往下看吧!
(资料图片)
1、打开Dreamweaver软件,鼠标左键选择新建【HTML】,在代码窗口上,修改网页title标签,制作简单表单。
2、接着,在【设计】窗口中,鼠标左键单击菜单【插入】下的【表单】。
3、然后,在【设计】窗口上,可以看到添加的表单,用红颜色的虚线框表示表单的区域。
4、接着,可以修改表单的区域大小,通过键盘上的【Enter】按键,增加表单的大小。
5、然后,鼠标左键单击菜单【插入】下的【表单】的【文本域】,如下图所示,可以在表单中添加文本框。
6、接着,在弹出的【文本域】窗口中,设置文本的参数,如名称等。
7、然后,在【设计】窗口中,就可以看到表单中添加的输入文本框了。
8、接着,根据表单的数据,可以添加多个文本框。
9、然后,把表单的文本框添加好后,在【设计】窗口中,可以看到简单的表单制作好的显示效果。
10、最后,鼠标左键单击【实时视图】窗口,可以看到制作好的简单表单,可以在表单中输入文字,查看显示效果。这样简单表单就制作好了,鼠标左键单击【文件】菜单下的【保存】。
###21、打开DW,添加div标签,并设置类。之后新建CSS样式。
2、在CSS规则定义的窗口中,在分类找到【方框】,设定长宽均为400。
3、div标签创建完毕,接下来要做的是为它添加背景色。
4、在右边的CSS样式窗口中找到该div的CSS,修改CSS样式。然后在分类中找到【背景】。
5、选择自己想设定的背景色,点击确定。
6、背景色设置完成。
7、同样,也可以添加本地图片作为背景,找到图像文件。
8、背景图像设置完毕。
9、另外,设置背景图像下面一共有四个选项:no-repeat、repeat、repeat-x、repeat-y,分别为重复、不重复、重复于水平面、重复于垂直面。即根据实际情况,选择适合的选项。
###31、先做的是插入两个div标签,点击【插入】,找到【布局对象】—【Div标签】。
2、先创建第一个长宽均为200px的div标签,类命名为“1”。
3、再先创建第二个长宽均为200px的div标签,类命名为“2”。
4、我们可以看到两个div标签的状态是上下并排。
5、然后再双击右边的CSS样式窗口内其中一个标签的CSS。
6、在div标签的CSS窗口中分类选项中,找到【方框】,设置Float为left,即向左浮动。
注意:两个div标签都要设置为向左浮动。
7、最后完成左右并排。
8、同样,在插入一个div时候,需要再将它设置为左浮动,可以继续左右并排。
Copyright 2015-2022 魔方网版权所有 备案号:京ICP备2022018928号-48 联系邮箱:315 54 11 85 @ qq.com