當前位置:首頁 » 網頁前端 » web可用性設計pdf
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web可用性設計pdf

發布時間: 2022-08-07 22:38:01

⑴ 《深入淺出Web設計中文版》pdf下載在線閱讀全文,求百度網盤雲資源

《深入淺出Web設計中文版》網路網盤pdf最新全集下載:
鏈接:https://pan..com/s/1FgqoeApkAgMfFEKrwOxGjA

?pwd=ctme 提取碼:ctme
簡介:《深入淺出Web設計(中文版)》正是精通上述主題的秘笈。我們將學到如何設計一個網站、用戶友好的網站,上談客戶需求,下說手繪分鏡表,乃至完成在線所需的html與css主文件而且會有一個真正可以運作的網站!

⑵ 《響應式Web設計HTML5和CSS3實戰》pdf下載在線閱讀,求百度網盤雲資源

《響應式Web設計》(Ben Frain)電子書網盤下載免費在線閱讀

資源鏈接:

鏈接:

提取碼:dfje

書名:響應式Web設計

作者:Ben Frain

譯者:王永強

豆瓣評分:7.3

出版社:人民郵電出版社

出版年份:2013-1-1

頁數:231

內容簡介:

隨著iPad mini的發布,又一個新的屏幕尺寸誕生了。用不著全面統計,你就會發現移動互聯網時代眾多的屏幕規格,從智能手機的3、4、5英寸,到平板電腦的7、8、9、10英寸,再到筆記本和台式機的13至30英寸,絕非目前單一的固定或流式布局所能應付。於是,響應式設計應運而生,而且它也將成為移動互聯網時代前端設計與開發人員的一門必修課。

本書堪稱學習響應式Web設計的難得佳作。它不僅全面、細致、圖文並茂地介紹了響應式設計相關的技術,比如媒體查詢、流式布局、彈性媒體和彈性字體等,還把近幾年來Web設計領域公認的最佳設計理念有機地融入到了實例當中,比如移動先行(Mobile First)、漸進增強、平穩退化、無障礙設計等。更加難得的是,本書以設計跨屏幕的網頁(響應式設計)為出發點,以點帶面,把如今Web設計領域兩大標準的最新版本HTML5和CSS3也納入其中,讀者在掌握先進設計方法的同時也能掌握最新的設計技術(比如使用新的HTML5結構化語義標記、嵌入媒體、響應式視頻,以及CSS3的新選擇器、特效、過渡、變形和動畫等),從而可以免除重復學習新標准之苦,讓自己一步跨入Web設計領域的最前沿。無論你想學習響應式Web設計,還是學習HTML5和CSS3的實際應用,本書都能滿足你的需要,是毋庸置疑的明智之選。

說到底,響應式Web設計並非一門獨立的技術,而只是現有技術的一個組合應用。只要有一點HTML和CSS基礎的讀者都能順利地掌握它。對於中、高級的前端設計和開發人員,翻閱本書也有助於理清自己的知識脈絡,對這個新的設計理念獲得更全面、深入的理解和把握。

習慣移動閱讀的讀者,可訪問圖靈社區,購買本書電子版:http://www.ituring.com.cn/book/1055

作者簡介:

Ben Frain是一名具有十多年經驗的網頁設計師和前端工程師,直接與世界各地的客戶和設計機構並肩工作。同時他還是一名技術記者,定期為一些關注Mac平台、前沿科技、網頁設計和航空技術的刊物撰稿。

在此之前,他曾是一名懷才不遇的(而且謙虛謹慎的)電視演員,畢業於索爾福德大學的媒體與表演專業。他寫了四部(自認為)同樣被低估的劇本,而且始終心懷能賣出一部的信念(盡管不像最初那麼強烈了)。

工作之餘,在身體(和妻子)允許的情況下,他喜歡玩室內足球。 他的個人網站是www.benfrain.com,Twitter地址是twitter.com/benfrain。

⑶ 什麼是可用性設計

可用性是用來衡量某個產品被特定的用戶在特定的場景中,有效、高效並且滿意得達成特定目標的程度。

可用性不僅是涉及到界面的設計,也涉及到整個系統的技術水平。可用性是通過人因素反映的,通過用戶操作各種任務去評價的。可用性是一項可測量的指標,描述了用戶能多有效地與一個產品進行互動,它也涉及一個產品多容易理解和它多容易使用。提高可用性是至關重要的。

(3)web可用性設計pdf擴展閱讀

在可用性工程中,對軟體質量的衡量通常可以用五個屬性來表示:有效性、效率、可記憶性、容錯性及易學性。

1、有效性

主要表明軟體是可用的,能幫助用戶准確地實現他們的目標。如果用戶不能實際完成他們想要做的事情,無論體驗長還是短,都是沒有意義的。

2、效率

是用戶完成的速度。如果用戶要完成某項任務,需要通過N次點擊、刷新、錄入才能實現,那麼用戶會主觀地判斷它的使用效率低。

3、可記憶性

即軟體界面、交互方式等方面能給用戶留下很深的印象,並且使用的時候不會有挫敗感,能夠以一種愉快的心情使用。

4、容錯性

體現在產品防止錯誤的程度和幫助用戶解決錯誤的能力上。

5、易學性

應對不同層次的軟體用戶,能讓初學者快速轉變為專家,又不影響專家的使用交互。

