创建CSS布局页面(上机实训任务)(8页).doc
《创建CSS布局页面(上机实训任务)(8页).doc》由会员分享,可在线阅读,更多相关《创建CSS布局页面(上机实训任务)(8页).doc(8页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、-上机任务:创建CSS布局页面【任务环境】: 完成任务的机器需要安装如下软件: Windows xp操作系统, Dreamweaver 8.0, Ie 7.0浏览器/Firefox 浏览器【操作流程规范】:一、 创建站点,然后创建页面index.html。在index.html页面中编写第一个div与css。xhtml结构:此处显示 id header 的内容CSS代码:#header color: #FFFFFF;background-color: #666666;height: 100px;width: 700px;overflow: hidden;#header h1 font-size
2、: 20px;margin-left: 20px;margin-top: 20px;display: block;图:二、 通过Dreamweaver 8的可视化操作来完成二栏式布局。XHTML结构: CSS代码:#layout width: 700px;#layout #left background-color: #8dad1f;float: left;width: 150px;#layout #right padding: 10px;float: left;width: 530px;图:三、 设计列表XHTML结构: IE捉迷藏 UL的不同表现 IE 3px问题 高度不适应 IE断头台问
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 创建 CSS 布局 页面 上机 任务
限制150内