利用編碼顯示三角形圖片

在網頁設計開發過程中,很多地方有可能會運用到三角形(小三角),例如:tooltips提示框、下拉式功能表、甚至在loading載入動畫裡。不管你喜歡還是不喜歡,這些小元素對各UI元素之間的聯繫關係式很重要的。

在網頁設計開發過程中,有一些不同的方法來設計並製作一個三角形,在本文中,我將介紹:

利用編碼顯示三角形圖片

假如你已經有了三角形的圖片,並且減少HTTP請求,那麼將這個圖片轉換成一個BASE64字串是最好的解決方案。有用的工具(用於圖片轉換成BASE64編碼):

http://webcodertools.com/imagetobase64converter

w3design 發表在 痞客邦 留言(1) 人氣()

網頁設計開發中你該知道的一些功能

在網頁設計開發中我們可能為完成一些特效感到苦惱,特別是JS不好的孩子們,下面整理的一些方法能使你起到事倍功半的效果。

進入網頁時淡入淡出的效果

<meta http-equiv="Page-Exit"; content="blendTrans(Duration=1.0)">

在頭部head之間加入此代碼,你會發現點選連結的時候,網頁現實的是淡入淡出的效果。此代碼含義如下:"Page-Exit"(離開網頁)、"Site- Enter"(進入網站)、"Site-Exit"(離開網站)其中"Duration=1.0"可以設定每個週期的時間為多久,單位是秒(現在設置的是 每週期1秒)。

w3design 發表在 痞客邦 留言(1) 人氣()

在進行網頁設計的時候,就要開始準備好網站推廣的工作;而在網路這個給我們生活帶來巨大變化的領域中,依賴它的人越來越多,很多人都看好它的前景,因為其門檻底,從事網路相關工作的人越來越多。很多人想在網路這個“大蛋糕”嘗到一些甜頭,那麼不得不說一下在網站推廣過程中應該警惕的一些錯誤了。

第一,缺少基礎知識,不知其然的做優化

網路的門檻低,如今越來越多的網站程式‘傻瓜化’,隨便一個人都是站長。的確,做網站簡單,做網站優化也不是很難,但是不能不清楚應該掌握的一些基礎知識。網站優化是一門學問,基礎的網站知識你必備,還要瞭解網站佈局,標題,關鍵字,內連等相關知識。也必須瞭解搜尋引擎的基本原理,做出一個對搜尋引擎友好的網站。後期文章的更新,外連的發佈,站長工具的使用都是要自己懂得的。

第二,內容尚未充實,就急於做推廣

俗話說磨刀不誤砍材工,做任何事情前,準備工作必須做好,做網站也是一樣。一個網站做好後不要急著去推廣,做好自己的準備工作,檢查下網站內部排版內容是否利於優化,內容也要先富裕起來,以一個完美的形象展示給用戶和搜尋引擎,才能獲得高分。

w3design 發表在 痞客邦 留言(1) 人氣()

我們都知道進行網頁設計、網站開發時,一定要製作網站地圖,這樣有利於搜尋引擎爬行、SEO,所以就來談談網站地圖。

一、什麼是網站地圖:

網站地圖就是將網站的結構清晰化,讓使用者更好的瀏覽你的網站或者搜尋引擎更好的爬取你網站上很難被發現的頁面,可以促進你網站的收錄。

二、XML網站地圖製作介紹:

w3design 發表在 痞客邦 留言(0) 人氣()

今天我們從事網頁設計,早已不能單純考量網頁的美觀性,還必需配合SEO人員,盡量將網頁符合SEO需求;而網站開發過程中,目錄結構的考量不但是網頁設計必需考慮的基本條件更會影響SEO效果,所以相信站長都在二級目錄和二級網址的選擇上難以選擇過,雖然很多SEO的高手都曾分析過二級目錄和二級網址在搜尋引擎眼中的區別。但是實踐得出的實際狀況往往和理論會有一些出入,我們也曾在此問題難以選擇過,並且已經在維護客戶網站上經歷過由二級目錄轉二級網址,再由二級網址轉二級目錄和二級網址結合使用的過程。今天就與大家分享一下這個過程中的一些經驗:

