职业IT人-IT人生活圈

 找回密码
 成为会员
搜索
查看: 558|回复: 11

网站重构 Web标准视频教程第二版(不断更新...)

  [复制链接]
秋秋 发表于 2011-6-17 09:36 | 显示全部楼层 |阅读模式
网站重构&web标准设计视频(第二版视频教程目录),教程将会根据目录进行录制!!!
预览:http://web.yuyadong.com/02
目前雅虎,网易,淘宝都是采用这种符合Web标准的方式对网站进行重构!!!

网站重构能够实现加快网页解析的速度,实现信息跨平台的可用性以及更加良好的用户体验,网站重构以高效开发与简单维护降低服务器成本,最重要的是它便于改版,实现与未来兼容。


Web标准就是实现网站重构的一种方法,所谓Web标准, Web标准并不是指某一个单一的标准,而是一系列标准的集合。一般指网站重构采用基于XHTML语言的网站设计标记语言,Web标准中典型的布局应用模式“DIV+CSS”。

本教程以XHTML和CSS的应用为核心,在课程讲授的同时结合多项实例,使读者能够学以致用,举一反三,在较短时间里学会如何设计符合标准的Web网站。

本教程适合于所有层次的Web开发者,网页设计师等. 无论你是刚刚接触CSS设计,还是接触CSS有一定基础的朋友,那么你就能从本教程中获得最大的收益,本教程力求使读者能够在学会制作Web标准网站的同时,掌握网站重构的核心思想。















网站重构 & Web标准设计 前言 (第四章以后请大家使用迅雷下载)

第一章 Web标准思想

第01课 掌握学习方法
第02课 传统网站 & David Siegel
第03课 传统网站 VS Web标准
第04课 Web标准的好处
第05课 推荐优秀书籍   

第二章 浏览器

第01课 过时的浏览器
第02课 符合Web标准浏览器
第03课 Mozilla FireFox
第04课 Mozilla FireFox 安装与操作
第05课 Mozilla FireFox 附加组件
第06课 Mozilla FireFox 附加组件 Web Developer
第07课 Mozilla FireFox 附加组件 Firebug & CSS Viewer
第08课 Mozilla FireFox 附加组件 Pencil
第09课 Opera简介与安装
第10课 Opera应用与定制介绍
第11课 各浏览器市场占有率

第三章 开发工具

第01课 EditPlus
第02课 TopStyle
第03课 Dreamweaver

第四章 基础知识
第01课 Web标准组织W3C
第02课 文档类型、DOCTYPE切换和浏览器模式
第03课 良好的XHTML规则
第04课 使用有意义的XHTML标签
第05课 Web应用图像格式GIF,JPEG ,PNG(选修课)
第06课 结构化文档
第07课 CSS层叠样式表 - 常用选择器
第08课 CSS层叠样式表 - 通用选择器
第09课 CSS层叠样式表 - 伪类和伪元素选择器
第10课 CSS层叠样式表 - 属性选择器
第11课 CSS层叠样式表 - 层叠和特殊性
第12课 规划、组织和维护样式表

第五章 可视化格式模型
第01课 框模型概述 - 盒模式
第02课 框模型概述 - 浏览器渲染模式
第03课 框模型概述 - 空白边叠加
第04课 框模型概述 - 定位概述

第六章 文字排版
第01课 文字排版 - 字体系列
第02课 文字排版 - 文本属性
第03课 非屏幕媒体 - 打印样式
第04课 非屏幕媒体 - 幻灯片(Opera Show)

第七章 背景图像 & 图像替换
第01课 背景图像基础
第02课 圆角图片制作(选修课)  New
第03课 圆角框 - 固定宽度圆角框
第04课 圆角框 - 灵活的圆角框
第05课 圆角框 - 山顶角效果
第06课 圆角框 - CSS2.1 圆角框
第07课 圆角框 - 山顶角效果扩展
第08课 圆角框 - Gecko,Webkie内核浏览器圆角框
第09课 圆角框 - 淘宝网灵活的圆角框
第10课 圆角框 - CSS3 灵活的圆角框
第11课 圆角框 - Nifty Corners Cube 圆角框(JavaScript)
第12课 JavaScript Framework(JS框架)
第13课 JavaScript Framework - Ext JS
第14课 JavaScript Framework - JUqery - A
第15课 JavaScript Framework - JUqery - B
第16课 JavaScript Framework - JUqery UI
第17课 圆角框 - JQuery.Corners 圆角框(JavaScript)
第18课 JavaScript Framework - Yahoo UI
第19课 阴影效果 - 背景阴影
第20课 阴影效果 - 图片阴影
第21课 阴影效果 - 洋葱皮效果
第22课 CSS Decorative Gallery - A
第23课 CSS Decorative Gallery - B
第24课 CSS Decorative Gallery - C
第25课 网页背景底纹制作 - PhotoShop
第26课 图片边框遮罩效果 - PhotoShop
第27课 图像加载 - Flash
第28课 图像替换 - FIR    Phark    Gilder/Levin
第29课 图像替换 - sIFR

第八章 超链接应用 & CSS Sprites
第01课 超链接应用- A
第02课 超链接应用- B
第03课 CSS Sprites - CSS贴图定位
第04课 ICON 矢量图标 & 像素图标(选修课)
第05课 CSS Sprites - Yahoo Services 导航栏

