用DIV+CSS写百度注册页面的问题。

html-css016

用DIV+CSS写百度注册页面的问题。,第1张

有三个问题:1:© 为特殊编码,不被支持,在代码中改成 &-copy即可(使用时请去掉 - 我加上-为了不让百度页面识别。)。

2:form 的运用 ,在一个注册页面下,所提交的注册信息必须在同一个form里才有效。而你用了多个form,使得注册信息无法提交。

3:id为main标签缺少</div>,需补充。

以上问题我已帮你更正,希望对你有帮助:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<style type="text/css">

body{

margin:0

padding:0}

#header{

width:645px

height:85px

margin:6px 30% 18px 22.3%}

#main{

width:645px

margin:0 30% 0 22.7%}

#header #logo{

width:137px

background:url(images/logo-yy.gif) no-repeat left top

height:46px}

#header #logoarea{

background:#D9F0F0

width:504px

float:right

height:24px

margin:-26px 0 0 0

}

#header #banner{

width:auto

height:40px}

#header #sider{

float:right

background:#D9F0F0

margin:-26px 0 0 0

width:100px

height:24px}

#header #logoarea p{

font-weight:bold

font-size:14px

margin:4px 0 0 10px

}

#header #sider p{

float:right

text-decoration:underline

color:#0000CC

margin:4px 14px 0 0

font-size:14px}

#header #banner img{

float:right

margin:8px 9px 0 0}

#main #container p{

font-weight:bolder

font-size:12px}

#main #container form{

margin:-11px 0 0 0}

#main #container #1{

font-size:24px

color:#666666}

#main #container textarea{

font-size:12px

color:#666666

width:480px

height:110px}

#footer{

margin:20px 0 0 -10px

background:#E6E6E6

height:20px

width:650px

float:left

text-align:center}

#footer p{

font-size:14px

font::Geneva, Arial, Helvetica, sans-serif

color:#8B77D5

font-weight:300

font-weight:400

margin:0 auto 5px auto}

.clear{clear:both}

</style>

<title>百度用户注册</title>

</head>

<body>

<div id="header">

<div id="logo">

</div>

<div id="logoarea">

<p>用户注册</p>

</div>

<div id="sider">

<a href="#"><p>帮助</p></a>

</div>

<div id="banner">

<img src="images/未命名.jpg"/>

</div>

</div>

<div id="main">

<div id="container">

<p id="2">用户名:</p>

<form><input type="text" />

<p id="1">不超过7个汉字,或14个字节(数字,字母和下划线)</p>

<span><p id="2">密码:</p>

<input type="text" /><p>确认密码:</p><input type="text" /></span>

<p id="1">密码长度6~14位,字母区分大小写。<a href="#">密码过于简单的危害</a></p><br />

<p id="2">性别:</p>

<input type="radio" name="sex" value="男" />男

<input type="radio" name="sex" value="女" />女

<p id="2">电子邮箱地址:</p>

<input type="text" />

<p id="1">请输入有效的邮件地址,当密码遗失时凭此领取</p>

<p>输入图中字符:</p>

<input type="text" /><img src="images/untitled.bmp" /><a href="#">看不清?</a>

<br />

<input type="submit" value="同意以下协议并提交" />

</form><br /><br />

</div></div>

<div id="footer"><p>© 2010 Baidu</p></div>

</body>

</html>

你要选择一个数据库才行,首先你要有服务器,或者空间,虚拟主机等才行,然后选择一款支持的数据库,比如access或者sql或者orcle等。然后选择一种编程语言,比如C#,VB,JAVA,等作为后台的服务器语言来操作数据库就可以了。头像上传的话图片上传到服务器,然后数据库里记录图片的路径。邮箱格式是否正确,栏位是否填写用javascript语言直接在页面前台验证就可以了。

css样式的类名或者相关的ID名也是需要一定的规则,这样有利于前台和后台的交互。

1、一般公司开发都是给技术员一本网站前端开发规范,里面详细的说明了各个命名的规则等相关的问题。

2、常见的人们约定的命名习惯为:

头:header

内容:content/container

尾:footer

导航:nav

侧栏:sidebar

栏目:column

页面外围控制整体布局宽度:wrapper

左右中:left right center

登录条:loginbar

标志:logo

广告:banner

页面主体:main

热点:hot

新闻:news

下载:download

子导航:subnav

菜单:menu

子菜单:submenu

搜索:search

友情链接:friendlink

页脚:footer

版权:copyright

滚动:scroll

内容:content

标签:tags

文章列表:list

提示信息:msg

小技巧:tips

栏目标题:title

加入:joinus

指南:guide

服务:service

注册:regsiter

状态:status

投票:vote

合作伙伴:partner