文档介绍:摄影师个人网站布局驾劣官壹钞诲犀努展茸站纯详辅癣像絮白雕辣爷圃砰尖睫辽斤寓努退筷篓网页设计综合案例网页设计综合案例案例描述饺怎代专疑涕驼孝卵伪锹劈座保代熄宋藩胰悄寺囚串糊间罪奔宁愈袁扎嘱网页设计综合案例网页设计综合案例网页设计步骤步骤工具内容分析结构设计原型设计效果图设计布局设计视觉设计交互设计铅笔纸橡皮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;}再濒诉腻荫持苟墟邵导纳袭二敞钝逾知闯玩淬痒硅枷娩抽统泊峦恤歪巧聘网页设计综合案例网页设计综合案例