網站目錄結構設計

1、網頁設計的目錄結構規范有哪些?

目錄結構規范： 目錄建立的原則：以最少的層次提供最清晰簡便的訪問結構。 目錄的命名以小寫英文字母，下劃線組成。(參照命名規范) 根目錄一般只存放index.htm以及其他必須的系統文件 每個主要欄目開設一個相應的獨立目錄 根目錄下的images用於存放各頁面都要使用的公用圖片，子目錄下的images目錄存放本欄目頁面使用的私有圖片 所有JS,ASP,PHP等腳本存放在根目錄下的scripts目錄 所有CGI程序存放在根目錄下的cgi-bin目錄 所有CSS文件存放在根目錄下style目錄 每個語言版本存放於獨立的目錄。例如：簡體中文gb 所有flash, avi, ram, quicktime 等多媒體文件存放在根目錄下的media目錄

2、使用gulp該怎麼設計目錄結構

那麼，怎麼樣的目錄才是好的目錄，才是符合用戶體驗和更利於SEO優化的呢? 1：在設計內網站目錄時候需要思容考用戶是否會點擊。 我們需要知道如果沒有用戶點擊的目錄是毫無意義的，因此，如果你的網站如何有很多沒有用的目錄，就需要進行更改和刪除;...

3、怎麼設計網站

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

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

