網站設計技巧

1、網站建設需要注意哪些技巧

網頁設計包含的內容很多
一個網頁的組成，頁面框架+美工+程序+資料庫。
頁面框架：也就是網站的結構設計，包括了UI和LOGO等，總體來說是為了方便用戶操作記性的界面，效果，已經頁面的流程進行的設計。
美工：要求會的最基本的幾個軟體PHOTOSHOP,FLASH,FIREWORKS ，一般網站設計用PS比較多。
程序：要求會的語言很多，包括客戶端的腳本語言和服務端的語言，客戶端語言包含HTML，JAVASCRIPT，VBSCRIPT，服務端語言包括，ASP，JSP，PHP，.net等等。 資料庫方面：用的資料庫也許有很多種，我見過有用ACCESS的，也有SQLSERVER的，還有DB2，ORECLE等等。一般對於網站來說如果不是象銀行這樣的大規模數據交換，SQLSERVER已經足以。
自己做網站建設需要會很多的知識，建議找公司做。
1、網站的主題，看是要做一個公司的官網還是一個產品品牌的網站。
2、網站的設計，就是視覺效果，客戶在進入網站的時候第一時間看見的就是網站的設計。
3、網站的整體架構，網站的信息一定要有清晰的邏輯，信息講的不清晰客戶根本就沒有興趣看下去。
4，數據分析，做網站一般都有數據分析，可以實時的跟蹤客戶的信息。

2、網站設計要怎麼設計?

網站設計精華65條原則
01.明確內容
如果你想成為一個網站設計者，並正想建一個網站的話，首先應該考慮網站的內容，包括網站功能和你的用戶需要什麼。你的整個設計都應該圍繞這些方面來進行。

02.抓住用戶
如果用戶不能夠迅速地進入你的網站，或操作不便捷，網站設計就是失敗的。不要讓用戶失望而轉向你的對手的網站。

03.優化內容
內容是核心。大約在兩年以前，企業網站就像一本廣告冊子，更槽糕的是，網站使用了大量的圖片，似乎要幾個世紀才能下載完。
Chanels網站（www.emju.com）在設計的某些方面是成功的，但是內容太貪乏，並且要花很長時間才能找到所要的東西，因此不能算是一個成功的網站。

04.快速下載
沒有什麼比要花很長時間下載頁面更槽糕的了。作為一條經驗，一個標準的網頁應不大於60K，通過56K數據機載入花30秒的時間。有的設計者說網頁載入應在15秒內。

05.網站升級
時刻注意網站的運行狀況。性能很好的主機隨著訪問人數的增加，可能會運行緩慢。但是，如果你不想失去訪問者的話，一定要仔細計劃好你的升級計劃。

06.堅持基本原則
即使你不懂HTML語言，你只需購買一個有版權的所見即所得的網頁設計工具，如Adobe PageMill或Microsoft FrontPage Express，就可以創建一個看起來很合理的網站。但是，在設計時，這些軟體包雖然不需要HTML，卻使網站速度下降。
為了成功地設計網站，你必須理解HTML是如何工作的。大多數的網站設計者建議網路新手應從有關HTML的書中去尋找答案，用Notepad製作網頁。

07.學習HTML
用HTML設計網站，可以控制設計的整個過程。但是，如果你僅僅是網站設計的新手，你應該尋找一個允許修改HTML的軟體包。HomeSite4是一個很好的Web設計工具。在設計過程中，HomeSite4能幫助你學習HTML。它還允許你切換到所見即所得的模式，以便你在把網站發送到Web之前，預覽你的網站。

08.用筆畫一個網站的框架
聖人雲：筆比劍更強大。在用計算機之前，用筆畫一個網站的框架，顯示出所有網頁的相互關系。計劃好你的用戶如何以最少的時間瀏覽你的網站。

09.「在計算機上永遠也找不到好的方案」。——專家忠告

10.網站地圖
許多設計者把他們的網站地圖放在網站上，這種做法，卻是弊大於利。絕大部分的訪問者上網是尋找一些特別的信息，他們對於你的網站是如何工作的，並沒有興趣。如果你覺得你的網站需要地圖，那很可能是需要改進你的導航和工具條。

11.「睜大你的眼睛，留意所有的事情。
對最不相關的東西的觀察可以得到最好的靈感。觀察一個站點的結構和設計。理解站點結構的關鍵元素，確保你的設計是圍繞站點瀏覽進行的。」 ——專家忠告

12.點擊規則 聽說過3次點擊規則嗎？對於小型網站，在你的主頁上，沒有任何一條信息，需要點擊次數超過3次的。對於大型網站，使用導航和工具條來改善操作。

13.特殊字體的應用
雖然你可以在你的HTML中使用特殊的字體，但是，你不可能預測你的訪問者在他們的計算機上將看到什麼。在你的計算機里看起來相當好的頁面，在另一個不同的平台上看起來可能非常糟糕。一些網站設計員喜歡使用來定義特性，這雖然允許你使用特殊的字體，但是仍需要一些變通的方法，以免你所選擇的字體在訪問者的計算機上不能顯示。級聯風格表CSS有助於解決這些問題，但是只有最新版的瀏覽器才支持CSS。

