微信咨詢
咨詢電話:4008-517-208 手機:138-1875-0604
營銷型網(wǎng)站建設(shè) 網(wǎng)站優(yōu)化 seo優(yōu)化 網(wǎng)絡(luò)營銷 就選百橙網(wǎng)
我們的優(yōu)勢: 優(yōu)化團隊核心成員10年SEO經(jīng)驗 5000+新聞媒體資源,1500家企業(yè)合作 企業(yè)保證,正規(guī)流程,正規(guī)合作 承諾24小時快速解決問題
個人網(wǎng)站制作以及博客的建站技巧
發(fā)表日期:2024-08-31 16:51:12 游覽次數(shù): 5416

  中國互聯(lián)網(wǎng)起步的年代,個人網(wǎng)站引入了互聯(lián)生活。一時間,制作出色的個人網(wǎng)站成了網(wǎng)民上網(wǎng)的“終極目標(biāo)”。由于當(dāng)時相關(guān)軟件功能相對簡單,中文資源匱乏,相關(guān)資料甚少,不少人是“摸爬滾打”地摸索著做出了自己的第一個個人網(wǎng)站。筆者就是其中的一員……

  一、復(fù)雜方法

  在手工制作個人網(wǎng)站的時代,我們可以總結(jié)出的網(wǎng)站制作步驟基本為:設(shè)計、切割、代碼生成、發(fā)布。而在此之前,應(yīng)該規(guī)劃出網(wǎng)站的結(jié)構(gòu),包括頁面數(shù)、欄目設(shè)置等。

  1.設(shè)計

  進(jìn)行頁面總體規(guī)劃,包括風(fēng)格、布局等。網(wǎng)站制作要有整體風(fēng)格,各部分要保持協(xié)調(diào),整個頁面看起來才不顯得凌亂。然后用平面設(shè)計軟件制作整個頁面,常用的軟件有Adobe Photoshop、CorelDraw、Macromedia Fireworks等。Photoshop是平面設(shè)計的大拿,筆者也一直用它做頁面設(shè)計,它從6.0版開始特別增強了對網(wǎng)頁制作的支持,顯得非常方便。現(xiàn)在流行的Fireworks是Macromedia網(wǎng)頁制作三劍客的重劍手,由于它與Dreamweaver及Flash無縫集成,越來越受到網(wǎng)站制作人的歡迎。

  2.切割

  做完第1步,我們得到的只是一個圖片文件,還沒集成網(wǎng)頁上應(yīng)該有的元素。接下來要將圖片按制作需求切割成小圖。切割功能前面提到的兩個設(shè)計軟件中已經(jīng)集成了(如Photoshop中提供的切片工具),不需要專門的軟件來處理。

  3.代碼生成

  這是整個制作過程中重要的一環(huán)。我們要用HTML語言將切割下來的組件按整體設(shè)計“拼裝”回去。眾所周知,HTML語言是一種標(biāo)記型語言,不須要編譯就可以直接在瀏覽器中執(zhí)行。所以理論上,我們可以用記事本等文本編輯工具來寫代碼。手寫代碼雖然被看作是一種很“酷”的行為,但是很耗時間,而且很難精確地控制格式。這時,便該專門的HTML編輯軟件出場了。

  HTML編輯軟件大體上可分為兩類:一類是代碼型,典型代表為Homesite、Hotdog等;一類是所見即所得型,典型代表為Frontpage。也有兩者兼具的,就是大名鼎鼎的Macromedia Dreamweaver。代碼型實際上就是一個文本編輯器,不同的是,它可以有專門的代碼提示功能,用起來比較方便。所見即所得是目前大家推崇的方式,因為可視化的編輯基本丟棄了代碼,方便快捷。

  說到Dreamweaver,筆者就不多介紹了,我相信大部分的網(wǎng)站制作人都使用它在工作。Dreamweaver提供了代碼編寫模式和設(shè)計模式(即所見即所得),并且首次將“層”概念引入網(wǎng)頁制作。Dreamweaver幾乎可以滿足所有人的需求,甚至還提供了ASP、PHP等腳本語言的代碼提示。

  4.發(fā)布

  將制作好的頁面放到服務(wù)器上,以便更多的人能瀏覽。發(fā)布通常采用FTP的方式,將文件上傳到服務(wù)器。目前的網(wǎng)頁制作工具基本上都有發(fā)布工具,可以通過各種方式發(fā)布你的頁面,如Dreamweaver中的“站點管理器”。用戶亦可使用FTP客戶端軟件進(jìn)行這步操作。

  二、簡單方法

  上面我們介紹了網(wǎng)站制作的步驟,雖然那是曾被人們大規(guī)模采用的方式,但是現(xiàn)實看起來實在是復(fù)雜得讓人頭暈。對于初學(xué)者,暫時可能還摸不清里面的門道。但是,我們今天不就是討論“由繁入簡”嗎^_^?沒問題,初學(xué)者在沒掌握那一大堆軟件之前,不妨“獨辟蹊徑”,時尚地Blog一把。

  1.什么是Blog

  在初的定義中,Blog是Web Log的縮寫,中文意思是“網(wǎng)絡(luò)日志”。它是由簡短且經(jīng)常更新的文章所構(gòu)成的網(wǎng)頁,這些張貼的文章按照年份和日期排列。創(chuàng)辦Blog的人自稱Blogger,中文的說法叫博客……

  不過,現(xiàn)在你完全不必去理會那些關(guān)于Blog的定義了,因為我們已經(jīng)見過了許許多多奇怪而有趣的Blog。在眾多的Blog里,我們看到有人正在對其他網(wǎng)站的內(nèi)容進(jìn)行鏈接和評論,看到從國際政治到雞毛蒜皮的新聞報道,看到了日記、照片、詩歌、散文,甚至有人在自己的Blog中發(fā)表小說。如果一定要找出現(xiàn)在的Blog與以前那些個人網(wǎng)站有什么不同,那么大的區(qū)別就是——創(chuàng)建Blog比原來那種個人網(wǎng)站更方便。[Page]

  Blog是一種網(wǎng)絡(luò)服務(wù),由專門的網(wǎng)站提供,用戶只要申請賬號,便可以擁有一個屬于自己的Blog。

  2.注冊Blog

  Blog的注冊非常簡單,步驟跟注冊免費電郵差不多。朋友們應(yīng)該能搞定吧?

  在Blogcn.com的首頁點擊“用戶注冊”,再在接下來的頁面中填入相關(guān)信息。確定注冊成功后,點擊頁面下方的“點此立即擁有一個BLOG”鏈接,即可開始創(chuàng)建自己的Blog(附圖1)。給Blog取一個標(biāo)題,然后寫入一段吸引人的描述(可不要像筆者這樣簡單喲),在其他必填項中填入相關(guān)信息,選擇自己中意的模版(附圖2),后按下“確定”。OK,你的Blog已經(jīng)創(chuàng)建成功了,就這么簡單!


  3.后臺管理

  建立完畢后,系統(tǒng)會自動跳轉(zhuǎn)到你的控制面板中。這里就是你的管理后臺了。

  首先建立Blog的分類。Blog中的分類與個人網(wǎng)站中的欄目相同,用于分門別類地放置不同的文章。點擊面板中“文章管理”類下的“類別管理”,輸入類別名和修飾類別名。類別名是分類的名字,而修飾類別名則是顯示在頁面上的名字。完畢后按“添加類別”按鈕(附圖3)。

  點擊“編輯模板”下的“編輯模板”,右邊彈出的是Blog首頁的代碼。點擊上方的“可視化模板編輯器”可以用所見即所得的方式編輯模板。由于可以非常個性地定制自己的Blog界面,稍微懂一點HTML的玩家可以在首頁中加入各種元素,或者更改原模板。

  4.后臺管理

  如果你知道怎么在論壇里發(fā)帖,那么恭喜,你已經(jīng)掌握了在Blog里發(fā)布文章的方法。點擊“添加日志”中的“可視化編輯”,你是否對屏幕右邊的界面感到熟悉(附圖4)?


  圖4 發(fā)布文章

  小知識:Blog中的地址引用

  在發(fā)布文章時,如果你想引用別人Blog中的文章,只要在高級選項中點擊“顯示高級編輯選項”,輸入引用地址便可。

  現(xiàn)在的Blog都支持引用通告(TrackBack)功能。它將全世界無數(shù)個Blog連接起來。用戶可以把評論寫到自己網(wǎng)站上,然后向刊載原始文章的服務(wù)器發(fā)送該網(wǎng)頁的URL及標(biāo)題、部分正文、網(wǎng)站名稱等信息。通過這種辦法,在原始文章的地方就留下了你的評論的URL、標(biāo)題等部分信息(Trackback Ping)。當(dāng)然別人也可以向原始文章發(fā)送TrackBack Ping,所以在原始文章中就將包括你的TrackBack Ping在內(nèi)的所有評論都記錄了下來。 此外,如果你在自己網(wǎng)站上也設(shè)置了TrackBack Ping功能的話,那么誰都可以通過TrackBack Ping來發(fā)表針對你文章的意見了。這樣,多家網(wǎng)站就通過相關(guān)話題而連接起來。

  與舊有的復(fù)雜方法相比,通過Blog建立自己的網(wǎng)上空間,省去了手工制作網(wǎng)頁與上傳的過程。使用者輕松地從網(wǎng)頁形式的桎梏中解脫開來,可以專注于做好網(wǎng)頁的內(nèi)容。這無疑是一種巨大的進(jìn)步。


免責(zé)聲明:本站部分資源圖片及文字信息來自網(wǎng)絡(luò),如侵犯到您的權(quán)益,請及時通知我們:Email: 68409478@qq.com
新聞分類

為您推薦相關(guān)資訊 MORE

為您推薦相關(guān)建站案例

關(guān)于我們

網(wǎng)站建設(shè)公司,SEO優(yōu)化,網(wǎng)絡(luò)品牌塑造,我們以專業(yè)的技術(shù)實力,打造各行業(yè)品牌網(wǎng)站。公司的服務(wù)宗旨是:"用誠心做好服務(wù),用實力做好質(zhì)量"!

聯(lián)系我們

  • 地址: 上海市松衛(wèi)北路295號陸國時代大廈911室
  • 電話: 138-1875-0604
  • QQ咨詢: 68409478
掃描二維碼 關(guān)注我們官方微信 解決SEO建站問題
咨詢電話

4008-517-208

周一至周六9:00-18:00

地區(qū)分站

(c) 2017-2018 百橙網(wǎng) 站 滬ICP備15052651號-2