IT资源汇

于亚当:网站重构与Web标准设计视频教程

资源简介

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

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

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

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

网站重构&Web标准设计第二版视频教程为CSS & XHTML高级教程,本教程大小约6G左右

目录:

第1章 Web标准思想

1.1 掌握学习的思想

1.2 传统网站 & David Siegel

1.3 传统网站 VS Web标准

1.4 Web标准的好处

1.5 推荐优秀书籍

第2章 浏览器

2.1 过时的浏览器

2.2 符合标准的现代浏览器

2.3 Mozilla Firefox

2.4 Mozilla Firefox 安装与操作

2.5 Mozilla Firefox 附加组件

2.6 Mozilla FireFox 附加组件 Web Developer

2.7 Mozilla FireFox 附加组件 Firebug & CSS Viewer

2.8 Mozilla FireFox 附加组件 Pencil

2.9 Opera简介与安装

2.10 Opera应用与定制介绍

2.11 各浏览器市场占有率

第3章 开发工具

3.1 EditPlus

3.2 TopStyle

3.3 Adobe Dreamweaver

第4章 基础知识

4.1 Web标准组织W3C

4.2 文档类型、DOCTYPE切换和浏览器模式

4.3 良好的XHTML规则

4.4 使用有意义的XHTML标签

4.5 Web应用图像格式GIF,JPEG ,PNG(选修课)

4.6 结构化文档

4.7 CSS层迭样式表 - 常用选择器

4.8 CSS层迭样式表 - 通用选择器

4.9 CSS层迭样式表 - 伪类和伪元素选择器

4.10 CSS层迭样式表 - 高级属性选择器

4.11 CSS层迭样式表 - 层迭和特殊性

4.12 规划、组织和维护样式表

第5章 可视化格式模型

5.1框模型概述 - 盒模式

5.2框模型概述 - 怪异模式 & 标准规范模式

5.3框模型概述 - 空白边迭加

5.4框模型概述 - 定位概述

第6章 文字排版

6.1 文字排版 - 字体系列

6.2 文字排版 - 文本属性

6.3 文字排版 - 打印样式

6.4 文字排版 - 幻灯片(Operashow)

第7章 背景图像 & 图像替换

7.1 背景图像基础

7.2 圆角图片制作(选修课)

7.3 圆角框 - 固定宽度圆角框

7.4 圆角框 - 灵活的圆角框

7.5 圆角框 - 山顶角效果

7.6 圆角框 - CSS2.1 圆角框

7.7 圆角框 - 山顶角效果扩展

7.8 圆角框 - Gecko,Webkie内核浏览器圆角框

7.9 圆角框 - 淘宝网灵活的圆角框

7.10 圆角框 - CSS3 灵活的圆角框

7.11 圆角框 - Nifty Corners Cube 圆角框(JavaScript)

7.12 JavaScript Framework(JS框架)

7.13 JavaScript Framework - Ext JS

7.14 JavaScript Framework - JQuery - A

7.15 JavaScript Framework - JQuery - B

7.16 JavaScript Framework - JQuery UI

7.17 圆角框 - JQuery.Corners 圆角框(JavaScript)

7.18 JavaScript Framework - Yahoo UI

7.19 阴影效果 - 背景阴影

7.20 阴影效果 - 图片阴影

7.21 阴影效果 - 洋葱皮效果

7.22 CSS Decorative Gallery - A

7.23 CSS Decorative Gallery - B

7.24 CSS Decorative Gallery - C

7.25 网页背景底纹制作 - PhotoShop(选修课)

7.26 图片边框遮罩效果 - PhotoShop(选修课)

7.27 图像加载 - Flash

7.28 图像替换 - FIR Phark Gilder/Levin

7.29 图像替换 - sIFR

第8章 超链接应用 & CSS Sprites

8.1超链接应用- A

8.2超链接应用- B

8.3CSS Sprites - CSS贴图定位

8.4ICON 矢量图标 & 像素图标(选修课)

8.5CSS Sprites - Yahoo Services 导航栏

第9章 列表元素 & 导航栏

9.1 CSS 导航栏 - Fireworks(选修课)

