2013年9月29日星期日

有人在自己的電腦中可以建議

FTP是什麼? 好像就算不是IT界的朋友也會常常說出這個字。 FTP是指File Transfer Protocol,是網絡上比較常見的檔案傳輸協定之一。 一般什麼人用到? 或者能做什麼? FTP一般會被網頁寄存(即Web Hosting)公司使用,讓客戶經由FTP軟件,登入FTP伺服器,將檔案傳送到網頁寄存公司。 又或者會有人在自己的電腦中可以建議FTP伺服器,將檔案分享給朋友。

讓你更輕易的管理你的ftp

不管是網頁寄存服務的使用者還是程式開發員,甚至論壇管理員,管理自己的論壇空間,都需要使用FTP軟件。 在此,我推薦一個免費軟件,FileZilla,這軟件更有中文界面,可以讓你更輕易的管理你的ftp。 香港亦有不少web hosting公司推薦客戶使用這個軟件,因為畢竟這是個真真正正的免費軟件,網頁寄存商不需要被冠上【推薦使用翻版軟件】的惡名 下載 FileZilla: 前往官方網:http://filezilla-project.org/ 點擊下載 FileZilla Client 。 安裝FileZilla: 第2還是第3,4個步驟時,會問你安裝什麼套件,這時一定要保留Language files, 這樣才能安裝中文語言包。 中文化FileZilla: Edit->Settings->Language-> 選擇Chinese(zh_TW) 這樣就能完安裝並完成中文化的界面,大力建議使用網頁寄存服務的網友,使用這個軟件。

有關組織提供

網頁寄存(Web Hosting),現在有不少人需要這類的服務,同樣的,這類的公司也越來越多,選擇時一定要考慮清楚。 如果知道一間網頁寄存公司是否可靠? 簡單的說,最起碼也要有個商業登記,因為連商業登記也沒有,可能你連最後追究的可能也失去。 如何知道一間網頁寄存公司是否有商業登記? 一般公司也是註冊.com或者.com.hk,.com則人人可以註冊,.hk也是如此 唯獨.com.hk,是必須向有關組織提供[商業登記證],才能申請的,所以也可說明,如果該網頁寄存公司是使用.com.hk的話,最起碼他們已經是一家合法並且有商業登記的公司。 還有其他要注意嗎? 一般新公司或者小型公司,也會將客戶的網站和自己公司網站放在同一部機,這當然是合情合理的,因為本身一台主機就不會只放一個網站。 所以客戶也可以瀏覽網頁寄存公司網站,得知該公司網頁速度如何。 就算不是放在同一部機,一般中小型網頁寄存公司,也只租一間數據中心的機房,大致速度也知道,當然很可能他們公司網站會放在比較快的主機,這一層用戶則需要向網頁寄存公司索取測試速度的方法,或者取得其ip,作簡單的速度測試。 比較有規模小小的 網頁寄存(Web Hosting)公司也會願意提供客戶試用的機會。 不過最後一提,香港普通網絡也算發達,速度也不會太差,所以租用網頁寄存服務的朋友不用太擔心速度上的問題,如果要連出海外,速度也是無法強求的,除非願意出一大筆費用

2013年9月26日星期四

從而出現理解困難或理解偏差

