文档介绍:网页设计综合案例案例描述网页设计步骤步骤工具内容分析结构设计原型设计效果图设计布局设计视觉设计交互设计铅笔纸橡皮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;}