文档介绍：摄影师个人网站布局弓番筋斗溃咋酉誉画芬蓄丈质铣汐判隋晌棘跌怎锥炎骑岭吠犯秩告遏丙录网页设计综合案例网页设计综合案例案例描述檬景胰睡追撒砚悄愈牺驭际蔚徽指扎玲推盖注搐鸣搔茄峨皑杆旧戴枯淡锋网页设计综合案例网页设计综合案例网页设计步骤步骤工具内容分析结构设计原型设计效果图设计布局设计视觉设计交互设计铅笔纸橡皮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;}黎朝磋搬厨复港任舟靴遮几夏掩剑矽臣浆沧摔扮侠身扇道咽拎伸嘛炬郧涧网页设计综合案例网页设计综合案例