LAMP兄弟连——PHP免费在线课开班,欢迎所有PHP/LAMP爱好者!

课程名称

DIV+CSS网页标准化布局

上课方式

  • 网络传播:要求学员使用自己独享的宽带, 网速不低于512K
  • 登录方式:http://lamp.cenwave.com/  PHP在线教室
  • 报名方式:
    在线报名

课程大纲

 

 

网页制作概述

XHTML基础

CSS基础

HTML的设计与应用   

HTML的设计与应用

XHTML语言的语法

XHTML文件的主体结构

文字版面的编辑

创建图像和链接

使用XHTML表格

XHTML框架结构

XHTML表单设计

CSS的设计与应用

将样式表加入到HTML中

CSS选择符

常见的样式属性和值

DIV+CSS网页标准化布局   

DIV+CSS的优势

"无意义"的元素div和span

区块框模型

区块框定位

区块框浮动

使用区块框设计页面布局

DIVCSS网站首页面布局实例

XHTML文件的设计

CSS文件设计

 

总计课时

6 小时

上课时间

总计3天,每天两小时

  • 2009-12-01 14:30 到16:30 《HTML》
  • 2009-12-02  14:30 到16:30   《CSS》
  • 2009-12-03  14:30 到16:30   《DIV+CSS》

内容简介

网页是Internet上最基本的文档,主要是作为网站的一部分,但也可以独立存在。对于网页制作来讲,HTML和CSS是所有网页制作技术的核心与基础。HTML是Web页面的描述性语言,不管在Web上发布信息,还是编写可交互的程序,都离不开HTML语言的应用。而CSS则是为HTML制定样式的机制,能控制浏览器如何显示HTML中的每个元素及其内容。CSS是和HTML一起工作的,用来弥补HTML对网页格式化功能的不足。既可以将HTML和CSS写在同一个文件中,也可以分开编写,都是纯文本文件。

使用"DIV+CSS"对网站进行布局符合W3C标准,采用这种方式布局通常是为了说明与HTML表格定位方式的区别。因为现在的网站设计标准中,已经不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。通过使用div盒子模型结构将各部分内容划分到不同的区块,然后用css来定义盒子模型的位置、大小、边框、内外边距、排列方式等。简单地说,div用于搭建网站结构(框架)、css用于创建网站表现(样式/美化)。该标准简化了HTML页面代码,获得一个较优秀的网站结构,有利于日后网站维护、协同工作和便于搜索引擎抓取。当然并不是所有的网页都需要用div布局,例如数据页面、报表之类的页面,还是使用HTML的表格会比较方便,web标准里并没有说要抛弃table。

采用"DIV+CSS"对网站进行构建越来越被网页设计者所重视,因为在DIV+CSS结构的网页中,几乎每一个元素的属性都是使用CSS定义的,所以对于网页区域、元素的调整,起到了很大的便捷作用。这种CSS+DIV模式的网站设计具有以下优势:

  • 表现和内容相分离

在HTML文件中只存放文本信息,而将设计部分放在一个独立样式文件中。使我们能够对页面的布局施加更多的控制,HTML代码仍然可以保持简单明了的初衷。代码简洁,提高页面浏览速度

CSS的极大优势表现在简洁的代码。对于一个大型网站来说,不仅可以节省大量的带宽提高页面的浏览速度,而且增加了有效关键词占网页总代码的比重,因此使用DIV+CSS的web标准制作的网站,对搜索引擎抓取页面具有一定的优势。

  • 易于维护和改版

网页内容和设计样式的分离,减少了一些重复重构的方法。使页面和样式的调整变得更加方便,只要简单地修改几个CSS文件就可以重新设计整个网站的页面。很多问题只需要改变CSS而不需要改动程序,从而降低了网站改版的成本。

  • 提高搜索引擎对网页的索引效率

用构建的网站容易向W3C标准靠拢,网站是否符合W3C标准是搜索引擎给网页排名的一个影响因素。另外,网站源代码简洁,除了几个div、span、ul、li之类的标签外,几乎不用其他标签,而且使用DIV+CSS可以把网页中的主要内容放在前面,这样网站的内容完全裸露在搜索引擎面前,便于抓取关键内容。

