注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

燕归来

做一只快乐的小鸟

 
 
 

日志

 
 

【转载】【秋萍与您一起学代码】  

2013-01-22 09:29:17|  分类: 博客制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

【秋萍与您一起学代码】
秋萍用代码转帖与您一起学习代码,祝朋友成功!

 


  一不懂代码,二不会英语。怎样学习代码,代码并不是什么神秘的天书,也不是高不可攀的山峰,不懂英语,没有学过系统的电脑知识,照样可以学会代码,用代码制作自己喜欢的各种漂亮的网页。
  


2013年01月13日 - 绿叶 - 欢迎大家的光临2013年01月13日 - 绿叶 - 欢迎大家的光临


第一章 代码基础知识
第一节 认识撰写文章处的两种页面
  学习代码,离不开实践活动。而实践活动,离不开编辑器。因此,我们有必要先来认识一下360doc个人图书馆中编辑器的页面,也就是撰写文章处的页面。
  “撰写文章”处有两种页面,一种是“文字图片”编辑页面,另一种是“代码编辑”页面。
  在你的图书馆首页点击“撰写”按钮,进入的页面是“文字图片”编辑页面(见图1);你再点击一下此页面下方的“代码编辑”,进入的是“代码”编辑页面(见图2)
图1:“文字图片”编辑页面
2013年01月13日 - 绿叶 - 欢迎大家的光临

2013年01月13日 - 绿叶 - 欢迎大家的光临


  “文字图片”编辑页面是用来撰写文章、编辑图片使用的页面;而“代码编辑”页面是用于编辑代码、粘贴代码使用的页面。
  “撰写”文章页面下方的“代码编辑”按钮,就是专门用于切换这两种页面的按钮。在“文字图片”编辑页面点击一下“代码编辑”按钮,就可以切换到“代码编辑”页面;在“代码编辑”页面点击一下“代码编辑”按钮,就可以切换到“文字图片”编辑页面中。
  在“代码编辑”页面,你可以使用代码制作网页,修改网页代码、粘贴网页代码。而这个“预览”按钮,就是让你观看网页制作的实际效果的按钮。你只要点击一下这个按钮,就可以看到实际效果了。在这里我要说明的是,点击“预览按钮”以后看到的效果,与“发表”以后看到的效果有时是不一致的,不要过于依赖这个页面,点击“发表”按钮观看实际效果才是最可靠的方法。
  我还要说明的一点是:你在“代码编辑”页面编辑了你要制作的网页代码以后,当你再一次点击“代码编辑”按钮或者点击“发表”按钮以后,你原来编写的代码,可能有部分地方已经有所改变。这是系统自动给你修改的。
  要查看系统给你修改了哪些代码,可以这样查看:
  
  将你点击“发表”按钮以后发表的文章,点击一下“修改”按钮,然后在进入的“文章修改页面”的下方,点击一下“代码编辑”按钮,就可看到系统为你修改以后的代码了。把这份代码和你原来的代码比较一下,就可以查出系统给你修改了哪些代码了。
  作业:
  1、认识一下“文字图片”编辑页面,试着撰写一段文章或者粘贴几个图片。
  2、认识一下“代码编辑”编辑页面,看看与“文字图片”编辑页面有什么不同。
  3、自己任意寻找一篇文章,复制、粘贴到“文字图片”编辑页面,然后点击一下页面下方的“代码编辑”按钮,获取其代码,认识一下代码。