⑷ 《寫給大家看的Web設計書第三版》pdf下載在線閱讀全文,求百度網盤雲資源

《寫給大家看的Web設計書第三版》網路網盤pdf最新全集下載:
鏈接:https://pan..com/s/1iQ6BOmszY5vuOrWse3JYTA

?pwd=6sej 提取碼:6sej
簡介:本書出自世界級設計師之手。書中首先介紹了如何使用萬維網,如何上網和搜索信息,如何建立簡單的網頁等基礎知識;然後介紹了印刷與Web設計的區別,Web設計的基本原則,實現界面和導航設計的

各種方法,以及判斷優/劣Web設計的准則;接著介紹了不同圖像文件格式,如何准備圖像,如何選擇

Web安全色和字體,專家級Web設計人員的高級技巧和技術;最後介紹了測試和修正網站、上傳和更新網站、注冊和推廣網站等內容。

本書適合所有對Web設計感興趣的讀者,對有一定Web設計經驗的人也具有很高的參考價值。

⑸ 怎樣創網站

如何建立網站
隨著網路技術的不斷發展,網路應用已經滲透到人類社會的各個角落。作為網路世界的支撐點的網站,更是人們關注的熱點:政府利用網站宣傳自己的施政綱領,日益成為與百姓交流的直通車;企業利用網站宣傳自己的形象,挖掘無限商機;個人利用網站展示個性風采,創建彼此溝通的橋梁。越來越多的人希望擁有網站,開辟網路世界裡的一片天地。如何設計一個出色的網站呢?關於這個問題,人們討論的很多,可以討論的內容也很多,加之網路技術的飛速發展,很難提出一個絕對權威和正確的設計思路,筆者不才,根據自己的設計體
會,總結出以下基本設計思路:

一、定位網站的主題和名稱

網站的主題也就是網站的題材,網站設計開始首先遇到的問題。網站題材千奇百怪,琳琅滿目,只要想的到,就可以把它製作出來。下面是美國《個人電腦》雜志(PC Magazine)評出的99年度排名前100位的全美知名網站的十類題材:

第1類:網上求職
第2類:網上聊天/即時信息/ ICQ
第3類:網上社區/討論/郵件列表
第4類:計算機技術
第5類:網頁/網站開發
第6類:娛樂網站
第7類:旅行
第8類:參考/資訊
第9類:家庭/教育
第10類:生活/時尚
每個大類都可以繼續細分,比如娛樂類再分為體育/電影/音樂等小類,音樂又可以按格式分為MP3,VQF,Ra等,按表現形式分古典,現代,搖滾等。同時,各個題材相聯系和交叉結合可以產生新得題材,例如旅遊論壇(旅遊+討論),經典進球播放(足球+影視)按這樣分下去,題材可以有成千上萬種。這么多題材,如何選擇呢?遵循的原則如下:
1、主題要小而精
定位要小,內容要精。如果你想製作一個包羅萬象的站點,把所有你認為精彩的東西都放在上面,那麼往往會事與願違,給人的感覺是沒有主題,沒有特色,樣樣有,卻樣樣都很膚淺,因為你不可能有那麼多的精力去維護它。網站的最大特點就是新和快,目前最熱門的個人主頁都是天天更新甚至幾小時更新一次。最新的調查結果也顯示,網路上的"主題站"比"萬全站"更受人們喜愛,就好比專賣店和百貨商店,如果我需要買某一方面的東西,肯定會選擇專買店。
2、題材最好是你自己擅長或者喜愛的內容
比如:你擅長編程,就可以建立一個編程愛好者網站;對足球感興趣,可以報道最新的戰況,球星動態等。這樣在製作時,才不會覺得無聊或者力不從心。興趣是製作網站的動力,沒有熱情,很難設計製作出優秀的網站。
3、題材不要太濫或者目標太高。
"太濫"是指到處可見,人人都有的題材;比如軟體下載,免費信息。"目標太高"是指在這一題材上已經有非常優秀,知名度很高的站點,你要超過它是很困難的。
如果題材已經確定以後,就可以圍繞題材給網站起一個名字。網站名稱,也是網站設計的一部分,而且是很關鍵的一個要素。你來看,"電腦學習室"和"電腦之家"顯然是後者簡練;"迷笛樂園"和"MIDI樂園"顯然是後者明晰;"兒童天地"和"中國幼兒園"顯然是後者大氣。我們都知道PIII的中文名稱"奔騰",如果改為"奔跑",可能就沒有今天這么"火"了。和現實生活中一樣,網站名稱是否正氣,響亮,易記,對網站的形象和宣傳推廣也有很大影響。我的建議是:
1、名稱要正
其實就是要合法,和理,和情。不能用反動的,色情的,迷信的,危害社會安全的名詞語句。
2、名稱要易記
最好用中文名稱,不要使用英文或者中英文混合型名稱。另外,網站名稱的字數應該控制在六個字(最好四個字)以內,四個字的也可以用成語。字數少還有個好處,適合於其他站點的鏈接排版。
3、名稱要有特色
名稱平實就可以接受,如果能體現一定的內涵,給瀏覽者更多的視覺沖擊和空間想像力,則為上品。例如:音樂前衛,網頁陶吧,e書時空等。在體現出網站主題的同時,能點出特色之處。

二、定位網站的CI形象