14.「使用切合實際的簡便的命名規則。」 ——專家忠告

15.檢查錯別字
好的拼寫是人們一生中重要的技能。但是遺憾的是，許多設計者都缺少這種技能。確保你拼寫正確，並且格外注意平常容易誤寫的錯別字。

16.避免長文本頁面
在一個站點上有許多隻有文本的頁面，是令人乏味的，且也浪費Web的潛力。如果你有大量的基於文本的文檔，應當以Adobe Acrobat格式的文件形式來放置，以便你的訪問者能離線閱讀。

17.不要使用卷滾條
人們厭惡在網上使用卷滾條。Trouble網站（www.Trouble.co.uk）是一個典型的設計很差的網站。它基於一個浮動的架構，為了閱讀所有的文本，瀏覽者不得不使用卷滾條。

18.專家最喜愛的Web設計工具
1.Adobe Photoshop
2.Macromedia Flash
3.Adobe Illustrator
4.Adobe ImageRead
5.Dreamweaver
6.Macromedia Fireworks
7. Allaire Homesites
8.Microsoft Notepad
9. Macromedia Director
10. Lightwave
11. Macromedia Freehand
12．其它：Adobe Acrobat Exchange，Allaire ColdFusion,BBEdit,HTMLValidator等。

19.網站介紹
你應當有一個很清晰的網站介紹，告訴訪問者你的網站能夠提供些什麼，以便訪問者能找到想要的東西。但是，許多設計者都沒有這樣做。有效的導航條和搜索工具使人們很容易找到有用的信息，這對訪問者很重要。告訴訪問者你所提供的正是他們想要的信息。

20.「網站一旦發布，網站設計的優點和缺陷全都公布於世。
沒有什麼法使你能夠比從自己的錯誤、傾聽其他人的建議和用戶反饋意見中學到多的東西。」——專家忠告

21.閃爍讓人頭痛
通過使用標識可以吸引訪問者對你的主頁特殊部分的注意，但這也讓你的訪問者頭痛。如果你想使訪問者再次光顧你的網站，就少用此方法。

22.背景顏色
背景顏色也會產生一些問題，可能會使網頁難於閱讀。你應當堅持使用白色的背景和黑色的文本，另外還應當堅持使用通用字體。

23.向前和向後按鈕
應當避免強迫用戶使用向前和向後按鈕。你的設計應當使用戶能夠很快地找到他們所要的東西。絕大多數好的站點在每一頁同樣的位置上都有相同的導航條，使瀏覽者能夠從每一頁上訪問網站的任何部分。
24.「堅持你的信念。嚴格遵守各種規則。避免想當然。絕不停止學習」 ——專家忠告

25.點擊記數器
不要輕易考慮在你的網站上放置一個醒目的點擊記數器。你設計網站是為了給訪問者提供服務，而不是推銷你自己認為重要的東西。大多數瀏覽者認為計數器毫無意義，它們很容易被做假，瀏覽者也不想看廣告。如果你顯示你的網站是多麼受歡迎，你最好提供一個鏈接，顯示訪問日誌。

26.不要用框架
與記數器一樣，框架在網頁上越來越流行。在大多數網站上，在屏幕的左邊有一個框架。但是設計者立刻就發現，在使用框架時產生了許多的問題。使用框架時如果沒有17英寸的顯示屏幾乎不可能顯示整個網站。框架也使得網站內個人主頁不能夠成為書簽。也許更重要的是，搜索引擎常常被框架混淆，從而不能列出你的網站。

27.去掉圖像
在瀏覽器中即使去掉了圖像功能，也要保證訪問者能夠在你的網站上獲得滿意的效果。對於那些使用ISDN連接並且關掉了圖像功能的訪問者，還能獲得好的網頁載入性能。可以通過在網頁底部提供另外的鏈接和使用替代文字，而不是圖像來滿足訪問者的需要。

28.重復使用圖像
一些網站由於使用大量不重復的圖像而錯過了使用更好的技巧的機會。在創建商標時，在網頁上多次使用同樣的圖像是一個好的方法，並且一旦它們被裝入，以後重新載入就會很快。

29.避免使用過大的圖像
不要使用橫跨整個屏幕的圖像。避免訪問者向右滾動屏幕。佔75%的屏幕寬度是一個好的建議。

30.「避免使用炫耀的技巧。」 ——專家忠告
31.選擇使用Flash動畫
許多使用比較慢的計算機的訪問者發現動畫圖標很容易耗盡系統資源，使網站的操作變得很困難，因此，應該給用戶一個跳過使用Flash動畫的選擇。

32.盡量少使用Flash插件
雖然許多Web設計者認為Flash功能很強大，並且Netscape5.0將支持Flash，在使用時不必再下載任何插件。
但是，最好還是取消使用Flash做各介面的想法。

33.讓用戶先預覽小圖像
如果不得不放置大的圖像在網站上，就最好使用Thumbnails軟體，把圖像的縮小版本的預覽效果顯示出來，這樣用戶就不必浪費金錢和時間去下載他們根本不想看的大圖像。

