《商务网站前台设计》课程实训任务书12.doc_第1页
《商务网站前台设计》课程实训任务书12.doc_第2页
《商务网站前台设计》课程实训任务书12.doc_第3页
《商务网站前台设计》课程实训任务书12.doc_第4页
《商务网站前台设计》课程实训任务书12.doc_第5页
已阅读5页，还剩3页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、商务网站前台设计课程实训任务书12实训名称主体右侧（上）学时2指导教师王玥班级姓名实训目的：熟练掌握 div 布局与 css 样式基本使用。实训任务：完成苗木花卉网站主页右侧页面制作。实训指导：1、 代码部分：（1） 样式总体格式，体现网页头部 部分.aa ; ; ;.bb ; ; ;(2)css样式基本格式例如 : .aa（3）冒号与分号的使用冒号：冒号后面是具体参数值；分号：分号将两个命令分割开来。（4）样式应用width ：宽度height:高度background: 背景颜色float:left左浮动font-size:字符大小 ;margin-left:左侧间距letter-spac

2、ing:字符间距（5）css样式区间的注释书写格式：例如：/*字符间距2 像素*/（6）div布局区间的注释书写格式：例如：操作步骤详解：主体区效果图如下：1、 上节课完成位置Div 代码如下：3452、 上节课主体右侧整体样式.zt-you的 css 代码如下：/* 主体右侧整体 */.zt-youwidth: 740px;float: left;height: 700px;3、 修改原本数字 3 中的内容，添加主体右上左和右上右的div333334、 对应上面 div 的 css 样式如下：/* 主体右侧整体*/.zt-youwidth: 740px;float: left;height:

3、 700px;/* 主体右侧上左侧*/.zt-you-shang-zuoheight:192px;width:500px;float:left;/* 主体右侧上右侧*/.zt-you-shang-youheight:192px;width:240px;float:left5、 继续在主体右上右中添加内容基地简介 more基地成立2007年，地处美丽的松江河畔，是长沙市著名花卉苗木公司。基地占地占地两千余亩。基地成立2007年，地处美丽的松江河畔，是长沙市著名花卉苗木公司。基地占地占地两千余亩。基地成立2007年，地处美丽的松江河畔，是长沙市著名花卉苗木公司。基地占地占地两千余亩。基地成立2007 年，地处美丽的松江河畔。6、 对应的 css 样式如下.jdjjwidth: 100px;height: 20px;margin-top: 30px;margin-left: 10px;float: left;font-size: 16px;.morewidth: 100px;height: 20px;margin-top: 30px;margin-left: 400px;color: #0F0;.jdjj-xxwidth: 450px;margin-top: 30px;margin-left: 25px;font-siz

人人文库> 全部分类> 行业资料

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论