所謂CI(corporate identity),意思是通過視覺來統一企業的形象。一個傑出的網站,和實體公司一樣,需要整體的形象包裝和設計。准確的,有創意的CI設計,對網站的宣傳推廣有事半功倍的效果。具體的做法是:
1、設計網站的標志(logo)
就如同商標一樣,標志是你站點特色和內涵的集中體現,看見標志就讓大家聯想起你的站點。標志的設計創意來自你網站的名稱和內容:
(1)網站有代表性的人物、動物、花草等,可以用它們作為設計的藍本,加以卡通化和藝術化,例如迪斯尼的米老鼠,搜狐的卡通狐狸等等。
(2)網站有專業性的,可以以本專業有代表的物品作為標志。比如中國銀行的銅板標志,賓士汽車的方向盤標志等等。
(3)最常用和最簡單的方式是用自己網站的英文名稱作標志。採用不同的字體,字母的變形,字母的組合可以很容易製作好自己的標志。
2、設計網站的標准色彩
網站給人的第一印象來自視覺沖擊,確定網站的標准色彩是相當重要的一步。不同的色彩搭配產生不同的效果,並可能影響到訪問者的情緒。舉個實際的例子就明白了:IBM的深藍色,肯得基的紅色條型,windows視窗標志上的紅藍黃綠色塊,都使我們覺得很貼切,很和諧。"標准色彩"是指能體現網站形象和延伸內涵的色彩。一般來說,一個網站的標准色彩不超過3種,太多則讓人眼花繚亂。標准色彩要用於網站的標志,標題,主菜單和主色塊。給人以整體統一的感覺。至於其它色彩也可以使用,只是作為點綴和襯托,絕不能喧賓奪主。適合於網頁標准色的顏色有:藍色,黃/橙色,黑/灰/白色三大系列色,要注意色彩的合理搭配。
3、設計網站的標准字體
和標准色彩一樣,標准字體是指用於標志,標題,主菜單的特有字體。一般我們網頁默認的字體是宋體。為了體現站點的"與眾不同"和特有風格,我們可以根據需要選擇一些特別字體。例如,為了體現專業可以使用粗仿宋體,體現設計精美可以用廣告體,體現親切隨意可以用手寫體等等。
4、設計網站的宣傳標語
也可以說是網站的精神,網站的目標。用一句話甚至一個詞來高度概括。類似實際生活中的廣告金句。例如:鵲巢的"味道好極了";麥斯威爾的"好東西和好朋友一起分享";Intel的"給你一顆奔騰的心"等等。

三、確定網站的欄目

建立一個網站好比寫一篇文章,首先要擬好提綱,文章才能主題明確,層次清晰。如果網站結構不清晰,目錄龐雜,內容東一塊西一塊。結果不但瀏覽者看得糊塗,自己擴充和維護網站也相當困難。網站的題材確定後,並且收集和組織了許多相關的資料內容,但如何組織內容才能吸引網友們來瀏覽網站呢?欄目的實質是一個網站的大綱索引,索引應該將網
站的主體明確顯示出來。一般的網站欄目安排要注意以下幾方面:
1、要緊扣主題
將你的主題按一定的方法分類並將它們作為網站的主欄目。主題欄目個數在總欄目中要佔絕對優勢,這樣的網站顯的專業,主題突出,容易給人留下深刻印象。
2、設立最近更新或網站指南欄目
設立"最近更新"的欄目,是為了照顧常來的訪客,讓你的主頁更有人性化。如果主頁內容龐大,層次較多,而又沒有站內的搜索引擎,設置"本站指南"欄目,可以幫助初訪者快速找到他們想要的內容。
3、設立可以雙向交流的欄目
比如論壇,留言本,郵件列表等,可以讓瀏覽者留下他們的信息。
4、設立下載或常見問題回答欄目
網路的特點是信息共享。如在你主頁上設置一個資料下載欄目,便於訪問者下載所需資料。另外,如果站點經常收到網友關於某方面的問題來信,最好設立一個常見問題回答的欄目,既方便了網友,也可以節約自己更多時間。

四、確定網站的目錄結構

網站的目錄是指你建立網站時創建的目錄。例如:在用frontpage98建立網站時都默認建立了根目錄和images(存放圖片)子目錄。目錄結構的好壞,對瀏覽者來說並沒有什麼太大的感覺,但是對於站點本身的上傳維護,內容未來的擴充和移植有著重要的影響。下面是建立目錄結構的一些建議:
1、不要將所有文件都存放在根目錄下,會造成文件管理混亂
你常常搞不清哪些文件需要編輯和更新,哪些無用的文件可以刪除,哪些是相關聯的文件,影響工作效率。另外,上傳速度慢。伺服器一般都會為根目錄建立一個文件索引。當您將所有文件都放在根目錄下,那麼即使你只上傳更新一個文件,伺服器也需要將所有文件再檢索一遍,建立新的索引文件。很明顯,文件量越大,等待的時間也將越長。所以,盡可能減少根目錄的文件存放數。
2、按欄目內容建立子目錄
子目錄的建立,首先按主菜單欄目建立。例如:企業站點可以按公司簡介,產品介紹,價格,在線定單,反饋聯系等建立相應目錄。其他的次要欄目,類似what's new,友情連接內容較多,需要經常更新的可以建立獨立的子目錄。而一些相關性強,不需要經常更新的欄目,例如:關於本站,關於站長,站點經歷等可以合並放在一個統一目錄下。所有程序一般都存放在特定目錄。例如:CGI程序放在cgi-bin目錄。所有需要下載的內容也最好放在一個目錄下。
3、在每個主欄目目錄下都建立獨立的images目錄
為每個主欄目建立一個獨立的images目錄是最方便管理的。而根目錄下的images目錄只是用來放首頁和一些次要欄目的圖片。
4、目錄的層次不要太深
目錄的層次建議不要超過3層,維護管理方便。
5、不要使用中文目錄
6、不要使用過長的目錄

