电子商务网页设计与制作课件.pptxVIP

　设置DIV+CSS布局? 随着Web 2.0网站的盛行,符合Web标准的设计成为目前网站设计所要遵循的首要原则。而基于Web标准的网站设计其核心在于实现内容与表现相分离,DIV+CSS恰恰是目前比较主流的一种网页布局方法,它有别于传统的表格布局模式,可以真正实现这一核心标准。本章即是基于“DIV+CSS”技术,使用Dreamweaver来实现“个人网站”的设计与制作。第一节　个人网站首页的制作本节的目标是依据“个人网站”的首页效果图,使用DIV+CSS技术,完成网站首页的制作一、绘制首页结构布局草图根据首页效果图,利用Photoshop软件绘制首页的结构布局草图,效果如图8-2所示。对照布局草图,首页中各个版块的内容如下:(1)top,主要放置LOGO或者配套文字。(2)lan,设置欢迎语样式。(3)leftblank,设置区块样式。(4)pic,主要放置个人相册图片展示。(5)rightdiv,放置常用的链接文字及首页导航条。(6)midmainleft,放置美文欣赏及一些标签文字链接。(7)xian,放置版块分割线。(8)rightcontent,放置音乐推荐及圈子好友推荐。(9)bottom,放置网页的版权信息。二、新建站点新建个人网站的站点“gerenwangzhan”,创建好的站点效果如图8-3所示。三、制作页面(1)执行“文件|新建”命令,在弹出的对话框中设置页面类