34.動畫與內容應有機結合
確保動畫和內容有關聯。它們應和網頁渾然一體，而不是乾巴巴的。動畫並不只是Macromedia Director等製作的東西的簡單堆積。

35.慎用聲音
聲音的運用也應得到警惕。內聯聲音是網頁設計者的另一個禁地。因為過多地使用聲音會使下載速度很慢，同時並沒有帶給瀏覽者多少好處。首次聽到滑鼠發出聲音可能會很有趣，但是多次以後肯定會很煩人。使用聲音前，應該仔細考慮聲音將會給你帶來什麼。

36.少用Java和AxtiveX
在網頁上應盡量少使用Java和AxtiveX。因為並不是每一種瀏覽器都需要使用它，只有那些Netscape和Explorer的早期版本的使用者才需要它。另外Mac在處理Java時也存在問題，過分地使用Java，會使Mac崩潰。

37.設計成功的網站
www.emju.com
www.bmw.co.uk
www.yugop.com
www.comicrelief.org.uk
www.dreamcast-europe.com
www.newsunlimited.co.uk
www.newbeetle.com
www.swoon.com
www.viact.co.uk

38.慎用插件
在Web設計中，如果依賴於一些特別的插件，會減少網站的吸引力。如果訪問者沒有所要求的插件，將不得不到其它站點去下載，這樣訪問者有可能就不會返回了。

39.使用著名的插件
如果網站上有聲音或視頻，要保證使用者通過使用某個知名的插件，能夠聽到或看到。許多站點使用QuickTime、RealPlay和Shockwave插件。因為，許多訪問者並不願意浪費很多時間和金錢去下載可能僅使用一次的插件。

40.使用先進技術
跟上新的技術。Web技術的進步絕不會停止，所以應花一些時間來研究新產品和開發技術。

41.自己創建圖像和聲音
使用你自己創建的或從某個商業網站上下載的圖像和聲音。在製作商業網站時，應該花足夠的資金來創建圖形，以增強公司的宣傳。——專家忠告

43.平台的兼容性
要為用戶著想，必須最少在一台PC和一台Mac機上測試你的網站，看看兼容性如何。

44.用軟體分析工具找錯
使用軟體分析工具檢查HTML。軟體分析工具Doctor HTML能夠幫助檢查HTML中的任何問題。如果你有許多網頁需要檢查，可選用軟體分析工具。在網址www.weblint.org/validation.html中，你能夠找到更多有效的HTML工具。

45.避免錯誤鏈接
網站中可能與其它一些有用的站點作了鏈接。但是，如果在你的網頁上有鏈接，一定要經常檢查它們，保證鏈接有效。鏈接的網站可能很多，但不要鏈接到與你的內容無關的網站上。

46.給觀眾成熟的東西
如果網站沒有完成，就不要發送到Web上。所有好的網站都是在幕後完成之後再發布的。

47.在搜索引擎上登記網站
任何一個人發現你的網站的機會都很少，除非你把你的網站在主要的搜索引擎上進行登記。

48.設計一個留言板
瀏覽者願意把時間花在好的網站上，所以最好有一個留言本，這能激勵訪問者再次回到你的網站，還有助於擴充網站內容。

49.測試網站
在你的網站正式發布之前，必須進行有用的測試。在設計網站時要使用最新的軟體，但是不要忘了人們並不會使用最新的瀏覽器，所以要照顧到以前的瀏覽器。在上載網站時還要測試所有的鏈接和導航工具條。

50.「盡你所能反復測試所設計的網站，直到你不能發現新的東西為止」——專家忠告

51.演示即將發布的網站
在網站正式運行之前，讓人演示它。演示中人們會告訴你所設計的網站是否容易使用。

52.動畫點綴 網頁上的動畫最多隻用一個。

53.「傾斜的按鈕看起來不會太好，最好不要使用。」——專家忠告

54.內容組織
在開始創建新的網頁前，仔細考慮網站內容的組織。決定好想讓訪問者瀏覽的內容，然後設計導航系統。

55.「空白萬歲」
注意留空白。不要用圖像、文本和不必要的動畫GIFs來充斥網頁，即使有足夠的空間，在設計時也應該避免使用。

56.「利用空白去吸引注意力。
為了吸引眼球，Web設計者使用各種方法， 比如：閃爍、旋轉等，但是利用空白會吸引更多的注意力。」——專家忠告

57.圖像壓縮
為了保持小的圖像，可以使用類似GIF向導的程序，它能自動對圖像進行壓縮。先聲明圖像的大小
在圖像顯示之前最好能詳細說明圖像大小屬性，可以在IMG標簽中保存這個屬性。這可以使網頁顯得很流暢，因為瀏覽器可以在圖像被下載之前在屏幕上顯示整個網頁。

58.設計失敗的網站

——在它上面找一件T恤衫要花一個小時；
——給顧客承諾的服務太多，但真正實現的太少；
——二年以前的設計水平，忽視了顧客的需要；
——不吸引人，主頁太雷同

——設計太差
.
——沒有新意
——導航不知所雲