五、確定網站的鏈接結構

網站的鏈接結構是指頁面之間相互鏈接的拓撲結構。它建立在目錄結構基礎之上,但可以跨越目錄。建立網站的鏈接結構有兩種基本方式:
1、樹狀鏈接結構
類似DOS的目錄結構,首頁鏈接指向一級頁面,一級頁面鏈接指向二級頁面。這樣的鏈接結構瀏覽時,一級級進入,一級級退出。優點是條理清晰,訪問者明確知道自己在什麼位置,不會"迷"路。缺點是瀏覽效率低,一個欄目下的子頁面到另一個欄目下的子頁面,必須繞經首頁。
2、星狀鏈接結構
類似網路伺服器的鏈接,每個頁面相互之間都建立有鏈接。這種鏈接結構的優點是瀏覽方便,隨時可以到達自己喜歡的頁面。缺點是鏈接太多,容易使瀏覽者迷路,搞不清自己在什麼位置,看了多少內容。
這兩種基本結構都只是理想方式,在實際的網站設計中,總是將這兩種結構混合起來使用,達到比較理想的效果。比較好的方案是:首頁和一級頁面之間用星狀鏈接結構,一級和以下各級頁面之間用樹狀鏈接結構。

六、設計網站的整體風格

風格(style)是抽象的,是指站點的整體形象給瀏覽者的綜合感受。這個"整體形象"包括站點的CI(標志,色彩,字體,標語),版面布局,瀏覽方式,交互性,文字,語氣,內容價值,存在意義,站點榮譽等等諸多因素。舉個例子:我們覺得網易是平易近人的,迪斯尼是生動活潑的,IBM是專業嚴肅的,這些都是網站給人們
留下的不同感受。
風格是獨特的,是站點不同與其他網站的地方。或者色彩,或者技術,或者是交互方式,能讓瀏覽者明確分辨出這是你的網站獨有的。例如新世紀網路的黑白色,網易壁紙站的特有框架,即使你只看到其中一頁,也可以分辨出是哪個網站的。
風格是有人性的。通過網站的外表,內容,文字,交流可以概括出一個站點的個性,情緒。是溫文儒雅,是執著熱情,是活潑易變,是放任不羈。像詩詞中的"豪放派"和"婉約派",你可以用人的性格來比喻站點。如何樹立網站風格呢?我們可以分這樣幾個步驟:
1、確信風格是建立在有價值內容之上
一個網站有風格而沒有內容,就好比綉花枕頭一包草,好比一個性格傲慢但卻目不識丁的人。你首先必須保證內容的質量和價值性,這是最基本的。
2、你需要徹底搞清楚自己希望站點給人的印象是什麼
可以從這幾方面來理清思路:
a.如果只用一句話來描述你的站點,應該是:()
參考答案:有創意,專業,有(技術)實力,有美感,有沖擊力
b.想到你的站點,可以聯想到的色彩是:()
參考答案:熱情的紅色,幻想的天藍色,聰明的金黃色
c.想到你的站點,可以聯想到的畫面是:()
參考答案:一份早報,一輛法拉利跑車,人群擁擠的廣場,雜貨店
d.如果網站是一個人,他擁有的個性是:()
參考答案:思想成熟的中年人,狂野奔放的牛仔,自信憨厚的創業者
e.作為站長,你希望給人的印象是:()
參考答案:敬業,認真投入,有深度,負責,純真,直爽,淑女
f.用一種動物來比喻,你的網站最像:()
參考答案:貓(神秘高貴),鷹(目光銳利),兔子(聰明敏感),獅子(自信威信)
g.瀏覽者覺得你和其他網站的不同是:()
參考答案:可以信賴,信息最快,交流方便,
h.瀏覽者和你交流合作的感受是:()
參考答案:師生,同事,朋友,長幼。
你可以自己先填寫一份答案,然後讓其他網友填寫。比較後的結果會告訴你:你網站現在的差距,弱點及需要改進的地方。
3、在明確自己的網站印象後,開始努力建立和加強這種印象
經過第二步印象的"量化"後,你需要進一步找出其中最有特色特點的東西,就是最能體現網站風格的東西。並以它作為網站的特色加以重點強化,宣傳。以下做法可作參考:
(1)將你的標志logo,盡可能的出現在每個頁面上。或者頁眉,或者頁腳,或則背景。
(2)突出你的標准色彩。文字的鏈接色彩,圖片的主色彩,背景色,邊框等色彩盡量使用與標准色彩一致的色彩。
(3)突出你的標准字體。在關鍵的標題,菜單,圖片里使用統一的標准字體。
(4)想一條朗朗上口宣傳標語。把它做在你的banner里,或者放在醒目的位置,告訴大家你的網站的特色是...。
(5)使用統一的語氣和人稱。即使是多個人合作維護,也要讓讀者覺得是同一個人寫的。
(6)使用統一的圖片處理效果。比如,陰影效果的方向,厚度,模糊度都必須一樣。
(7)創造一個你的站點特有的符號或圖標。
(8)用自己設計的花邊,線條,點。
(9)展示你網站的榮譽和成功作品。
(10)告訴網友關於你的真實的故事和想法。風格的形成不是一次定位的,你可以在實踐中不斷強化,調整,修飾。

