学习代码 - 心缘之梦

聊代码 （合订版）

（点击目录可阅）

第一集 ——前言内容提要：代码概述；学前释疑；简谈学习方法。

第二集 ——认识编辑器内容提要：了解图文编辑和代码编辑的功能，学会切换编辑器。

第三集 ——代码初体验内容提要：通过对图文编辑获得代码，体会代码与图文的关
系

第四集 ——小试编辑代码内容提要：练习在代码编辑页面输入代码，了解编辑代码
应注意的问题。

第五集 ——谈谈代码的“复制/粘贴” 内容提要：介绍怎样“复制/粘贴”及需要注意的问
题。

第六集 ——细说标签内容提要：标签概念及其功能。

第七集 ——颜色代码内容提要：颜色代码的三种表示法；不同进制的换算；三种不
同表示的颜色代码素材。

第八集 ——文字标签内容提要：文字标签中常用属性的特点及表示方法。

第九集 ——图片标签（之一）内容提要：图片标签的表示方式；介绍替换文本属性
和标题属性。

第十集 ——图片标签（之二）内容提要：边框线属性；边框线种类；边框线代码表
示方式。

第十一集 —图片标签（之三）内容提要：外边距属性；外边距代码表示方式。

第十二集 —图片标签（之四）内容提要：css定位样式代码及其应用。

第十三集 —移动标签（之一）内容提要：移动标签常用属性；右移，上移。来回移
代码实例。

第十四集 —移动标签（之二）内容提要：文字移动效果（跳动，摆动，跳摆，摇摆
上下，斜向移动，横排和竖排文字分移左右等）代码实例。

第十五集 —移动标签（之三）内容提要：文字移动效果（跳跃前进，起伏前进，间
歇式移动，进一步停一步，进两步退一步，移动时快时慢，上下文字聚
中间）代码实例。

第十六集 —移动标签（之四）内容提要：横列式滚动字幕；竖列式滚动字幕。

第十七集 —移动标签（之五）内容提要：图片横向，纵向，斜向移动以及上下左右
飘移效果代码实例。

第十八集 —移动标签（之六）内容提要：固定卷帘，移动卷帘，百叶窗式同向移
动，百叶窗式异向移
动效果代码实例。

第十九集 —移动标签（之七）内容提要：左右移动汇中间，中间移动分左右，水平
移动图片错位，垂直移动图片错位效果代码实例。

第二十集 —移动标签（之八）内容提要：图片上下左右转圈，三层图片交错移动效
果代码实例。

第二十一集 —移动标签（之九）内容提要：拉幕式现图，同进同退对称移动，异
速叠加多图移动效果代码实例。

第二十二集 —移动标签（之十）内容提要：利用表格装饰图片移动的代码实例。

第二十三集 —表格标签（之一）内容提要：表格标签中的常用属性。

第二十四集 —表格标签（之二）内容提要：有“行”和有“行”有“列”代码实例。

第二十五集 —段落标签（之一）内容提要：换行代码、空行代码及对齐方式代码
实例。

第二十六集 —段落标签（之二）内容提要：边框线、宽高、背景图片、背景颜色、
段落首行缩进、文字字体、字色、字号、字行距、字间距属性代码
实例

第二十七集 —段落标签（之三）内容提要：几种不一样的滚动条代码实例

第二十八集 —区块标签（之一）内容提要：区块标签的五个常用属性代码实例

第二十九集 —区块标签（之二）内容提要：自动调整宽度和高度的边框代码解析

第三十集 ——区块标签（之三）内容提要：在自动调整宽高的边框代码中的宽高设
置解析

第三十一集 —区块标签（之四）内容提要：在非自动调整宽高的边框代码中的宽高
设置解析以及表格标签边框代码解析

第三十二集 —区块标签（之五）内容提要：不变原图宽高比例，缩放图片和边框

第三十三集 —区块标签（之六）内容提要：边框素材背景图案

第三十四集 —区块标签（之七）内容提要：介绍制作边框的最简单代码

第三十五集 — css 样式（之一）内容提要：简述css样式概念及特点

第三十六集 — css 样式（之二）内容提要：介绍内联样式的应用

第三十七集 — css 样式（之三）内容提要：内部样式表选择器以单一英文字母命名
后在不同网站的使用效果

第三十八集 — css 样式（之四）内容提要：用class选择器设置多样式文字

第三十九集 — css 样式（之五）内容提要：介绍class选择器的使用

第四十集 —— css 样式（之六）内容提要：利用内部样式表和透明度代码制作的三
种效果

第四十一集 — css 样式（之七）内容提要：用鼠标切换图片

第四十二集 — css 样式（之八）内容提要：介绍八种不同文字的css样式

第四十三集 — css 样式（之九）内容提要：流光字、闪烁字代码

第四十四集 — css 样式（之十）内容提要：对文本当中任意位置文字设置不同属性

第四十五集 — css 样式（之十一）内容提要：具有两层边距的代码

第四十六集 — css 样式（之十二）内容提要：单色流光字代码

第四十七集 — css 样式（之十三）内容提要：描边流光字

第四十八集 — css 样式（之十四）内容提要：描边闪烁字

第四十九集 — css 样式（之十五）内容提要：圆角代码

第五十集 —— css 样式（之十六）内容提要：二图切换

第五十一集 — css 样式（之十七）内容提要：十种滤镜代码

第五十二集 — css 样式（之十八）内容提要：线性渐变和径向渐变代码

第五十三集 — css 样式（之十九）内容提要：圆角形背景旋转图