59.圖像大小屬性 可以在IMG標簽中保存這個屬性。這可以使網頁顯得很流暢，因為瀏覽器可以在圖像被下載之前在屏幕上顯示整個網頁。

60.用戶注冊
如果能知道誰瀏覽了網站以及是怎樣瀏覽網站的，那麼就能得到大量有用的信息。但是，要求訪問者在瀏覽網站之前進行注冊，這樣做是要冒風險的，因為這將趕走一批不願意注冊的人。獲得信息的另一種方法是進行有獎競猜或金錢獎勵，讓用戶能主動填一些信息反饋表。
61.使網站具有交互功能 在網站上提供一些回答問題的工具，使得訪問者能從網站上獲得交互的信息。

62.圖片更新
盡可能經常更換網站上的圖片，人們更願意點擊的是圖片而不是文本。

63.在網站上提供游戲
游戲是很好的交互工具，它是使訪問者能再次光顧網站的好方法。

64.挑選工具軟體
仔細選擇Web設計工具。保證使用自己最想要的、自我感覺最好的軟體。

65.使用最新版本的軟體
盡量使用Web設計軟體的最新版本。

如果覺得好的話，記得留言哦。
來源：http://www.fanxubo.cn 第二人生

3、網頁設計中的五則常用設計技巧有哪些

封面設計：小即是多

當你在設計時手頭上有三張照片，你會如何處理?你會將這三張照片都用上，對吧?其實沒必要!一張照片就已經能夠使設計信息有效傳達。

記住，在設計中，小即是多。學校的塔樓已經可以傳達很多信息。簡單的居中設計，就是直接讓這張照片「說話」，然後加上文字就行了。注意在上圖中，文字的背景區域並沒有橫跨整個版面，因為我們要讓圖片由上至下都可以流動。而上圖右，學校的主色(紫色)及褐色與樹的綠色形成吸引人的視覺效果，留意這三種顏色在色輪中的位置關系，綠色及褐色是紫色的補色的鄰近色，聽起來很復雜?紫色的補色是色輪中相隔 180 度的草綠色，而草綠色的兩邊鄰近色就是綠色及褐色(留意色輪中的線條)。我們將這種顏色關系稱之為「補色分割」( Split complementary )。

排版：文字應該與圖片緊密配合

我們經常會接觸到一些與電器、高科技產品，而設計一個描述式的版面其實充滿樂趣。

版面：差別產生層次

哈欽斯大街廣場酒店( Hutchins Street Square Hotel )是舉行會議、宴會、接待及其它活動的理想場所，但如果你只是看它的這張價格宣傳單張，沒有人會覺得這家酒店有什麼優點。它的版面缺乏生氣，字里上的文字同一種字體，同一種尺寸，同一種的樣式，同一種顏色，但都迷失在白色的海洋中——雖然頁里上寫滿信息，但毫無生命力。

這種低調的設計很容易讓人忽略，但你要記住，對於酒店來說，很多顧客第一個看到的東西就是它(也可能是最後!)。還是讓我們花點時間來設計，使人瞥上一眼就能知道它要說什麼。

版面：由外到內

要使設計的內部與外部有著相同的風格需要一定的技巧。怎麼做?簡單，將封面的字體、顏色、圖片風格及主要的版式都搬到裡面去。注意各種元素的比例，如綠色的使用比例及圖片的大小。

簽名 LOGO ：

還有什麼圖案比你自己的簽名顯得更獨一無二？它完全屬於你自己。所以當你有一項業務或項目是需要你最終來確認的一個典型的例子就是公證人——那你為什麼不直接用你的名字作為一個 LOGO?

相信大家已經對網頁設計技巧有了進一步的理解了。但是，要記住，用戶才是一個網站生存下去的根本，各位網頁設計者們千萬不能只專注於網頁設計的新穎度，卻忽視了網頁的基本作用。用戶是根本，就和顧客是上帝是一個道理。

4、單頁網站設計有哪些技巧

前台設計步驟：
首先了解客戶需求，掌握客戶做網站的目的，及客戶的業務方向，根據客戶的的業務方面，確定界面的色調與布局等。
其次，根據這些需求，參考同類型的網站，從同類型的網站找到一定的規律，之後用ps先設計大致的出首頁界面。設計完成以後給根據你的設計，跟客戶再做一次溝通，按他的意見進行修改，達到滿意
第三、客戶滿意你的首頁設計以後，開始切片，寫前台界面div+css結構即可。子頁風格也要跟客戶做簡單溝通，如果客戶沒有特別要求，要跟首頁相隨合。
第四，在需要加入特效的位置加入特效，在瀏覽器測試兼容性。
第五、做好這些工作之後，就可以把這些交給程序員做後台程序了。

5、Dw網頁設計製作9個小技巧，你都會嗎