七、總結:

網站設計充滿無窮魅力,僅靠一篇文章無法窮盡其中的奧秘。這條設計思路不一定完全適合於每個設計者,也不可能完全適合於各種設計的實際情況,全當拋磚引玉。仁者見仁,智者見智,希望更多優秀的網站出自於你我的手。文章中錯誤之處,望批評指正。

八、參考書目

1、《網頁標題製作技巧與實例》--呂少華--清華大學出版社
2、《FrontPage 2000從入門到精通》--成棟等譯--電子工業出版社
3、《Web可用性設計》--〔美〕Jakob Nielsen著--人民郵電出版社
4、《網站架構與美工黃金組合》--天藍工作室著--人民郵電出版社
5、《網頁設計與網站開發---HTML網頁製作網站開發完全實戰》--伍梵華--航空工業出版社
6、《廣告製作》--樊志育--人民郵電出版社
要領一:確定網站主題

做網站,首先必須要解決的就是網站內容問題,即確定網站的主題。美國《個人電腦》雜志(PC Magazine)評出了99年度排名前100位的全美知名網站的十類題材:第1類:網上求職;第2類:網上聊天/即時信息/ICQ;第3類:網上社區/討論/郵件列表;第4類:計算機技術;第5類:網頁/網站開發;第6類:娛樂網站;第7類:旅行;第8類:參考/資訊;第9類:家庭/教育;第10類:生活/時尚。我們可以參看上面的分類,繼續細分。如果自己在某些方面有興趣,或掌握的資料較多,也可以做一個自己感興趣的東西,一者,你可以有自己的見解,做出自己的特色;二者,在製作網站時不會覺得無聊或者力不從心。興趣是製作網站的動力,沒有創作熱情,很難設計製作出優秀的作品。

對於內容主題的選擇,要做到小而精,主題定位要小,內容要精。不要去試圖製作一個包羅萬象的站點,這往往會失去網站的特色,也會帶來高強度的勞動,給網站的及時更新帶來困難。記住:在互聯網上只有第一,沒有第二!

要領二:選擇好域名

域名是網站在互聯網上的名字。一個非產品推銷的純信息服務網站,其所有建設的價值,都凝結在其網站域名之上。失去這個域名,所有前期工作就將全部落空。

目前,做個人網站的很多都依賴免費個人空間,其域名也是依賴免費域名指向,如網易的虛擬域名服務,其實這對個人網站的推廣與發展很為不利,不光是它「適時」開啟的窗口妨礙了瀏覽者的視線和好感,讓人一看就知道是個人網站,而且也妨礙了網頁的傳輸速度。所以,就我個人觀點來說,首先花點錢去注冊一個域名,獨立的域名就是個人網站的第一筆財富,要把域名起得形象、簡單、易記。

要領三:掌握建網工具

網路技術的發展帶動了軟體業的發展,所以用於製作Web頁面的工具軟體也越來越豐富。從最基本的HTML編輯器到現在非常流行的Flash互動網頁製作工具,各種各樣的Web頁面製作工具,下面是幾款具有代表性的網頁製作器:

(1)HTML編輯器。雖然HTML代碼復雜,編輯和調試要花費大量的時間,但因HTML的穩定性、廣泛支持性及可創建復雜的頁面效果,仍受高級網頁製作人員的青睞。就目前來說,有眾多的編輯器供選擇,這些編輯器廣泛支持復雜頁面創建及高級HTML規范,使用較為普遍的有Hotdog等專業HTML編輯器。

(2)所見即所得的網頁編輯器。其中以Microsoft Frontpage為代表,它具有如Word一樣的操作界面,熟知Word功能的操作者,只要稍加培訓就能輕松編制網頁。而且,Frontpage還能解析網頁的HTML源代碼,並提供了預覽支持。但Frontpage的一些特殊顯示功能並不能在其它非IE瀏覽器下實現。所以Frontpage是一款非常適合初、中級網頁製作人員使用的工具軟體。

(3)現在非常流行的 Macromedia公司出品的Flash互動網頁製作工具。這是是一款功能非常強大的互動式矢量多媒體網頁製作工具。能夠輕松輸出各種各樣的動畫網頁,它不需要特別繁雜的操作,也比JAVA小巧精悍!但它的動畫效果、互動效果、多媒體效果十分出色。而且還可以在Flash動畫中封裝Mp3音樂、填寫表單等;並且由於Flash編制的網頁文件比普通網頁文件要小得多,所以大大加快了瀏覽速度。這是一款十分適合動態Web製作的工具。

另外,個人網站製作者還需了解W3C的HTML4.0規范、CSS層疊樣式表的基本知識、javascript、VBScript的基本知識。對於常用的一些腳本程序如ASP、CGI、PHP也要有適當了解,還要熟練使用圖形處理工具和動畫製作工具以及矢量繪圖工具,並能部分了解多種圖形圖像動畫工具的基本用法,熟練使用FTP工具以及擁有相應的軟硬體和網路知識也是必備的。