LAMP兄弟连——PHP免费课开班了!(在线)相关推荐

  1. LAMP兄弟连38期激情开班

    LAMP兄弟连第38期开学典礼全记录 /*话说那是一个"金秋送爽,丹桂飘香" 的上午,"嘿,哥们儿,新来的吧,已经立冬了!""- _ -!!!,骚蕊啊 ...

  2. LAMP兄弟连打造免费视频教程

    http://bbs.lampbrother.net/thread-htm-fid-267-page-3.html 转载于:https://blog.51cto.com/584250550/11855 ...

  3. LAMP兄弟连PHP开源框架免费在线课报名中

    [课程名称] 马明老师讲PHP开源框架 本次课程由LAMP兄弟连空中军校与CSDN学生大本营合办,上课地址在CSDN学生大本营的直播课堂,请同学们提前注册并下载新的客户端程序 [上课方式] 网络传播: ...

  4. LAMP兄弟连,我们网络上的家!

    LAMP兄弟连,我们网络上的家! 经常有人问我,"LAMP兄弟连究竟想做成什么样子"? 这个问题也一直困扰着我,究竟要做成什么样子呢?是一个专门讨论技术的坛子?还是只是为学校招生的 ...

  5. LAMP兄弟连-招募PHP技术讲师

    招募地:北京 招募职位:PHP技术讲师 招募企业:CSDN乐知教育PHP学院 招募口号:无兄弟,不编程! 网址: http://php.edu.csdn.net  http://www.lampbro ...

  6. 2011年LAMP兄弟连PHP学习优惠政策第一季!

    PHP就业班兔年有礼了!2011年,PHP就业班课程再次升级, 技术内容精益求精, 实战项目倍增经验,更增加至 40小时职业技能及就业指导课程!技术+技能, 全程职场化训练,成就你的 程序员梦想! 好 ...

  7. 《PHP——LAMP兄弟连原创视频教程(高清免费版-HD)》

    <PHP--LAMP兄弟连原创视频教程(高清&免费版-HD)> <PHP--LAMP兄弟连原创视频教程(高清&免费版-HD)> 免费送大家.. http://w ...

  8. [28期] lamp兄弟连28期学员手册,请大家务必看一下

    lamp兄弟连28期兄弟 兄弟们,我们是奔着不抛弃,不放弃的理念来到这里. 我们共同有过朝夕相处的四个多月学习生涯. 四个月,我们用心去学会了一种东西. 四个月,我们结识一群不抛弃,不放弃的兄弟(不管 ...

  9. 集成Android免费语音合成功能(在线、离线、离在线融合),有这一篇文章就够了(离线)

    原址 集成Android免费语音合成功能(在线.离线.离在线融合),有这一篇文章就够了(在线) 集成Android免费语音合成功能(在线.离线.离在线融合),有这一篇文章就够了(离在线融合)     ...

最新文章

  1. 主程的晋升攻略(1):重要的引言
  2. Hadoop---在window下配置安装之cygwin的安装
  3. (iPhone)怎样从photo album中获取所有图片 “****TWO*****” ---》 获取所有图片从Photo Album?...
  4. python基本统计量_Python中简单统计量的计算
  5. java cpu高_Java中的CPU占用高和内存占用高的问题排查
  6. 除法应用遇到的问题-类型及小数点
  7. 在CKEditor中创建自己的命令按钮
  8. bootstrap-datepicker实现日期input readonly 标签中选择时间功能
  9. C++ char,int 之间的相互转换
  10. JavaScript Array(数组)对象
  11. jqgrid本地数据例子_FMS财务系统:日常数据核对与处理
  12. 1、Java语言简介
  13. linux tcp调优
  14. 正则表达式-验证座机号码
  15. win10代理服务器没有响应解决方案
  16. 0基础学绘画怎么临摹
  17. Q2海外收入首次过半 欢聚借Bigo能否再造一个“虎牙”?
  18. LAL-开源Go语言音视频流媒体服务器
  19. 微信定位当前城市 php,html5,javascript_微信内置浏览器如何定位用户所在城市,html5,javascript - phpStudy...
  20. 几行代码就能去除图像和视频背景,还用啥PS

热门文章

  1. JPG图片怎么压缩到30k内?如何压缩图片到指定大小?
  2. SSClone非ARP会话劫持原理分析-ARP原理
  3. 解决MATLAB中0与o,1与l难以分辨
  4. Python中双冒号的作用
  5. python公约数公倍数_python 公倍数,公约数问题
  6. 【收集】HTML特殊转义字符对照表大全
  7. java斗地主案例,没有界面
  8. hadoop完全分布+hive数据分析
  9. ORACLE DBLINK
  10. 关于oem7grub 0.4.4 2009-11-18,memory:639k/30 的问题的解决