我們某代管維護的客戶網站建立初期,與絕大數站長一樣,選擇了使用二級目錄的結構,經過將近一年的發展,首頁上的各個關鍵字都在搜尋引擎獲得了很好的排名,但是使用二級目錄的欄目頁還是很少有排名靠前的情況。後來隨著網站內容的充實遂決定採用把各個欄目都是用二級網址,並且把二級目錄使用301重定向到相應的二級域名上,這個過程就要誇獎一下谷歌,谷歌對於301的反應時非常快的,不出3天就已經基本實現了權重的轉移,但是Yahoo一個多月後才逐漸完成轉移,不過隨後的一段時間裡這些二級網址的排名真的讓人驚訝,使用了二級網址的欄目都獲得了排名,我想這些排名如果靠二級目錄是很難做上去的,網站的訪問量也一下子大 了很多。

不過好景不長,這樣的情形持續了不到三個月吧,我發現那些平時更新比較少的欄目,搜尋引擎蜘蛛逐漸減少爬行頻率,而那些更新比較頻繁的欄目還是保持著排名,但是還有一點是讓人無法忍受的就是,這些使用二級網址的欄目頁及內容頁似乎不再把權重傳遞給首頁或者說傳遞的比較少了,結果就是首頁的排名逐漸降低,在搜尋引擎搜索site:也僅有一些專題頁,所以緊靠著這些專題頁為首頁傳遞站內權重顯然是不足保持它的排名的。

最後經過分析一些seo做的比較好的網站,遂決定把網站的欄目區別分開,把一些與首頁關鍵字相關性強的和更新不太頻繁的欄目重新使用二級目錄以便傳遞給首頁更多的權重,而把那些與首頁關鍵字相關性差且更新頻繁的欄目繼續使用二級網址以保持它在搜尋引擎上的獨立性,之後搜尋引擎蜘蛛的爬行頻率就獲得改善。

二級目錄和二級網址的選擇建議:

w3design 發表在 痞客邦 留言(0) 人氣()

現在企業網站越來越注重用戶體驗,畢竟良好的戶體驗不但可以獲得不錯的SEO效果、網站排名、關鍵字排名等,更會增加用戶黏度,更有機會達成商業目標。所以網站如何設計優秀的用戶體驗,已然是網頁設計者追逐和探尋的問題,在此將相關經驗做如下分享:

第一,以產品基本功能為基點,同時做出自己的特色

我們知道,產品的核心在於其使用功能,而產品要實現使用者的最大需求,在於如何提供和實現使用者所需要的使用功能,同時,如果能夠給客戶帶來意想不到的驚喜和體驗,做出屬於產品的特色,這樣,對產品的印象會更加深刻。

第二,抓住目標客戶,爭取做到大部分人滿意

首先要認清目標使用者,深入瞭解目標使用者,並瞭解其生活方式和價值觀念,對產品的使用方式和操作習慣,儘量滿足大部分目標客戶的需求和期望。同時,在做的過程中,要注意取捨,確有必要的一定要留下來並進行深挖掘,可有可無的要果斷的放棄,有時候放棄更能成就美好。

w3design 發表在 痞客邦 留言(0) 人氣()

從事網頁設計,難免會遇到網站改版,改版的原因非常多,如新範本的設計、網站功能優化等,總之是為了網站能夠更好的發展,但是我們看到更多的例子是,許多網站搜尋引擎一段時間不收錄新頁面、排名下降甚至被K等影響網站SEO的狀況,那麼是什麼原因讓網站改版後表現變得更差,我們應該在網站改版中遵循哪些原則呢?

一:標題和描述等關鍵資訊切莫更改

這個是大家所公認的一個道理,任何時候我們都不願意對標題和描述等進行大規模的改變,經常改變和修改這些關鍵資訊,在搜尋引擎看來這個網站不可信任,表現差也是理所當然,大家在網站上能夠查詢到諸多此類資訊,在此也就不做贅述。