網站的主題也就是網站的題材，網站設計開始首先遇到的問題。網站題材千奇百怪,琳琅滿目，只要想的到，就可以把它製作出來。下面是美國《個人電腦》雜志(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、《廣告製作》--樊志育--人民郵電出版社

4、網站目錄結構設計應注意哪些問題

注意網站目錄層次不要過多，使用扁平狀設計，一般三層之內還可以。目錄名稱不要過長，簡短。目錄結構要方便後期查找和分類不同的文件，尤其有靜態文件生成的情況下。

5、手機結構設計的目錄

第1章　概述
1.1　手機結構設計的工作內容
1.1.1　規劃階段的工作
1.1.2　設計階段的工作
1.1.3　驗證階段的工作
1.1.4　技術轉移的工作
1.2　手機的分類
1.2.1　按用戶群分類
1.2.2　按技術類型分類
1.2.3　按結構特徵分類
1.2.4　特殊用途手機
1.2.5　手機的發展趨勢
第2章　手機設計流程和產品規劃
2.1　設計流程
2.1.1　設計流程的作用
2.1.2　設計流程的要素
2.1.3　設計流程的管理
2.1.4　一個設計流程實例
2.2　產品規劃
2.2.1　用戶需求
2.2.2　可行性分析
2.2.3　產品規格
2.2.4　一款手機產品的規格實例
第3章　手機通用件和結構件材料
3.1　通用件
3.1.1　接插件
3.1.2　專用器件
3.1.3　緊固件
3.2　自製結構件材料
3.2.1　外殼材料
3.2.2　表面裝飾材料
3.2.3　印製板材料
第4章　手機造型設計
4.1　造型設計基礎
4.1.1　造型設計的基本原理
4.1.2　造型與心理需求
4.1.3　顏色和色標
4.1.4　視覺和觸覺
4.1.5　照度和亮度
4.1.6　造型與成本的平衡
4.2　設計案例和分析
4.2.1　一款翻蓋手機的造型
4.2.2　一款超薄滑蓋手機的造型
4.2.3　一款直板手機的造型
4.2.4　造型設計工作輸出
4.3　造型設計軟體選擇
4.3.1　效果圖設計軟體
4.3.2　三維實體設計軟體
4.4　造型設計評價
4.4.1　美學符合度
4.4.2　人機工程學符合度
4.4.3　外觀質地和製造精度
4.4.4　可製造性
第5章　手機整機結構設計
5.1　結構設計基礎
5.1.1　尺寸和公差
5.1.2　重量和力
5.1.3　剛度和強度
5.2　裝配圖設計
5.2.1　准備工作
5.2.2　裝配圖設計要點
5.2.3　裝配圖的修改方法
5.2.4　裝配圖設計實例
5.3　印製板組件結構設計
5.3.1　印製板選用
5.3.2　印製板組件單元劃分
5.3.3　接插件的選擇和布局
5.3.4　印製板拼版圖
5.3.5　FPCB的設計
5.4　按鍵組件設計
5.4.1　機械按鍵的設計
5.4.2　觸摸屏按鍵簡介
第6章　手機零部件典型結構設計
第7章　手機結構有限元分析基礎
第8章　手機結構有限元分析實例
第9章　手機電磁兼容性和熱設計
第10章　手機結構件製造技術
第11章　手機結構測試
附錄1　手機自由跌落有限元分析k文件
附錄2　手機沖擊模擬分析的inp文件
參考文獻

6、怎麼設計網站目錄結構？

那麼，怎麼樣的目錄才是好的目錄，才是符合用戶體驗和更利於SEO優化的呢? 1：在設計網站目錄時候需要思考用戶是否會點擊。 我們需要知道如果沒有用戶點擊的目錄是毫無意義的，因此，如果你的網站如何有很多沒有用的目錄，就需要進行更改和刪除;而對於已經設計好的網站，我們可以配合百度站長工具來查詢相關數據，如目錄上面的熱力圖等等，要去掉無用的目錄，更換對用戶有益和用戶需要的目錄。 2：設計網站時候需要把目錄扁平化。 我們的目錄設計最多內外鏈接結構不應該超過三層;太多深層次的目錄設計，不僅僅不利於網站內容的收錄和蜘蛛的爬取，更不利於用戶的體驗;一般來說，我們設計的時候盡量要扁平化的目的就是為了要使搜索引擎收錄網站內容更容易。 3：目錄設計時候盡一切可能避防雙導航模式。 雙導航模式是過去的很多SEO優化相關的書經常介紹和推薦的模式，實質這是一種錯誤的推舉，這種模式只適合大型網站，因為大站內容實在太多，用戶流量也多，分類也實在不得已太細致才做的，而如果你是小站，一定不要做這種模式(比如我們偶爾會發現一些企業站也這樣做，是完全受到了誤導，讓用戶找到自己的東西更困難了)，我們需要做的是精簡。 4：網站產品類別少的，一般不要做過多目錄分類。 減少網站目錄無用分類是有利於網站健康的站點「瘦身」，這樣做後不僅僅使網站更加美觀，而且會使得網站的用戶更容易找到他想要的內容，讓網站看起來也更整潔，整體用戶體驗也更好;同時，對於部分網站，還能加大網站的運行速度，擴大用戶的首頁視野，讓用戶能在第一時間看到首頁的大部分內容，同時也為用戶節省了成本去進行全網站的目錄尋找(很多用戶沒有這個耐心)，所以，我們要切記：網站並非分類越多越細致越好，物極必反，太繁瑣反而不僅僅不能幫助用戶更快找到他要的內容，反而更難以找到。 5：企業站類等小網站不建議左側導航和下拉框。 之所以這樣說，是因為企業網站大多產品最多不過幾十類甚至更少，而左側導航十個有九個產品放置沒有幾個，對於這樣的，我們完全沒必要去為了迎合搜索引擎去做傷害用戶體驗的事情，這樣會讓用戶點了幾次找不到他想要的產品後，會對該網站印象大打折扣從而跳出，當我們發現大量的用戶不喜歡這個網站的時候，那麼你當初所認為的搜索引擎會喜歡的還會喜歡嗎?下拉框同理，能讓用戶一次性點到可以看到且呈現出來的內容為什麼要讓用戶點兩次? 6：醫療網站不建議三列目錄。 三列的目錄大多是沒有作用的，這樣並不利於排名，反而會使得排名更下降。

7、在設計Web項目的目錄結構是，一般吧jsp和html文件放在（）下

在設計Web項目的目錄結構是，一般吧jsp和html文件放在文檔根目錄或其子文件夾下，這也是程序人員編碼的一種習慣，當然也可以放在其它目錄里，不過很少會這樣。

如下圖目錄所示：