大象蕉视频在线观看75

網站設計65條原則 |
  • 網站設計65條原則
    发布时间: 2011/1/10 11:08:31   查看次数: 10363 

    網站中有哪些關鍵技巧?有哪些陷阱?在這裏告訴你:使網站賦予情趣的訣竅、應該避免做什麽、應使用什麽工具軟件以及他們喜愛和厭惡的網站。

    01 明确内容

    如果你想成爲一個者,並正想建一個網站的話,首先應該考慮網站的內容,包括網站功能和你的用戶需要什麽。你的整個設計都應該圍繞這些方面來進行。

    02 抓住用户

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

    03 优化内容

    内容是核心。大约在两年以前,企业网站就像一本广告册子,更槽糕的是,网站使用了大量的图片,似乎要几个世纪才能下载完。 Chanels网站(www.channels.co.uk)在设计的某些方面是成功的,但是内容太贪乏,并且要花很长时间才能找到所要的东西,因此不能算是一个成功的网站。

    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
    s
    7. Allaire Homesites
    8.Microsoft Notepad
    9. Macromedia Director
    10. Lightwave
    11. Macromedia Freehand
    12.其它:Adobe Acrobat Exchange,Allaire ColdFusion,BBEdit,HTML Validator等。

    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.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.viaduct.co.uk

    38 慎用插件

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

    39 使用著名的插件

    如果网站上有声音或视频,要保证使用者通过使用某个知名的插件,能够听到或看到。许多站点使用QuickTime、RealPlay和 Shockwave插件。因为,许多访问者并不愿意浪费很多时间和金钱去下载可能仅使用一次的插件。

    40 使用先进技术

    跟上新的技術。Web技術的進步絕不會停止,所以應花一些時間來研究新産品和開發技術。

    41 自己创建图像和声音

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

    42 “无论是游戏、图像、动画还是电影,想想你喜欢的设计是怎样的,这将激发你的创作灵感,使你创作出新的和更好的网站。” ——專家忠告

    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 设计失败的网站

    www.boo.com ——在它上面找一件T恤衫要花一个小时 www.miniheroes.co.uk ——不吸引人,主页太雷赘

    www.saturn.com. ——设计太差

    www.e13.com. ——没有新意

    www.song.com. ——导航不知所云

    59 图像大小属性,可以在IMG标签中保存这个属性。這可以使網頁顯得很流暢,因爲浏覽器可以在圖像被下載之前在屏幕上顯示整個網頁。

    60 用户注册

    如果能知道誰浏覽了網站以及是怎樣浏覽網站的,那麽就能得到大量有用的信息。但是,要求訪問者在浏覽網站之前進行注冊,這樣做是要冒風險的,因爲這將趕走一批不願意注冊的人。獲得信息的另一種方法是進行有獎競猜或金錢獎勵,讓用戶能主動填一些信息反饋表。

    61 使网站具有交互功能

    在網站上提供一些回答問題的工具,使得訪問者能從網站上獲得交互的信息。

    62 图片更新

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

    63 在网站上提供游戏

    遊戲是很好的交互工具,它是使訪問者能再次光顧網站的好方法。

    64 挑选工具软件

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

    65 使用最新版本的软件

    盡量使用Web設計軟件的最新版本,還應當能被授權進行免費或便宜的升級。

    ,
    相關內容
    上一條:用Oracle的解析函數發現序列間隙
    下一條:巧妙破除網頁右鍵禁用的十大絕招
    推薦文章
    本月熱點文章