作為WIMP(Window/Icon/Menu/Pointing Device)介面設計的關鍵部分,圖示在人機交互設計中無所不在。隨著人們對審美、時尚、趣味的不斷追求,Web Design也不斷花樣翻新,越來越多精美、新穎、富有創造力和想像力的圖示充斥著我們的視界。可是,從可用性的角度講,並不是越花哨的圖示越被用戶所接受,圖示的可用性要回到它的基本功用去思考。    圖示的功用在於建立起電腦世界與真實世界的一種隱喻,或者映射關係。用戶通過這種隱喻,自動地理解圖示背後的意義,跨越了語言的界限。但是,如果這種映射關係不能被用戶輕鬆並且準確地理解,那麼這種圖示就不應是好的圖示。因此,圖示的設計應該遵守以下的原則。   圖示的可用性原則一:圖示指向的映射關係應該盡可能的直接、簡單。   可能與我們的直覺相反,一些研究顯示圖示介面與文本介面的比較中,CMS並沒有體現出明顯的優越性,一個主要原因就是文字和意義的映射是直接的,而圖示與意義的映射卻不一定是直接和明顯的。   在壞的圖示設計中,用戶需要花費幾秒鐘甚至更長的時間去猜測圖示代表的意義,而且還很可能猜錯,錯誤的理解導致錯誤的操作,錯誤的操作導致糟糕的結果,這決不是美妙的用戶體驗,即便從美學角度講那個圖示可能是上佳的藝術作品。   “直接”的意思是:不要繞彎。圖示展現的視覺表像與其背後的意義只需要很短的意義路徑即可網頁寄存連結。譬如對於“剪切”操作,使用“在文稿上打×”的圖示形象比“剪刀”的圖示形象更易理解,因為前者與剪切操作有更短的意義路徑,儘管“剪刀”圖示顯得更加生動活潑。   認知心理學家提出過一個啟動擴散模型,就是在人的知識和概念體系中,當一個概念被加工或受到刺激時,該概念結點就產生啟動,然後啟動與該結點直接相連的多個連結,並繼續向四周擴散。與當前概念在概念網路上的連結關係決定了其被啟動的強度。這種連結關係取決於人的知識體系的組織架構(即兩個概念是否屬於同一類別)和概念同時出現或使用的頻率。   例如在人的知識和概念架構中,網站建設在紙質文稿上寫字和在電腦上寫字都屬於撰寫文檔的類別,那麼當“在文稿上打×”的圖示形象出現時,被試就會快速地聯想到在電腦上進行剪切操作。而“剪刀”的視覺形象最易歸屬到“衣服裁剪”或“手工勞動”這樣的類別中去,因此映射關係具有教長的路徑和較弱的連結強度。因此在圖示設計中,設計師應該仔細考慮或者直接去調查用戶的知識體系,找到最短的概念連結。   圖示的可用性原則二:每個圖示指向的映射關係應該是唯一的。   這個原則的意思就是,不要讓圖示產生歧義。想像一下,一個“飛旋的車輪”的網站排名圖示,它代表了什麼?也許設計者的本意,是要用車輪的移動來象徵電腦中檔的移動操作。可是,用戶也許猜測出了其他十幾種對應關係,比如一款3D賽車遊戲。這個原則其實還有一個推論原則:   不要使用過於複雜的圖示。   因為圖示的視覺元素越多,那麼其意義指向的可能性就越多,用戶越有可能從各種各樣的角度去解讀,那麼該圖示的可用性就可能越差。   圖示的可用性原則三:同一個圖示系列中,最好使用相同的映射模式。   在真實世界與電腦世界(或網路世界)的對應中,存在很多種映射模式。筆者粗粗地歸納下,可以發現這樣幾種映射模式:外觀映射、功能映射、語詞(字母)映射、部分指代映射和綜合映射。在同一個系列圖示中,用戶極易對圖示形成某種固定的映射模式,如果突然出現了另一種模式的電子商務映射,用戶可能仍將延用先前形成的思維定勢進行理解,從而出現理解困難或理解偏差。   圖示的可用性原則四:最好使用簡短文字做為圖示的冗餘編碼。   在資訊傳播的過程中,增加資訊的冗餘度是保證網上商店資訊傳輸的可靠性的最有效的方法。在人機交互設計中,最常見的冗餘編碼就是紅綠燈,即每個顏色皆對應位置,使得在人口中占具相當比例的色盲人群也可以通過燈的位置來接收是否可以通行的資訊。圖示設計也需要增加冗餘編碼,以保證絕大多數的人都能夠快速、準確地理解圖示的含義。一個很好的例子出現在手機主功能表的設計中,下面看兩種常見的手機主功能表的設計:   圖示都在下方加注了簡單的文字,和圖示一起形成冗餘編碼。這樣即使用戶是第一次使用該手機,也能避免圖示選擇錯誤。而圖二的圖示沒有將文字直接標注在圖示下方,而是在只有選中某個圖示的情況下,在螢幕上方顯示文字標注,這樣無疑增加了用戶操作的負擔。儘管電郵服務某些圖示,用戶很容易理解其含義,比如圖二中第二行第一個“相機”圖示,用戶很容易清楚這是指拍照功能;但有些圖示,在沒有文字標注的情況下,還是令人費解,比如圖二中第四行第一個“禮品盒”圖示。因此,筆者認為,在大多數情況下,給圖示加注文字是比較好的選擇。   最後,我要說明的是,圖示設計中的可用性原則與圖示的美學考慮在實踐中可能存在矛盾,這時候權衡兩者是必須的。好的可用性可以讓用戶更方便地使用產品,而漂亮、時尚或者富有情趣的外觀設計可以給用戶帶來喜悅感等良好的心理體驗。很難說哪一方理所應當地取得主導地位,更理想的狀態是交互設計師和視覺(外觀)設計師進行良好的溝通和合作,求得雙贏的設計方案

如何通過控制表格將圖片拆分在拼合

