视频教程第一节课

个人简介以及个人网站主页展示，介绍web标准的网站。

效果预览：http://www.yuyadong.com

视频教程第二节课

讲述web传统网站，介绍David Siegel印刷专家复制传统印刷媒体布局方法应用在web上，创造了表格布局技术，以及过时的Netscape和IE 浏览器和民主的发布工具。

视频教程第三节课

讲述网站重构以及web标准知识，推荐基本优秀的书籍：《网站重构》，《css网站布局实录》，《精通css》，《禅意花园》，《超越css》等。为什么在web的世界离也需要标准化。

视频教程第四节课

讲述了web标准，网页的三个组成部分：结构，表现，行为，以及标准web程序能在不同的浏览器中实现同样的效果。

视频教程第五节课

讲述xhtml的DOCTYPE:过渡型（Transitional）,严格型（Strict）,框架型（Frameset）。以及firefox的网站开发工具web developer对xhtml文档进行校验。

视频教程第六节课

讲述css层叠样式表的3种形式：嵌入样式，行内样式，连接样式。以及CSS语法结构。

视频教程第七节课

讲述传统的网站制作方法，注重的是表现形式而不是页面结构。利用photoshop和dreamweaver制作导航条，不需要手动些和他们了代码也能制作网站

视频教程第八节课

通过传统的网站制作流程和符合标准的制作流程做比较，体现web标准设计的好处，高效开发与简单维护，信息跨平台的可用性，降低服务器成本，便于改版，加快网页解析的速度，与未来兼容，更加良好的用户体验。

视频教程第九节课

web标准给我给我们带来的好处，如果乱用web标准会带来怎样的后果，拿一个网站作为说明举例。

视频教程第十节课

各浏览器的发展和市场份额的占有率，以及网站的用户体验和潜在用户。

视频教程第十一节课

讲述盒模型。

视频教程第十二节课

讲述Css字体与文本样式。

视频教程第十三节课

讲述Css盒模型的显示模式和背景.

效果预览：http://www.yuyadong.com/test/background.html

视频教程第十四节课

网页布局技巧：一列固定宽度，一列自动适应宽度，一列固定居中，二列固定居中，三列浮动中间列自动适应宽度.

视频教程第十五节课

盒模型实现圆角效果的几种方式，附带了一些photoshop知识。

效果预览：http://www.yuyadong.com/test/box_yuan01.html

效果预览：http://www.yuyadong.com/test/box_yuan02.html

视频教程第十六节课

讲述了对导航条的制作方式，以及通过对css的修改实现不同的表现效果，图片导航条的制作方法，以及gif图片的动画模式。

效果预览：http://www.yuyadong.com/test/nav04.html

视频教程第十七节课

讲述应用图片制作导航条，相对图片做为背景制作导航条有一定难度，要对背景图片的定位知识有一定的了解

效果预览：http://www.yuyadong.com/test/nav05.html

视频教程第十八节课

讲述在图片制作导航的基础上，对导航进行了延伸，制作下拉菜单，应用到了相对定位和绝对定位，以及绝对定位利用相对定位进行绝对定位。

效果预览：http://www.yuyadong.com/test/nav06.html

视频教程第十九节课

讲述在web标准中表格的优势和表格的应用方法，利用css对表格进行美化制作出精美的表格。

效果预览：http://www.yuyadong.com/test/table.html

视频教程第二十节课

讲述可以自动伸缩的圆角矩形效果制作。

效果预览：http://www.yuyadong.com/test/box_yuan03.html

视频教程第二十一节课

讲述文字排版，文字提示功能，浮动元素于文本结合的使用方法以及相对定位和绝对定位的结合使用方法。

效果预览：http://www.yuyadong.com/test/font_layout.html

0102第二十二节课

讲述表单的制作方法以及简单布局的页面技巧。

效果预览：http://www.yuyadong.com/test/form.html

视频教程第二十三节课

讲述导航条滑动门的制作方法。

效果预览：http://www.yuyadong.com/test/nav07.html

视频教程第二十四节课

讲述使用列表制作相册。

效果预览：http://www.yuyadong.com/test/photo.html

010203第二十五节课

讲述整个网站的制作流程，页面分析以及实现方法。

效果预览：http://www.yuyadong.com/test/print/

0102第二十六节课

讲述使用Dreamweaver的库实现网站模板的制作，如何讲制作好的网站上传到网络空间上。

0102030405060708091011第二十七节课

网站通过ie6，ie7，firefox2，firefox3，opera，safari浏览器测试讲述整个网站的制作流程，框架，文档以及css文件的分析和管理。

效果预览：http://www.yuyadong.com/test/sinolog/

01020304第二十八节课

WAMP是Windows+Apache+Mysql+PHP集成运行环境的服务器，搭建自己的discuz论坛，wordpress博客，为下一课使用php制作网站模板作为铺垫。

视频教程第二十九节课

讲述使用php的include函数对网页模板进行制作。

0102030405第三十节课

网站通过ie6，ie7，firefox2，firefox3，opera，safari浏览器测试讲述整个网站的制作流程，框架，文档以及css文件的分析和管理。

效果预览：http://www.yuyadong.com/test/sinolog/

视频教程第三十一节课

详细的讲解表格其他属性的应用。

视频教程第三十二四节课

详细讲解css打印样式在网站中的应用，通过css可以为页面制作个性的打印样式。

01020304050607第三十三节课

建设一个网站需要做哪些事情：主机选购，域名选购，以及网站整个数据转移的过程会遇到哪些问题，如何解决。