1. 怎樣製作個人網頁啊我想開個網上服裝店
用DW做就行
ASP什麼的要慢慢學不過先學會HTML和DW
網站設計八步驟
由於目前所見即所得類型的工具越來越多,使用也越來越方便,所以製作網頁已經變成了一件輕松的工作,不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁,於是他們認為網頁製作非常簡單,就匆匆忙忙製作自己的網站,可是做出來之後與別人一比,才發現自己的網站非常粗糙,這是為什麼呢常言道:「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣,它是一個系統工程,有自己特定的工作流程,你只有遵循這個步驟,按部就班地一步步來,才能設計出一個滿意的網站。
一、確定網站主題
網站主題就是你建立的網站所要包含的主要內容,一個網站必須要有一個明確的主題。特別是對於個人網站,你不可能像綜合網站那樣做得內容大而全,包羅萬象。你沒有這個能力,也沒這個精力,所以必須要找准一個自己最感興趣內容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網站的主題無定則,只要是你感興趣的,任何內容都可以,但主題要鮮明,在你的主題范圍內內容做到大而全、精而深。
二、搜集材料
明確了網站的主題以後,你就要圍繞主題開始搜集材料了。常言道:「巧婦難為無米之炊」。要想讓自己的網站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來,也可以從互聯網上搜集,然後把搜集的材料去粗取精,去偽存真,作為自己製作網頁的素材。
三、規劃網站
一個網站設計得成功與否,很大程度上決定於設計者的規劃水平,規劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,你只有在製作網頁之前把這些方面都考慮到了,才能在製作時駕輕就熟,胸有成竹。也只有如此製作出來的網頁才能有個性、有特色,具有吸引力。如何規劃網站的每一項具體內容,我們在下面會有詳細介紹。四、選擇合適的製作工具
盡管選擇什麼樣的工具並不會影響你設計網頁的好壞,但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多,首先明盯就是網頁製作工具了,目前大多數網民選用的都是所見即所得的編輯工具,這其中的優秀者當然是Dreamweaver和Frontpage了,如果是初學者,Frontpage2000是首選。除此之外,還有圖片編輯工具,如Photoshop、Photoimpact等;動畫製作工具,如Flash、Cool3d、GifAnimator等;還有網頁特效工具,如有聲有色等,網上有許多這方面的軟體,你可以根據需要靈活運用。
五、製作網頁
材料有了,工具也選好了,下面就需要按照規劃一步步地把自己的想法變成現實了,這是一個復雜而細致的過程,一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小,就是說在製作網頁時,先把大的結構設計好,然後再逐步完善小的結構設計。所謂先簡單後復雜,就是先設計出簡單的內容,然後再設計復雜的內容,以便出現問題時好修改。在製作網頁時要多靈活運用模板,這樣可以大大提高製作效率。
六、上傳測試
網頁製作完畢,最後要發布到Web伺服器上,才能夠讓全世界的朋友觀看,現在上傳的工具有很多,有些網頁製作工具本身就帶有FTP功能,利用這些FTP工具,你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網激圓和站上傳以後,你要在瀏覽器中打開自己的網站,逐頁逐個鏈接的進行測試,發現問題,及時修改,然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友,讓他們來瀏覽。
七、推廣宣傳
八、維護更新
網站要注意經常維護更新內容,保持內容的新鮮,不要一做好就放在那兒不變了,只有不斷地給它補充新的內容,才能夠吸引住瀏覽者.
怎樣製作網頁先說說目前網頁製作流行的三類作法:
一、使用像Dreamweaver、Fontpage一樣的所見即所得腔彎的網頁編輯軟體。Fontpage較容易些,會操作Word就會使用它。專業人士一般用Dreamweaver來做網頁,用flash、firework等來美化網頁,有興趣的可以下載網頁三劍客Dreamweaver、flash、firework來試試。
二、使用記事本修改網頁Html代碼,不推薦使用Fontpage等網頁編輯軟體修改的原因是:很多網頁格式如果用網頁編輯軟體打開就會變形,所以直接使用記事本修改網頁Html代碼是最簡潔有效的方法。當然可以去下載強化的HTML工具更好,例如:UltraEdit。
三、其實很多現成網頁模版、網站系統已經做好了,而我們不必再次證明「牛頓定律」浪費我們的寶貴時間。就像PHP論壇程序現在別人做的挺好的(例如Discuz!,PHPwind),我們何苦再去編寫一個論壇程序呢簡直是費力不討好,並且Bug特別多。當然學習資料庫編程開發的人例外。
怎麼做網站呢首先我們需要了解一下網站的頁面組成,網站一般包括以下幾部分:
首頁:網站的門面,如同公司的形象,特別注重設計和規劃。
次頁:網站的主要導航結構頁面,講究風格的一致性,並於首頁呼應。
普通頁:網站主要的承載信息的頁面,設計要求不高,但要求鏈接准確、文字無誤、圖文並茂,並沿襲網頁的風格。
彈出頁:一般用於廣告、新聞、消息、到其他網站的鏈接等等,一般用的很少。
通過上面的分析,我們可以看出:
從功能上來看,首頁主要承擔著樹立企業形象(當然不僅僅是首頁)的作用,次頁在導航方面起著重要的作用,比如各欄目內部主要內容的介紹,都可以在次頁中體現再進入普通頁,讓瀏覽者能夠迅速了解網站各欄目的主要內容,擇其需要而瀏覽,而普通頁則是主要的信息頁面,也是網站的最終頁面,對於大型網站,這種結構非常重要,而對於中小型企業,網站規模較小、頁面數量不多,有時次頁就起著普通頁的作用,至於彈出頁,建議您不是必要,最好不要用。下面詳細介紹各頁面的設計技巧:
一、首頁設計技巧
網站首頁是企業網上的虛擬門面,在此,提醒上網的企業注意自己門面的設計,決不能敷衍了事、馬馬虎虎。我們會經常看到印刷精美的產品目錄或廣告,當您屢屢看到那些印有產品目錄或廣告的精美印刷製品的時候,相信您或多或少會對有關的產品形成一種好感,即使您不會購買,也必然對這些產品形成一定程度的認同。而對於設計毛糙的宣傳品,您肯定會懷疑其內容的真實性,從而對其產品或服務產生質疑。好,現在說說網站的設計,相信您會同意這種說法:網站的頁面就好比是「無紙的印刷品」。既然如此,我們會因此而得出一個結論:精良和專業網站的設計,如同製作精美的印刷品,會大大刺激消費者(訪問者)的購買慾望,反之,您公司所提供的產品或服務將不會給消費者(訪問者)留下較好的印象。值得一提的是,除非您的企業有專業的網站規劃、設計人員,否則您最好找專業公司或專業人員為您設計製作,一個優秀的專業設計人員會很快明白您的意圖,並根據您的建站目的提出建設性的意見。
一般來說,網站首頁的形式不外乎有兩種,一種是純粹的形象展示型,這種類型文字信息較少,圖像信息較多,通過藝術造型和設計布局,利用一系列與公司形象和產品、服務有關的圖像、文字信息,組成一幅生動的畫面,向瀏覽者展示一種形象、一個氛圍,從而吸引瀏覽者進入瀏覽。這需要設計者具有良好的設計基礎和審美能力,能夠努力挖掘企業深層的內涵,展示企業文化。這種類型的首頁在設計過程中一定要明確要以設計為主導,通過色彩、布局給訪問者留下深刻的印象,當然,我們不能為了設計而設計,我們的目的是營銷,在設計過程中一定要牢記這一點!
另一種是信息羅列型,一般的大、中型企業網站和門戶網站常用的方式,即在首頁中就羅列出網站的主要內容分類、重點信息、網站導航、公司信息等等,這種風格比較適合網站信息量大,內容豐富的網站,因為是以展示信息為主,這是的設計就要在細微之處體現企業形象,建議設計人員最好仔細閱讀企業的CI手冊,熟悉企業標志、吉祥物、字體及用色標准,在網站的局部體現出來,往往平淡之中一個優美的符合企業特點的曲線就能夠給人以深刻的印象,從而將企業形象印在瀏覽者的腦海里。設計人員在設計過程中要注意使用這些語言符號來表達一種獨特的企業信息。
網頁設計時注意事項:
1.不要花里胡哨。
2.要有風格,要突出行業的特點。比如娛樂業熱烈活潑些,政府網站則要莊重些;收藏書畫業要古樸典雅,策劃時裝業則要前衛些。
3.一張網頁一般兩屏到三屏就可以了,不要太長,會影響你的網頁打開的速度。如果內容實在太多,應該分作幾個頁面,或者分為幾個二級欄目。
對初次建站的用戶來說,製作網頁是件頭疼的事情;對於由別人幫助建站的用戶來說,網站的後期更新維護可能更令人頭疼。缺乏專業人才及專業知識,讓大家對建站望而生畏。推薦您選購『自助建站專賣店』自助網站系統,由於不需要專業人員製作網站程序,且SOHO個人工作室不像公司那樣牽扯分享利益的人多而成本高,我們所提供的網站建設價格在市場上具有很強的競爭力。我們更懂得每一個網站的製作質量都是下一個網站的廣告。三大承諾,放心選擇:「免費試用滿意後再付款」「主機空間正式付款7天內無條件退款承諾」「100%網站及域名所有權」。為進一步免除您的後顧之憂,近期還計劃安裝支付寶等第三方網上支付手段,讓大家放心購買。用戶進入網站後台後,自己就可以在現有模板上對網站內容進行更新,不用再為如何製作網頁擔心,『自助建站專賣店』銷售數十種正版品牌建站軟體,享受自動升級服務和相關的技術服務(定製模版+內容更新)
2. 超實用!網站導航欄設計形式總結
導航對於一個網站來說,起到重要的引導作用。一個優秀的導航設計可以讓用戶快速的找到所需 ,讓用戶清晰明了的了解到網站的結構框架,起到重要的指引作用。下面跟大家分享下常用的幾種網頁導航形式:
1、頂部導航
頂部導航被廣泛應用在各個領域的網站當中,這類導航可以一目瞭然的讓用戶迅速尋找到所需。頂部導航這樣的設計形式保守但目的性強,可以確保組織結構的可靠和降低用戶尋找的時間成本。但這類導航有個缺點,首頁內容過多需要滾屏的時候,用戶需要滾動到頂部再去切換導航內容。所以現在很多頂部設計的導航會做一個效果,將導航固定在頂部導航,這樣減少了用戶的使用成本。
頂部導航設計的樣式也比較多,主要是跟logo、登陸注冊、搜索框搭配組合成多種效果,具體可見下圖:
頂部導航的設計成熟穩重,比較中規中矩,但不容易出現太大的問題,所以使用率也是比較廣的。熟悉我的人都知道我用 蟬知 在做網站,下圖就是蟬知系統後台界面中頭部導航的定義,可做多種組合在前台顯示效果。
2、側邊導航
側邊欄導航的設計形式比較多樣,也可以有多表現形式,可動可靜,可大可小,比較個性化。固定的側邊欄導航設計不是很建議,特別是對於寬度大的側邊欄導航,這樣的設計會影響整個網頁界面的寬度。設計師可以考慮做成側邊欄以滑動方式展現,在節約網站空間的同時也顯得更加簡約。
側邊欄導航的設計需要注意的是導航欄目的寬度問題,若導航欄中字體過長,在展示上會存在一定的問題,哪怕做成滑動展示的形式也不能很好的得以解決問題。結構復制的網站不適用這類導航,且側邊欄的二級導航欄目不也宜多,所以這類導航大部分適用於一些設計師或個人官網。當然,也有一些結構簡單的網站會採用這類導航。
以下這個 the HOUSE時尚服飾官網 將側邊欄的內容精簡做成一個元素放在側邊,這樣看起來是不突兀的,不會佔用空間,相反還起到一定的裝飾作用。
3、底部導航
底部導航應用性不是很廣,比較長出現在一些活動或個性化的網站當中。其實底部導航被廣泛使用的並不是在pc端中,而是在移動端。
在pc端中採用底部導航的形式,一般都是採用固定的方式,這類導航可以減少用戶的使用成本,但對於結構復雜的網站,有二級或三級導航的網站就不是很合適。其次,將導航放置底部,對於用戶的使用習慣來說不是特別的好,用戶的眼睛都是從上到下從做往右瀏覽的,這樣的設計比較挑戰用戶的使用習慣。
故而有很多網站在設計的時候首屏導航會放在底部,到第二屏之後導航就會固定到頂部,舉個例子: forh健身房體育運動網站。
4、漢堡包式導航
漢堡式導航其實跟底部導航一樣,比較常出現於移動端。但現在不少的pc端也越來越喜歡用漢堡包式的導航設計。這樣的設計比較節約空間,相當於將導航做成一個隱藏式的設計或是彈出式的設計,具有設計感。
STUDIO JT韓國設計工作室 網站的漢堡包式導航就具有一定的設計感。
雖然漢堡包式導航的設計方式可以很多樣,也可以很個性。但對於一部分用戶而言,漢堡包式導航其實並不是那麼直觀,特別是用戶對導航結構不清晰的情況下。設計師在設計這類導航的時候還是要斟酌下。
5、滾動式導航
滾動式導航分水平滾動和垂直式滾動。
水平式滾動
水平式滾動就是內容呈左右水平方向滾動的,當用戶第一次遇到這樣類型網站的時候,體驗感會比較差,因為它物理和視覺運動方向與常規的縱向滾動不同,而且當你使用滑鼠滾輪滾動的時候,它的左右水平滾動會讓用戶產生交互上的錯位感,這樣的感受其實並不是特別友好。所以這樣的網站其實比較少見,但也有及其少部分做得好的。
來看看 Costume National Scents官網 的界面效果。
其實為了不讓用戶在水平滾動的體驗上太差,在界面設計的時候可以加入一個向左或向右的箭頭指示,讓用戶有個心理暗示,可以減少突兀感。
垂直式滾動
垂直式的滾動在html5網頁中運用廣泛,很多設計師很喜歡用這樣的設計,將一些動畫特效和垂直式滾動導航相結合,可以達到一種新的視覺效果。一起看看 DENSO Brand site的官網 ,裡面結合了很多特效。
以上介紹的這么多種導航方式,各有利弊,但無論哪一種,導航既然是導航,就應該起到為用戶快速便捷找到所需的作用,提高網站的易用性和易操作性,並不是花哨的導航就是好的,用戶往往喜歡簡單醒目的。這才是導航的設計原則!
上面介紹了導航常見的幾種設計樣式,我們再來說說在設計導航前應該做好什麼工作:
1、准備工作:整理導航結構內容。
網站頭部常常包括的內容是:標志、導航、搜索框、語言、登陸注冊、口號、400電話這些內容。這么多內容不可能全部放置在網站當中,所以我們在設計網站前需要規劃好這些內容,適當的做一些取捨。
2、分析網站風格,確定導航的具體風格。
在確定網站導航的構成內容之後,我們可以將這些信息列出,分析網站的整體風格和最佳的用戶體驗,確定好導航的表現形式。
3、設計方案
在確定好導航的表現形式是做頂部固定導航還是底部固定導航之後,我們需要將確認好的導航內容進行組合排列設計。選出最優的一款設計方案。
在設計的過程中,我們需要遵從用戶體驗為上的設計原則,在保證內容可讀的情況下,再去保證界面設計的最優。
相信一個好的導航是整個網站成功的重要一步,設計師根據不同網站的需要設計不同的導航,而要做到這一步也並非易事,學海無涯,設計師們一起加油吧。