头部结构布局样式设置.pptVIP

* 电子商务网页设计与制作 Design?and?Creation?of?E-commerce?Web Pages 头部结构布局样式设置 T H I S I S 导入：基础任务分析 头部布局样式设置 网页布局方式 Content 导 入-基础任务分析 本次任务是承接前面的农产品电商形象展示网站的首页效果图切片。以该网页的头部部分为例，通过Dreamweaver结合完成切片的图片，通过网页布局实施来掌握网页元素内容结构和表现的分离。 头部布局样式设置 实操 1.新建网页文件和样式文件 2.通过外部链接引入CSS文件 3.创建页面头部内容结构 4.定义通用样式设定 5.定义header结构样式 6.定义图片banner的样式 7.定义nav类结构样式 8.通过左右浮动来定义logo图片和nav导航栏目 9.完成任务后，保存退出。 网页布局的方式 通过CSS样式来实现网页布局，本质就是CSS样式的定位机制，允许CSS来对指定网页元素进行定位。定位的基本思想很简单，就是允许CSS定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。对于块元素而言，这些元素显示为一块内容，即“块框”，而行内元素，它们的内容显示在行中，即“行内框”。 CSS 有三种基本的定位机制：普通流、浮动和定位。