深圳市馨雅装饰设计工程有限公司

梅竹典藏并推荐 好友春天没来专著潜心研学，不负老师一片慈心善赐。克己敬业，回报圣贤满腔仁爱厚德。——梅竹题记“代码入门教程”目录章节标　题内　容　简　介前言前言略第一章代码基础知识略1/1　认识撰写文章处的两种页面“文字图片编辑页面”与“代码编辑页面”1/2　什么是代码认识代码、认识标签。1/3　怎样学代码有信心、有恒心、讲究方法。1/4标签认识标签、认识属性与属值。1/5　常用标签认识11种常用标签1/6　文字标签文字标签语法及属性属值表示方法1/7　图片标签图片标签语法、修改图片规格等内容1/8　移动标签移动标签语法及属性属值1/9　链接标签链接标签语法及链接标签的重要性1/10　表格标签表格的一套标签以及边框线样式1/11　多媒体标签多媒体标签语法及属性属值解析1/12　其它标签介绍8种常用标签1/13　CSS样式简单介绍css样式第二章标签应用略2/1　文字标签的应用文章标签语法及标签举例2/2移动文字(1)各种移动方向与移动速度的效果2/3移动文字(2)原地跳动与隔字跳动的文字2/4移动文字(3)横排版与竖排版的单字移动2/5移动文字(4)并排移动、相背而行、相对而行、中间向两边移动、左右移动、上下合并六种移动文字。2/6移动文字(5)向“右上、左上、右下、左下”移动及走走停停的移动文字。2/7移动文字(6)跳着走、曲线移动、左右摇摆、波浪式、横排向上、竖排向右文字。2/8移动文字(7)表格中向左右移动、上下合并、向上下左右移动的文字与文字顶图。2/9移动图片(1)向左、向右、向上、向下、左右来回走的图片。2/10移动图片(2)原地跳动、隔图跳动、单图横排移动、单图竖排移动的图片。2/11移动图片(3)相背而行、相对而行、左右摇摆的图片。2/12移动图片(4)左下到右上、右下到左上、左上到右下、右上到左下的图片。2/13移动图片(5)向右上和左上合并、向左上和右上分开、多图片分割移动的图片。2/14移动图片(6)四种展开再消失的图片2/15移动图片(7)交替展示的图片与图片围绕图片转2/16移动图片(8)两种交替展示的图片与“图中图移动图”2/17移动图片(9)普通图片顶图、翻转图片顶图与动画图片顶图2/18移动图片(10)整篇文章页面的移动2/19链接标签的应用(1)文字链接方式　图片链接方式与文章地址链接方式2/20链接标签的应用(2)纯文字链接模块　移动文字链接模块与表格中的移动文字链接模块2/21链接标签的应用(3)多个图片的链接（3种）表格中图文混排的链接（2 种）2/22链接标签的应用(4)点击小图观看大图、点击地址观看动画图片与文章内部的链接。2/23多媒体标签应用(1)认识多媒体标签、怎样使用动画地址与、应用动画制作小模块。2/24多媒体标签应用(2)用动画图片制作顶图、装饰普通图片、把动画图片插入边框中。2/25表格标签应用(1)认识表格的一套标签、认识单元格、认识边框线、认识间距与边距、认识列的合并与行的合并。2/26表格标签应用(2)认识多重表格、设置多重表格、设置背景颜色与背景图片、在表格的“列标签”中设置属性等四个方面的内容。2/27表格标签应用(3)在表格中设置插图、设置背景音乐、设置自定义鼠标指针样式。2/28表格标签应用(4)“表格最外围边框线的设置”和“表格内部边框线的设置”。2/29定位标签应用(1)常用的四种定位标签、对齐方式在段落标签块区标签表格标签中的应用、css的绝对定位与相对定位。2/30定位标签应用(2)文字“居左对齐”、“居中对齐”、“居右对齐”的设置方法与举例。2/31定位标签应用(3)css的绝对定位与相对定位、绝对定位应用举例（移动顶图、移动底图、左右侧图、大图片中添加小图片。）2/32定位标签应用(4)相对定位代码的应用：1、错位边框中的移动动画，2、相框中的移动相片。2/33定位标签应用(5)特殊的定位方法，用表格标签定位，在图片中添加图片。2/34定位标签应用(6)应用外边距给图片定位。2/35css样式表应用(1)css基本语法和CSS的使用方法。2/36css样式表应用(2)用css样式设置大号文字、设置行高、设置字距、设置首字大写、设置段落首行缩进、设置滤镜；用css样式综合设置。2/37css样式表应用(3)用CSS样式制作滤镜文字：DropShadow滤镜文字、alpha滤镜文字、shadow滤镜文字、glow滤镜文字与wave滤镜文字。2/38css样式表应用(4)用CSS样式制作滤镜图片：Alpha滤镜图片、Blur滤镜图片、Gray滤镜图片（灰色效果）、Xray滤镜图片、Glow滤镜图片、Invert滤镜图片、wave滤镜图片、FlipH滤镜图片与FlipV滤镜图片。2/39css样式表应用(5)用CSS样式制作背景颜色条、相框中放入移动相片（两种方法）、相框中放入静止相片。2/40css样式表应用(6)小图片中输入文字、两种滤镜联合制作的文字、滤镜图片中添加滤镜文字、表格标签中调用css滤镜样式、滤镜的四种设置方法。第三章网页代码结构分析略3/1网页结构分析方法一、网页结构分析方法，二、在“代码编辑”页面分析网页的代码结构。3/2网页结构分析实例三篇比较复杂的网页代码第四章代码实习园地略4/1　精美标签汇集(1)精美的文字标签，图片标签和表格标签。4/2　精美标签汇集(2)精美的表格列标签、移动标签和块区标签。4/3精美网页欣赏(1)横排版单图移动、大图中添加多幅小图、2种特效移动图片、3种带条框的移动图片、特效移动美女图片、叠加的动画图片。4/4精美网页欣赏(2)左右交替展示、上下交替展示、图片围绕图片转、滤镜图片添加闪光背景、卷轴移动、三个图片既交替展示又同时展示。后记后记略目录目录与补记略梅竹赠您个好友音乐。欢迎您来代码学习群交流学习。共同提高。你也可以在学习中请求春天老师解释答疑；这位年过花甲的退休老教师。会为您无私奉献。也高兴代码高手的指导和援手。梅竹代老师虔心谢过。祝福所用朋友开心快乐。

