設計網頁結構的方法有哪些

1、六、思考問題 1. 網頁的基本結構包括哪些部分，各部分的功能是什麼？ 2. 網頁設計中有哪些常用的圖片類型

1.標題：表示網站和說明網站的性質和內容
頁眉：也成頁頭也沒的屬性是定義頁面的主題，比如一個網站的站點的名字就是現實在頁眉里
導航欄:網站欄目的索引，通過導航欄可以方面地到達各個欄目
內容：是網站的精神所在，沒有瀏覽者所需要的內容網站就是去他存在的價值
頁腳：頁腳與頁眉相呼應。
2.jpg、gif，單機屬性，即可對頁面屬性進行設計。
3.選中你所要連接的目標，在鏈接中選中你所要連接的主題。

2、網頁設計的布局有哪幾種

網頁設計的布局有哪幾種？

1.「國」字型：

2.拐角型：

3.標題正文型：

4.左右框架型：

5.上下框架型：

6.綜合框架型：

7.封面型：

8.Flash型：網頁設計

9.變化型：網頁設計

3、完整的網頁設計包括哪幾個結構

前期、中期、維護。

1、前期，需要自己做網站的目的，也就是說要明確自己做網站是為了什麼？
2、中期，清楚自己的目標就要去奮斗，開始擴展自己的知識如一些做網站的技術需要懂那些技術等等這都是個問題。
3、維護，這是個比較艱難的時期，這個時期考研你的一切，更重要的是考研你的耐心和堅持。

4、描述網頁設計的一般步驟

一、網站結構設計
網站結構設計包含網站欄目設計和網站模塊設計以來確定網站提供服務的一種邏輯表現形式，也是網頁之間的層次關系。
1.網站欄目能起到提綱挈領額作用
2.網站欄目具有清晰導航的功能
3.網站模塊要做到順序清晰且緊密結合

二、網站主題設計
網站主題設計實際就是網站視覺呈現風格的設計。網站的主題風格要能充分吸引用戶的注意力，為用戶提供愉快的訪問體驗。
1.設計能反映網站內容的logo,並且將logo放在網站的醒目位置。
2.網站的顏色要統一，要突出網站的主調色彩。
3.相同類型的圖像要有相同的效果。
4.網站要有一句明晰的宣傳標語。

 
三、網站布局類型
1. 國字型布局
這種布局類型分為上邊欄、左邊欄、中間內容區、右邊欄和底部的頁腳區域，其形狀酷似一個「國」字。國字型結構是目前比較常用的一個網頁布局結構，它適用於信息分類繁多、需要良好組織的網站。
2. T字型布局
這種布局類型由上邊欄、左邊欄、內容區、下邊欄組成，其形狀有點像一個英文字母寫的「T」字。T字型結構網站目前在一些權威機構、企事業單位的公司網站出現得比較多。
3. 左右框架型布局
這類網站主要由左邊欄和內容區組成，組成比較簡潔，主要用於精彩內容的呈現，主要是很多個人站點、博客的首選。
4. 上下框架型布局
這類網站由上下邊欄組成，上邊欄用來放置logo和鏈接等信息，下邊欄用來放置網頁的內容。上下型網站經常用來進行個性化展示，在企業門戶網站的公司展示中也比較常用。
5. 標題正文型布局
這類網站的布局結構由上邊欄和內容區組成，上邊欄用於顯示文章的標題。主要用於顯示文章的標題，內容區放置文章的內容，這類布局在一些論文、學術網站的設計中比較常用。
網站設計都不會單獨使用以上列出的某一種布局結構，而是通過混合使用多種布局結構來實現自己想要的效果，這類布局通常稱為「綜合性布局」。

四、網站頁面設計
網站頁面是網站的最終表現形式。網站頁面由頁面內容的質量度和頁面的美觀度來決定。頁面設計應該遵循的原則如下：
1.符合企業的行業屬性和企業特點。客戶打開網站能直觀感受企業所傳遞的理念和特徵。
2.符合用戶的瀏覽習慣。根據網站內容的重要性進行排序，讓用戶花最短的時間能夠找到自己需要的信息。
3.符合用戶的使用習慣。將用戶經常使用的功能放在網站的醒目位置。
4.圖文搭配。
5.利於搜索引擎優化。減少圖片和動畫，多使用文字描述，以便於搜索引擎收錄，讓客戶更容易找到你。格子網路解答。

5、網頁結構有哪幾種類型？網頁設計與製作應包含哪些基本方法與步驟？

類型:tbale+css和div+css
步驟:設計界面》切片》HTML製作》前端實現》後台程序》測試》上線

6、網站的結構設計包括哪些內容。

