网页背景图(网页设计注册页面制作)
网页背景图
一个完整的网站由文字信息和图片素材信息组成。设计出来的网页好不好,很大程度上取决于图片背景的应用。网站背景是网站建设的重要组成部分。现在越来越多的企业选择图片作为背景,可以体现网站的风格,快速吸引用户的注意力。网页背景是网站建设中表达风格的一种方式。如果能够很好地构建图片背景,用户体验将得到提升。使用背景图片的网站往往简洁美观,但看似简单却很难做到。那么,在网站上使用背景图片应该注意什么呢?
图片的背景位置在不同设备上保持不变。
如果使用不同的设备打开网站,网页背景图片的位置会发生变化,会带来不好的用户体验。
后台不要太分散用户的注意力。
背景图片的使用可以增加网站对用户的吸引力,但只是起到衬托和点缀的作用,不需要过度美化,避免模糊焦点。
突出网站的主题
选择图片作为网站的背景。所选图片必须与网站的整体颜色相协调。从客户体验来看,视觉效果好的网站可以留住客户,降低网站的跳出率。只有完成这一步,才能称之为网站添加效果。
网页设计注册页面制作
一、文字处理
1、文字加粗:<strong><\strong>
2、文字换行:<br/>
3、文档标题:title
4、整体文字居中<bodyalign="center">
5、整体字体颜色:<bodystyle="color:white">
6、段落:<p>
7、标题:<h1>~<h6>
二、超链接设置
1、字体链接:<ahref="链接地址">
2、按钮链接:<inputtype="button"value="注册"οnclick="window.open('链接地址')"
3、弹出窗口设置:<inputtype="button"value="提交"οnclick=alert("提交成功!")>
备注:alert()方法用于显示带有一条指定消息和一个OK按钮的警告框。
三、样式设置
1、外框设置
<body>---<DIVCLASS="bodered">。。。</DIV>
<HEAD>---.bodered{bodered-style:solid;width:300px;height:300px}
2、图片大小设置:
2.1背景图片<bodybackground="链接地址">
2.2区域背景图片
<BODY>----<divid="tp">
<head>----#tp{width:200px;height:200px;background:url("链接地址")}
四、表单设置:
4.0表单定义设置<formid="myform2"name="myform2"action="#"method="post">
4.1按钮<inputtype="button"value="登录"style="width:300px;height=:200px">
4.2下拉菜单
<SELECTid="place"name="place"style="width:300px;height:30px">
<optionvalue="shuoshi">硕士及以上</option>
<optionvalue="benke">本科</option>
<optionvalue="dazhuang">大专</option>
<optionvalue="gaozhong">高中及以下</option>
</select>
4.3下拉表单
<selectid="software"name="software"multiple="mulyiple"size="3"style="width:300px;height:50px;">
<optionvalue="OFFICE"id="of"name="of">OFFIC办公软件</option>
<optionvalue="CorelDraw"id="cdr"name="cdr">CorelDraw</option>
<optionvalue="AUTOCAD"id="cad"name="cad">AUTOCAD</option>
<OPYIONvalue="spss"id="sp"name="sp">SPSS</OPYION>
<optionvalue="matlab"id="mat"name="mat">MATLAB</option>
</select>
4.4多行文本
<textarearow="50"cols="30"id="recommend"style="width:300px;height:50px;">此处输入文本</textarea>
4.5单选框<inputtype="radio"id=“male”name="xingbie"value="男">男<inputtype="radio"id=“female”name="xingbie"value="女">女
单选框选之一:name需要一致!!
4.6复选框
<inputtype="checkbox"name="aihao"id="aihao"value="唱歌"/>唱歌
<inputtype="checkbox"name="lq"id="lq"value="篮球"/>篮球
<inputtype="checkbox"name="ym"id="ym"value="羽毛球"/>羽毛球
<inputtype="checkbox"name="yw"id="tw"value="跳舞"/>跳舞</DD>
4.7文件上传<inputtype="file"id="photo"/>
4.8表单容器盒子fieldset
<fieldset>
<legend><h1align="center">登录页面</h1></legend>
</fieldset>
优秀作品:
最新作品:
评论列表(共181人参与)参与讨论或分享设计作品获得视觉癖积分奖励
世纪已经成注册会员
2021-12-30 11:5:21
志,发奋冲刺,联合斗争,展示自我。 7、放马金鞍,惟我十班,超越梦想,激情无限。 8、爱我季延,立志成材,英勇冲黄叶。秋天到处都是波浪,波浪又冷又冒烟。 07、借一阵微风吹散阴霾
回复 天,没注册会员
2021-12-30 14:29:43
若想做好互联游客
2021-12-30 13:38:44
游客38468:网页背景图国庆无限精彩,尽在**手机 14.选车看火候,买车正当时!! 15.扔掉惋惜,坐拥高兴!! 尽的心酸也只能当笑谈,述不尽的往事也只能随风散。
回复看吧! 注册会员
2021-12-30 14:38:27
图片的背景位置在不同设备上保持不变。 如果使用不同的设备打开relDRAW CorelDRAWGraphicsSuite是加拿大Corel公司的平面规划软件;该软件是Corel公司出品的
回复