Web开发网络课堂第三讲:DIV+CSS网页标准化布局
2010-10-12 09:26
477 查看
活动介绍
使用“DIV+CSS”对网站进行布局符合W3C标准,采用这种方式布局通常是为了说明与HTML表格定位方式的区别。因为现在的网站设计标准中,已经不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。通过使用div盒子模型结构将各部分内容划分到不同的区块,然后用css来定义盒子模型的位置、大小、边框、内外边距、排列方式等。简单地说,div用于搭建网站结构(框架)、css用于创建网站表现(样式/美化)。该标准简化了HTML页面代码,获得一个较优秀的网站结构,有利于日后网站维护、协同工作和便于搜索引擎抓取。当然并不是所有的网页都需要用div布局,例如数据页面、报表之类的页面,还是使用HTML的表格会比较方便,web标准里并没有说要抛弃table。
如果想掌握使用DIV+CSS对网页进行标准化布局?在这一周播放的视频中,我会告诉大家。本周的视频播放共计200分钟。活动的内容及时间安排如下:
参考图书: 《细说PHP》
第一天
时间:2010年10月13 日 星期三 14:00 – 16:00 , 播放时长111分
主题:DIV+CSS标准化网页部局准备工作
介绍:今天内容分为两个视频,主要介绍了在使用DIV+CSS布局页前的准备工作,包括使用他们布局的优点,常用到的调试软件,盒子模型,无意的标签div和span的意义与应用,重点介绍和在使用DIV+CSS布局时用到的常见的CSS属性等内容,为我们设置页面布局做好铺垫。
观看地址:http://student.csdn.net/space.php?do=onlineroom&id=129
第二天
时间:2010年10月14 日 星期四 14:00 – 16:30 , 播放时长90分
主题:DIV+CSS布局网站首页实例
介绍:这部分视频主要讲解了DIV+CSS网页标准布局的应用,和专家在线答疑三个环节,本节并通过一个网站首页实例的代码编写演示了布局的应用,并在布局时介绍了一个网站首页需要的内容,重点介绍了在布局时不同浏览器之间的差异以及解决的办法,希望大家能通过这个实例完成自己项目中所有页面的布局设置。最后的一个环节是专家在线答疑,有半个小时的时间,你可以提问一些你自己关心的话题,包括技术方面,学习方面,就业方面的信息。
观看地址:http://student.csdn.net/space.php?do=onlineroom&id=130
成果测试
大家在看完视频后可以在http://www.lampbrother.net 页面进行测试一下对这部分的理解程度。
测试试题访问地址:http://www.lampbrother.net/certification/test/exam_n2.php
往期视频下载
HTML与CSS概述及HTML语言语法 http://bbs.lampbrother.net/read-htm-tid-29866.html
HTML的主体结构 http://bbs.lampbrother.net/read-htm-tid-29899.html
HTML常用标签一 http://bbs.lampbrother.net/read-htm-tid-29899.html
HTML常用标签二 http://bbs.lampbrother.net/read-htm-tid-29934.html
HTML的表格标签 http://bbs.lampbrother.net/read-htm-tid-29975.html
HTML窗口分帧技术 http://bbs.lampbrother.net/read-htm-tid-30017.html
HTML表单的设计应用 http://bbs.lampbrother.net/read-htm-tid-30089.html
Web开发网络课堂第一讲:四天学会HTML(课后试题讲解) http://bbs.lampbrother.net/read-htm-tid-42292.html
Web开发网络课堂第二讲:利用CSS设置网站样式和布局(课后试题讲解) http://bbs.lampbrother.net/read-htm-tid-42629.html
下期预告
Web开发网络课堂第四讲:PHP的入门和基本语法
敬请关注CSDN学生大本营及LAMP兄弟连课程发布
PHP及其他Web开发视频教程下载:http://www.lampbrother.net/201009/
更多有奖答题、有奖度读及免费试听等精彩活动,欢迎您的参与。
讲师介绍
使用“DIV+CSS”对网站进行布局符合W3C标准,采用这种方式布局通常是为了说明与HTML表格定位方式的区别。因为现在的网站设计标准中,已经不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。通过使用div盒子模型结构将各部分内容划分到不同的区块,然后用css来定义盒子模型的位置、大小、边框、内外边距、排列方式等。简单地说,div用于搭建网站结构(框架)、css用于创建网站表现(样式/美化)。该标准简化了HTML页面代码,获得一个较优秀的网站结构,有利于日后网站维护、协同工作和便于搜索引擎抓取。当然并不是所有的网页都需要用div布局,例如数据页面、报表之类的页面,还是使用HTML的表格会比较方便,web标准里并没有说要抛弃table。
如果想掌握使用DIV+CSS对网页进行标准化布局?在这一周播放的视频中,我会告诉大家。本周的视频播放共计200分钟。活动的内容及时间安排如下:
参考图书: 《细说PHP》
第一天
时间:2010年10月13 日 星期三 14:00 – 16:00 , 播放时长111分
主题:DIV+CSS标准化网页部局准备工作
介绍:今天内容分为两个视频,主要介绍了在使用DIV+CSS布局页前的准备工作,包括使用他们布局的优点,常用到的调试软件,盒子模型,无意的标签div和span的意义与应用,重点介绍和在使用DIV+CSS布局时用到的常见的CSS属性等内容,为我们设置页面布局做好铺垫。
观看地址:http://student.csdn.net/space.php?do=onlineroom&id=129
第二天
时间:2010年10月14 日 星期四 14:00 – 16:30 , 播放时长90分
主题:DIV+CSS布局网站首页实例
介绍:这部分视频主要讲解了DIV+CSS网页标准布局的应用,和专家在线答疑三个环节,本节并通过一个网站首页实例的代码编写演示了布局的应用,并在布局时介绍了一个网站首页需要的内容,重点介绍了在布局时不同浏览器之间的差异以及解决的办法,希望大家能通过这个实例完成自己项目中所有页面的布局设置。最后的一个环节是专家在线答疑,有半个小时的时间,你可以提问一些你自己关心的话题,包括技术方面,学习方面,就业方面的信息。
观看地址:http://student.csdn.net/space.php?do=onlineroom&id=130
成果测试
大家在看完视频后可以在http://www.lampbrother.net 页面进行测试一下对这部分的理解程度。
测试试题访问地址:http://www.lampbrother.net/certification/test/exam_n2.php
往期视频下载
HTML与CSS概述及HTML语言语法 http://bbs.lampbrother.net/read-htm-tid-29866.html
HTML的主体结构 http://bbs.lampbrother.net/read-htm-tid-29899.html
HTML常用标签一 http://bbs.lampbrother.net/read-htm-tid-29899.html
HTML常用标签二 http://bbs.lampbrother.net/read-htm-tid-29934.html
HTML的表格标签 http://bbs.lampbrother.net/read-htm-tid-29975.html
HTML窗口分帧技术 http://bbs.lampbrother.net/read-htm-tid-30017.html
HTML表单的设计应用 http://bbs.lampbrother.net/read-htm-tid-30089.html
Web开发网络课堂第一讲:四天学会HTML(课后试题讲解) http://bbs.lampbrother.net/read-htm-tid-42292.html
Web开发网络课堂第二讲:利用CSS设置网站样式和布局(课后试题讲解) http://bbs.lampbrother.net/read-htm-tid-42629.html
下期预告
Web开发网络课堂第四讲:PHP的入门和基本语法
敬请关注CSDN学生大本营及LAMP兄弟连课程发布
PHP及其他Web开发视频教程下载:http://www.lampbrother.net/201009/
更多有奖答题、有奖度读及免费试听等精彩活动,欢迎您的参与。
讲师介绍
![]() | 高洛峰 LAMP兄弟连教学总监,国内最早的PHP技术讲师之一,具有五年软件开发工作经验、四年IT教学工作经验。曾在多家上市企业担任过技术总监、项目经理、高级软件工程师等职务,具有扎实的技术功底。国内资深的高级技术认证讲师,从事IT培训以来累计授课长达6000课时以上,培训近千名学员成功走向IT岗位,具有丰富的IT教学经验。熟悉掌握Unix/Linux/Windows等多种操作系统,一直从事嵌入式、C/C++、Java、PHP及 Oracle数据库等技术研发工作,对Web系统软件开发深有研究,近年来致力于推广LAMP开源平台系列软件。著有《细说PHP》一书。 |
相关文章推荐
- 公开课:DIV+CSS网页标准化布局
- 【JavaWeb前传系列】第04章_DIV与CSS标准化网页布局
- DIV+CSS实现网页布局
- 精通 CSS+DIV 网页样式与布局 10
- 精通 CSS+DIV 网页样式与布局 18
- 精通 CSS+DIV 网页样式与布局 28
- 精通 CSS+DIV 网页样式与布局 34
- 精通 CSS+DIV 网页样式与布局 122
- 精通 CSS+DIV 网页样式与布局 138
- 精通 CSS+DIV 网页样式与布局 60
- DIV+CSS网页布局对SEO优化的影响
- (div+css)上下固定中间自适应高度网页布局的实现
- 第十天 div+css网页标准布局实例教程
- 【CSS+DIV网页样式与布局】——基础知识总结
- 精通 CSS+DIV 网页样式与布局 83
- 精通 CSS+DIV 网页样式与布局 99
- div css sprites精灵-CSS图像拼合 CSS贴图定位网页背景素材图片拼合定位布局技术教程
- 精通 CSS+DIV 网页样式与布局 103
- DIV+CSS网页标准布局入门到精通视频教程
- HTML结构化:实践DIV+CSS网页布局入门指南