学习HTML的要点-div+css.pptVIP

下载本文档

4
0
约1.09千字
约 6页
2018-06-21 发布于河南
举报
版权申诉

学习HTML的要点-div+css.ppt

1、本文档共6页，可阅读全部内容。
2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
8、VIP文档为合作方或网友上传，每下载1次，网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档

学习HTML的要点-divcss

html 静态网页设计学习时间：3学时课前检查将上次课制作完成的宁职数码商店整个静态网站放在一个文件夹里，上交。练习1 简单的DIV+CSS布局(P250页) 1.一列固定宽度布局：打开DW8，新建一个网页，切换到布局模式的标准模式，在当前网页中绘制一个层，将层的名称修改为“layer”，双击CSS样式的#layer样式，按照P250页，设置背景色：#ffcc33；边框：实线，3像素，颜色#ff3399；方框宽度：500象素，高度：350象素；定位：类型删除，置入删除，Z轴删除，确定后切换到代码，与书上的相对照是否一致，保存预览。学习网页的代码。记得随时保存噢！！！2.一列自适应布局：新建一个网页，参照P251页一列自适应布局的代码，来完成布局。保存预览。3.二列固定宽度布局：新建一个网页，切换到布局模式的标准模式，在当前网页中绘制一个层，将层的名称修改为“left”,双击CSS样式的#left样式，按照P252页的要求来设置属性。在设计页面再绘制一个层，将层的名称修改为“right”，按照P252页的要求来设置属性。注意在body中两个层的先后顺序应该是left在right的前面。保存预览。4.二列自适应宽度布局：新建一个网页，参照P253二列自适应宽度布局的代码，来完成布局。保存预览。 5.二列右列宽度自适应布局：新建一个网页，参照以上第1和第3题布局的方式，按照P254页的要求来设置属性。保存预览。知识点归纳 1.DIV+CSS布局是现在最流行的一种网页布局格式，以前都是用布局表格来布局，而现在一些比较知名的网页设计全部采用DIV+CSS来排版布局。（P250页）2.DIV在使用时以div/div的形式出现。DIV本身是容器性质的，可以内嵌表格、文本、HTML代码。（P250页） 3.浮动的作用一个div标签占据一行，怎样实现布局中并列的2块区域呢？块状元素有一个很重要的“float”属性，可以使多个块状元素并列于一行。float属性也被称为浮动属性，这个词非常形象。对前面的div元素设置浮动属性后，当前面的div元素留有足够的空白宽度时，后面的div元素将自动浮上来，和前面的div元素并列于一行。4.设置布局的DIV居中将上下边界设为0，左右设为auto。若不行，再将body标签的字符设为居中。练习2 完成以下DIV+CSS的布局 2列固定宽度左窄右宽型+头部+导航+尾部 header menu sidebar centent footer container maincontent