“從農村到城市,家裏唯一期望就是我,所以我感覺自己壓力很大。”       他困惑,自己看到的和書上的不一樣,感覺自己很無助,很迷失,沒有方向感;他狂喜,年收入6萬元。       “在虛擬的網路中,特別是在自己的網站建設論壇中你隨時可以找到家的感覺,那麼多人都給你祝福,溫情,讚美。”       近在咫尺的成功是現實還是夢境,一個大學生的網頁設計生涯。     第一步:第一個個人主頁    趙凱出生在河北省保定一個普通的農村家庭,2001年,他以一個並不優異的成績極不情願的邁入了古城南京一所普通的大學,這對於從小就爭強好勝的趙凱來說無疑是一個沉重的精神打擊。趙凱說,自己是在渾渾噩噩的感覺中度過了自己的大一生活。趙凱在大學生學習的電腦應用專業,這個在當時非常時髦的專業或許是唯一的能夠讓他聊以自慰的事情。       雖然趙凱對自己的學校有著種種的不滿,但是趙凱在老師的眼中仍然是一個生活本分的乖孩子,在趙凱邁入自己的第二個年頭的大學生活時,一次由全市舉辦的電腦技能比賽成為了趙凱人生中的第一次轉軌。       “有一天下課老師把我叫住,然後就跟我說現在市里有一個電腦比賽,學校裏希望我能夠代表學校去比賽其中的一個專案,但是我當時想我在班裏的成績並不是很優秀的,怎麼會選擇我去比賽哪?後來老師告訴我,我要參加的那個項目是打字科目的,老師說我的手比較細,而且人穩當,所以選擇了我。”趙凱說,自己都沒有想到,自己真正對電腦的第一次親密接觸竟然是以這樣一種看似掉餡餅的方式砸在自己頭上的。       在全市比賽之前,在學校特許的情況下,趙凱幾乎免除了一切的課程,和幾個同學一起被老師關在機房裏強化集中訓練五筆字型輸入法。而在此之前趙凱僅僅只是在課堂不充裕的時間裏短暫的接觸過電腦。趙凱說自己以前並不能說很喜歡電腦,而這次不得以被趕鴨子上架了。不過這一次趙凱耐心平和的性格再一次幫助了他,趙凱按照老師的安排認認真真的在機房裏苦練了兩個星期之後輸入法的速度已經能夠小組中排名第一。       打字速度給了趙凱很大的信心,雖然當時趙凱甚至連Word這樣普通的辦公軟體的操作都有些陌生,但是手指間飛快的速度讓趙凱前所未有的自信自己能夠學習好電腦。由於每一個參加比賽的小組都需要參加基礎的電腦網路的知識問答和操作,因此在趙凱主攻的打字強項之外,利用集訓練習的空隙時間上網學習網路知識成為了趙凱的另外一項任務,此時Internet的概念對於趙凱腦海中完全是一片空白,網路中世界中的一切對於趙凱來說是如此的新鮮而又新奇的電子商務。       不過正是由於這種好奇+任務的符合動力讓趙凱打下一個扎實的網路基礎,他很快就瞭解了什麼是WWW,什麼是TCP/IP協議,Outlook的作用,SMTP和POP3的設置等等與網路相關的知識。不過趙凱最好奇的仍然是網路中那些漂亮的網站是如何製作出來的,而老師給趙凱的回答是Word就能夠做網站,於是接下來事情非常順其自然,趙凱有了自己的第一個網頁,一個用Word製作後另存為HTML格式的網頁。雖然這個網頁簡單的有些可憐,但是趙凱還是當作寶貝一樣的放到了自己申請的個人網站空間上,而它每一天都會有一個忠實的訪問者,那就是趙凱自己。   第二步:FrontPage到HTML    全市的電腦技能比賽之後,趙凱對網路的已經發生了癡迷的熱愛,此後的日子裏,他幾乎一有時間就往學校的機房鑽。他像擠牙膏一樣的省下來一些生活費購買各種各樣的網路書籍,特別是有關網路製作方面的書籍,趙凱對網路特別是網頁製作方面的濃厚興趣立刻引起了學校一位老師的注意。“這是一位剛剛大學畢業的老師,由於我們年齡基本相仿所以我們之間沒有太多的代溝,而且我們都對網路感興趣,所以就經常在一起聊網路。”趙凱說,遇到這位元老師是他網路人生的第二個轉折。       大二第二個學年正好趕上學校接受上級教育系統的整體教學評估,學校為了準備這次評估專門購置了全新的伺服器,趙凱和那位老師一起摸索著裝配調試成功了伺服器。這一次跟伺服器的親密接觸讓趙凱興奮不已,更加令他想不到的是,學校還給那位老師和他分配了一個新任務,為迎接評估考察團製作一個介紹學校的網站。       趙凱知道這是一個千載難逢的學習機會,但是對於製作網頁剛剛入門的趙凱來說,他很清楚這絕對不是一個輕鬆的任務,而且老師也是剛剛接觸網絡不久,並不能夠在網頁製作方面對趙凱起到一定的指導作用,他們兩個人只能一起在黑暗中摸索。最初的階段,趙凱和老師一直按照網頁Flash製作的教程使用FrontPage這個軟體一頁頁的製作。但是趙凱感覺這樣太慢了,雖然FrontPage這款軟體在操作方面和Word一樣輕鬆,但是往往趙凱花了半天時間做出來的樣子在保存成為HTML網頁之後卻不是自己想要的樣子。       據考察團來參觀的時間越來越近了,趙凱和自己的老師如同熱鍋上的螞蟻一樣著急,而就在這時趙凱發現了Microsoft Office 2000中一個名字叫做Publisher 2000的排版軟體也可以在製作完成效果後另存為HTML檔,而且Publisher 2000的操作非常簡單,你可以把你想調整的圖片放到任何位置,而不必像FrontPage反復的摸索測試再看效果。老師也很快的同意了趙凱使用Publisher 2000製作網頁。       經過通宵達旦的製作,趙凱終於得到了他們想要的網頁效果,不過正當趙凱想和老師慶祝自己的勞動成果時,趙凱突然發現,使用Publisher 2000製作的網頁竟然很多地方都自動變成了整片整片的圖像。此時趙凱才理解了為什麼使用Publisher 2000挪動圖片時那麼輕鬆,因為它完全把網頁的一部分當作了一張大圖片合成了,因為Publisher 2000本身就是做排版的軟體。趙凱說通過這件事情,他下定決心一定要學會如何製作那些精美的網頁。“我一直搞不懂別人很多網頁的特效是如何製作出來的,後來我將網上別人的網頁保存下來,然後使用FrontPage在把這些網頁打開,一頁一頁分析別人的網頁是如何製作的。”通過這種學習方法趙凱學到了自己以前很多不明白的網頁製作方法,例如如何通過控制表格將圖片拆分在拼合。       趙凱說其實最關鍵的是他理解了HTML的真正含義,“我以前一直單純認為HTML是一種檔格式,就如同DOC和EXE一樣,後來同網上看和學習我終於明白了HTML是一種網頁製作的語言,有時候有些想要的效果必須通過HTML根源程式的直接修改才能夠達到想要的效果,而不是單純通過FrontPage修改可以得到的。”修改了兩天之後,學校的網站終於能夠正式啟動了,雖然比預想的的效果要差一些,但是       此後半年的時間趙凱幾乎都在研究HTML和網頁各種製作的方法,“我曾經很長一段時間內不理解為什麼別人製作的網頁的字體可以保持不變形,後來終於搞明白了原來是其中一個尾碼為CSS檔在發揮作用。”隨著趙凱眼界的開闊,他也有FrontPage轉向更加專業的Web Design製作軟體Dreamweaver。       學習Dreamweaver之余,趙凱也不得不面臨另外一個困境,就是他的個人生活問題,由於將附近寄來的生活費都挪作賣書之用了,趙凱的生活開始越來越窘迫,老師看到了趙凱的情況後,向趙凱建議讓他毛遂自薦,去校長那裏接下維護學校網站的活兒,讓學校給他算作勤工儉學,減免他一部分生活費,而且這樣學校還能夠       趙凱說,Dreamweaver與FrontPage有很大的不同,Dreamweaver能夠發揮出更多非常專業的網站建置製作效果,例如層概念等等。“FrontPage是一個非常好的入門網頁製作軟體,它可以很快的讓你理解什麼是超連結,什麼是表格,什麼是框架。而在理解了這些網頁製作的基礎之後,Dreamweaver就是製作出精美網頁的利器了。”也就是在趙凱熟練的掌握了Dreamweaver之後,他認為他已經是一個優秀的網頁設計人員了,這一年他邁入了大學三年級的新階段。    第三步:從編程到藝術    三年級新學年,整天為生活費發愁的趙凱遇到了自己的第一個財神,一家人才公司的老總通過介紹找到了趙凱,他希望趙凱能夠幫助自己設計一個網上人才交流的網站,而籌勞對於趙凱這樣一個學生來說相當具有誘惑力。“設計費+維護6000元,這對於我來說可是不小的一個數字,足足夠教我一年的學費了,當時我就想,如果我真的整到了這筆錢,家裏的負擔一下子就會減輕許多。”為了證明自己,更為了減輕家裏沉重的負擔,趙凱毫不猶豫的承接了這個網站的製作任務。       在人才市場的任務接下來以後,趙凱很快發現,事情並不象自己原先設想的那麼簡單,這個人才市場的網站根本不可能使用簡單的幾個頁面就可以完成,它需要根據網路人才自薦等一系列的互動網頁支援,能夠後臺管理,更加直白地說,也就是需要動態的網頁設計,例如ASP、CGI等。       ASP即Active Server Page的縮寫。它是一種包含了使用VB Script或Jscript腳本程式碼的網頁。當流覽器流覽ASP網頁時, Web伺服器就會根據請求生成相應的HTML代碼然後再返回給流覽器,這樣流覽器端看到的 就是動態生成的網頁寄存。ASP是微軟公司開發的代替CGI腳本程式的一種應用,它可以與資料庫和其他程式進行交互。是一種簡單、方便的編程工具。在瞭解了VBSCRIPT的基本語法後,只需要清楚各個元件的用途、屬性、方法,就可以輕鬆編寫出自己的ASP系統。ASP的網頁檔的格式是.ASP。       ASP的程式語言與VB很相似,幾乎可以用孿生兄弟來形容。趙凱在大二的時候就學習了VB程式設計的課程,不過趙凱並沒有認真學習VB的課程,他一直認為VB是一種傻瓜編程語言,而且使用VB編寫出的程式需要VB動態連結程式庫的支援才能夠運行,因此趙凱認為VB是一種沒有前途的編程語言,不過現在書到用時方恨少,如果趙凱VB學習的扎實一些,他完全可以順利的過渡到ASP。       “ASP、PHP、CGI的動態網站現如今已經成為了趨勢,一般的中小公司為了維護和更新方面,現如今都會使用動態網站程式,而動態網站排名關鍵的技術就是編程。”不過最後趙凱還是在同. 

