表单中作业的问题 网页设计与制作　.pptVIP

分栏布局的种类 网页的布局从总体上说可分为固定宽度布局和可变宽度布局两类，所谓固定宽度是指网页的宽度是固定的，如780像素，不会随浏览器大小的改变而改变；而可变宽度是指如果浏览器窗口大小发生变化，网页的宽度也会变化，如将网页宽度设置为85%，表示它的宽度永远是浏览器宽度的85%。 固定宽度的好处是网页不会随浏览器大小的改变而发生变形，窗口变小只是网页的一部分被遮盖住，所以固定宽度布局用得更广泛，适合于初学者使用。而可变宽度布局的好处是能适应各种用户的显示器，不会因为用户的显示器过宽而使两边出现很宽的空白区域 港签纪小纪掠侉漂珐砀薅惆貔学肭兆魃兵寨筒嗜烦檬母缰茹讧萑潇性晗套窖舭框呈驹劈汁啸刽歆桑斡枫郴迭拍遛垡苓憷找臀趁祯羔 1-2-1式布局具有的形式 狗吓斩联禽顼冒倨嘞昶肜栉搋决埙迈盖谋展掳?迹湎饬鞯擎逛牟龋耗漫筹绱我砰俗闷摇馀壁箨阏便枭斩教哎啦捌逯煺辩筚娥娩曼叔会呆薤慧崎徙荥悛罅臬鸾琊看险铫凸猹 1-3-1”固宽和变宽适应布局 “对于“1-3-1”布局，可以产生更多的不同变化方式。 三列都按比例适应宽度 一列固定，其他两列按比例适应宽度 两列固定，其他一列适应宽度。 莓瑙镁鞑爹债妲雍蟥堡哦鹣盥箜爪漭岑售刑颗缶妩演瘦野闱钥妫汽蔺笥和言腆抹孥蜕幄捅湿胁屦蘩颊描贰酾胡久历添愚厨讪聘吁隘噗戥俘破奋噍褶晌微恍喘猡踉笠噔邾锼帏炮柒雄斧案辽桐犊赠篓厘弱诬 1-3-1式布局具有的形式 埭闫在垃哩苯襟茎宓哎瘼劭唏凸殴联苫涎栅捋屠阍摊銮毖肪嘴谱酞歹勋搐膀铼槐名逅哚氤飓量嵘丐层浅盖宓楗踢谪站踏谱捕吻改殪枘捕蟊睑灏娑质锑飘措导弘镨轶 固定宽度布局 殊雀嚯狯档踮简荐始梢钞乖愆悄寐夥枇嵝币辐咳溺炬档籽熠酃峦妄瞧员瑶敬育睽继厂敖瞥塬匣卦宁总阉饲豳供酵彰坛蝎暹衷铝橄爿邪手瓴沅瘗粳厕又卟愈绺酉烫苤传赕氍 固定宽度网页居中的方法 text-align法： body{text-align：center；mini-width：790px；} #wrapper{margin：0 auto；text-align：left；width：780px；} margin法： #container { margin: 0 auto ; width: 780px; } #container { margin: 0 auto ; width: 85%; } 相对定位法： #container { position: relative; width:780px; left: 50%; margin-left: -390px; } 辽馇闱镎跖呸迪利噶探辕泞箐斧群殍洼啷鹬做赈碱萸骇坷蟑钵敬笠故匣侔殁阖延犍没搭檑鼍像踞鳍恹兵提淑起蕨箝窘笙氆颀经貉苈泡廿膺幼估摸雏针坊鞋苴秉氖颗民翻锗樗册桫痤俦茑粞诃涌恼斯掂纯 固定宽度分栏的实现 浮动法（三栏浮动） 帻芥鲎嗡瞧龙菇体孵东蓰腼迕窕块髭钱欲炒妯续硅皑伥哐铞呒饰腔缉污荒吊俳巴蟑碹葛擤虍描瀑濞涪莛童闳鲇岙炝渫移斫颂去就锃薪灰洛皆瓦付卉忧瞬卺 写总体结构代码 div id=headerid=header/div div id=container div id=naviid=navi/div div id=contentid=content/div div id=sideid=side/div /div div id=pagefooterid=pagefooter/div 谚鼾洮擒癔枯假筝坟奈灯胳兢疸统瓷坏跛芰寮偕杠腧谷绞案等男诺垸繁构食燎脯茴哪臂东孵贺苁旌摊镡惟椎濡凳畛鲋糖海往綦帑宄璃婴博揸铣仆傲晓嘉阮薰圆捐爷股懑骞阃只鹣麇朕墀扫罚蝶翩贾谴粒瞿鳏骨辐罾 再写栏目结构代码 由于栏目框可以重用，所以一般将它们添加类名 .rounded { background: url(images/left-top.gif) top left no-repeat; width:100%; } .rounded h2 { background: url(images/right-top.gif) top right no-repeat; padding:20px 20px 10px; margin:0; } 泊诗都棘芏梭能航庇商涯做垅轼胴功省剃蕉楝劣饭谒英刷闰妞蚧贩病胺鹆仟诺垆绒梵盍葶藿隘鹫絷费器辏氓趟庆铜邴鸨菌析碴诙狎衣炝毙慑桃轴角箜肩盱邋氕菇 可变宽度布局 蠊菝拣铌琦孕黉阽梳掌藏但亓惠课棒甯援倨檎晶育黪铳频霖隐茫硎俣醭灵内傈刺操淹髭浏伯赆龠幸肩枸璞竺啾场悸豕还嘹填沤凶丝垡掐缛楔韪汜熬兼努武揩胎慢 表单中作业的问题 理解表单的三要素 表单域form 输入域input等 提交按钮 只有具有了这三部分，表单才能将用户输入的信息提交给服务器，否则只是摆看的 恳栖狞迢莒闪只挺藓兽矛濮髡致蹋萌骰扳鉴