代碼入門教程
前言
我是一個年已花甲的退休教師,,一不懂代碼,二不會英語,。前年,,兒子給我買了一個筆記本電腦,剛開始玩的時候,,連“關機”也不會,,看個電子書、玩?zhèn)€游戲,,都十分困難,。后來,又給我注冊了360doc個人圖書館,,更找不著“北”了,。進入網絡以后,頁面中的內容五彩繽紛,,這兒閃爍,,那兒跳動,文字內容,,五顏六色,,真不知該點擊什么地方了,!然而,就是在這個圖書館中,,我學到了不少的知識?,F在,我不但能夠瀏覽別人的文章,、收藏別人的文章,,而且還學會了自己撰寫文章,編輯圖片,,使用邊框,,在實踐操作的過程中,我知道了那些五彩繽紛的美麗網頁,,都是用代碼制作的,。于是,我對代碼產生了興趣,,開始學習代碼,、研究代碼。經過一段時間的努力學習,、刻苦鉆研,,終于邁進了代碼的門檻。我已經撰寫了幾十篇關于360doc圖書館的知識和操作方法的文章,,制作了幾百個個人圖書館的頂圖,,還有一些底圖、圖書館首頁的模塊等作品,,初步地嘗到了學習代碼的甜頭,。在實踐的過程中,我認識到,,代碼并不是什么神秘的天書,,也不是高不可攀的山峰,不懂英語,,沒有學過系統(tǒng)的電腦知識,,照樣可以學會代碼,,用代碼制作自己喜歡的各種漂亮的網頁,。
在這里,我把自己學習代碼的體會撰寫成這些文章,,編輯成小冊子,,陸續(xù)發(fā)表,提供給大家,,用以幫助愿意學習代碼而又不知從哪里入手的朋友們,,希望我的這些文章能夠對這些館友們有所幫助,引導你們步入代碼的門檻。
我的這些文章,,語言不一定十分規(guī)范,,概念不一定非常準確。我本著這樣一條原則,,力求通俗易懂,,講解具體,能夠操作,,使大家能夠看明白,,會操作,真正起到引導入門的作用,。
由于本人的水平有限,,文章中一定存在不少紕漏和錯誤之處,希望大家批評指正,。在此我預先向給我提出寶貴意見的朋友們表示感謝,。
2012年10月2日于北京
第一章 代碼基礎知識
第一節(jié) 認識撰寫文章處的兩種頁面
學習代碼,離不開實踐活動,。而實踐活動,,離不開編輯器。因此,,我們有必要先來認識一下360doc個人圖書館中編輯器的頁面,,也就是撰寫文章處的頁面。
“撰寫文章”處有兩種頁面,,一種是“文字圖片”編輯頁面,,另一種是“代碼編輯”頁面。
在你的圖書館首頁點擊“撰寫”按鈕,,進入的頁面是“文字圖片”編輯頁面(見圖1),;你再點擊一下此頁面下方的“代碼編輯”,進入的是“代碼”編輯頁面(見圖2)
圖1:“文字圖片”編輯頁面
圖2:“代碼”編輯頁面
“文字圖片”編輯頁面是用來撰寫文章,、編輯圖片使用的頁面,;而“代碼編輯”頁面是用于編輯代碼、粘貼代碼使用的頁面,。
“撰寫”文章頁面下方的“代碼編輯”按鈕,,就是專門用于切換這兩種頁面的按鈕。在“文字圖片”編輯頁面點擊一下“代碼編輯”按鈕,,就可以切換到“代碼編輯”頁面,;在“代碼編輯”頁面點擊一下“代碼編輯”按鈕,就可以切換到“文字圖片”編輯頁面中,。
在“代碼編輯”頁面,,你可以使用代碼制作網頁,,修改網頁代碼、粘貼網頁代碼,。而這個“預覽”按鈕,,就是讓你觀看網頁制作的實際效果的按鈕。你只要點擊一下這個按鈕,,就可以看到實際效果了,。在這里我要說明的是,點擊“預覽按鈕”以后看到的效果,,與“發(fā)表”以后看到的效果有時是不一致的,,不要過于依賴這個頁面,點擊“發(fā)表”按鈕觀看實際效果才是最可靠的方法,。
我還要說明的一點是:你在“代碼編輯”頁面編輯了你要制作的網頁代碼以后,,當你再一次點擊“代碼編輯”按鈕或者點擊“發(fā)表”按鈕以后,你原來編寫的代碼,,可能有部分地方已經有所改變,。這是系統(tǒng)自動給你修改的。
要查看系統(tǒng)給你修改了哪些代碼,,可以這樣查看:
將你點擊“發(fā)表”按鈕以后發(fā)表的文章,,點擊一下“修改”按鈕,然后在進入的“文章修改頁面”的下方,,點擊一下“代碼編輯”按鈕,,就可看到系統(tǒng)為你修改以后的代碼了。把這份代碼和你原來的代碼比較一下,,就可以查出系統(tǒng)給你修改了哪些代碼了,。
作業(yè):
1、認識一下“文字圖片”編輯頁面,,試著撰寫一段文章或者粘貼幾個圖片,。
2,、認識一下“代碼編輯”編輯頁面,,看看與“文字圖片”編輯頁面有什么不同。
?。?、自己任意尋找一篇文章,復制,、粘貼到“文字圖片”編輯頁面,,然后點擊一下頁面下方的“代碼編輯”按鈕,獲取其代碼,,認識一下代碼,。