在操作視窗中單擊佈局

很多朋友對FrontPage2003中增加的網頁設計佈局功能很感興趣,現在我們一起來深入瞭解這一實用功能。   用FrontPage2003的“佈局表格和單格”功能佈局Web Design時,需要通過兩部分來完成。   首先通過“佈局表格”功能來為網頁佈局創建一個框架,然後通過“佈局單格”功能為該框架填充包含有網頁內容(包括文本、圖像、Web部件和其他元素)的區域,也就是單格。   下麵我們就以設定一個單位網站首頁為例來瞭解一下用佈局表格給網頁佈局的過程。 一、創建佈局表格 1.創建佈局表格   打開一個空白網頁設計,並切換到“server4.htm' style='text-decoration:none;' >設計”視圖下,單擊“表格”功能表中的“佈局表格和單格”命令,隨後在右側彈出一個任務視窗(圖1),在該任務視窗下面程式提供了多種表格佈局範本,在此單擊其中需要的範本即可將該範本添加到網頁中。 2.繪製佈局表格   如果你對範本中提供的佈局表格不太滿意,還可以用手工繪製的方法創建一個佈局表格。創建時首先在“新建表格和單格”項中單擊“繪製佈局表格”,隨後將指標移到操作視窗最左端,然後拖動滑鼠即可繪製表格。   3.設定表格內容   插入表格後,還需對表格內容進行設定。在“表格內容”項中設定該表格所需的內容。   提示:在設定表格時,如果要想覆蓋Web Design的預設邊距,並讓佈局表格跨到文檔視窗的邊緣,可以將表格中的各個邊距的內容都設定為0。   在設計框架時經常需要調整某一行或列的內容,這時可以通過表格中列寬和行高的標籤來完成。在操作視窗中單擊佈局表格需要調整的邊框,每一側都會出現顯示列寬和行高的標籤。每個標籤都包括一個下拉箭頭,如更改行高度時,單擊此下拉箭頭彈出一個下拉功能表,選擇“更改行高”命令,在彈出的“行內容”對話方塊中重新輸入該行高度值即可。   FrontPage2003還提供了一個表格自動功能,它可以按照比例自動伸縮,調整表格的寬度和高度,使用時在邊距標籤下拉功能表中選擇“自動伸縮”命令即可快速地對表格的尺寸進行調整,非常方便。