我們都知道如何創建一個好的網站。有一大堆的關於可用性、界面設計以及網站設計的書可以參考。如今，我們都知道一個好的站點應該有：非常好看的設計、友好的界面、毫無缺點的結構、智能化的後台處理以及非常優秀的內容。唯一被大多數人所忽視的可能是交互性。

缺乏交互性的網站即使看上去非常的漂亮也是缺乏生命力的。在網站設計上經常使用的是一些文字的交互，但是文字交互的效果到現在位置還是非常模糊，除非你每日醉心於交互性設計，否則你根本難以描述什麼叫做"交互"。

如何把我們的注意力集中在交互性上還是繼續讓我們的想像力馳騁？我想，問題在於我們能把我們從媒體上獲得的一些簡單的理論用於我們的實踐。我們需要記得的是網站包含哪些內容？網站的結構是什麼？我們最初的目的是什麼？

不同於其它媒體的"網站交互"

不象其它大多數媒體，如我們看電視，聽收音機或者瀏覽雜志，網站它不是一個被動的媒體。

我們不能真正的觀看網頁。顯而易見，我們可以調出一個網站，然後坐在那裡目不轉睛的瀏覽，如果我們坐在那裡吃爆米花的話，網頁並不能夠自動的變化內容(當然，你可以在右手使用的滑鼠的同時，不停的用左手把爆米花塞到你的嘴裡，這里所述的意思是，如果你不幹預，訪問網站和看電視的最大區別是訪問網站需要根據你的主動選擇)。瀏覽網站的內容根據你的個人喜好，在眾多的連接和下拉菜單中選擇你喜歡或者關心的內容或者連接到另外一個站點。

網站具備大多數媒體所不具備的特殊性：用戶的選擇和主動性。

與此相反的是，許多的出版者的決定來自於意見反饋表、感覺或者來自於電視、收音機和出版物等所有信息的體驗。我們對正在播出的電視、收音機節目基本不具備控制的能力(當然，如果您是電台的工作人員除外)，我們僅僅能作的是對你的電視或者收音機作些什麼，而對於內容控制，我們則無能為力。你可以調低音量或者調高音量，或者換個頻道，甚至關閉電視機或者收音機，去作其它的事情，比如到外面散散步，或者到四合院里和鄰居們聊天。

我們可以訂閱或者退訂報紙或者雜志，選擇我們喜歡閱讀的文章，或者給內容編輯寫信探討關於內容的見解或者疑問。但是這些選項還是和網站所能作的不能相比。但是，對於熱門內容的經常[此屬臟話，已被過濾:經典論壇]互，已經成為越來越清晰的表現出對這方面的需求。

不確定的網站交互周期

從應用的觀點來說，我們可以對某事作用於某人我們該做什麼什麼樣的交互給出一個簡單的定義。但，這的確是一個含糊的概念，所以對於某些特定某件事件的交互性的常常有很多的討論，意見多種多樣。

從開始連接上網開始，網站上有太多關於交互性的例子了。比如文本下的下劃線，靜態圖片或者諸如活潑的JavaScript翻轉動畫等動態精美圖片，面對這些令人炫目的特效，實質上呢，這些連接本質上也是靜態的。直到我們對那些連接感興趣的時候，我們才會決定用滑鼠去點擊。

一旦點擊，相關的頁面將出現文字，圖表，表格或者你感興趣的其它內容，這樣你就立刻可以得到滿足(當然，前提是該連接正確有效，而且該連接所在的伺服器和網路保持正常連接而且運行正常)。

網站的交互體現在，作為一種媒體，網站將會對你的選擇做出響應，然後訪問者就可以循環似的選擇，連接到其它的頁面。重復的作這些，繼續點擊，用戶的選擇就可以及時從伺服器得到響應，這是一個非常讓人愉快的過程。

這樣的通過訪問者的手就能夠控制的交互能力對於電視雜志來說是基本不可能實現的。交互性，也是一種"關系"。作為網站開發者或者設計者，學習如何讓我們的良好的視覺設計和技術開發能力和交互性兼顧，將讓網站的訪問者包括我們自己都會為此感到愉悅。

當然，連接不是交互性的全部，但的確是網站結構和設計的核心和靈魂，就象這個世界本身就令我們非常著迷一樣。

必須要理解網站結構

了解站點的結構是非常重要的，特別是對於你要處理大量的數據來說沒有比這個更重要的事情了。當網站的多個欄目有成百上千的文檔需要管理或者有規則的添加新文件的時候，了解站點的結構成為頭等大事。

了解了網站的結構，我們就可以通過網站結構達到控制文件管理的目的。接下來，通過我們理解的網站結構，我們不但要知道我們的網站將和訪問者的動作如何相互影響，而且要利用我們先進的後台技術，不留痕跡的讓這種交互過程變得強大和有效。

