網上隨便搜一下,就會發現“xx天學會網站設計”的教程數不勝數,這就說明網站開發並不像很多人認為的那麼難,從今天開始跟大家一起完成一個企業站的搭建以及網域名稱申請以及上線的全部過程,希望對大家有所協助。最終的效果如這個網站所示。
瞭解基本的html語言
這個,我相信並不難,沒有比html這種標記語言更簡單的了,推薦大家可以去電驢上隨便找找,比如這個網址:http://www.verycd.com/topics/2909780/ 當然,最近由於著作權的原因,有些不能下,只要在網域名稱前面加上gdajie即可,比如這個網址可以改為:http://www.verycd.gdajie.com/topics/2909780/ 這個教程希望大家能在1個礼拜內看完,沒必要深入看,簡單過一下就可以了。韓老師的課程還是比較風趣的,這也是推薦大家看著課程的原因。當然,以後筆者有空的話也會出視頻教程,但本人聲音之淫蕩不是一般人能忍受的,考慮到這一點,還是以後再說吧。
下載網站模板
有句話說的好,“不要重複造輪子”,是的,如果不會聰明的借鑒別人的東西,什麼東西都從頭開始做的話,會浪費自己很多時間,在這個“時間即是金錢”的時代,大家要格外珍惜時間,當然,找女朋友的時間是不能省的,本人今天就去參加了一個相親會,玩的不亦樂乎啊!!!
網站模板這裡有:模板之家 ,大家隨便找一個就可以了。本人下載了一個模板:http://www.cssmoban.com/cssthemes/4760.shtml ,注意,如果這個連結停用話,請到此進行自行下載,因為模板之家的地址可能是變的。
然後大家解壓用dreamweaver之類的編輯器開啟,本人因為是mac系統,就用了Brackets這個軟體,沒關係的,如果你喜歡也可以用 sublime text 之類的軟體,只要有文法高亮的功能就可以了。
修改網站
網站的目錄如下。這個網站本來是英文的,我們現在要做的首先肯定是改成中文,然後要把裡面的資訊改成我們想要的就可以了。
圖一
我們以about.html這個頁面為例。我們先改成中文的,然後把裡面的圖片改成我們想要的即可。
Google瀏覽器有個審查元素的功能,Firefox瀏覽器也有類似的功能,這裡以Google瀏覽器為例。右擊要改的地方,選擇“審查元素”,二
圖二
然後我們到dreamweaver或者Brackets裡改掉相應的字就可以了,三
圖三
改好之後,可以查看相應效果,這是修改文字,修改圖片的過程也是類似的,大家可以參考圖四。
圖四
我們到相應檔案夾中替換掉相應圖片就可以了!
這樣修修改改,基本上一個網頁就可以成型了。