第九章 列表元素 & 导航栏
第01课 CSS 导航栏
第02课 滑动门技术
第03课 面包屑 导航栏
第04课 操作步骤
第05课 翻页效果
第06课 CSS图像映射
第07课 纵向导航栏 - 女性专题
第08课 图像翻转
第10课 图像导航栏 - 视觉标识
第11课 多级下拉菜单 - A - JQuery
第12课 多级下拉菜单 - B - JQuery
第13课 Flash基础知识(选修课)
第14课 Flash动感导航栏(选修课)
第15课 Flash动感下拉菜单(选修课)
第16课 折叠式下拉菜单 - A -JQuery
第17课 折叠式下拉菜单 - B -JQuery
第18课 MTV 个性导航栏 - A -JQuery
第19课 MTV 个性导航栏 - B -JQuery
第20课 MTV 个性导航栏 - C -JQuery

第10章 表格 & 表单
第01课 表格应用 - 隔行变色 - A - Javascript
第02课 表格应用 - 隔行变色 - B - Javascript
第03课 表格应用 - 单选框控制表格高亮 - JQuery
第04课 表格应用 - 复选框控制表格高亮 - JQuery
第05课 表格应用 - 表格内容筛选 - JQuery
第06课 PHP & MySQL基础 - A (选修课)
第07课 PHP & MySQL基础 - B (选修课)
第08课 PHP & MySQL基础 - C (选修课)
第09课 PHP & MySQL基础 - D (选修课)
第10课 PHP & MySQL基础 - E (选修课)
第11课 PHP & MySQL基础 - F (选修课)
第12课 PHP & MySQL基础 - G (选修课)
第13课 PHP & MySQL基础 - H (选修课)
第14课 PHP & MySQL基础 - I(选修课)
第15课 表格应用 - 表格内容筛选 - MySQL 数据库连接
第16课 表格应用 - 表格内容筛选 - 遍历数据表

第十一章 BUG & BUG修复
第01课 BUG & BUG修复
第02课 IE BUG - 错误的扩展
第03课 IE BUG - 双空白边浮动
第04课 IE BUG - 相对容器中的绝对定位
第05课 IE BUG - 重复字符
第06课 IE BUG - 3像素文本偏移
第07课 IE BUG - 断头台
第08课 IE BUG - 躲躲猫
第09课 IE BUG - 消失的 margin-bottom
第10课 IE 其他BUG   

第十二章 招数 & 过滤器
第01课 招数 & 过滤器

第十三章 Tab 滑动门
第01课 Tab 选项卡
第02课 Tab 滑动门导航栏

第十四章 布局实录
第01课 设计居中 - 使用自动空白边让设计居中
第02课 设计居中 - 使用定位和负值空白边让设计居中
第03课 基于浮动的布局 - 两列的浮动布局
第04课 基于浮动的布局 - 三列的浮动布局
第05课 固定宽度、流体和弹性布局 - 流体布局
第06课 固定宽度、流体和弹性布局 - 弹性布局
第07课 固定宽度、流体和弹性布局 - 弹性-流体混合布局
第08课 固定宽度、流体和弹性布局 - Faux 布局
第09课 其他布局 - 三列等高布局
第10课 其他布局 - 负边距三列布局

文章来源于:亚当学院



文章来源于:亚当学院


月上萧萧 发表于 2011-6-17 09:36 | 显示全部楼层
很亚当,很有才

fossil 发表于 2011-6-17 09:37 | 显示全部楼层
很支持lz的工作

无处不在 发表于 2011-6-17 09:37 | 显示全部楼层
教程更新至第十二章

已经来了吗 发表于 2011-6-17 09:37 | 显示全部楼层
正打算好好学学css+div , 感谢楼主分享。  

叫我小乖 发表于 2011-6-17 09:37 | 显示全部楼层
楼主真是太有才了,强烈支持

能文能武 发表于 2011-6-17 09:37 | 显示全部楼层
教程的第十章更新了很多课大家注意一下

芷馨 发表于 2011-6-17 09:37 | 显示全部楼层
第四张开始链接不是迅雷的下载地址啊,怎么下载???跟昨天不一样了嘛

木已 发表于 2011-6-17 09:38 | 显示全部楼层
教程更新至
第十四章 布局实录
第01课 设计居中 - 使用自动空白边让设计居中
第02课 设计居中 - 使用定位和负值空白边让设计居中
第03课 基于浮动的布局 - 两列的浮动布局
第04课 基于浮动的布局 - 三列的浮动布局
第05课 固定宽度、流体和弹性布局 - 流体布局
第06课 固定宽度、流体和弹性布局 - 弹性布局
第07课 固定宽度、流体和弹性布局 - 弹性-流体混合布局
第08课 固定宽度、流体和弹性布局 - Faux 布局
第09课 其他布局 - 三列等高布局
第10课 其他布局 - 负边距三列布局

紫衿 发表于 2011-6-17 09:38 | 显示全部楼层
能不提 div + css 么?

淘宝不是基于这个的。


fl 发表于 2011-8-16 10:03 | 显示全部楼层
不错!!!!!!!!!!!!!1
feiguo 发表于 2011-8-16 10:03 | 显示全部楼层
正好你开咯这样的帖
您需要登录后才可以回帖 登录 | 成为会员

本版积分规则

QQ|手机版|小黑屋|网站帮助|职业IT人-IT人生活圈 ( 粤ICP备12053935号-1 )|网站地图
本站文章版权归原发布者及原出处所有。内容为作者个人观点,并不代表本站赞同其观点和对其真实性负责,本站只提供参考并不构成任何投资及应用建议。本站是信息平台,网站上部分文章为转载,并不用于任何商业目的,我们已经尽可能的对作者和来源进行了通告,但是能力有限或疏忽造成漏登,请及时联系我们,我们将根据著作权人的要求立即更正或者删除有关内容。

GMT+8, 2024-3-29 17:29 , Processed in 0.135747 second(s), 20 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表