當然，我們知道最初的網站並不想成為一個圖形媒體。最初的想法是創建一個方便存取的文本文件以快速連接文件。舉例來說，如果一個醫生要發表一項關於內科的研究成果共同行參考，他或者她就可以在超級終端的純文本環境裡面，將他的論文的連接加入到一個醫學研究的相關目錄。雖然，今天的站點看起來和以前有很大不同，很多的網站有著非常漂亮的圖形界面，豐富的媒體格式和在線游戲等等，但是其本質並沒有改變。它僅僅是對我們未經訓練的眼睛來說有了明顯的變化。

互動式媒體現在被稱為"新媒體"。"新媒體"以它的交互性與常見的諸如報紙、雜志、書、收音機、標準的動畫片、電視和電影等靜態媒體區別開來。

網頁正快速的從純文本向圖形化過渡。一旦我們使用的圖形瀏覽器開始支持圖形文件格式，文本連接就變成了圖形連接。如今，通過使用形形色色的HTML，CSS和JavaScript(一種越來越廣泛使用無需連接大應用伺服器和資料庫就可以產生交互功能的編程語言)的連接越來越豐富。然而，需要強調的是，我們創作的時候依然要重視網站的基本結構。

最好的方法，是使用一個白板把你腦子裡面的想法畫出來。首先，先畫出站點的基本構成，然後就要考慮有那些令人感興趣的頁面可以可以鏈接到其它哪些頁面，依靠集體的力量最終完成該站點。使用更多的線性結構，可以對訪問者以更好的指引。

最終畫出仔細構思的網站結構

你面臨的最大的挑戰是將你的想法畫出來。如果你現在已經因工作的壓力快要發瘋的時候，建議你出去走走，坐在樹下，用草稿紙畫個草圖也許感覺會輕松一些。先畫出主要的部分，一開始不要使用文字，僅僅把需要重點表現出來的頁面或者站點單元按需要畫出框圖即可。然後，回過頭來想想有幾種可能關聯到那些部分，是否是唯一關聯的部分。按照這樣的方法，在創作的道路上，你可能最終得到令人驚喜的結果。其實，類似於這樣的考驗並不常有，但是對於站點製作人員來說，通過這樣的方法可以受益很多。全面使用你的大腦，你將得到一個更具可用性的站點。

7、網站結構怎麼設計好呢？

　【釋義】全方位、多角度、深層次地建立。
從字面來看，構建應該是多方位,多角度考慮的建設行為，是一個綜合的過程。
在網站構建過程中，我們應該考慮哪些
1、網站的速度
2、網站的美觀
3、網站的用戶體驗
4、網站的安全
5、網站和企業需求的匹配度
6、網站的生存周期
7、選擇好的服務商
互聯網有一項著名的8秒原則：客戶在訪問網站時，假如下載需要太長時間，他們就會放棄訪問。據調查有近50%的用戶由於網頁速度不穩定或頁面下載速度過慢，而停止訪問曾經推崇的網站。
指我們網站打開的速度怎麼樣，是用1s就能打開,還是需要5S,甚至更長。
如果很短的話，比如：0.5S,那麼恭喜您，你的網站的速度是很不錯的。高於3-5秒，就是很不理想的值了，假如時間超過8秒瀏覽者就會感到不耐煩甚至就直接封閉網頁了。
網站的速度和哪些信息有關呢？
一、網頁內容的大小；
網頁內容所包括的文本、產品的圖片（靜態的，動態的）、視頻、Flash文件等。這里涉及到瀏覽器的原理，瀏覽器的技術原理就是將網頁下載到客戶本地緩存，然後通過瀏覽器解析源碼，以瀏覽器窗口編譯出用戶可以正常閱讀的圖片和文字，因此，網頁文件的大小決定了網站是否能快速打開。
二、網路帶寬
網路的帶寬包括對接點和客戶端兩個位置，對接點指的是出口端（如電信對網通的對接點），另一個就是瀏覽者自己本身的帶寬；
三、DNS解析時時間：
包括往返解析的次數及每次解析所花費的時間，它們兩者的積就是DNS（何謂DNS）解析所消耗的時間；很多人忽視DNS的因素，其實，DNS對網站解析速度也是非常重要的。
四、伺服器和客戶端機器的配置：
包括伺服器端與客戶機整個硬體配置程度，同樣的網路環境下，酷睿四核的伺服器的運算能力肯定要強一些，毫無疑問的；同樣的網路環境下，你用一台賽揚的機器和酷睿四核處理器的電腦，打開同樣的網頁，速度， 後者肯定要快的多。
綜合以上四點，可得到網頁訪問總時間的計算公式：
網頁打開時間=網頁內容大小/最小帶寬+解析次數*每次解析時間+伺服器處理時間+客戶端解析時間
從上面的計算公式可以看到，通過進步網路的帶寬可以降低網頁時間，但要留意，網路中的瓶頸不一定是用戶的接進點，而很可能是不同網路運營商之間的對接點。
對於同一個用戶下載同一個頁面，第一項 即頁面的大小與網路最小帶寬的比值是基本一致的。第三項處理時間是指伺服器和用戶的PC機的處理能力，該項隨著網站伺服器的負載而變化，所以網站的伺服器處理能力越強，其響應的時間相對也會更好，在相同條件下，公式的第二項將會對響應時間產生重要的影響。這裡面的伺服器處理時間，都趨近一致了。
而我們所做的就是盡量地往減少DNS在解析過程中所花費的時間，由於只有縮短網站與用戶之間的間隔是進步訪問速度的一個最有效的方法，將用戶要訪問的內容推送到離用戶最近的地方，讓他們的訪問如同訪問本地。
企業網站頁面顯示的速度取決於眾多的因素，包括伺服器性能、網路傳輸質量、網站出口帶寬、網頁架構、網頁內容包括涉及到的圖片和視頻的大小等等。
從國外訪問國內伺服器上的網站主要面臨以下題目：
1、由於網站訪問量增加，伺服器CPU資源不足導致的處理能力不足；
2、隨著用戶訪問量的增多，網站出現了網站頁面顯示速度慢題目；
3、由於中國國家總出口帶寬的不足，導致從海外訪問中國境內的網站非常的慢，網站打開慢，就導致潛伏客戶的流逝。
4、隨著網站著名度的進步，網站受攻擊的可能性越來越大；網站著名度進步，對網站安全性的需求也越來越高。假如是電子商務網站，會尤其重視網站的安全加密瀏覽等功能。