當然,互聯網還是一個免費的資料庫。編制網頁需要多種多樣的按鈕、背景還有各種各樣圖形、圖片。如果這些都要靠自己完成,既浪費時間又浪費金錢,而且還需要強大的圖形、圖片製作技術。所以,為了省卻這些麻煩,網站製作者完全可以從網上下載各種精美實用的圖片、按鈕、背景等網頁素材。

要領四:確定網站界面

界面就是網站給瀏覽者的第一印象,往往決定著網站的可看性,在確定網站的界面時要注意以下三點:

①欄目與板塊編排

構建一個網站就好比寫一篇論文,首先要列出題綱,才能主題明確、層次清晰。網站建設初學者,最容易犯的錯誤就是:確定題材後立刻開始製作,沒有進行合理規劃。從而導致網站結構不清晰,目錄龐雜混亂,板塊編排混亂等。結果不但瀏覽者看得糊里糊塗,製作者自己在擴充和維護網站也相當困難。所以,我們在動手製作網頁前,一定要考慮好欄目和板塊的編排問題。
網站的題材確定後,就要將收集到的資料內容作一個合理的編排。比如,將一些最吸引人的內容放在最突出的位置或者在版面分布上占優勢地位。欄目的實質是一個網站的大綱索引,索引應該將網站的主體明確顯示出來。在制定欄目的時候,要仔細考慮,合理安排。在欄目編排時需要注意的是:

●盡可能刪除那些與主題無關的欄目;

●盡可能將網站內最有價值的內容列在欄目上;

●盡可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢;輔助內容,如站點簡介、版權信息、個人信息等大可不必放在主欄目里,以免沖淡主題。

另外,板塊的編排設置也要合理安排與劃分。板塊比欄目的概念要大一些,每個板塊都有自己的欄目。舉個例子:ENET矽谷動力(www.enet.com.cn)的站點分新聞、產品、游戲、學院等板塊,每個板塊下面又各有自己的主欄目。一般來說,個人站點內容較少,只要分個欄目也就夠了,不需要設置板塊。如果有必要設置板塊的,應該注意:

●各板塊要有相對獨立性;

●各板塊要有相互關聯;

●各板塊的內容要圍繞站點主題;

②目錄結構與鏈接結構

網站的目錄是指建立網站時創建的目錄。例如:在用Frontpage建立網站時都默認建立了根目錄和Images子目錄。目錄的結構是一個容易忽略的問題,大多數站長都是未經規劃,隨意創建子目錄。目錄結構的好壞,對瀏覽者來說並沒有什麼太大的感覺,但是對於站點本身的維護,以後內容的擴充和移植有著重要的影響。所以建立目錄結構時也要仔細安排,比如:

●不要將所有文件都存放在根目錄下。有網站製作者為了方便,將所有文件都放在根目錄下。這樣就很容易造成:文件管理混亂,搞不清哪些文件需要編輯和更新,哪些無用的文件可以刪除,哪些是相關聯的文件,影響工作效率;上傳速度變慢,伺服器一般都會為根目錄建立一個文件索引,如果將所有文件都放在根目錄下,那麼即使只上傳更新一個文件,伺服器也需要將所有文件再檢索一遍,建立新的索引文件,很明顯,文件量越大,等待的時間也將越長。

●按欄目內容建立子目錄。子目錄的建立,首先按主欄目建立。友情連接內容較多,需要經常更新的可以建立獨立的子目錄。而一些相關性強,不需要經常更新的欄目,例如:網站簡介、站長情況等可以合並放在一個統一目錄下。所有程序一般都存放在特定目錄,例如:CGI程序放在cgi-bin目錄,所有提供下載的內容也最好放在一個目錄下,便於維護管理。

●在每個主目錄下都建立獨立的Images目錄。一般來說,一個站點根目錄下都有一個默認地Images目錄。將所有圖片都存放在這個目錄里很是不方便,比如在欄目刪除時,圖片的管理相當麻煩。所以為每個主欄目建立一個獨立的Images目錄是方便管理的。原因很簡單,就是方便維護與管理。
其它需要注意的還有:目錄的層次不要太深,不要超過3層;不要使用中文目錄,使用中文目錄可能對網址的正確顯示造成困難;不要使用過長的目錄,太長的目錄名不便於記憶;盡量使用意義明確的目錄,以便於記憶和管理。

網站的鏈接結構是指頁面之間相互鏈接的拓撲結構。它建立在目錄結構基礎之上,但可以跨越目錄。形象的說:每個頁面都是一個固定點,鏈接則是在兩個固定點之間的連線。一個點可以和一個點連接,也可以和多個點連接。更重要的是,這些點並不是分布在一個平面上,而是存在於一個立體的空間中。一般的,建立網站的鏈接結構有兩種基本方式:

●樹狀鏈接結構(一對一),這類似DOS的目錄結構,首頁鏈接指向一級頁面,一級頁面鏈接指向二級頁面。這樣的鏈接結構瀏覽時,一級級進入,一級級退出,條理比較清晰,訪問者明確知道自己在什麼位置,不會「不知身在何處」,但是瀏覽效率低,一個欄目下的子頁面到另一個欄目下的子頁面,必須回到首頁再進行。

●星狀鏈接結構(一對多),類似網路伺服器的鏈接,每個頁面相互之間都建立有鏈接。這樣瀏覽比較方便,隨時可以到達自己喜歡的頁面。但是由於鏈接太多,容易使瀏覽者迷路,搞不清自己在什麼位置,看了多少內容。