2013年9月25日星期三

博客論壇等都會有莫大的好處

學會HTML語言的好處是什麼? 1:很輕鬆的修改你的網站、博客的網頁結構。 2:對SEO網站優化很有用處。 3:拿來主義,通過保存其他網站頁面源代碼,適當的修改,可以仿製出你想要的模板。 4:當你有一張漂亮的PSD源文件圖片時,你可以很輕易的把圖片切割製作成網頁。 5:無論是PHP、ASP、.NET、JSP等網站編程語言,都要用到HTML。 6:可以輕鬆檢測出網站是否中了網頁木馬.和預防網頁木馬。 7:可以向更高一層次進階:DIV+CSS網頁設計。 8:看完這篇文章,接下來就可以修改本站提供的模板了。 用什麼工具來學習HTML呢? 還是推薦大學使用Dreamweaver軟件來學習HTML,Dreamweaver所見即所得軟件是最好的HTML編輯器,全可以一點不懂HTML的知識就可以做出網頁。 如何學習HTML語言呢? 1:一定要多動手,多多修改別人的網頁代碼。(在效果頁上單擊右鍵選擇“查看源文件”即可查看實現該效果的代碼。) 2:記住一些常用的HTML語法。當時盧松松學習HTML的時候只記了一些HTML網頁設計時的常用語法, 如:加入連接:寫上你想寫的字 推薦HTML詳細教程學習地址: 2:HTML視頻教程http://v.youku.com/v_show/id_XMzM0MzM3ODQ=.html(當你點開優酷的時候,你能保證只看教程不看電影嗎?) 總結:Html至今仍是製作網頁時必不可少的代碼。如果能夠熟悉掌握並應用這些代碼,大到做網站,小到博客論壇等都會有莫大的好處。 其實相信大多數人都對HTML已經非常熟悉了,學過HTML的再看一次也許能知道新的東西。沒學過HTML的,看看這篇文章應該能快速掌握要領吧.

