太空高級教程已經正式發布。我來為自己正名:我不擅長it專業,但出於愛好喜歡玩IT,有時會悟出壹些門道而沾沾自喜。請不要嘲笑真正的大師!我的教程不會以技術分析為主,只是壹些“實用”的小技巧,非常適合懶得關註技術的朋友。教程分幾章,由於精力有限,只能壹壹貼上。不耐煩也不要驚訝!另外,我會把教程的內容放在壹個臨時的web空間,因為有些文章太長,會影響空間的整體美觀。給壹些朋友帶來的不便,請見諒!如果您對教程中涉及的內容有任何問題或建議,請在本博客的評論中發表。謝謝大家!
MSN空間進階技巧——初始準備第壹講
很多朋友發現MSN空間對HTML語言的支持能力相當強。雖然MSN Space在處理日誌的時候只為妳提供了幾個簡單的文字處理功能,但是如果妳提前對fckeditor中的文字和圖片進行預處理,簡單的復制粘貼就可以讓妳的日誌看起來更加生動。其實這些都是通過相應的頁面語言來實現的。妳可能覺得每次用fckeditor處理這些簡單的文字有點大材小用,而且在不同頁面之間切換也有點費力,那麽我就告訴妳壹個好辦法,給妳的MSN空間增加更多的文字編輯功能,同時讓妳擁有直接在日誌編輯頁面處理HTML語言的能力。可以說,這為以後增加計數器等功能打下了良好的基礎。怎麽加?請往下看:
首先,確認妳的IE瀏覽器的工具欄中是否有“鏈接”。如果沒有,點擊“查看”菜單,並勾選“工具欄”選項中的“鏈接”。然後訪問以下網站。
/blogging/editit.htm
您將在頁面中找到“編輯它”鏈接。用鼠標右鍵單擊此鏈接,並將其添加到您的收藏夾。記得放在“鏈接”文件夾裏。完成上述操作後,您將在“鏈接”工具欄中看到壹個“編輯”鏈接圖標。
現在這壹步沒必要了,因為M公司已經增加了HTML功能。
好了,給妳的MSN空間添加壹個新日誌。在輸入文字前,點擊“編輯”查看編輯工具欄中是否有更多圖標,如剪切、復制、粘貼、字號、字號等。有了原來的粗體、斜體和文字顏色,處理文字應該綽綽有余了。
看下面,還有壹個選項。
使用HTML創建您的頁面。-直接編輯HTML格式命令
點擊後可以編輯頁面語言,比如添加背景色,設置背景樣式。
MSN空間高級技巧——第二講多彩背景
MSN空間中日誌的背景顏色隨著模板類型的不同而變化,但是並沒有提到為用戶提供自定義背景顏色的功能,但是我們可以通過編輯HTML語言來達到這個目的,讓日誌隨著我們的心情改變不同的顏色。
在編輯日誌之前,先點擊上節課提到的“編輯”按鈕,然後選擇編輯區底部的HTML語法編輯選項,即勾選使用HTML創建您的頁面選項,然後進入HTML編輯狀態,您會在頁面上看到以下標記
& ltdiv style = " width:100%;身高:100%;背景色:# 990000;"& gt& lt/div & gt;
請註意,您需要在這裏做壹點小小的調整
& ltdiv style = " width:100%;身高:100%;背景色:# 990000;"& gt& ltp & gt& lt/p & gt;& lt/div & gt;
在< p >;和
在HTML編輯的狀態下,妳會發現文本編輯按鈕已經消失了。在這種情況下,很難處理文本。當然,對於專家來說,只是幾句話就能解決問題,而我們普通人沒有這個能力和耐心。我們做什麽呢好辦!只需勾選“使用HTML創建您的頁面”選項前的復選框,即取消HTML語法的編輯狀態。這時,妳會發現我們重新進入了文本編輯模式,但這裏不是空白,而是多了壹個色塊。在色塊上雙擊鼠標,下面的文字編輯就熟悉了。
壹種顏色不夠豐富,我要豐富多彩的生活!沒問題,回到HTML語法編輯狀態,在想要使用其他顏色的文本之前添加上面的HTML語句,然後調整顏色值。這裏有兩點需要註意:第壹,妳還是要註意在上述語句中嵌入文字;第二,妳必須調整不同顏色的HTML語句中的高度比例,以達到最佳效果。至於什麽值合適,要看文本內容的長度。可以邊調整邊預覽。
MSN空間高級技能-第三講:立體彩色邊框
有背景色的日記本要活潑很多,那麽如何讓它更有特色呢?在這壹章中,我將告訴妳如何自定義具有三維效果的背景樣式。
先給日誌文本添加壹個彩色邊框,因為涉及到的CSS border屬性語法是以後制作三維邊框的基本形式。請記住下面的語法:
& ltdiv STYLE = " border-STYLE:solid;邊框寬度:5pt邊框顏色:紅色" >日誌文本
它會在妳的文本周圍生成壹個紅色的邊框,邊框寬度控制邊框的粗細,邊框顏色調整邊框的顏色。這裏為什麽還是用上面提到的形式中的顏色值,比如#xxxxxx,而border-style控制邊框的效果。當使用“純色”時,它是具有單壹顏色的線性簡單邊框。
接下來,我們將擴展上面的語法,我們可以得到壹個具有三維效果的彩色邊框。那麽我們從哪裏開始呢?實際上,它是在border-style之後使用不同的語法描述:
實心簡單直線邊框雙簡單雙線邊框凹槽溝槽立體效果邊框脊脊立體效果邊框嵌入線立體效果邊框外部浮動線立體效果邊框
您可以在MSN空間日誌中嘗試上面的不同語法,並在預覽中觀察效果。
通過自定義邊框,嵌套上壹個教程中添加顏色的語法,就可以創建出具有立體效果的彩色原木背景。
例如:
& ltdiv style = " width:100%;身高:100%;背景色:# ffff00"& gt日誌文本
& lt/div & gt;& lt/div & gt;
使用上面的語法會給妳呈現壹個黃色背景和紅色邊框的浮動線條背景。其實上面的語法還有其他的簡化寫法,這裏就不贅述了,只采用上面更直接易懂的形式。
也可以根據自己的需要調整背景邊框的四邊。以左邊界為例,可以使用以下語法:
左邊框樣式:實心(雙線、凹槽、屋脊、嵌入、外輪廓)自定義邊框樣式。
邊框-左側-顏色:#xxxxxx自定義邊框顏色
Border-left-width: xpt自定義邊框粗細。
其他三個邊框使用右、上、下。把下面的語法放到妳的博客裏預覽壹下,看看效果如何:
& ltdiv style = " border-top-style:outcome;右邊框風格:開頭;左邊框樣式:開頭;
邊框-底部樣式:開頭;背景色:#cc3366 " >
妳可以根據自己的想法隨意調整四個邊框的樣式,從而打造出獨特的效果。請記住,使用了不同的屬性描述。分開。此外,您可能會註意到,當您設置邊框並返回到日誌文本編輯模式時,如果您在鍵入的過程中使用Enter鍵,則會出現另壹個邊框,這會影響文本的連貫性。這是因為HTML語法不支持硬回車。要解決這個問題,您必須返回到HTML編輯模式並鍵入
MSN空間進階技巧-第四講:如何添加背景音樂?
如何給自己的MSN空間博客添加音視頻,是目前很多朋友關心的問題。畢竟壹個有聲光效果的頁面,是可以娛樂人,取悅自己的。記得剛進入Space的時候,壹方面被它的簡潔實用所折服,另壹方面又被它提供的糟糕的個性化設置所困擾。剛開始只是簡單的寫寫上傳壹些照片,後來就學會了制圖。我非常興奮。看看其他博客空間五顏六色的樣子,真是羨慕。留給我們發揮的空間真的那麽有限嗎?當然,事實並非如此。不管微軟有沒有興趣,她還是給了我們在這裏展示個性的可能性,但這種可能性要靠大家自己去發現。好了,廢話少說,言歸正傳!
先介紹壹下如何添加音頻,也就是給我們的博客添加背景音樂。目前空間裏比較流行的做法是使用MS Frontpage,這對於手頭沒有這個網頁編輯軟件的朋友來說當然不是什麽好消息。通過分析它的語法格式,我找到了壹個更簡單的方法,不用上面的軟件就可以添加音頻。考慮到有些朋友可能對第壹種方法感興趣,我將兩種方法介紹如下:
1.ms frontpage模式
首先,在網上搜索妳需要的音樂。這裏推薦使用WMA格式的文件,因為它比較小,所以會得到較快的加載速度。您需要獲得文件的確切鏈接地址,格式如下:
/xxx.wma,有些播放在線音樂不會直接顯示鏈接地址。如何獲取,請通過谷歌等搜索引擎查詢相關技巧。當然最滿意的是妳有自己的主頁空間,可以在那裏上傳自己喜歡的歌曲,以後也不用擔心因為鏈接故障導致空間背景音樂無法加載的情況了。獲得鏈接地址後,運行MS Frontpage,創建壹個新文件,然後在網頁中插入壹張圖片。圖片越小越好。然後右擊圖片,選擇“圖片屬性”,在彈出的對話框中選擇“視頻”選項,將剛剛獲取的音頻文件的鏈接粘貼到“視頻源”壹欄中,然後在“重復”選項中設置“循環次數”,根據自己的喜好進行選擇。不用管“開始”選項裏的設置,空著就好,最後點“確定”。Frontpage將需要壹些時間來獲取視頻源,這取決於音頻文件的大小。這時妳會發現原來插入的圖片已經縮小成了壹個小圖標,用鼠標右鍵點擊,然後點擊“復制”。回到妳的空間,新建壹個博客,或者打開妳要添加背景音樂的博客,把光標移到空白處,然後用IE瀏覽器“編輯”菜單中的“粘貼”命令或者CTRL+V快捷鍵,把妳剛才復制的內容粘貼到這裏。通常,您不會看到任何粘貼的內容。再等壹會兒,不用打開日誌預覽就能聽到背景音樂。剩下的,當然就是發表妳的大作了。
2.加載內存的簡單語法
通過以上方法插入背景音樂壹般不會很繁瑣,但是對於沒有MS Frontpage,並且對MS系列產品過敏的朋友,如何解決這個問題呢?通過分析以上操作的源代碼和語法格式,我發現了壹個更簡單的方法,通過插入壹個非常簡單的語法句子,就可以快速添加背景音樂。請記住下面的語法:
& ltP & gt& ltimg height = 0 loop = infinite dynsrc =音頻文件鏈接地址寬度= 0bborder = 0 > & lt/P & gt;
在這個語法中妳唯壹需要改變的是Loop,它控制循環的次數。當它是無限時,它是無限循環;為0時,為非循環;對於其他循環,只需鍵入相應的數字。
在妳的博客編輯頁面上,首先點擊上面提到的“編輯”按鈕進入HTML語法編輯模式,然後勾選使用HTML創建妳的頁面,在空白處插入上面的語法。因為加載需要時間,所以當妳點擊日誌預覽時,可能需要壹段時間才能聽到音樂。
MSN空間高級技巧-第五講:如何添加視頻?
我想讓我的日記豐富多彩,很多在MSN空間安家的朋友都有這個想法。畢竟“聲與情”頁面會吸引很多關註。在前壹章中,我們學習了如何添加背景音樂。接下來,讓我們看看如何將視頻剪輯放入日誌中。
壹個偶然的機會,我發現有些網站提供所謂的音樂視頻代碼。選擇妳需要的視頻,設置幾個簡單的參數,網站會即時為妳生成壹個代碼。這個代碼可以用於自己的網頁或者博客,從而實現實時播放的效果。當時有在MSN空間嘗試壹下的想法,但是幾次實驗都沒有成功。後來我把壹個視頻復制到Dreamweaver fckeditor上,看了壹下它的源代碼,稍微做了壹點修改,然後在IE中預覽了壹下,然後把預覽頁面中的視頻復制粘貼到日誌中。沒想到會成功!不過這種做法比較復雜,這裏就不贅述了。
我要給大家介紹的是壹個更簡單的方法,也是受背景音樂語法格式的啟發。其實通過上壹個教程可以知道,圖片的“屬性設置”中的“視頻源”選項起著關鍵的作用,所以既然叫“視頻源”,而且我們已經成功的用它加載了音樂,那麽加入視頻也就順理成章了。基於這個想法,我把語法裏的音樂文件改成asf流媒體文件的鏈接,然後在語法裏調整IMG的寬度和高度,在空間的日誌裏試了壹次就成功了。同時利用循環參數解決了過去無法回放的問題。
看到這裏,妳會恍然大悟,原來這麽簡單!沒錯,其實就是這麽簡單!那麽,如何添加視頻,就像上壹章介紹的添加背景音樂壹樣,可以通過兩種方式實現,壹種是使用MS Frontpage,另壹種是使用下面我提供給妳的語法:
& ltP & gt& ltimg height = 150 px width = 150 px loop = Infinite Dynsrc =流媒體文件鏈接>;& lt/P & gt;
IMG後的高度和寬度分別控制視頻畫面的高度和寬度,您可以根據需要進行調整。如果妳在這裏把它們設為0,只有音樂看不到圖像,相當於插入背景音樂的效果。循環控制循環的次數。用法請參考上壹章的描述。
對於頁面中視頻位置的控制,可以在日誌編輯器中使用簡單的命令,也可以通過添加以下語法實現視頻和文本的完美結合。例子如下:
Align =左側文本放在視頻的右側,並與之緊密結合。
Align=right文本放在視頻的右側,並與之緊密結合。
Align =頂部文本行到視頻頂部。
Align =中間文本行與視頻的中間對齊。
Align =底部文本與視頻底部對齊。
這裏的關鍵是流媒體文件的獲取。正常的流媒體文件都是以asf,wmv,或者mov為後綴,這是最直接的形式。還有帶asx後綴的文件。這種文件格式隱藏了流媒體的真實地址,不過沒關系。妳也可以把帶asx後綴的鏈接放到妳的語法裏。目前互聯網上的流媒體文件大多隱藏了鏈接,很難通過直接的方法查看。這方面網上有很多破解技巧,可以試試。
MSN空間高級技巧——第六講:添加計數器和MSN在線狀態指示器
MSN空間高級技巧——第六講:添加計數器和MSN在線狀態指示器
計數器和MSN在線狀態指示器是兩個實用的工具,通過它們妳可以知道妳的空間的受歡迎程度,而後者為訪問者提供妳當前的在線信息,以便朋友及時聯系妳。在日誌中加入這兩個功能的前提是妳必須已經安裝了HTML語法擴展編輯工具,也就是妳的IE瀏覽器的工具欄中已經有了“編輯”按鈕。如何獲得這個功能,我在妳的教程章節裏已經做了詳細的介紹,這裏就不贅述了。
先說加計數器。如果在日誌中只顯示總訪問次數,可以申請簡單的計數器。有很多網站提供這項服務。在搜索引擎中輸入“免費網絡計數器”可以找到很多結果。我個人推薦/。本網站提供350多種款式、顏色各異的櫃臺,壹定能滿足妳的需求。申請的時候需要註冊,但是流程很簡單。壹般只需要提供少量的個人信息。註冊成功後,您可以選擇您喜歡的櫃臺,然後輸入您個人網站的信息,您將獲得壹個在線生成的HTML頁面的代碼。有些網站還會為您提供簡單的在線編輯功能,讓您可以進壹步對櫃臺的外觀進行簡單的修改,以更好地適應您的需求。復制獲得的代碼,然後到需要插入計數器的MSN空間日誌,點擊“編輯”按鈕進入HTML語法編輯狀態,將剛剛獲得的代碼粘貼到空白處,然後退出HTML編輯狀態,在日誌文本處理模式下調整計數器的位置。由於MSN空間不提供置頂的功能,所以妳必須時刻調整計數器的位置,並且時刻放在首頁的日誌中(最好是第壹個日誌)。為了方便起見,您可以將計數器的源代碼復制到壹個文本文件中,並在以後調整時簡單地粘貼它。
如果妳想獲得妳的空間流量的具體信息,比如單位時間內的訪問量,訪客停留時間,訪客IP及其所在國家等諸多專業的統計結果,上述網站是無法滿足妳的需求的。推薦妳去這個網站申請這個服務:/,提供了極其強大穩定的統計功能,幾乎涵蓋了所有內容(至少夠我們的水平),大量信息以圖形或表格的形式呈現,直觀明了(Tucow五星推薦)。所有這些服務都是免費的,除非妳的月訪問量超過20萬。唯壹的缺點是提供的櫃臺樣式太簡單,選擇余地不大。。其申請流程非常簡單。成功後會要求妳選擇計數器樣式(可以做壹個簡單的設置值),然後設置壹些參數,比如通過Cookie函數把自己的登錄排除在統計之外,然後就可以得到安裝代碼頁的HTML代碼了。需要註意的是,它會為不同類型的頁面生成不同的代碼。所以妳要在“Statcounter代碼選項”中選擇“Html Only Code”,該命令生成的代碼可以在MSN空間使用,獲取代碼後的操作與上面降級的操作相同。因為是海外服務商,頁面上的信息全是英文,對於不熟悉E語言的朋友可能會比較麻煩。
申請MSN在線狀態指示器也很簡單。轉到以下網站:8080/在“Messenger”下拉菜單中選擇MSN。當然,如果妳有雅虎或AOL提供的即時通訊工具,也可以申請相應的指標。輸入您的MSN Messenger用戶名,網站將很快為您生成壹個代碼。這段代碼顯示了壹個圖標,它通過顏色的變化來顯示妳的Messenger的不同狀態。按照上面的方法直接把這段代碼添加到日誌中就可以了。有兩個問題需要註意:狀態指示器不會實時更新,但它會在訪問者登錄您的空間時顯示您的在線狀態。如果您在此期間在線或離線,指示器不會實時同步反應,除非刷新頁面。另外,顯示的狀態和真實的狀態可能會略有延遲,但並不嚴重。還有壹種情況可能會發生,就是服務商的服務器關機了,所以指標無法正確顯示任何狀態。
六月五號。
MSN空間高級技巧-第七講:文字和滾動文本框的光影效果(加豎排文字版)
MSN空間高級技巧-第七講:文字和滾動文本框的光影效果(加豎排文字版)
關於文本處理,MSN Space提供了幾個基本的格式命令,加上我們擴展的編輯工具,對於壹般的文本排列應該綽綽有余。如果想得到更多的效果,尤其是在文字排版方面,可以參考HTML和CSS中文字處理的介紹,這裏就不解釋了。畢竟我的教程只是給妳提供壹些簡單實用的小技巧,並不是網頁制作的專業講座。但是對於壹些特殊的文字效果或者編排,我會及時為您提供相關的語法和代碼。
(註意:以下語法的使用仍然是通過HTML語言編輯模式實現的。如何獲取HTML擴展函數,請參考本教程第壹章。)
下面介紹我在博客中展示的三種顏色文字效果的相關語法:
陰影:
發光:
模糊:
三種效果的語法格式基本相同,但使用了不同的濾鏡屬性。顏色控制文本的顏色;濾鏡控制不同的濾鏡效果,其內部的具體參數,如陰影和光線的顏色,模糊的方向和強度,可以根據需要自由調整;註意每個效果語法中的參數寬度。當您的字體大小發生變化時,您需要相應地調整該值,否則文本將無法正常排列。另外,在模糊效果中add表示是否保留原效果,取值為0或1,壹般設置為1。沒有太多其他需要強調的參數。中文蔡赟字體同時加粗的原因是為了達到更好的效果。可以根據自己的喜好進行調整。需要註意的是,這些效果只適用於標題或者少量的文字,否則會造成閱讀困難。
大日誌會占據頁面的大部分空間,從而影響整體美觀。通過添加壹個帶有滾動條的文本框,可以很好地解決上述問題。下面是相關的語法:
& ltDIV align =居中
style= '
顏色:# ffffff
背景色:# 000000;
邊框:純色2px黑色;
寬度:120 px;
高度:200px
溢出:滾動;
scroll bar-face-color:# 889 b9f;
滾動條-陰影-顏色:# 3D5054
滾動條-突出顯示-顏色:# C3D6DA
滾動條-3d light-color:# 3d 5054;
滾動條-深色陰影-顏色:# 85989C
滾動條-軌道-顏色:# 95A6AA
滾動條-箭頭-顏色:# FFD6DA
& gt日誌文本
上面的語法生成了壹個黑色背景、灰藍色邊框的文本滾動框。語法中的參數相當簡單,主要是控制不同部分的顏色。可以做相應的修改,在預覽中觀看實際效果。至於調整文本框大小,可以在插入這個語法後退出HTML編輯模式,然後在日誌編輯頁面直接用鼠標調整。
接下來,我們來談談如何實現豎排文字。除了制造特效,我在空間中展示的文字垂直排列並沒有真正的實用性,只會給讀者帶來困擾。不過本著盡可能挖掘空間潛力的原則,我還是嘗試了以下語法:
& ltDIV style = " FONT-SIZE:9pt;寫入模式:t b-rl;TEXT-ALIGN: left " >& ltp & gt日誌文本
這個語法中唯壹的亮點是Writing-Mode的參數,其次是從上到下排列文本的tb和從右到左排列的rl。
MSN空間高級技巧-第八講:給博客添加背景圖片。
MSN空間高級技巧-第八講:給博客添加背景圖片。
壹篇精彩的期刊文章,配上合適的背景圖片,壹定會帶來顯著的效果。不知道為什麽微軟沒有考慮用戶的基本需求,以至於大家都在這上面花了很多心血。我之前也嘗試過用壹些語法來解決這個問題,但是都沒有實現。後來因為回國了,每天在現實生活中掙紮,壹個多月都沒有在網絡社會中思考這些問題。回到德國後,難得有壹兩天的清閑,於是又想起了加背景的事件,把相關的語法壹個個試了壹遍,終於找到了解決的辦法。後來在空間閑逛的時候,發現有朋友已經實現了這個功能,於是就和別人總結了自己的經驗,寫了這個教程。
和以前壹樣,這裏不太討論實現這個功能所涉及的語法命令,太繁瑣,實際意義不大。我只列出具體應用需要的語法,然後解釋幾個重要的參數。
首先進入正常的日誌編輯模式,輸入妳需要的日誌內容,根據妳的個人需求進行排版編輯。然後點擊“編輯”按鈕進入HTML語法編輯模式,勾選下面的“使用HTML格式創建網頁”。
將以下語法粘貼到編輯頁面的頂部:
& ltIMG src= "背景圖片鏈接地址" width=圖片寬度值height=圖片高度值align = right style = "filter: alpha(不透明度= 100,精細度= 0,style = 2)" >
& ltDIV style = " FILTER:alpha(opacity = 45,finishOpacity = 45,style = 0);浮動:左;寬度:文本寬度值">
& ltDIV style="LINE-HEIGHT:行距值(磅);字母間距:字符間距值(em)" & gt;
& ltP & gt& ltFONT color=#ffffff size=2>。您的日誌文本
& lt/DIV & gt;& lt/DIV & gt;
然後把妳剛才編輯的文字(註意除了文字內容,還可能包含妳格式化的壹些語法句子)剪切粘貼到上面語法中“妳的日誌文字”的位置。
下面簡單介紹壹下上面語法中兩個主要命令語句的含義:
& ltIMG src=……。& gt控制日誌中的背景圖片,圖片的寬度和高度以px為單位;Align這個參數控制圖片的位置,但是不要改變,否則無法達到文字浮在圖片上的效果。濾鏡控制背景圖像的柔化濾鏡。可以修改值來達到不同的效果,但是註意style的值只能是1,2,3。除了柔化效果之外,還有壹些特殊的效果,如轉彎、燈光、陰影等。,只是語法表達方式不同,這裏就不贅述了。有興趣的朋友可以去網上查壹下相關的語法。在Space空間不同的布局模式下,日誌的寬度是不壹樣的,所以為了更好的配合日誌的頁面效果,建議選擇寬度合適的圖片。具體來說,圖片的寬度可以根據實際布局(即日誌的寬度)設置為260px、350px、370px、550px、730px左右。
& ltDIV style="FILTER ...... "。& gt控制日誌文本的壹些效果,其中濾鏡命令的使用方法和上面壹致,也是壹種調整柔化效果。文字寬度也是以px為單位,其最大值也要參考上面不同布局方式所要求的大概寬度值。如果希望文本完全分布在整個日誌頁面上,則將寬度值設置為100%。如果設置了具體寬度,可以省略Float命令,否則請保留。
有壹個問題需要註意。預覽中的文本相對於背景圖像的位置通常與日誌中最終顯示的位置不同,這需要您返回日誌進行進壹步修改。這確實需要壹些耐心,但是我相信經過壹段時間的實際應用,妳會總結出壹些經驗和技巧的。