因此,在實際的網站設計中,總是將這兩種結構混合起來使用。網站希望瀏覽者既可以方便快速地達到自己需要的頁面,又可以清晰地知道自己的位置。所以,最好的辦法是:首頁和一級頁面之間用星狀鏈接結構,一級和二級頁面之間用樹狀鏈接結構。關於鏈接結構的設計,在實際的網頁製作中是非常重要一環,採用什麼樣的鏈接結構直接影響到版面的布局。

③進行形象設計

網站的設計可以從以下幾點出發:

●設計網站標志(LOGO)。LOGO是指網站的標志,標志可以是中文、英文字母,也可以是符號、圖案等。標志的設計創意應當來自網站的名稱和內容。比如:網站內有代表性的人物、動物、植物,可以用它們作為設計的藍本,加以卡通化或者藝術化;專業網站可以以本專業有代表的物品作為標志。最常用和最簡單的方式是用自己網站的英文名稱作標志,採用不同的字體、字母的變形、字母的組合可以很容易製作好自己的標志。

●設計網站色彩。網站給人的第一印象來自視覺沖擊,不同的色彩搭配產生不同的效果,並可能影響到訪問者的情緒。「標准色彩」是指能體現網站型象和延伸內涵的色彩,要用於網站的標志,標題,主菜單和主色塊。給人以整體統一的感覺。至於其它色彩也可以使用,但應當只是作為點綴和襯托,絕不能喧賓奪主。一般來說,一個網站的標准色彩不超過3種,太多則讓人眼花繚亂。適合於網頁標准色的顏色有:藍色,黃/橙色,黑/灰/白色三大系列色。

●設計網站字體。和標准色彩一樣,標准字體是指用於標志,標題,主菜單的特有字體。一般網頁默認的字體是宋體。為了體現站點的「與眾不同」和特有風格,可以根據需要選擇一些特別字體。製作者可以根據自己網站所表達的內涵,選擇更貼切的字體。需要說明的是:使用非默認字體只能用圖片的形式,因為很可能瀏覽者的計算機里沒有安裝特別字體,那麼辛苦設計製作便可能付之東流了。

●設計網站宣傳語。也可以說是網站的精神、主題與中心,或者是網站的目標,用一句話或者一個詞來高度概括。用富有氣勢的話或詞語來概括網站,進行對外宣傳,可以收到比較好的結果。

⑹ 《用戶體驗的要素以用戶為中心的Web設計》pdf下載在線閱讀,求百度網盤雲資源

《用戶體驗要素》(Jesse James Garrett)電子書網盤下載免費在線閱讀

資源鏈接:

鏈接:https://pan..com/s/1V5BP07GBeBD1mF0aF4yf2w

提取碼:1un0

書名:用戶體驗要素

作者:Jesse James Garrett

譯者:范曉燕

豆瓣評分:8.3

出版社:機械工業出版社

出版年份:2011-7-1

頁數:172

內容簡介:《用戶體驗要素:以用戶為中心的產品設計(原書第2版)》是AJAX之父Jesse James Garrett的經典之作。本書用簡潔的語言系統化地詮釋了設計、技術和商業融合是最重要的發展趨勢。全書共8章,包括關於用戶體驗以及為什麼它如此重要、認識這些要素、戰略層、范圍層、結構層、框架層、表現層以及要素的應用。

《用戶體驗要素:以用戶為中心的產品設計(原書第2版)》用清晰的說明和生動的圖形分析了以用戶為中心的設計方法(UCD)來進行網站設計的復雜內涵,並關注於思路而不是工具或技術,從而使你的網站具備高質量體驗的流程。

作者簡介:Jesse James Garrett是Adaptive Path的創始人之一。Adaptive Path是一家位於美國舊金山(San Francisco)的用戶體驗咨詢公司。從1995年開始,Jesse幫助一些企業改進他們的網站,其中包括AT&T、Intel、Boeing、Motorola、Hewlett-Packard和美國國家公眾廣播等。他在用戶體驗領域的貢獻,包括「視覺辭典(The Visual Vocabulary)」─一個為規范信息架構文檔而建立的開放符號系統─現在這個系統在全球各個企業中得到了廣泛的應用。他的個人網站www.jjg.net是提供信息架構資源的網站中最受歡迎的一個,他同時也是信息架構和用戶體驗的積極倡導者。

2005年2月,Jesse James Garrett發表了《Ajax:A New Approach to Web Applications》一文,標志著Ajax的誕生。由此,他被稱為「Ajax之父」。

⑺ 如何提高WEB可用性(二)什麼是可用性

現在,年輕的一代誰還能離開網路。
計算機網路提高系統可靠性,舉個例子微軟發布補丁增強系統安全和性能,殺毒升級等。
可用性,你用電腦天天上網是不是可用性。

⑻ 《瞬間之美Web界面設計如何讓用戶心動》pdf下載在線閱讀,求百度網盤雲資源

《瞬間之美》([美] Jr·Robert Hoekman)電子書網盤下載免費在線閱讀

資源鏈接:

鏈接:https://pan..com/s/1bCvewIp-VDDOOu-kGO0kUQ

密碼:7vn8

書名:瞬間之美

作者:[美] Jr·Robert Hoekman

譯者:向怡寧

豆瓣評分:8.0