搜索按鈕還大2倍多的按鈕

1、搜索框的意義 用戶總是和你想的不一樣,用戶很多時候是不會按照你設定的導航走的,他們更多的時候是上來就直接輸入關鍵字進行搜索。對於購物者而言,如果清楚的知道想要什麼,他們會很明確的使用搜索框,這種情況下購物者顯示出了明確的購物意圖,因此搜索框能夠把該意圖轉變為真實的購買行為。來自Fast Search的數據顯示,30%的購物者進入電子商務網站後會立刻使用搜索框,超過30%的人通過導航沒有找到需要的物品後轉而使用搜索框。 如果一個網站沒有足夠合理的信息架構體系,那麼搜索引擎不僅僅是有幫助性的,甚至是至關重要的設計功能。有可能比網站的導航更對用戶有幫助。事實上,搜索是用戶瞭解在一些綜合性網站內容最直接有效的方式。最好的搜索設計就是給用戶提供一個簡簡單單的搜索框在頁面顯眼固定的位置上,但卻有強力搜索的能力和範圍寬 廣的功能。 所以,如果你的網站沒有足夠清晰的信息架構體系,那麼,請把你的搜索框還給搜索,不要再試圖去綁架你的搜索框! 2、被綁架的搜索框 不可否認,右側的背景很美,但是我是來搜索的不是來欣賞圖片的,這個背景搞的我都不知道這個搜索還有上面的頻道切換是不是可以點擊了(我試圖去點擊新版上線,未果)。這個設計的用戶體驗差及了。 搜索跟留言板有什麼關係?搞個留言板的按鈕跟搜索放在一起是什麼邏輯?這讓我在想搜索的時候很不爽 這個很讓我無語,在搜索按鈕後面補個按鈕就罷了,居然還來個比搜索按鈕還大2倍多的按鈕…… 這個大概是我見過的最無語的搜索框了。想不清楚為什麼現在還有設計師會把“設為首頁”、“收藏本頁”這樣的功能擺出來,而且是擺在搜索框上。 對於這個,首先視覺完全被放在了那2個“新”、“熱”上去了,壓根沒有想著點前面的東西了;不知道為什麼要把這2個東西擺在搜索按鈕的後面,還有,這麼長的搜索框是否是在告訴我,你們網站的東西很難找,需要很長的關鍵詞呢? 現在很多網站都傾向於搞一個這樣會閃的gif圖片來突出某些內容,我習慣把這些東西叫小螞蟻。有的網站搞的很誇張,這小螞蟻長的胖的出奇,用戶的吸引力完全都放在了那只胖螞蟻上,根本沒有想著胖螞蟻前面的東西;有的網站覺得每個欄目都需要突出於是每個欄目上都搞個“新”、“熱點”,最後的結果就是整個網站看著就像個螞蟻窩。個人覺得要想用這個小玩意贏得好的用戶體驗,至少要保證3點:小、簡、少。小,不至於讓我感覺感覺突兀;簡,能表達意思就可以了;少,不至於搞的我想點了不知道點哪里。 3、把搜索框還給搜索 把搜索框還給搜索!搜索就是搜索,不要給搜索背上太多的東西。一個搜索頻道、一個搜索輸入框、一個搜索按鈕這樣就已經足夠多了,再多一點搜索框都會受不了!當然,你也可以讓你的搜索框更精簡,精簡到只有一個搜索框。 把搜索叫搜索!搜索的位置要明顯到用戶第一眼就能看到且隨時能夠找到;輸入框應該讓用戶感覺可以輸入;搜索按鈕看上去應該更像是個按鈕;不要把無關的東西在搜索按鈕邊上,它就應該一個人待著!

相應平臺上