二:網站欄目或導航條專案不要大變

網站欄目是搜尋引擎非常重視的一個關鍵所在,因為欄目下集中了大量相關內容文章頁,搜尋引擎往往通過每日搜集該欄目下的內容,對欄目的權重予以逐步提升,也對欄目進行每日更新。欄目頁權重大大高於文章頁,因為有許多內容在支撐,這也是為什麼製作專題能夠獲得良好排名的原因之一。一旦大規模改變欄目,對導航條項目進行隨意更改和丟棄,勢必造成搜尋引擎熟悉的內容成了一張全新的面孔,造成搜尋引擎的不信任。

w3design 發表在 痞客邦 留言(0) 人氣()

現在搜尋引擎在進行網站關鍵字排名時,也越來越注重用戶體驗,所以一個良好的網頁設計者,在進行網頁設計時也要考慮到用戶體驗,這樣所開發出的網站才利於日後進行 SEO 工作和網站推廣以達到業主的商業目標。而網頁設計的用戶體驗要從以下五點出發:表現層、框架層、結構層、範圍層。這四個層面是相互關聯,相互影響且缺一不可。

一、表現層突出主題

表現層,是最先出現在使用者眼簾中的頁面,大家知道第一印象在人的意識中佔有非常中有的比重,正如我們的網頁展示在用戶眼中也是一樣,從符合網站主題、美觀、載入速度等因素就可以在一定程度上起到吸引用戶。若是一個主題不明確,打開非常慢的網頁能起到吸引用戶的作用嗎?答案必然為否定。所以做好用戶的第一印象是非常重要的。

二、網站框架層定位

框架層,即對網頁內容的位置展現,以及排版模式等等。這裡需要把握的是找到最能體現出網頁價值以及用戶最喜歡的兩因素之間的平橫點,只有做到了點,才能做到最優的網頁內容展現。

w3design 發表在 痞客邦 留言(0) 人氣()

針對微軟(Microsoft)日前指控谷歌(Google)繞過IE瀏覽器隱私權保護政策,谷歌(Google)週一(20日)回應表示,微軟的隱私保護機制,即所謂的P3P政策,已經不合時宜了,特別是對於提供諸如cookie(暫存訊息)式功能的現代網站而言。

微軟IE事業副總裁Dean Hachamovitch在部落格貼文指出,谷歌繞過IE的P3P隱私權保護政策。他說,谷歌近日也被報導出規避Safari瀏覽器的隱私保護設定,雖然谷歌採用不同繞過機制,但都達到類似的結果。

IE瀏覽器對第三方存取cookies預設阻擋模式,除非網站向瀏覽器提出P3P精簡原則聲明,說明網站將如何使用cookie暫存訊息,並承諾不會追蹤使用者。第三方cookie暫存訊息是從使用者瀏覽器網址列以外的網域丟進來。

Hachamovitch說,谷歌雖提出P3P政策,但並未告知瀏覽器將使用cookies和使用者資料,因此事實上只是一個字面上的聲明,並非真正的P3P政策。他說谷歌正利用P3P規範的技術性細節之便,那原是為了保留隱私權政策未來發展的空間。P3P規範要求瀏覽器應忽略任何所碰到的未下定義的政策。Hachamovitch指出:「P3P相容瀏覽器將谷歌之政策解讀成,表明不會將cookie用於任何追蹤目的或其他任何一種目的上。」

谷歌通訊與政策資深副總裁Rachel Whetstone在一封郵件聲明中反駁說,微軟政策「無法廣泛運作」。

w3design 發表在 痞客邦 留言(0) 人氣()

當企業準備要以架設網站作為網路行銷的方式時,就要好好為網站想個好名子,畢竟好的開始是成功的一半,那麼,一個網站若有一個好的名字,可謂就是一個成功的開始了。雖然有好名子不見得就一定會成功,有壞名子就一定會失敗,但是有好名子畢竟對用戶體驗提升有幫助,在網路行銷上也比較容易;所以,在此跟大家交流交流網站取名應注意的事項。

