电子商务网页设计与制作-第三单元 CCS设计基础 PPT课件.pptVIP

******点击添加标题您的内容打在这里，或通过复制文本后在此选择粘贴，并选择只保留文字。E-commercewebdesignandproduction电子商务网页设计与制作目录ONTENTSPart1Part2Part3网页设计基础模块CSS基础模块CSS+DIV网页美化与布局模块Part3?知识目标掌握CSS网页背景设置的方法、CSS图像与文本设置的方法、CSS网页链接效果设置的方法、CSS网页菜单设置的方法、CSS网页表格设置的方法、CSS网页表单设置的方法，理解CSS+DIV页面布局的方法与原理。技能目标能够掌握用CSS美化网页元素的方法，能够利用CSS+DIV进行网页布局。第三单元MyBitShop——Part3任务一CSS网页图像与文本设置一、CSS背景设置二、CSS文本设置三、CSS图像设置（1）背景色（2）背景图（3）背景平铺（4）背景定位（5）背景附着（6）背景的简写属性（1）CSS的字体和文本属性（2）首行缩进与行高（3）文字的截断与首字下沉（1）图像的边框（2）图像的缩放（3）图文混排Part3任务一CSS网页图像与文本设置一、网页布局规划四、创建CSS文档三、创建空白文档二、创建站点五、将CSS文档链接到页面六、页面初始化页面可以分为头部logo、头部导航、主导航、左侧公告内容区域、左侧风光展示内容区域、右侧介绍内容区域、右侧分类信息列表区域及页面底部版权区域。启动软件，执行“站点”→“新建站点”命令，在“文件”下分别创建用于放置图片的images文件夹和放置CSS文件的style文件夹。执行菜单栏中的“文件”→“新建”命令，弹出“新建文档”对话框。执行菜单栏的“文件”→“新建”命令，选择“空白页”类别，从“页面类型”列中选择CSS类型，然后单击“创建”按钮，即可创建一个CSS空白文档。打开index.html文档，执行“窗口”→“CSS样式”命令，单击面板底部的“附加样式表”按钮。单击“浏览”按钮，将外部样式文件css_div.css链接到index.html页面中。选择“插入”菜单下的“布局对象”中的“Div标签”选项，在“插入”下拉列表框中选择“在插入点”选项，在ID下拉列表框中输入wrapper，即可在网页中创建名为wrapper的Div对象。Part3任务一CSS网页图像与文本设置八、content、left区域的制作七、menu区域的制作九、content中right区的制作十、footer区域的制作选择“插入”“布局对象”中的“Div标签”再选择“插入”中的“在开始标签之后”，并选择divid=“header”选项，在ID下拉列表框中输入menu，单击“确定”按钮，即可在header对象后插入ID对象menu。选择“插入”“布局对象”中的“Div标签”再选择“插入”中的“在开始标签之后”，并选择divid=“menu”选项，在ID下拉列表框中输入content，单击“确定”按钮，即可在menu对象后插入ID对象content。选择“插入”“布局对象”中的“Div标签”再选择“插入”中的“在开始标签之后”，并选择divid=“left”选项，在ID下拉列表框中输入right，单击“确定”按钮，即可在left对象后插入ID对象right。选择“插入”“布局对象”中的“Div标签”再选择“插入”中的“在开始标签之后”，并选择divid=“content”选项，在ID下拉列表框中输入footer，单击“确定”按钮，即可在content后插入footer对象。Part3任务二CSS网页链接与菜单设置一、CSS链接设置二、CSS菜单设置（1）网页整体超链接效果（2）网页中不同超链接效果（3）按钮式超链接效果（4）背景图片超链接效果（1）用图片来定义项目列表符号（2）用项目列表来实现纵向菜单（3）用项目列表来实现横向菜单Part3任务二CSS网页链接与菜单设置一、网页布局规划四、创建CSS文档三、创建空白文档二、创建站点五、将CSS文档链接到页面六、页面初始化页面主要分为4大区域，分别为头部区域、导航区域、主体内容区域和页脚区域等。启动软件，执行“站点”→“新建站点”命令，在“