第五十四集 — css 样式（之二十）内容提要：椭圆形背景旋转图

第五十五集 — css 样式（之二十一）内容提要：把旋转图片的边框加阴影效果

第五十六集 — css 样式（之二十二）内容提要：图片缩放效果

第五十七集 — css 样式（之二十三）内容提要：图片倾斜效果

第五十八集 — css 样式（之二十四）内容提要：图片平移效果

第五十九集 — css 样式（之二十五）内容提要：图片斜向移动效果

第六十集 —— css 样式（之二十六）内容提要：无背景图片旋转效果

第六十一集 — css 样式（之二十七）内容提要：背景图上圆环旋转效果

第六十二集 — css 样式（之二十八）内容提要：多个旋转图在圆周上的均匀分布

第六十三集 — css 样式（之二十九）内容提要：多图在旋转的背景图圆周自转

第六十四集 — css 样式（之三十）内容提要：多图在静态背景图圆周自转

第六十五集 — css 样式（之三十一）内容提要：旋转图圆周上的小图不自转

第六十六集 — css 样式（三十二）内容提要：伴有透明度变化的图片缩放效果

第六十七集 — css 样式（之三十三）内容提要：移动渐变效果

第六十八集 — css 样式（之三十四）内容提要：图片围绕纵轴正反转效果

第六十九集 — css 样式（之三十五）内容提要：图片在原地方切换

第七十集 —— css 样式（之三十六）内容提要：图片在移动中切换

第七十一集 — css 样式（之三十七）内容提要：幻灯片轮播

第七十二集 — css 样式（之三十八）内容提要：图片横向无缝循环滚动

第七十三集 — css 样式（之三十九）内容提要：图片翻转效果

第七十四集 — css 样式（之四十）内容提要：图片围绕X、Y、Z三轴旋转

第七十五集 — css 样式（之四十一）内容提要：自动旋转木马

第七十六集 — css 样式（之四十二）内容提要：带有滤镜特效的旋转木马

第七十七集 — css 样式（之四十三）内容提要：《花伴芳容》兼谈贝塞尔曲线

第七十八集 — css 样式（之四十四）内容提要：重点介绍图片缩放时的回弹效果

第七十九集 — css 样式（之四十五）内容提要：图片自动循环缩放

第八十集 —— css 样式（之四十六）内容提要：利用透明度的变化切换图片

第八十一集 — css 样式（之四十七）内容提要：利用透明度使放大有扩散效果

第八十二集 — css 样式（之四十八）内容提要：谈套用代码问题

第八十三集 — css 样式（之四十九）内容提要：说说css样式的《嫦娥奔月》图

第八十四集 — css 样式（之五十）内容提要：《远飞的大雁》

第八十五集 — css 样式（之五十一）内容提要：《仙女下凡图》

第八十六集 — css 样式（之五十二）内容提要：《双喜临门图》（图片无规则移动）

第八十七集 — css 样式（之五十三）内容提要：《群女春图》

第八十八集 — css 样式（之五十四）内容提要：《喜挂灯笼图》（制作步骤介绍）

第八十九集 — css 样式（之五十五）内容提要：《四女戏秋图》（多图移动）

第九十集 —— css 样式（之五十六）内容提要：《牛郎会织女》（有遮罩）

第九十一集 — css 样式（之五十七）内容提要：简谈不同内核浏览器所用的“前缀”

第九十二集 — css 样式（之五十八）内容提要：《封闭式旋转立方体菊花图》

第九十三集 — css 样式（之五十九）内容提要：《开放式旋转立方体京剧脸谱图》

第九十四集 — css 样式（之六十）内容提要：《众友聚“银龄”》（动画）

第九十五集 — css 样式（之六十一）内容提要：Y轴旋转

第九十六集 — css 样式（之六十二）内容提要：《旋转的少女》（垂直中心线为轴）

第九十七集 — css 样式（之六十三）内容提要：《翻转的少女》（水平中心线为轴）

第九十八集 — css 样式（之六十四）内容提要：绕X轴旋转的四面主视图

第九十九集 — css 样式（之六十五）内容提要：描边文字遮罩的制作及效果

第一00集 —— css 样式（之六十六）内容提要：《共圆中国梦》（静背景带转环）

第一0一集 — css 样式（六十七）内容提要：《东方中国龙》（融入了移动标签）

第一0二集 — css 样式（之六十八）内容提要：翻页动画（y轴旋转侧翻式）

第一0三集 — css 样式（之六十九）内容提要：翻页动画（x轴旋转上翻式）

第一0四集 — css 样式（之七十）内容提要：有背景的双道旋转木马

第一0五集 — css 样式（之七十一）内容提要：由旋转木马演变的旋转轮

第一0六集 — css 样式（之七十二）内容提要：介绍遮罩层

第一0七集 — css 样式（之七十三）内容提要：四种不同的颜色遮罩

第一0八集 — css 样式（之七十四）内容提要：透明图片遮罩

第一0九集 — css 样式（之七十五）内容提要：文字遮罩的制作及效果

第一一0集 — css 样式（之七十六）内容提要：颜色遮罩与渐变颜色遮罩

第一一一集 — css 样式（之七十七）内容提要：渐变蒙版

第一一二集 — css 样式（之七十八）内容提要：静态图片蒙版和动态图片蒙版

第一一三集 — css 样式（之七十九）内容提要：遮罩的抠取与使用

第一一四集 — css 样式（之八十）内容提要：蒙版的抠取与使用

第一一五集 — css 样式（之八十一）内容提要：待续

第一一六集 — css 样式（之八十二）内容提要：待续