电脑桌面
添加蜗牛文库到电脑桌面
安装后可以在桌面快捷访问

第5章 Div+css网页布局.pptVIP免费

第5章 Div+css网页布局.ppt第5章 Div+css网页布局.ppt第5章 Div+css网页布局.ppt第5章 Div+css网页布局.ppt第5章 Div+css网页布局.ppt
《商务网页设计与制作》长沙民政第五章DIV+css网页布局《商务网页设计与制作》长沙民政学习目标•掌握DIV+CSS方法布局网页•熟练运用CSS美化网页《商务网页设计与制作》长沙民政项目概述•小小李所在的项目团队承接了长沙市碧雅园花卉苗木基地网站建设业务,通过前期需求分析,网页美工小王已绘制了网站首页的效果图。经理让小李在两天时间内根据效果图,为该苗木基地网站制作静态的前台页面。为方便与网站后台系统集成,要求小李使用DIV+CSS技术制作网站的前台页面。最终网站首页效果图《商务网页设计与制作》长沙民政将本项目的实施分解为以下几个子任务:任务1:首页DIV框架制作任务2:内容制作任务3:CSS特效导航栏制作《商务网页设计与制作》长沙民政CSS:层叠样式表(CascadingStyleSheet),定义了如何显示HTML元素,用来控制网页的样式和布局。《商务网页设计与制作》长沙民政导入DIV+CSS已成为网站标准(或称“WEB标准”)中常用术语之一,其中DIV是一个标签,称为块元素(或层元素)。DIV元素是用来为html文档内大块(block-level)的内容提供结构和背景的元素,类似于表格技术中的标签。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的。块的大小和位置由其属性来控制,或者是通过使用样式表(即CSS)格式化这个块来进行控制。《商务网页设计与制作》长沙民政例如在某个页面中输入如下代码:
在设计模式下,产生的效果如下图所示。Div示意图《商务网页设计与制作》长沙民政在中插入以下代码,用来定义一个名为zw的样式:Thisisatest
Thisisatest
产生的效果如下图所示。CSS控制div外观示意图《商务网页设计与制作》长沙民政由此可见,应用了CSS的Div外观和字体大小都与默认的样式不同。因此,人们常用不同的CSS来区分DIV。(在这里#ZW为一个ID样式,其细节说明参考后续内容)《商务网页设计与制作》长沙民政任务1:首页DIV框架制作1、网页DIV层次规划通过分析,网页可以分成几个大的区域,将页面用DIV分块。DIV是HTML的标签,表示部分的意思。页面分块如下图所示:《商务网页设计与制作》长沙民政实际的页面布局及嵌套关系如下图所示。任务1:首页DIV框架制作《商务网页设计与制作》长沙民政│body{}/*HTML元素,具体不做...

1、当您付费下载文档后,您只拥有了使用权限,并不意味着购买了版权,文档只能用于自身使用,不得用于其他商业用途(如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利)。
2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。
3、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。

碎片内容

蜗牛文库的最新文档

二年级数学下册其中检测卷二年级数学下册其中检测卷附答案#期中测试卷.pdf
10.00金币
0下载
二年级数学下册期末质检卷(苏教版)二年级数学下册期末质检卷(苏教版)#期末复习 #期末测试卷 #二年级数学 #二年级数学下册#关注我持续更新小学知识.pdf
10.00金币
0下载
二年级数学下册期末混合运算专项练习二年级数学下册期末混合运算专项练习#二年级#二年级数学下册#关注我持续更新小学知识 #知识分享 #家长收藏孩子受益.pdf
10.00金币
1下载
二年级数学下册年月日三类周期问题解题方法二年级数学下册年月日三类周期问题解题方法#二年级#二年级数学下册#知识分享 #关注我持续更新小学知识 #家长收藏孩子受益.pdf
10.00金币
0下载
二年级数学下册解决问题专项训练二年级数学下册解决问题专项训练#专项训练#解决问题#二年级#二年级数学下册#知识分享.pdf
10.00金币
1下载
二年级数学下册还原问题二年级数学下册还原问题#二年级#二年级数学#关注我持续更新小学知识 #知识分享 #家长收藏孩子受益.pdf
10.00金币
1下载
二年级数学下册第六单元考试卷家长打印出来给孩子测试测试争取拿到高分!#小学二年级试卷分享 #二年级第六单考试数学 #第六单考试#二年级数学下册.pdf
10.00金币
0下载
二年级数学下册必背顺口溜口诀汇总二年级数学下册必背顺口溜口诀汇总#二年级#二年级数学下册 #知识分享 #家长收藏孩子受益 #关注我持续更新小学知识.pdf
10.00金币
0下载
二年级数学下册《重点难点思维题》两大问题解决技巧和方法巧算星期几解决周期问题还原问题强化思维训练老师精心整理家长可以打印出来给孩子练习#家长收藏孩子受益 #学霸秘籍 #思维训练 #二年级 #知识点总结.pdf
10.00金币
0下载
二年级数学下册 必背公式大全寒假提前背一背开学更轻松#二年级 #二年级数学 #二年级数学下册 #寒假充电计划 #公式.pdf
10.00金币
0下载
蜗牛文库+ 关注
实名认证
内容提供者

提供各种专业文档内容

确认删除?
QQ
  • QQ点击这里给我发消息
微信客服
  • 微信客服
回到顶部