1、網站名稱的獨特性

我想這話或許是老生常談,但也正因為這樣,才更加說明這個獨特有多重要。如今的時代,創意無所不在,但創意也非人人能得,何況在網路上,每天新增加的網站數以萬計,所以,有個獨特的名字就能讓人更容易記住,有利網路行銷。而網站名稱的獨特,也更有利於進行網路推廣, 因為你名字的獨特,當別人在為之好奇的時候,總是會習慣性的去進行搜索好瞭解這個名稱的含義,那麼這麼一搜尋,自然就會進入到你的網站;網站名稱的獨特,也在於你可以保持在搜尋引擎中別樹一幟,與其他不同,自然就會引來更多的關注了。另外,就如同人一樣,不能因為要表現的與常人不一樣,就去做一些比較不好的事情。網站取名也一樣,不能因為想要獨特,就給它取個非常拗口的或者是字眼有所別的暗示的詞語。

2、網站名稱的根本性

上面說到網站名稱應該要獨特,但切不可因為要標新立異而失去了根本,網站取名的基礎是這個網名必須跟你網站內容進展方向是一致的,譬如說你要做大陸新娘仲介,而你那個獨特的名字含義卻是關於台灣旅遊的,豈不是因小而失大,當然,我知道大家肯定不會犯這麼顯而易見的錯誤,可是,類似這種網路行銷上的基本錯誤,也是要避免的。

w3design 發表在 痞客邦 留言(0) 人氣()

什麼樣的網站結構才是扁平化的

如果現在要開發網站進行網頁設計,大部分從事SEO工作的人很建議最好把網站結構設計為扁平化網站結構,因為這類的網站結構比較有利於SEO。

扁平化網站結構為什麼對搜尋引擎友好

瞭解過搜尋引擎爬蟲抓取爬行的可能會有一個比較清晰的答案,是的就是幫助爬蟲盡可能的抓取頁面,只有被讀取到的頁面才有可能被收錄。

扁平化的結構將網站的頁面盡可能的直接展示在蜘蛛爬蟲面前或者很容易被爬蟲發現,不需要一個層級一個層級的深入挖掘,除非知名網站或大型網站能夠享有這種特權。因為整個網路的資料量是相當龐大的,而每天更新的資訊量現有的蜘蛛資源都很難去實現完全抓取,還有些頁面每天會被蜘蛛重複抓取,所以這就需要蜘蛛捨棄一些,所以也就出現了抓取策略,對低品質的網站降低抓取量,以避免在很難發現新頁面的網站上浪費資源消耗在頁面的重複抓取上面。

這樣大家也就明白扁平化的網站對於SEO意味著什麼。

w3design 發表在 痞客邦 留言(0) 人氣()

網頁設計的最終目標還是能讓網站有流量,然後達到某種商業目標進而獲利;因此開發網站進行網頁設計,必需注意這兩大目標:

一、用戶體驗,人性化設計

網站在網路上發佈上線,需要展示給大眾瀏覽觀看,需要與使用者進行互動,則需要注重使用者體驗和人性化設計。如何將資料庫裡面的資料,更好的展現出來,讓用戶瀏覽,用戶體驗和人性化設計是一大關鍵。

使用者體驗主要解決網站程式的易用性,和功能性的問題。網站程式是否易用,是否符合大眾習慣。對於網站的主題,程式是否提供了相應的功能支援,給使用者提供相應的服務。

人性化設計主要解決網站的風格佈局,細節上的處理等!網站的風格能夠反應出網站的類型,以及站長的藝術品味。人們從來不會對美產生抗拒,網站風格設計的優劣,一定程度的影響網站的發展。如風格設計符合人們的品味,便會對這個網站產生好感,願意更深入的瞭解。

w3design 發表在 痞客邦 留言(0) 人氣()

1 2 3
Blog Stats
⚠️

成人內容提醒

本部落格內容僅限年滿十八歲者瀏覽。
若您未滿十八歲,請立即離開。

已滿十八歲者,亦請勿將內容提供給未成年人士。