網頁設計

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

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

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

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

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

一、什麼是網站地圖：

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

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

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

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

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

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

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

一、表現層突出主題

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

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

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

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

今天很多人為了要進行網站推廣，想盡辦法進行網站 SEO ，有時已到了走火入魔的程度；一打開網頁全部滿滿都是字，完全沒有美感，這幾年中國大陸排名不錯的網站幾乎都如此，而台灣很多從事 SEO的業者，也是拼命狂抄大陸的相關網站優化文章，也逐漸的使他們在進行網頁設計時，逐漸不知不覺有大陸那種為了SEO而SEO的網站風格。其實，這都不是好現象，縱然網站排名高，但瀏覽者看了幾篇文後就閃人，根本無法達到任何商業目標，這樣排名高又有何意義?賺Google廣告費嗎？

一個好的網站是一個有效的銷售工具，它能夠吸引更多的瀏覽者的注意。就好像一篇好的文章或者廣告，他必須首先引起讀者的興趣，然後引導他們去做出某種行為。因此，不能忽視網站主頁面的重要性，否則，網站讓瀏覽者會很快失去興趣。這樣的網站，有可能贏得很高的點擊率，但卻不能製造預期般的回應，更不用說讓瀏覽者著迷，進入下一級頁面了。  

很多人會告訴你用DIV+CSS來佈局進行網頁設計比較有利SEO，但事實上，我們可以看到很多DIV+CSS的網站的關鍵字排名並不如傳統TABLE排版的網頁，甚至達不到任何網站推廣效果。問題就是很多人都懂用DIV+CSS來佈局進行網頁設計比較有利SEO，但是也不少人用DIV+CSS來佈局之後的代碼竟比TABLE排版冗長，這樣當然不理想。

CSS學起來並不難，但在大型專案中，就變得難以管理，特別是不同的人在CSS書寫風格上稍有不同，團隊上就更加難以溝通，為此總結了一些如何實現高效整潔的CSS代碼原則：

一個瀏覽器至少存在三個執行緒：js引擎執行緒(處理js)、GUI渲染執行緒(渲染頁面)、瀏覽器事件觸發執行緒(控制交互)。

在人際關係中，良好的第一印象是非常重要的，人們願意在彼此身上尋求信任與誠實，並期望在接下來的經歷中重現和增強這些好感。同樣的道理也體現在行動應用或互聯網產品中。在打造良好的品牌信譽及其與終端使用者之間持久信任關係的過程中，“設計”扮演著極其重要的角色。

在用戶的期望中，行動應用應該是準確、友好和高效的。然而，行動設備自身的局限性確實為產品的設計帶來了不少挑戰。要打造值得信賴的行動應用使用者體驗，產品在性能方面的表現是極其重要的關鍵因素。

”驗證碼“（ CAPTCHA ）其實並不是各位網友總是在不同網站上看到的難以辨認的字母組合的代名詞，而是“全自動區分電腦和人類的圖靈測試”的俗稱，顧名思義，它的作用是區分電腦和人類。

在 CAPTCHA 測試中，作為伺服器的電腦會自動生成一個問題由用戶來解答。這個問題可以由電腦生成並評判，但是必須只有人類才能解答。由於電腦無法解答 CAPTCHA 的問題，所以回答出問題的用戶就可以被認為是人類。 CAPTCHA 是由電腦來考人類，而不是標準圖靈測試中那樣由人類來考電腦，因此人們有時稱 CAPTCHA 是一種反向圖靈測試。

我們現在從事網頁設計，不能只想到做傳統電腦可以瀏覽的網站了，要開始顧及到行動裝置。到 2015 年全球行動裝置普及率將達到人手一部的水準，並且，從 2010 年以來移動搜尋量已經增長了 4 倍1。這意味著，每天都有越來越多的使用者在行動裝置上搜索您的內容。他們的瀏覽體驗如何？他們可以輕鬆閱讀螢幕上的內容，而無需縮放嗎？您的網站上滿是難以點擊的連結，而未採用可方便使用者的導航按鈕嗎？

61% 的用戶不願意再次訪問不適合行動裝置瀏覽的網站。但也請務必注意，即使用戶可以通過智慧手機瀏覽某個網站，也不代表該網站就適合行動裝置、瀏覽方便。您的使用者正在飛速轉向移動網路，因此要利用移動網站拓展業務，最重要的是構建適合行動裝置瀏覽的網站。

在網頁設計、網站建設中，有些細節值得去研究和探討，比如如何合理的運用標示去引導用戶瀏覽？這個在小型企業網站建設中是經常被忽略的問題，小型企業網站本身頁面不多，即使細節做的不夠完美倒也影響不是很大；但如果在一個中型甚至大型的電子商務網站建設中如果不注意合理的標示引導的話，那麼瀏覽者將有可能進入網站迷宮，不知道自己身在何處，也不知道如何去尋找到自己想要找的東西，最後不得不放棄繼續瀏覽網站。

網站的瀏覽引導標示建設基本可以分為以下幾點：

不管是你是網站設計者還是企業網站擁有者，你都必須要關注網站所給訪問者帶來的第一感覺，因為它是如此的重要...