《网页设计与布局项目化教程05ppt培训课件》由会员分享，可在线阅读，更多相关《网页设计与布局项目化教程05ppt培训课件（8页珍藏版）》请在金锄头文库上搜索。
1、友5azluktEUL三L教程(HTML+CSS+DV)E传本章简介:随着互联网的发展,电子商务的应用越来越广泛。本章中,我们就从零开始,分析“策划、设计苏制作一Teeu为一个假想的名为“ABCBookstore“的网上书店制作一个网站。日掌握使用滑动门技术制作导航菜单映制作可以适应变化宽度的圆角桂月内CnoossrontsMae吊目pEBene河医02EnsearAEriooeifrororiiEEE史相zn“囚国效果图这个页面竖直方向分为上、中、下3个部分,其中上、下两个部分的背景在水平方向会自动延伸。中间的内容区域分为左、右两列,右列为主要内容,左列由若干个圆角框构成,分别放置搜索、分类
2、别提示信息等内容。在进行具体设计之前,先来看几个著名商务网站的页面有什么特点和规律可以借鉴。“京东商城Cwww.360buycom)网站的首页,它是国内最大的综合型购物网站之一。读者在研究一些成功网站的时候,不要仅仅关注这些网站的设计风格和技细节,而要从更深的角度顽察它们,这桐才能更好地掌握核心的东西。可以看到,这个页面尽管内容非常多,但简单来说就分为两大类一一“分类链接“和“推荐商“一一一一一一品链接“。“京东商城“网站的首页在理解了网站的基础上,我们开始搭建网站的内容结构。现在不要管CSS,而是完全从网页的内容出发,根据上面列出的要点,通过HTML搭建出网页的内容结构。基本的HTML结构首先,在设计任何一个r网页之前,都应该先有一个一5TFTT“一构思的过程,对网站的完整功能和内容作一个全面的分析。如果有条件,应该制作出线框图,这个过程专业上称为“原型设计“。例如,在具体制作网页之前.我们就可以先设计一个网页原型线框图。网页原型线林图