1）怎樣將 Dreamweaver 集成到 IE 瀏覽器？
Dreamweaver 安裝程序會在上下文選單增加一個「 Edit with Dreamweaver 」命令，我們還可以修改 Windows 的注冊表使它與 IE 集成。就象 MS Word 、 Frontpage 和 Notepad 一樣，通過 IE 工具欄的編輯按鈕來調用 Dreamweaver 打開當前網頁。
將下面文本的最後一行要改為你自己的 Dreamweaver 安裝路徑，把它們保存為一個 *.reg 文件，雙擊它將信息添加到注冊表即可。
REGEDIT4
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command]
@="C:\Program files\Macromedia\Dreamweaver 3\dreamweaver.exe %1"
如果要設置為 IE 預設的編輯器，打開 IE 的「Internet 選項」，在程序標簽指定。
2）為了使用某些腳本，經常要為圖形或文本加上空鏈接，但是瀏覽時點擊有空鏈接的對象時，會跳到頁面的頂端，如何避免？
因為瀏覽器以為鏈接到同一頁，可它又找不到定義的書簽（ anchor ），於是停留在頁面的頂端。用「 javascript:void(null) 」替換空鏈接的「 # 」，解決這個問題。
3）使用 CSS 、層的時候，在不同瀏覽器的效果不一樣，有時甚至出現錯位現象，怎樣解決？
在對不同瀏覽器的兼容方面， Dreamweaver 作得不錯，但絕不意味用 Dreamweaver 作出的網頁在 IE 和 Netscape 中完全一樣。通常情況下，用不同的瀏覽器瀏覽同一個網頁的外觀不可能完全一樣，這是不同廠家的瀏覽器本身決定的。
一般要盡量注意以下問題：
不要混合使用層和表格排版，如果是父子關系，如層中表格，不在此原則范圍內；
內聯式的 CSS 在 Netscape Navigator 中經常會出現問題，使用鏈式或內嵌式；
有時需要在空層插入表格或者透明圖片，以保證在 Netscape Navigator 里的效果。對於只有幾個像素寬度或高度的層，改用圖片來實現；
避免使用 W3C 組織不推薦的排版屬性，用 CSS 代替。
4）為何從別的文檔拷貝文本到 Dreamweaver ，所有的段落會擠成一團，而在 Dreamweaver 內部又帶有格式代碼？
Dreamweaver 復制和粘貼文本有二種類別，標準的方式將對象連同對象的屬性一起復制，把剪貼板的內容作為 HTML 代碼；另一種方式僅復制或粘貼文本，復制時忽視 html 格式，粘帖時則把 html 代碼作為文本粘貼。多按一個「 Shift 」（ Ctrl+Shift+C/Ctrl+Shift+V ）鍵即按後一種方式操作。
5）為什麼網頁用 IE 瀏覽正常，用 Netscape Navigator 卻不符合要求甚至出錯，而且在 Dreamweaver 的文檔窗口老是修改不好？
請檢查代碼。因為用所見所得編輯器反復修改頁面的某些部分，有時會留下一些多餘的代碼，比如多餘的鏈接，這些代碼在 Dreamweaver 的文檔窗口看不到， IE 會忽視它們。但是 Netscape Navigator 對代碼要求更嚴格，預覽時就出現不可思議的現象。
6）在 Netscape Navigator 中，有些書簽（ anchor ）不起作用，有些好象消失了？
Netscape Navigator 的書簽是大小寫敏感的。在 Navigator 中，多層嵌套的表格裡面的書簽會丟失，把書簽放到表格外面。
7） Dreamweaver 文檔窗口布滿了各種各樣的面板，為了編輯文檔，不得不扒開一個個空隙，太累，如何是好？
一個 800X600 分辯率的屏幕對於 Dreamweaver 來說確實小了些，不過即便是 1024X768 ，也放不下所有的面板。關鍵是好好組織。
關閉那些在編輯中暫時用不到的面板，把常用的面板放在一起，節省屏幕空間；
除非現在要用，否則關閉「 HTML Source Inspector 」，它除開佔用屏幕空間，還佔用相當的系統資源；
按 F4 隱藏所有打開的面板，一覽文檔的全貌，再按一下，顯示面板；
在「 Windows 」選單有個「 Arrange Floating Palettes 」命令，使用這個命令將所有打開的面板放在窗口四周，並互不重疊。
多用快捷鍵並熟練掌握是很好的提高工作效率的方法。
當添加不可見的對象時，Dreamweaver會在文檔窗口的頁面頂部加上相應的圖標，如果圖標太多，可能妨礙編輯。可以按「Ctrl+Shift+I 」（主選單 View|Invisible Elements ）來隱藏和顯示它們。也可以設定不出現這些圖標，不過不建議這樣作，因為它們能幫助選擇對象，便於編輯。
8） Head 對象面板只能添加內容，能在文檔窗口修改 標記的內容嗎？
可以。有一種非常直觀的方式，按「 Ctrl+Shift+W 」（主選單 View|Head Content ），在文檔窗口主選單欄下出現一行圖標，點擊這些圖標修改。
9）如何選擇表格、層裡面那些非常小的，比如 1X1px 的圖片？
在表格的單元格中點擊，然後按下「 Shift 」鍵，用箭頭鍵移動即可選擇。
也可先選定表格單元（按下 Ctrl 鍵，用滑鼠點擊相應單元）或者層，然後在「 HTML Source Inspector 」面板中選擇高亮代碼中的 ，返迴文檔窗口，圖片即被選擇。

