《商务网站前台设计课程实训任务书12.docx》由会员分享，可在线阅读，更多相关《商务网站前台设计课程实训任务书12.docx（7页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、商务网站前台设计课程实训任务书12实训名称主体右侧(上)学时2指导教师王班班级姓名实训目的:熟练掌握div布局与CSS样式基本使用。实训任务：完成苗木花卉网站主页右侧页面制作。实训指导：1、代码部分：(1)样式总体格式，体现网页头部 部分 . aa ; ; . ; .bb ; ; .css样式基本格式例如：.aa (3)冒号与分号的使用冒号:号后面是具体参数值;分号：分号将两个命令分割开来。(4)样式应用width：宽度height:高度background:背景颜色float: left 左浮动font-size:字符大小;margin-left:左侧间距letter-spacing:字符间
2、距(5) css样式区间的注释书写格式：例如：/*字符间距2像素*/div布局区间的注释书写格式：例如：.0/卜口*&)$个V仪., NA. d皂量、曩竺.方，色另含食食，木, 6更 她示三 W4KM、南0?一中合位殳 am# 京4OO8OO-282OOMMxivetti om-mmw rffsaiAi ， A M. , aibaacblaftcsbyy. mraMb*hhm ttAXS长”力国金计KAQK-r依 性越俄11，化长9，比小区量化低”中常，*W代1、上节课完成位置zou231232233234235236237238239240241242243 345/div环分类244类类类
3、类类类类类小 Au Au Au xn Au An A/ 77 77. X/ 77. ZT. JAZ 木木木k木木木木木 苗苗苗苗苗苗苗苗苗 k k k才才才寸寸寸寸寸才Div代码如下:!一主体区右侧整体div开始位置,345!一主体区右侧整体div最后一个结束符!一主体区最后一个结束符2、上节课主体右侧整体样式.zt-you的css代码如下:/*主体右侧整体*/.zt-youwidth: 740px;float: left;height: 700px;类 分类 分3、修改原本数字3中的内容，添加主体右上左和右上右的div228229 23C232322332342352362372382392
4、4024133 333 5333334、对应上面div的css样式如下：131卜主体右蟠体/1321.zt-you133width: 740px;134float: left;135height: 700px;136|1137/*王小石IW上万则,/13S1.zt-you-3hanc-z-o139height:192px;140width:500px;141float:left;142143|144/王柘毗石财/1451.zt-you-3hang-you146height:192px;147width:240px;148float:left14911150/*主体右侧整体*/.zt-youwi
5、dth: 740px;float: left;height: 700px;/*主体右侧上左侧*/ .zt-you-shang-zuo height: 192px;width:500px;float:left;/*主体右侧上右侧*/.zt-you-shang-you height: 192px;width:240px;float: left5、继续在主体右上右中添加内容241242243244245div cla33fmorMmore/div*她如地映 谢，是妙楠毓卉祭公司。联战占他奸 余亩。就啦2007年，地赎神松。祁，抹漪 詈钺卉苗松小助战战鼾轴。默触 2007年，他赎醐松工跚，肄眇福铳卉林
6、公 司。助战占他两千箱。就啦200由他处藕 的树工期。/divMore脚蜘群飕mow僻秋谶林斯 基贴地战叶余氤基地啦2。哂，地处美醐树:刚 眇福毓赭秘司。翱战战叶余亩,翱啦20。 赎祜如酬,是梦市著钺麻松司翱占地时 氤勘城立2007年,他处美醐松脚电246247150151152153154155156157158159160161162163164165166167168169170171：基地成立2007年，地处美丽的松江河畔，既沙市著名花卉苗木公司。基地占财 占地两千余亩。基地成立2007年，地处美丽的松江河群，是长沙市著名花卉苗木公司： ：。基地占地占地两千余亩。基地融2007% 飒美
7、丽的松江河畔，既沙市蓍名研 3苗木公司。基地占地占帧千余亩。基地成立加许，地处美丽的松江河畔。方类基地简介morevdivclass=jdjj-xx”基地成立2007年，地处美丽的松江河畔，是长沙市著名花卉苗木公司。基地占地占地两千余亩。基地成立2007年，地处美丽的松江河畔，是长沙市著名花卉苗木 公司。基地占地占地两千余亩。基地成立2007年，地处美丽的松江河畔，是长沙市著名花 卉苗木公司。基地占地占地两千余亩。基地成立2007年，地处美丽的松江河畔。 6、对应的css样式如下width: lOOpx; height: 20px; margin-top: 30px; margin-left:
8、 lOpx; float: left; font-size: 16px;I .moretwidth: lOOpx;height: 20px;margin-top: 30px;margin-left: 400px; color: I0F0;.jdjj-xxwidth: 450px;margin-top: 30px;margin-left: 25px;font-size: 12px;text-indent: 24px;line-height: 20px;Jdjj(width: 100px;height: 20px;margin-top: 30px; margin-left: lOpx; float
9、: left;font-size: 16px;).morewidth: lOOpx;height: 20px;margin-top: 30px;margin-left: 400px;color: #0F0;width: 450px;margin-top: 30px;margin-left: 25px;font-size: 12px;text-indent: 24px;line-height: 20px;)7、分割线vhr/262 ，263 264 基地简介j 2vdiv classymoreMmorehr/W* 27 基地成立2007H 江河畔，是长沙市著名花卉苗木公司。基她占地占地两千5 余亩。基地成立2007年，地处美丽的松江河畔，是长沙市 著名花卉苗木公司。基地占地占地两千余亩。基地成立 2007年，地处美丽的松江河畔，是长沙市著名花卉苗木公 司。基地占地占地两千余亩。基地成立2007年，地处美丽 的松江河畔。二 268I 269 按 搂 按 擦 接 按 揍 卜券导航首页导航首页胡导航首页导航首页基地局介：分割线k地两千余亩。基地成立200-年，地处美丽的松江河畔，是长沙市著名花卉亩木公司 ：-基地占地占地两千余亩。基地成立2007年，地处美丽的松江河群，是长沙市著名花 洋苗木公司。基地占地占地两千余亩。基地成立200：年，地处美丽的松江河畔。实训结果（截图说明）