2013年01月13日 - 绿叶 - 欢迎大家的光临2013年01月13日 - 绿叶 - 欢迎大家的光临
第二节 什么是代码
  什么是“代码”?
  我们所说的代码,就是HTML语言。
  HTML是英文HyperText Tarkup Language的缩写,即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。
  HTML是在WWW(万维网,也就是我们通常所说的网络)上建立超文本文件的语言,它通过标记和属性对一段文本的语言进行描述,它提供超文本链接,可以指向网络中另一台计算机的文件;HTML还支持在文本中镶入图象、声音、动画等不同格式的文件;HTML还具有强大的排版功能,利用HTML可以制作出任意版面的网页来。
  我们可以这样简单地说,HTML代码就是“标签语言”。通过使用HTML代码,可以巧妙的将多种元素组合在一起,制作成各种漂亮的网页。
  既然代码是标签语言,我们就应该首先来认识一下“标签”。什么是标签?在html语言里,标签是由一个尖括号和它里面的内容组成的统一体。形如:<CENTER>、<table border="5" cellSpacing="1" cellPadding="3" width="650" height="210">的,都是标签。尖括号里的内容,第一小段代码是“标签名称”,后面的代码是“属性”和“属值”。有的标签,没有属性与属值;而有的标签,可以有很多的属性与属值。无论其属性与属值有多少,只要是在一个尖括号里面的内容,它们和尖括号合起来就是“一个”标签。例如上面举例的两个标签,第一个是“居中”标签,它只有标签名称,没有属性与属值。第二个标签是“表格”标签,它有五个属性与属值。

  标签里的标签名称和它的属性是用一个空格来分开的,各个属性之间是用空格或者分号(;)来分开的,属性与属值之间是用等号(=)或者冒号(:)来连接的。

  大部分的标签,都是成对使用的,前面有其首标签,后面必定有其尾标签。


  本节作业:
  1、什么是代码?什么是标签?
  2、什么是标签名称?标签名称在标签中的什么位置?标签的属性和属值在标签的什么位置?
  3、最少找5篇简单的文章或者图片,把它们复制、粘贴到撰写文章处,点击代码编辑,然后把代码复制下来。看看它们各是由几个标签组成,并且指出哪些代码是标签名称,哪些代码是属性,哪些代码是属值。
2013年01月13日 - 绿叶 - 欢迎大家的光临2013年01月13日 - 绿叶 - 欢迎大家的光临

第三节 怎样学代码


    我们已经懂得了什么是代码,也知道了什么是标签,那就让我们来共同学习吧。
  那么,应该怎样学习代码呢? 
  第一,学代码要有信心。
  可以回忆一下我们学习汉字的过程。祖国的汉语言文字有几万个,我们只要学会常用的四五千个文字,就可以阅读别人的文章了,也可以自己练习写作了。学代码也是如此,我们可以把标签当作是“汉语拼音”,是“汉字”,是“词语”。我们要像小学生学习汉语拼音、汉字、词语一样地去学习标签,慢慢地去学,一个一个地去认识,一点一滴去积累,把常用的标签学会了,就可以尝试着应用了。
  第二,学代码要有恒心。
  可能有人会说,我没有一点儿代码基础,我是学不会代码的;可能有人会说,我年龄大了,记不住了,我也学不会代码。也可能有人还会找出许许多多的理由来。依我看,这些都不是理由。学会学不会代码,要看你有没有恒心。俗话说得好:“世上无难事,只怕有心人。”只要肯学,就一定能够学会的,关键看你有没有恒心。一年有365天,每天学一个多不多?一年就可以学会365个,学上它三年,就是1000 多个,你简直就成为代码高手了。“只要功夫深,铁棒磨成针。”讲的就是这个道理。
  第三,学代码要讲究方法。
  学代码要讲究方法。这个方法是什么呢?就是由浅入深,从简单到复杂。要先认识标签,给你一段代码,你要知道,这段代码一共有多少个标签。各个标签,是什么标签。然后再逐个认识各种标签的属性与属值。这些标签和它们的属性与属值,各有什么作用。这是最基础的代码知识,必须反复学习,反复练习,直到熟悉为止。
  这些基础打好了,就分析网页。分析一下一篇文章的代码中,由哪些标签组成。这些标签是怎样安排结构的,达到的效果又是什么样的效果。
在学习的过程中,一方面要分析,要学习,分析别人的作品,学习别人的方法;另一方面还要练,要多练习,多观察自己的作品效果。制作成功了,做好制作笔记;制作不成功,也要分析一下原因,反面的教训也要记下来;万一有暂时解决不了的问题,就搁起来,存入一个文件夹,等过一段时间,自己的代码水平提高了,再返回去看一看,说不定就解决了。
  遇到不懂的代码,到“百度”去搜索一下。“百度”是最好的老师,他最慷慨、最无私、最不保守。学会的代码,分门别类地存入文件夹,需要的时候,可以迅速地查找出来。

  评论这张
 
阅读(4)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017