6、讓網頁更吸引人的幾個網頁設計技巧

技巧談不上，只能說細節重要。
第一、版式。用戶打開網站，首先看到的是什麼？當然是排版，你要有一個吸引人的排版才能讓用戶有興趣往下看。
第二、顏色搭配。論重要性，它不比版式低，根據網站的內容性質，我們要適當使用與內容搭配的顏色，用戶以哪一種心情進入網站，設計師心裡要有數。
第三、必要的功能。用戶瀏覽到一半，想要資詢你，發現沒有聯系方式，那豈不是失去了這個一個客戶？當然不止聯系方式，還有返回頂部也很重要，特別是頁面很長的時候，總不能讓用戶一直撥動滾輪，滾輪壞了你給買啊？
第四、能進一步了解產品或者服務等的內容信息。拿淘寶為例，用戶看到某個商品，覺得喜歡，想要了解產品，這時候必須有產品詳情展示給用戶。
這只是一部分，當然還有很多。總之想要有一個高大上的網站，必須考慮到用戶體驗。

7、網站建設過程中需要掌握的哪些技巧

1.前期分析定位
不管做什麼事情，都需要前期整理一個思路，我們想要什麼，必須要明確，不然網站怎麼做都做不完

2.溝通
網站建設不是一個產品，而是一個服務，對於服務來說，溝通是必要的，在與網路公司的合作中，保持良好的溝通，及時的溝通，有效的溝通

3.理解
溝通的下一步，就是理解，不然浪費時間浪費精力

8、淺析網頁設計中的五則常用設計技巧有哪些

封面設計：小即是多

當你在設計時手頭上有三張照片，你會如何處理?你會將這三張照片都用上，對吧?其實沒必要!一張照片就已經能夠使設計信息有效傳達。

記住，在設計中，小即是多。學校的塔樓已經可以傳達很多信息。簡單的居中設計，就是直接讓這張照片「說話」，然後加上文字就行了。注意在上圖中，文字的背景區域並沒有橫跨整個版面，因為我們要讓圖片由上至下都可以流動。而上圖右，學校的主色(紫色)及褐色與樹的綠色形成吸引人的視覺效果，留意這三種顏色在色輪中的位置關系，綠色及褐色是紫色的補色的鄰近色，聽起來很復雜?紫色的補色是色輪中相隔 180 度的草綠色，而草綠色的兩邊鄰近色就是綠色及褐色(留意色輪中的線條)。我們將這種顏色關系稱之為「補色分割」( Split complementary )。

排版：文字應該與圖片緊密配合

我們經常會接觸到一些與電器、高科技產品，而設計一個描述式的版面其實充滿樂趣。

版面：差別產生層次

哈欽斯大街廣場酒店( Hutchins Street Square Hotel )是舉行會議、宴會、接待及其它活動的理想場所，但如果你只是看它的這張價格宣傳單張，沒有人會覺得這家酒店有什麼優點。它的版面缺乏生氣，字里上的文字同一種字體，同一種尺寸，同一種的樣式，同一種顏色，但都迷失在白色的海洋中——雖然頁里上寫滿信息，但毫無生命力。

這種低調的設計很容易讓人忽略，但你要記住，對於酒店來說，很多顧客第一個看到的東西就是它(也可能是最後!)。還是讓我們花點時間來設計，使人瞥上一眼就能知道它要說什麼。

版面：由外到內

要使設計的內部與外部有著相同的風格需要一定的技巧。怎麼做?簡單，將封面的字體、顏色、圖片風格及主要的版式都搬到裡面去。注意各種元素的比例，如綠色的使用比例及圖片的大小。

簽名 LOGO ：

還有什麼圖案比你自己的簽名顯得更獨一無二？它完全屬於你自己。所以當你有一項業務或項目是需要你最終來確認的一個典型的例子就是公證人——那你為什麼不直接用你的名字作為一個 LOGO?

相信大家已經對網頁設計技巧有了進一步的理解了。但是，要記住，用戶才是一個網站生存下去的根本，各位網頁設計者們千萬不能只專注於網頁設計的新穎度，卻忽視了網頁的基本作用。用戶是根本，就和顧客是上帝是一個道理。

9、網站設計有什麼技巧或者說注意點？

1、使用者優先的觀念

無論什麼時候，不管是著手准備設計HomePage之前。正在設計之中，或者已經設計完畢，有一個最高行動准則一定要牢記在心，那就是∶使用者優先。因為沒有使用者去光顧， 任何自認再好的HomePage都是沒有意義的。

2、考慮大多數人的連線狀況

您或許使用辦公室的ISDN，也可能使用學校的高速專線，但您都必須知道，目前大多數人所使用的還是14.4K或28.8KModem透過電話線路的緩慢連線方式 ，而且塞車塞得很嚴重。所以您在設計HomePage時就必需以這種普遍狀況為設計參考量，不要放置一堆會加重塞車情形或讓人等得發火的東西。最後，完成之後, 您最好自己透過遠端Modem撥接上網的方式來親自測試一下。

3、考慮使用者的瀏覽器