出版社:人民郵電出版社

出版年份:2009-7

頁數:226

內容簡介:本書特色:

本書通過重現用戶面對Web應用時由始至終的完整情境,主要針對Web應用中幾乎所有相關元素,例如Search、Screencast、Blog 、Wizard、 RSS、 Rate 、TagCloud 以及Form的布局、交互甚至客服等都提出了值得借鑒的解決方案。具體通過30多個故事輕松自然地帶領讀者領會設計者如何百分之百地用心傳達以創造美好的用戶體驗。

本書適用於信息架構設計師、交互設計師、Web開發人員使用 ,資深設計師可將本書用做匯集了設計方法和思路的參考手冊。初級設計師以及Web開發人員則可以按照書中的方法直接使用,找到一條通往用戶體驗設計的捷徑。

業界評論:

1. 譯者評論:

翻譯這本書其實也是一個學習的過程。乍看上去似乎書裡面沒什麼很新的理論或者概念,但是作者有一種「大拙若巧、順其自然」的味道,每一個問題點(也就是書中的一個個故事)最後的解決方案都是千錘百煉的結晶。也就是說,如果你不了解UE,只需按他所說的去做就保准沒事;如果你有過研究,那麼每個方案背後的方法和思路同樣值得學習。它是一本好書,值得我向任何人推薦

2.專業人士評論:

嚴格來說這不是一本告訴你從頭到尾如何設計Web的書,這一點真是太棒了。我們並不需要某人徹頭徹尾地馴服我們的方法、我們的原則、以及我們的個性。然而它卻是一本激發我們百分之百用心地與用戶交流和思考的好書。書中你見不到一行HTML/Javascript/Perl/PHP/Ruby技術代碼,作者完全根據自己的親身經歷和設計經驗簡單直接地告訴我們良好的用戶體驗,全在於那些完美的「瞬間」。這是一本激發Web設計靈感的枕邊小冊,值得我們經常翻閱。

作者簡介:Robert Hoekman, Jr. 是一名交互設計師和易用性專家。他曾任職於GoDaddy.com、MacroMedia、Adobe等多家知名公司,現在有了自己的工作室 Miskeeto,一直致力於為廣大受眾提供優質的用戶體驗服務。之前他所著的Designing the Obvious(國內譯版名為「一目瞭然」)直觀地向我們闡述了如何構建簡潔易用的軟體的顯性設計方法,而這次他又帶著這本Designing the moment再次揭示關於Web 完美設計的秘密。

⑼ 《Web性能權威指南》pdf下載在線閱讀,求百度網盤雲資源

《Web性能權威指南》(Ilya Grigorik)電子書網盤下載免費在線閱讀

資源鏈接:

鏈接:

提取碼:lwdt

書名:Web性能權威指南

作者:Ilya Grigorik

譯者:李松峰

豆瓣評分:8.9

出版社:人民郵電出版社

出版年份:2013-9

頁數:336

內容簡介:

本書是谷歌公司高性能團隊核心成員的權威之作,堪稱實戰經驗與規范解讀完美結合的產物。本書目標是涵蓋Web 開發者技術體系中應該掌握的所有網路及性能優化知識。全書以性能優化為主線,從TCP、UDP 和TLS 協議講起,解釋了如何針對這幾種協議和基礎設施來優化應用。然後深入探討了無線和移動網路的工作機制。最後,揭示了HTTP 協議的底層細節,同時詳細介紹了HTTP 2.0、 XHR、SSE、WebSocket、WebRTC 和DataChannel 等現代瀏覽器新增的具有革命性的新能力。

本書適合所有Web 應用及站點開發人員閱讀,包括但不限於前端、後端、運維、大數據分析、

UI/UX、存儲、視頻、實時消息,以及性能工程師。

Ilya Grigorik 是谷歌「Web加速」(Make The Web Fast)團隊的性能工程師、開發大使。他每天的主要工作就是琢磨怎麼讓Web應用速度更快,總結並推廣能夠提升應用性能的最佳實踐。

作者簡介:

作者簡介:

Ilya Grigorik

是谷歌「Web加速」(Make The Web Fast)團隊的性能工程師、開發大使。他每天的主要工作就是琢磨怎麼讓Web應用速度更快,總結並推廣能夠提升應用性能的最佳實踐。

在專注於研究Web性能之前,Ilya創辦了PostRank公司並擔任CTO,這是一家社交分析公司。他的這家公司被谷歌收購後,成為了Google Analytics中社交分析報告模塊的核心。除了研究Web性能和分析,Ilya還會為開源項目做做貢獻、看看書,或者寫一些好玩的項目,比如VimGolf、GitHub Archive等。

譯者簡介:

李松峰

2006年起投身翻譯,出版過譯著30餘部,包括《JavaScript高級程序設計》、《簡約至上》等暢銷書。2008年進入出版業,從事技術圖書編輯和審稿工作。

2007年創立知識分享網站「為之漫筆」(cn-cuckoo.com),翻譯了大量國外經典技術文章。2012年下半年創立「A List Apart中文版」站點(alistapart.cn),旨在向中文讀者譯介這一國際頂級Web設計與開發雜志。他經常參加技術社區活動,曾在W3ctech 2012 Mobile上分享「Dive into Responsive Web Design」。2013年1月應邀在金山網路分享「響應式Web設計」,2013年3月應邀在奇虎360分享「JS的國」。