在各種Web Design技術論壇中,常常有人詢問javascript與Java有什麼區別,甚至有人誤認為javascript就是Java。javascript與Java確實有一定的聯繫,但它們並不像我們想像的那樣聯繫緊密,甚至可以肯定地說它們有很大的區別。 什麼是JavaScript ?   JavaScript 是對 ECMA 262 語言規範的一種實現。本教程的目的就是引導您學習使用 JavaScript ,所有例子都在 Internet Explorer 5 下通過,本人並沒有在 Netscape 的各版流覽器中測試,所以可能有的例子不能在Netscape的流覽器中順利運行。 易學易用    JavaScript 是一種解釋型的、基於物件的腳本語言。儘管與諸如 C++ 和 Java 這樣成熟的面向物件的語言相比, JavaScript 的功能要弱一些,但對於它的預期用途而言, JavaScript 的功能已經足夠大了。   JavaScript 不是任何其他語言的精簡版(例如,它只是與 Java 有點模糊而間接的關係),也不是任何事物的簡化。不過,它有其局限性。例如,您不能使用該語言來編寫獨立運行的應用程式,並且該語言讀寫檔的功能也很少。此外, JavaScript 腳本只能在某個解釋器上運行,該解釋器可以是 Web 伺服器 ,也可以是 Web 流覽器。   JavaScript 是一種寬鬆類型的語言。這意味著您不必顯式定義變數的資料類型。此外,在大多數情況下, JavaScript 將根據需要自動進行轉換。例如,如果試圖將一個數值添加到由文本組成的某項(一個字串),該數值將被轉換為文本。 什麼是JAVA?   Java是Sun公司推出的一種編程語言。它是一種通過解釋方式來執行的語言,語法規則和C++類似。同時,Java也是一種跨平臺的程式設計語言。用Java語言編寫的程式叫做“Applet”(小應用程式),用編譯器將它編譯成類文件後,將它存在WWW頁面中,並在HTML檔上作好相應標記,用戶端只要裝上Java的客戶軟體就可以在網上直接運行“Applet”。 Java非常適合於企業網路和Internet環境,現在已成為Internet中最受歡迎、最有影響的編程語言之一。 Java有許多值得稱道的優點,如簡單、面向物件、分散式、解釋性、可靠、安全、結構   中立性、可攜性、高性能、多線程、動態性等。Java擯棄了C++中各種弊大於利的功能和許多很少用到的功能。 Jave可以運行與任何微處理器,用Java開發的程式可以在網路上傳輸,並運行於任何客戶機上。 javascript與Java的區別主要表現在以下方面:   一、javascript與Java是由不同的公司開發的不同產品。javascript是Netscape公司的產品,其目的是為了擴展Netscape Navigator功能,而開發的一種可以嵌入Web頁面中的基於物件和事件驅動的解釋性語言;而Java是SUN Microsystems公司推出的新一代面向物件的程式設計語言,特別適合於Internet應用程式開發。實際上,javascript最初的名字並不是javascript,而是LiveScript,名字中的“Java”是經過SUN Microsystems公司授權的。   二、javascript是基於物件的,它是一種腳本語言,是一種基於物件和事件驅動的編程語言,因而它本身提供了非常豐富的內部物件供設計人員使用。而Java是面向物件的,即Java是一種真正的面向物件的語言,即使是開發簡單的程式也必須設計物件。   三、javascript與Java嵌入方式不一樣。在HTML文檔中,兩種編程語言的標識不同,javascript使用……來標識,而Java使用來標識。   四、javascript與Java在流覽器中所執行的方式不一樣。javascript是一種解釋性編程語言,其源代碼在發往用戶端執行之前不需經過編譯,而是將文本格式的字元代碼發送給客戶,即javascript語句本身隨Web頁面一起下載下來,由流覽器解釋執行。而Java的源代碼在傳遞到用戶端執行之前,必須經過編譯,因而用戶端上必須具有相應平臺上的模擬器或解釋器,它可以通過編譯器或解釋器實現獨立於某個特定的平臺編譯代碼。   五、javascript與Java代碼格式不一樣。javascript的代碼是一種謀咀址袷劍梢災苯憂度際TML文檔中,並且可動態裝載,編寫HTML文檔就像編輯文字檔案一樣方便,其獨立檔的格式為*.js。Java是一種與HTML無關的格式,必須通過像HTML中引用外媒體那麼進行裝載,其代碼以位元組代碼的形式保存在獨立的文檔中,其獨立檔的格式為*.class。   六、javascript與Java所採取的變數是不一樣的。javascript中的變數聲明採用弱類型,即變數在使用前不需作聲明,而是解釋器在運行時檢查其資料類型。Java採用強類型變數檢查,即所有變數在編譯之前必須作聲明。   七、javascript採用動態聯編,即javascript的物件引用在運行時進行檢查。Java採用靜態聯編,即Java的物件引用必須在編譯時的進行,以使編譯器能夠實現強類型檢查。   八、javascript不直接對文本和圖形進行操作,它在Web頁面中與HTML元素組合一起發揮作用,但它可以控制流覽器,讓流覽器直接對文本和圖形進行處理。而Java則可以直接對文本和圖形進行操作。   綜上所述,我們可以發現,javascript與Java雖然都可以應用於網頁設計,但它們的確有太大的區別,根本就是兩種語言。

2013年9月24日星期二

必需字元

