就是將“我是一個大標題”作為大標題。這樣通過一些tags,就可以將一些塊元素和內聯元素組裝到html文檔里面。學習html就是學習各種各樣的標簽,段落、表格、div等等,通過網絡上的一些教程,可以在幾小時或者幾天之內掌握基本的一些元素以及他們的使用方法。這時候應該找一個好的網站,例如w3school,里面有一整套的網絡編程教程,按照它的流程學習下來(html->css->javaScript->php),相信會受益匪淺。當然也可以買一兩本書來學習,《head first html and css》就很不錯,可以在看書的過程中立馬學會怎樣編寫html文檔。往后則學習CSS,CSS是層疊樣式表,它可以讓你的網頁看起來更加漂亮,沒錯,那些漂亮的圓角以及渲染效果都是CSS做的,以前我一直以為是用ps搞出來的,原來CSS是如此的神奇。
學習了html,就應該在自己的計算機上用dreamweaver或者nvu試試,可以任選一款編輯器編輯網頁文檔。我目前比較喜歡在linux下用bluefish或者Gvim直接編寫html文檔,然后在本地用瀏覽器打開即可查看效果。html里面很重要的一些元素是需要理解的,比如div元素將邏輯上為一個整體的各個元素圈在一起。還有一個很厲害的屬性是float,使得網頁可以漂浮在左邊或者右邊。這時,你應該會用css的-webkit等來渲染網頁,從而做出很美的效果。
h3{
padding: 10px;
background-p_w_picpath: -webkit-gradient(linear,left top,left bottom,from(#ccc),to(#fff));
/*指定背景圖片是一個由顏色#ccc漸變到#fff的樣式*/
-webkit-border-top-left-radius:5px; /*設定邊框的角的半徑,就是倒角(圓角)*/
-webkit-border-top-right-radius:5px;
}
還可以使用background-color屬性,繪制透明的背景:
#content {
background-color: rgba(0,0,0,0.2); /*透明的黑色,透明度0.8,alpha值表示透明度*/
size: auto;
padding: 20px;
margin: auto;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
接下來就要學習一些瀏覽器端的腳本語言了,例如javaScript。因為
服務器不可能時時刻刻和客戶端瀏覽器進行互動,這就需要客戶端有腳本語言來相應客戶的操作,讓用戶覺得沒有受到冷落(例如我想看到網頁上有個時鐘,服務器不可能每秒鐘發信息來刷新時間,這種任務最好交給瀏覽器來做,在本機上可以隨時刷新時間)。學習javascript也能做出很強悍的效果,這時一般要下載別人寫的庫,例如jquery,可以寫成很炫的上拉下拉、淡入淡出等效果。螞蟻師兄說過“javascript甚至可以在網頁上模擬一個操作系統的桌面”,不信的同學可以去ubuntu的官網看看http://www.ubuntu.com/tour/en/簡直炫瞎了。學習jquery也可以到w3school去,那里真的是個寶庫。學習網頁制作要學習很多東西,從html到css再到javascript然后到php,最后可能會接觸linux服務器以及網絡編程,不管怎樣這個過程是必須的,我們也能從中獲取很多樂趣。
bibo自身也沒有怎么好好學習php編程,只是稍微接觸過,要做出真正有用的網站,還得繼續深入學習php。但是在這里,我還想討論一些怎樣做出好的網頁。我認為好的網頁:
雖然我自己沒有多少設計網頁的經驗,但是品位還是不差的,有些國內網頁做得很糟糕,可能內容沒有多少,但是掛的廣告卻是——滿天飛。一流的網頁設計者絕對不會讓網頁看起來雜亂不堪,他們利用各種布局技術,將內容整潔放置。甚至有簡單到極致者,只有一個背景圖片,再沒有多余的效果以及渲染。