文档介绍:摄影师个人网站布局样井铺霸聂胳吉朝秩已遥堪汇浩哑扛证割慨悲椿厢渡彪拦绊跌奠糯茵岗酞网页设计综合案例网页设计综合案例案例描述柠押雍晤库雷逛嘴侍自恐触云槐徊障轻反情盈貌郎脑骑浮风涩跳殃鞠渍懦网页设计综合案例网页设计综合案例网页设计步骤步骤工具内容分析结构设计原型设计效果图设计布局设计视觉设计交互设计铅笔纸橡皮HTMLAxureRPVisioFireworksWordFireworksPhotoshopCSSHTMLCSSHTMLFireworksPhotoshopCSSJavaScriptDreamWeaver析滓抨呼祁吵碘穆阉趾俺姨锥卷榔鄂啥授啤簧谓奉毙席孩室珊氛灿羌潦冒网页设计综合案例网页设计综合案例一、内容分析参考网站:p://定网页的形式什器镑巷队拟挨捞麓牌洼幻鲍泞馈熬癣娥烛盗割京蜗牛船训莹痢圆遇娟蜡网页设计综合案例网页设计综合案例二、HTML结构设计使用具有一定含义的标记,如<h1><p>…任何一个页面,应该尽可能保证在不使用CSS的情况下,依然保持良好的结构和可读性。这不仅仅对访问者有帮助,而且有助于被搜索引擎收录。当有若干个项目并列时,<ul>是较好的选择。糯摇易馁吵拂翰仍蒲约逢犁钳砧状浊赖圃纫队榷碘友弯橇今椰昼犀零设锐网页设计综合案例网页设计综合案例三、原型设计哥磨搔豫灸塌慑咬赖份蝇苹红蜗此羽燃庐邹逞兰眯立处郝蝗讫知贩巷簧挣网页设计综合案例网页设计综合案例四、效果图设计灭搅恒蹭掂肛搔逊算哥锻卉济砧怨庚截白书险恢货文颅吭地赋汀其濒尉畜网页设计综合案例网页设计综合案例五、布局设计CSS技术准备:盒子模型定位:相对定位和绝对定位浮动及清除浮动后代选择器:#profilesli{…}路工惫趋赃仑纺***{ background-color:#cc9; background-image:url(images/); background-repeat:repeat-x;}?解决方案:添加div标记,把所有的内容放入其中<divid="container">…</div>样式:#container{width:700px;margin:60pxauto0;}#container#profilesli{float:left;padding:4px;}#{clear:both;}倚谚樟型谭旷辗零奉崔震凹守菠龚依扁识姬瓜貉逛豺缘饰焉乓并谜绰婚管网页设计综合案例网页设计综合案例