9.2 滑动门技术

9.3 面包屑导航栏

9.4 操作步骤

9.5 翻页效果

9.6 CSS图像映射

9.7 纵向导航栏 - 女性专题

9.8 图像翻转 - JQuery

9.9 Yahoo Services 导航栏 - 弹出菜单 - JQuery

9.10 图像导航栏 - 视觉标识

9.11 CSS多级下拉菜单 - A - JQuery

9.12 CSS多级下拉菜单 - B - JQuery

9.13 Flash基础知识(选修课)

9.14 Flash动感导航栏 - Flash

9.15 Flash动感多级下拉菜单 - Flash

9.16 折迭式下拉菜单 - A - JQuery

9.17 折迭式下拉菜单 - B - JQuery

9.18 MTV 个性导航栏 - A - JQuery

9.19 MTV 个性导航栏 - B - JQuery

9.20 MTV 个性导航栏 - C - JQuery

第10章 表格 & 表单

10.1 表格应用 - 隔行变色 - A - Javascript

10.2 表格应用 - 隔行变色 - B - Javascript

10.3 表格应用 - 单选框控制表格高亮 - JQuery

10.4 表格应用 - 复选框控制表格高亮 - JQuery

10.5 表格应用 - 表格内容筛选 - JQuery

10.6 PHP & MySQL基础 - A (选修课)

10.7 PHP & MySQL基础 - B (选修课)

10.8 PHP & MySQL基础 - C (选修课)

10.9 PHP & MySQL基础 - D (选修课)

10.10 PHP & MySQL基础 - E (选修课)

10.11 PHP & MySQL基础 - F (选修课)

10.12 PHP & MySQL基础 - G (选修课)

10.13 PHP & MySQL基础 - H (选修课)

10.14 PHP & MySQL基础 - I (选修课)

10.15 表格应用 - 表格内容筛选 - MySQL 数据库连接

10.16 表格应用 - 表格内容筛选 - 遍历数据表

10.17 表格应用 - 可编辑表格 - JQuery

第11章 BUG & BUG修复

11.1 BUG & BUG修复展

11.2 IE BUG - 错误的扩展

11.3 IE BUG - 双空白边浮动

11.4 IE BUG - 相对容器中的绝对定位

11.5 IE BUG - 重复字符

11.6 IE BUG - 3像素文本偏移

11.7 IE BUG - 断头台

11.8 IE BUG - 躲躲猫

11.9 IE BUG - 消失的 margin-bottom

11.10 IE Layout

第12章 招数 & 过滤器

12.1 招数 & 过滤器

第13章 Tab 滑动门

13.1 Tab 选项卡

13.2 Tab 滑动门导航栏

第14章 布局实录

14.1 设计居中 - 使用自动空白边让设计居中

14.2 设计居中 - 使用定位和负值空白边让设计居中

14.3 基于浮动的布局 - 两列的浮动布局

14.4 基于浮动的布局 - 三列的浮动布局

14.5 固定宽度、流体和弹性布局 - 流体布局

14.6 固定宽度、流体和弹性布局 - 弹性布局

14.7 固定宽度、流体和弹性布局 - 弹性-流体混合布局

14.8 固定宽度、流体和弹性布局 - Faux 布局

14.9 其他布局 - 三列等高布局

14.10 其他布局 - 负边距三列布局

14.11 布局实例 - BROWSERS - 浮动三列流体布局

14.12 布局实例 - BROWSERS - 阴影效果三列流体布局

14.13 布局实例 - SINOLOG - B/S软件布局 - A

14.14 布局实例 - SINOLOG - B/S软件布局 - B

14.15 布局实例 - SINOLOG - B/S软件布局 - C

第15章 综合案例

15.1 Virtual Dell 网站需求

15.2 Virtual Dell 网站交互

15.3 Virtual Dell 图像设计

15.4 Virtual Dell 结构搭建

15.5 Virtual Dell 样式规划

15.6 Virtual Dell 主页设计

15.7 Virtual Dell 模板分离

15.8 Virtual Dell 分页设计

资源截图:

QQ截图20151029104841.png

视频截图:

QQ截图20151029105833.png