图片

图片

图片

图片

图片

图片

梅竹即时赋诗一首《七绝=赞》人生七十古来稀 千古贤圣展翼时方寸慈心天可鉴 一笺辞赋赞良师2014-05-18-20-36补  记《代码入门教程》的“后记”于3月1日发表以后，又历时将近一周了，才把《代码入门教程》“目录”整理出来进行发表。也许有的朋友会问：“目录”应该放置在“教程”的前面呀，你为何放置在“教程”的后面，又迟迟不发表呢？究其原因有以下几点：一、因为我撰写的《代码入门教程》是陆续发表的，尽管在开始撰写的时候，已经拟出了目录，但是，在每篇教程还没有撰写完毕、没有发表之前，是无法添加链接地址的，所以，即使发表在“教程”的前面，也没有多大的意义。何况在撰写的过程中，“教程”的内容还会有所增减。二、我在《代码入门教程》的“后记”中已经提到了，为了不让较长的标签把发表以后的页面撑得太宽，在发表的时候，我在每篇教程中较长的标签处都点击了“回车键”。由于此错误的操作，使不少的代码不能够正常显示其页面了，直到我撰写《代码入门教程》(30)的时候，才发现了这一现象。因此，近一周来， 不负如来不负卿我对《代码入门教程》的每篇文章，都进行了复查，进行了修改，以力求教程的正确性，力求不误传知识。三、为了使广大爱好代码的馆友们便于浏览，便于收藏，我撰写了一个附加内容简介的目录。根据此“目录”，大家可选择浏览、选择收藏自己喜欢的内容，不至于浪费大家的宝贵时间。我记不清楚了，不知哪位名人曾经说过这样一句话：“浪费自己的时间，等于慢性自杀；浪费别人的时间，等于谋财害命。”撰写此目录也需要一定的时间，需要一篇一篇地浏览教程，浏览每篇教程的具体内容。基于以上三种原因，公司介绍《代码入门教程》“目录”拖至今日才发表，请大家体谅。到现在为止，我的《代码入门教程》收尾了。在这收尾之际，我心情激动、思绪万千。首先，我要感谢馆方，是360doc个人图书馆给我们提供了这么一个美好的学习园地。如果没有这个风水宝地，我这个一不懂电脑、二不会代码的年过花甲的老头儿是绝对撰写不出这《代码入门教程》的。其次，我还要感谢引导我学会在图书馆中进行各种操作方法的老师和朋友们。360doc小助手老前辈、360doc小助手2朋友、牛筋草老前辈等等前辈和朋友，都对我伸出了援助的手，指导我学习图书馆中的各种操作方法。在这里我要特别提到的是，对我帮助最大的是我的老师——婉林。只要我在“留言交流处”发出了求教的帖子，她必定给我回帖。我给她的图书馆中发去了询问的短信，她更是耐心细致的给我解答。如果没有这些前辈与朋友对我的指导，如果没有婉林老师对我的关心与帮助，《代码入门教程》的撰写与发表也是不可能的。再则，我还要感谢一直关注和支持我的各位朋友们。是他们的关注与支持，更坚定了我撰写《代码入门教程》的信心。曾经有一段时间，我为我撰写的《代码入门教程》得不到馆方的支持，不给我审核为“原创”文章而生馆方的气。我撰写《代码入门教程》究竟是为了什么呀！还不是为了让更多的想学习代码的朋友们看到我撰写的这些文章吗？这不是在为360doc个人图书馆做贡献吗？你们怎么就不理解我的心情呢？难道说我是为了多要几个“奉献值”吗？“奉献值”又有何用？在我耿耿于怀生闷气的时候，是我的两位好朋友，也是我在网络中结识的两位大姐“LOVE天使的外婆”与“以勒。。”，及时地对我进行了劝解与疏导，使我坚持不懈地把《代码入门教程》撰写完工。时至今日，我一切都想开了。360doc个人图书馆，毕竟是馆方的图书馆，不是我“春天没来”的个人图书馆，也不是任何一个馆友的个人图书馆，我们又有什么理由对馆方有过多的奢求呢？馆方为我们提供了这么一个美好的学习园地已经足够了。至于有多少馆友能够看到我撰写的这个“教程”呢，那就随缘吧！倘若我撰写的《代码入门教程》能够为您学习代码知识、制作网页起到一丁点儿的帮助启示作用，我心足亦。下面是我复查以后，对《代码入门教程》进行修改过的地方。特告知广大馆友：1、代码入门教程》（4）中：图片标签形式举例的6种代码。2、《代码入门教程》（5）中：按照原图片的规格移动的移动标签、改变原图片的规格移动的移动标签。3、代码入门教程》（7）中：在“段落标签”的内容中，“在使用块区标签的地方，浏览器会自动地给下面的文章空出两行的空格。”一句修改为：“在使用段落标签的地方，浏览器会自动地给下面的文章空出两行的空格。”4、《代码入门教程》（9）中：“作业”中提供的代码。5、《代码入门教程》（11）中：全篇文章横排向上移动的代码。6、《代码入门教程》（15）中：第十五节 移动图片（7）中“交替展示的代码”，第十六节 移动图片（8）中的三篇代码。7、《代码入门教程》（16）中：翻转图片顶图代码、动画图片顶图代码。8、《代码入门教程》（17）中：文字链接方式举例、图片链接方式举例、文章地址链接方式举例、移动文字链接模块代码。9、《代码入门教程》（18）中：修改多处代码。10、《代码入门教程》（20）中：“在表格的列标签中设置属性”代码1和代码2。11、《代码入门教程》（21）中：“表格中在文章标题的上方设置插图的两篇代码、多媒体标签、鼠标指针样式”。12、《代码入门教程》（22）中：“图片对齐方式的设置方法”举例的代码。13、《代码入门教程》（24）中："在普通的背景图片中应用表格定位添加图片（包括动画图片）、在风景背景图片中应用表格定位添加图片（包括动画图片）与文字"代码。14、《代码入门教程》（26）中："shadow滤镜(2)"15、《代码入门教程》（27）中：“用CSS制作背景颜色条、相框中放入移动相片（相对定位＋绝对定位）、相框中放入移动相片（相对定位）、相框中放入静止相片、小图片中输入文字。”代码。16、《代码入门教程》（28）中：“夫妻就像一双筷子”整理以后的代码、实例分析代码1、实例分析代码2、实例分析代码3。17、《代码入门教程》（29）中：“表格标签、表格列标签”。

图片

2013年3月8日于北京360代码题目留言交流地址http://www.360doc.com/showadvice.aspx?id=191878标题：关于《QQ代码学习群》建群通知

图片

 LOVE天使的外婆 　14-03-12 15:32:15馆友们：大家好！应许多馆友的要求，“春天没来”老师在QQ里建立了一个《代码学习群》。有愿意参加的馆友，可以入群学习，共同研究、探讨应用代码制作网页等问题。《代码学习群》群号是：370479644.暂时联系人：LOVE天使的外婆。“代码学习群”群主是“LOVE天使的外婆”。她在QQ中的昵称是“紫玉琴韵”。2014年3月12日

图片

LOVE天使的外婆    14-03-29 22:34:30各位群友：大家好！经本人推荐，春天没来老师同意，由震宇群友担任我们代码学习群的班长。大家可以与他建立好友和关注关系，以便联系。他的书馆地址：http://www.360doc.com/userhome/313676他的QQ空间地址：http://user.qzone.qq.com/1228663822/main春天没来：我撰写的《代码入门教程》地址：http://www.360doc.com/content/13/0307/20/4127803_270041627.shtml