数字媒体divcss

1、背景音乐，也可以是歌曲，由用户选择进行播放。
适当的背景音乐可以烘托气氛，使网页主题更突出。
如今互联网已经成为生活中的一部分，许多用户都选择在线听歌。
本节将介绍如何把声音加入到网页中。
,9.1.1 播放背景音乐,背景图像可以使网页更为美观，而背景音乐可以突出网页的情调。
添加背景音乐的具体步骤如下：,【标签选择器】对话框 【标签编辑器 - bgsound】对话框,9.1.1 播放背景音乐,从图中可看出，插入的背景音乐在网页中没有任何显示。
但是网页仍在播放音乐。
如果把网页最小化，音乐就会停止。
,背景音乐预览效果,9.1.2 设置播放歌曲,用户可以在网页中加入歌曲播放，以吸引浏览者。
在网页中添加歌曲播放的具体步骤如下：,插入歌曲播放效果 歌曲播放预览效果,9.1.2 设置播放歌曲,单击【参数】按钮，弹出【参数】对话框，可以添加或修改相关参数，如图所示。
,【参数】对话框,9.2 Flash对象,Flash动画是一种高质量的矢量动画，它以体积小及形式灵活著称。
它的这种特质非常适合在网络中传输。
所以Flash动画一。

2、绍的内容。
,22.1 Web标准,Web标准不是某一个标准，而是一系列标准的集合。
网页主要由3部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。
对应的标准也分为3个方面：结构化标准语言，主要包括XHTML和XML；表现标准主要包括CSS；行为标准主要包括对象模型（如W3C DOM）和ECMAScript等。
这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，如ECMA（European Computer Manufacturers Association）的ECMAScript标准。
从如下的几个方面进行简单介绍。
,22.1.1 结构化标准语言,现在常用的结构化标准语言主要包括XML和XHTML两种。
1XML XML是The Extensible Markup Language（可扩展标识语言）的简写。
2XHTML XHTML是The Extensible HyperText Markup Language（可扩展超文本标识语言）的缩写。
,22.1.2 表现标准CSS,CSS是Cascading Style Shee。

3、绍的内容。
,22.1 Web标准,Web标准不是某一个标准，而是一系列标准的集合。
网页主要由3部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。
对应的标准也分为3个方面：结构化标准语言，主要包括XHTML和XML；表现标准主要包括CSS；行为标准主要包括对象模型（如W3C DOM）和ECMAScript等。
这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，如ECMA（European Computer Manufacturers Association）的ECMAScript标准。
从如下的几个方面进行简单介绍。
,22.1.1 结构化标准语言,现在常用的结构化标准语言主要包括XML和XHTML两种。
1XML XML是The Extensible Markup Language（可扩展标识语言）的简写。
2XHTML XHTML是The Extensible HyperText Markup Language（可扩展超文本标识语言）的缩写。
,22.1.2 表现标准CSS,CSS是Cascading Style Shee。

4、以阅读和维护的代码；而现在则采用div标记划分各个区域。
Div 用于搭建网页结构，CSS用于创建网页表现（样式/美化），实质即使用XHTML对网站进行标准化重构，使用CSS将表现与内容分离，便于网站维护，简化html页面代码，可以获得一个较优秀的网站结构以便于日后维护。
,Div标签,（1）创建DIV对象若要向文档窗口插入DIV标签，首先将插入点放置在要显示DIV标签的位置。
执行“插入记录”“布局对象”“DIV标签”命令，或者在“插入”面板“常用”类别中单击“插入DIV标签”按钮，选择插入点后，即可完成插入DIV对象。
当然大家也可以输入HTML代码来创建DIV对象。
例如：此处显示新DIV标签的内容,CSS布局基础,插入：用于选择Div标签的插入位置。
其中：“在插入点”选项是指在当前光标所在位置插入Div标签，此选项仅在没有选中任何内容时可用；“在开始标签之后”选项是指在一对标签的开始标签之后，此标签所引用的内容之前插入Div标签，新创建的Div标签嵌套在此标签中；“在标签之后”选项是指在一对标签的结束标签之后插入Div标签，新创建的Div标签与前面的标签是并列关系。
该对话框会列出。

5、页面编写后台代码）,4,静态页面制作流程,div+css,1.观察效果图，对页面有初步了解和整体认识。
2.拆分图纸（提取尺寸，颜色，背景图，分离图片）3.搭建页面-各个浏览器中测试（ ie6、ie7、ie8中测试，达到浏览器兼容）,5,标准和非标准-table布局，div布局,div+css,1.表格布局-混乱的逻辑结构，多嵌套的表格，冗余的费代码。
2.Div布局-结构，表现，行为分离2.1 结构化标准语言(x)html2.2 表现标准语言层叠样式表css3.3 行为标准对象模型 w3c DOM,ECMAScript标准,6,Div布局的好处,div+css,1.页面下载显示更快 2.内容被更多用户访问（失明，色弱等） 3.内容被更广泛的设备访问（屏幕阅读器，手持设备） 4.用户通过样式来更改显示方式,7,HTML基础,div+css,1.页面下载显示更快 2.内容被更多用户访问（失明，色弱等） 3.内容被更广泛的设备访问（屏幕阅读器，手持设备） 4.用户通过样式来更改显示方式对dreamweaver的各个按钮的介绍 如何建一个目录下的站点,8,DOCTYPE切换,div+。

6、仅表示信息正文及各部分的名称，如标题、作者、正文、图片 表现是指信息的展示形式，如标题使用16号黑体，正文使用12号宋体、图片采用文绕图间距10px的排列方式等,内容(Content),表现(Design),什么是表现(Design)与内容(Content)？,使用传统的HTML来表现(Design) 设计方式复杂 控制区域较多 代码繁杂易读性差表现与内容分离的技术 设计简单 易于控制 代码简单 易于修改,什么是表现(Design)与内容(Content)？,DIV元素的掌握是表现与内容分离的基础,传统表格式排版,DIV排版,更自由,为什么要实现表现与内容的分离？,分离使得网站代码可维护性提高 分离使代码重用得到可能，大幅提高开发效率 重用使得代码量可以成倍减少，减轻服务器负担使得降低宽带成本成为可能 加快浏览器解析速度使用户阅读更快捷迅速,为什么要实现表现与内容的分离？,分离技术使我们在制作网站的时候能够充分对网站统一性、可用性进行思考与设计，提高网站可用性，改善用户体验,XHTML与CSS的协同作战,推荐使用XHTML+CSS的方式来对网站进行编码 我们的应用级设计对象是用户。