其次，必需考慮使用者的瀏覽器軟體，如果您想要讓所有的人都可以毫無障礙地觀看您的HomePage，那麼最好使用所有瀏覽器都可以閱讀的格式，不要使用只有部份瀏覽器可以支持的HTML格式或程序技巧。如果想要展現自己的高超技術又不想放棄一些潛在觀眾，可以考慮在主頁中設置幾種不同的觀賞模式選項（例如純文字模式、Frame模式、Java模式等等），供瀏覽者自行選擇。

4、內容第一

「內容永遠第一」，這句話適合書本，更適合網路上的HomePage，而且幾乎每個參與提供意見的人都舉雙手贊成這句話。沒有內容的書本已經夠令人討厭， 但至少您還可以很快判斷出來，而HomePage呢？您可能得耗費一整個晚上的時間與金錢，才會發現原來網站里根本沒有您要找的東西，這種痛苦真不是三言兩語可以形容。內容可以是任何東西，包括文字、圖片、影像、聲音等等，但請記住一點：一定要跟這個網站所要提供給人的訊息有關系。再提醒一次∶內容永遠第一！

一個好的網站在進行實際的HomePage建置之前，首先應該考慮什麼條件呢?它們包括有：牢記使用者優先的觀念、考慮大多數人的連線狀況、考慮使用者的瀏覽器，以及內容第一等等。再來看看在著手HomePage的實際建置過程中，所應該掌握的幾個重點原則。

5、著手規劃、確定特色、鎖定目標

不管做什麼事，一定要進行規劃，建置網站更是如 此。規劃時必須確定自己網站的性質、 提供內容、目標觀眾，然後根據本身的軟硬體條件來設置范圍。網路的特色是及時、新鮮、豐富、熱鬧，這是吸引大家上網的條件，如果本身條件強大，可以根據上述原則使自己網站成為一個全方位的信息提供者，如果不足，就成為單方面的提供者；此外，還可以在特殊議題或主題上加以突出，進一步鎖定目標觀眾。

6、第一頁很重要

第一頁是最重要的東西，因為它是別人認識這個網站的第一印象。如果是新開幕的站台，最好在第一頁就對這個網站的性質與所提供內容做個扼要說明與導引，讓別人判斷要不要繼續進入裡面。最好第一頁就有很清楚的類別選項，而且盡量符合人性化，讓參觀者可以很快找到需要的主題。在設計上，最好秉持干凈而清爽的原則。第一、若無需要，盡量不要放置大型圖形文件或加上不當的程序，因為它會增加下載時間，導致觀賞者失去耐心；第二、畫面不要散置得太過雜亂無序，因為觀賞者會找不到東西。記住：失敗的第一頁會讓許多人掉頭遠去，不可不慎。

7、分類

內容的分類很重要，可以按主題分類、按性質分類、按機關組織分類，或按人類思考直覺式地分類等等，一般而言，按人類的直覺式思考會比較親切。但無論哪一種分類方法，都要讓使用者可以很容易找到目標。而且分類方法最好盡量保持一致，若要混用多種分類方法也要掌握不讓使用者搞混的原則。此外，在每個分類選項的旁邊或下一行，最好也加上這個選項內容的簡要說明。

8、互動性

WWW的另一個特色就是互動。好的網站 HomePage必須與使用者有良好的互動性，包括在整個設計呈現、使用介面導引上等等，都應該掌握互動的原則，讓使用者感覺他的每一步都確實得到適當的回應，這部份需要一些設計上的技巧與軟硬體支持。事實上，好的網站HomePage設計必須加上個人技巧、經驗累積以及軟硬體技術的配合運用等。

9、圖形應用技巧

圖形是WWW網站的特色之一，它帶有醒目、吸引人以及傳達訊息的功能，好的圖形應用可以讓HomePage增色不少 ，但不當的圖形應用則會帶來反效果，而其中又以大量使用無意義及大型的圖形成為HomePage的敗筆。筆者建議，如果可以，應盡量縮小或省略圖形。目前國內的網路傳輸資源極為有限，因此使用圖形時一定要考慮傳輸時間的問題。根據經驗與統計，使用者可以忍受的最長等待時間大約是90秒鍾，如果您的HomePage無法在這段時間內傳輸並顯示完畢，那麼使用者就會毫不留情掉頭離去。因此必須依據HTML 文件、圖形文件的大小，考慮傳輸速率、延遲時間、網路交通狀況，以及服務端與使用者端的軟硬體條件，估算HomePage 的傳輸與顯示時間。在圖形使用上，盡量採用一般瀏覽器均可支持的壓縮圖形格式，例如JPEG與GIF等，而其中JPEG的壓縮效果較好，適合中大型的圖形，可以節省傳輸時間。如果真要放置大型圖形文件，最好將圖形文件與HomePage分開，在HomePage中先顯示一個具有連結功能的縮小圖檔或是一行說明文字，然後加上該圖形文件大小的說明（例如100KB），如此不僅加快HomePage的傳輸，而且可以讓使用者判斷是否繼續進入觀看。

10、圖形加上說明