8、怎樣設計網站的結構和布局？

網站結構有兩方面的意思，一是物理結構，二是邏輯結構。
一是物理結構
一般物理結構分為兩種，一是扁平式，是所有網頁都在域名根目錄下。第二種就是樹型結構，也就是根目錄下分成多個頻道，或者叫類別，目錄等，甭管名稱是什麼，都是一個意思，然後在每一個頻道下面再放上屬於這個頻道的網頁。
第二個意義指的是邏輯結構或鏈接結構，也就是由網頁內部鏈接所形成的邏輯的或鏈接的網路圖。
比較好的情況是邏輯結構與前面的樹型物理結構相吻合，也就是說:

主頁鏈接向所有的頻道主頁
主頁一般不直接鏈接向內容頁，除非是你非常想推的幾個特殊的頁
所有頻道主頁都連向其他頻道主頁
頻道主頁都連回網站主頁
頻道主頁也連向屬於自己本身頻道的內容頁
頻道主頁一般不連向屬於其他頻道的內容頁
所有內容頁都連向網站主頁
所有內容頁都連向自己的上一級頻道主頁
內容頁可以連向同一個頻道的其他內容頁
內容頁一般不連向其他頻道的內容頁
內容頁在某些情況下，可以用適當的關鍵詞連向其他頻道的內容頁
頻道形成分主題

目錄與文件的命名原則
由於：hun yin jia ting 等於 hun-yin-jia-ting等於 hunyinjiating 不等於 hun20%yin20%jia20%ting；
所以：文件名因此取名為「hun-yin-jia-ting.htm」或者「hunyinjiating.htm」，而不要取名為「hun yin jia ting.htm」或「hyjt.htm」；
原則：取短舍長，取全拚捨簡拼，取舊舍新（同級），適情而定。

目錄與文件權重級別
1 www.baidu.com
2 www.baidu.com/seo
3 www.baidu.com/seo.html
4 www.baidu.com/index.html
5 www.baidu.com/seo/123
6 www.baidu.com/seo/inde.html
同級下的目錄大於文件的原則；
同級下的集體大於個體的原則；

9、設計網頁結構，給網頁劃分網格怎麼做

最基本的網格系統由一系列水平和垂直的、彼此交叉參考線構成，這些格線讓內容布局變得簡單起來，讓內容更具可讀性。
網格系統在紙媒中廣泛應用，有著悠長的歷史，引入到網頁設計後，出現了很多CSS網格框架，幾乎成了網頁設計的標准。
利用網格系統可以更好的駕馭內容，保持一致性。均勻化的布局，一致性自然就有了，這樣導航功能就能更易於使用，好的用戶體驗也有了。——當然你也可以打破網格系統，用更好的布局取而代之，也可從網格系統中衍生出自己的布局方式。

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

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