我們都知道網頁設計的最大特性是“鏈結”,是的這個在我們現在看起來習以為常的東西,讓我們的生活發生了巨大的變化,是這個小小的標籤成就了這個世界上無數的互聯網天才。那麼讓我們看看這個標籤的真面目: 文本區,就是這個簡單的標籤,其實大家都在使用,用Dreamweaver可以很簡單的添加鏈結。但是儘管如此我們還是需要知道A的屬性是什麼,這樣才能更好的利用它。A是個內聯標籤,也就是說它本身並不會產生分行。他是流于文本之中的無素。那麼我們都知道內聯元素是不能包含塊元素的。那就是說在A中不能包含段落、DIV等這些塊級的元素。那麼你工作中是否有這樣的情況呢?是否在A里加了無數的塊級標籤呢?那從現在開始改掉這個壞習慣,這樣不光可以避免一些沒必要的BUG問題,同時也能給GOOGLE等這些搜索引擎一個好印象,多點印象分。當然除此之外振之還推薦在大傢伙在A中加入titile屬性。例: 文本區。為什麼這麼做呢,我這裏有這樣一篇文章《當標題不能顯示完整的時候》,大家可以看一下,這只是加title屬性其中一個小小的用處,但是作用非常有效。 鏈結標籤中的href=“URL”這個URL是個非常強大的東西,當然這不是我們這個專欄的內容,但是也非常推薦讀者們可以認真閱讀一下相關的知識。我從百度百科中找到了相關文檔,請大家點擊閱讀(站外鏈結請讀者們選擇新視窗閱讀)。關於鏈結就暫時只講這麼多,如有什麼疑問請通過文後的聯繫資訊與我聯繫或是線上給我留言。 標題幾乎是所有文章都會有的要素,也是我們用以識實與索引文章的重要元素。我們通過標題去感知文章內的核心。那麼你知道嗎?合理使用標題標籤會讓你的文章更受關注。我們都知道XHTML給我們提供了h1~h6,六個標題標籤,那麼我們如何分配這六個標題標籤的使用呢?下面給出一些建議:h1,在流覽器中顯示最大,那麼自然用來表示最大的標題,對於一個網站來說哪個標題才是最大的?是LOGO,我們通常會在網站的最前面先標注這個網站建設的名稱。所以h1就用來放LOGO,當然如果你的網站沒有LOGO,只有一個網站名稱,那也可以。當然振之是不推薦在大家在h1中放個圖片。我們完全可以通過CSS來實現以圖換字。並且推薦網頁中h1只出現一次。 當h1找到了專用的功能,那麼擔任內容標是,或是基它標題的重擔就要放在另外幾個標題標籤上了。在餘下的幾個標題中h5與h6在流覽器默認顯示字體是小於正常文本字體的。那麼推薦h5與h6只作為免責聲明或是版權通告來使用。這樣即表明重要性,又不會太過明顯影響閱讀。對於標題標籤的使用盡可能的注意一下他們之間的等級關係。當然標題的使用還是需要根據實際使用來決定。這裏只是給出個建議。標題標籤是塊線元素,但是他並不能再包含塊級元素了,只能包含內聯的元素,比如鏈結、圖像,換行之類的。記得有個朋友前兩天在文章中提到過關於標題的內容,但是寫法就有錯了,他把鏈結寫在了H1標籤的外面,把H1包起來了,這樣的寫法是不推薦的。也不符合標準思維容易給以後的學習產生不好導向。 我們的文章難免會有錯誤的地方,那麼有錯就要改,但是有時候我們需要告訴讀者這段是被刪除的但是又能讓讀者看到。那麼刪除標籤的作用就產生了。以前我們會使用或是來得到一個刪除線的效果。但是這僅表是一個刪除線的效果,語義上沒有DEL來得更為明確,所以這裏我要告訴大家放棄以前的方式,採用這個標籤。同樣能表達我們需要的Web Design效果,並且意義更為直接明確。那麼除了刪除有時我們還需要對刪除的部分作出一些添加與修改。那麼時候這個標籤就非常有作用了那就是插入標籤。相信不用我說大家也知道如何使用這兩個標籤,但是千萬別忘記了給這兩個標籤加上兩個重要的屬性:cite與datetime。解釋與時間。解釋不用說了,只要用文字注明為什麼要刪除或是為什麼要插入就可以了。但是這個時間需要明確一下格式。嚴格的格式是:YYYY-MM-DDThh:mm:ssTZD。呵呵與我們平時用的差不多但是有區別,其中T是表示時間段開始的必需字元,而TZD則是表示時區,Z是表是格林威治標準時間。一秀的寫法是:2008-03-25T14:26:22Z 在所有的標籤中有兩上標籤是樣式標籤,但是卻沒有被禁用,因為這兩個標籤所表述的內容很特別,上下標,上標,下標。 這兩個標籤用得到機率比較小,但是上標應該還是會常用到的,比如溫度中的攝氏度的上的小圓圈,當然現有有專業的字元對應“℃”,還有我們常看到書中的註腳上標[1]。 hr,分平分隔線,這個標籤與換行標籤只要注意標籤的寫法就可以了


關於文本部分的標籤就講到這裏,當然標籤可能還有很多,但是一些不推薦使用的,不常用的,這裏就不再推薦,有興趣的可以搜索一下相關的內空閱讀一下即可。下一篇將引入CSS,一點點的美化我們的文檔。 webstore ( 網頁寄存 )也是必須的其中一件事.