此外，還有一點要特別提醒，許多網站建置者常常忽略了這件事。為了節省傳輸時間，許多人習慣採用「關閉圖形「 的模式再觀看您的HomePage（甚至有人使用純文字的瀏覽器 ）。因此當您在放置圖形時，一定要記得為每個圖形加上不顯示時的說明文字（也就是在HTML文件中的圖形文件後面加上alt文字說明），如此使用者才能知道這個圖形代表什麼意義，判斷要不要觀看。特別是如果這個圖形具有可連結的選項功能時，千萬記得一定 要加上說明文字，並給予同樣的可連結功能。

11、背景底色

不少人喜歡在HomePage中加上背景圖案，認為如此可以增加美觀，但卻不知這樣會耗費傳輸時間，而且容易影響閱讀視覺，反而給予使用者不好的印象。筆者建議，若沒有絕對必要，最好避免使用背景圖案，保持干凈清爽的本文。但如果真的喜歡使用背景，那麼最好使用單一色系，而且要跟前景的文字可以明顯區別，最忌諱使用花俏多色的背景，因為這樣不僅大量耗費傳輸與顯示時間，而且會嚴重混亂使用者的閱讀。

12、HTML格式的注意事項

有關HTML的撰寫方面，應注意以下的一些注意事項；不少人在撰寫HTML文件時，會簡略一些命令格式，但為了日後維護方便，撰寫HTML時最好架構完整，而且初學者也可以藉此對HTML語法有正確認識。另外，如果本身網站想讓別人可以透過搜尋站來找到， 那麼千萬不要忘了在〈Title〉指令中加上可供搜尋的關鍵字串。為了增加與使用者的互動，HomePage中最好也加上可供使用者表達意見的E－mail信箱，在HTML中一定要注意它的格式命令寫法，許多人在這個地方常常寫錯。另外，在PC系統下，文件的大小寫不分，但在UNIX系統下，則大小寫有區分，需要注意。

13、避免濫用技術

技術是令人著迷的東西，許多人也喜歡使用技術。專家普遍指出，好的技術運用會讓HomePage栩栩如生，令人嘆為觀止；但不當的技術則適得其反，反而成為HomePage的大敗筆。首先，使用技術時一定要考慮傳輸時間，不要成為他人觀看的沉重負擔；其次，技術一定要與本身網站的性質及內容相配合，不要耍了一大堆不相乾的技術。有一個最常見的技術應用，就是利用JavaScript撰寫一個走馬燈的功能，讓文字可以動態地顯示在窗口的最下一欄，這種方式看起來似乎很酷，但卻容易遮住該位置原本用來顯示地址及傳輸狀態的功能，反而造成使用者的不便。何況既然只是顯示一兩個文字，何不直接放在HTML本文中呢？Java小程序也是目前網路上的常見技術，它是一個好用的利器，擅長於動態物象的呈現，雖然只要瀏覽器支持就可以動，但同樣，也需要考慮傳輸時間，以及一般人的電腦系統負荷等問題。最後，技術最好不要用得太過多樣而復雜，有些人似乎不展現功力就不快樂，所以也不管合不合適，就把所有可用技術全部用在裡面，這時大家就會看到一個慘不忍睹的HomePage。

14、即時、更新、維護

不要忘記，大家都想看新鮮的東西，沒人對過時信息有興趣， 所以資料一定要注意即時性。有些網站半年沒更新，感覺就像一池死水。如果想要經營一個帶有即時性質的網站， 除了注意內容外，資料還要記得每日更新。筆者建議，不妨每隔一陣子就對頁面設計做一次小翻新，時時保持新鮮感。最後，須考量的就是事後維護管理的問題，寫HomePage很簡單，但維護管理就比較繁人，它的工作往往偏重屬重復而死板。個人性質的網站在維護管理上比較簡單，但公司網站如此不僅加快HomePage的傳輸，而且可以讓使用者判斷是否繼續進入觀看。

10、網頁製作有哪些技巧？

1.對比圖像，文字更具吸引力
2.眼球的第一運動聚焦於網頁的左上角
3.用戶瀏覽網頁時，首先觀察網頁的左上部和上層部分，之後再往下閱讀，瀏覽右邊的內容
4.讀者會忽視橫幅廣告
5.花哨的字體和格式被忽視
6.用數詞來代替數字
7.字體大小影響瀏覽行為
8.遇到感興趣的內容，用戶僅會多看一眼副標題
9.人們大都只瀏覽網頁的小部分內容
10.簡短的段落相對於長段落來說有更好的表現力
11.根據視覺鎖定，一欄格式比多欄格式擁有更好的表現力
12.網頁頂部和左邊的廣告更能吸引眼球
13.將廣告放置與最佳內容一旁也可以提升注意力
14.在各種測試中，人們閱讀文字廣告最為專心。
15.越大的圖像吸引越多的注意力
16.干凈、清晰的特寫圖片能吸引更多的視覺注意
17.標題能吸引眼球
18.用戶花費大量時間察看按鈕和菜單
19.表單格式可以延長讀者的注意時間
20.避免呈現大塊的文本
21.格式可以吸引注意力
22.利用好空白
23.放置於網頁頂部，導航工具的作用將更好的發揮