導航:首頁 > 萬維百科 > 網頁的設計方法

網頁的設計方法

發布時間:2020-11-02 02:14:42

1、網頁頁面的整體設計方法?急啊~!

我用div布局跟你說吧:
一般我們設置整個網頁的寬度是960px或980px ,當然也有800px的。以960px為例跟你說吧,
在網站最上方,首先設置一個banner(橫幅),把它寬度設為960px,高度大概200px吧;它下面設置為menu(導航條),寬960px,高度大概40px;接下來是我們網頁的main(正文區域),我們可以把左邊設為300px,可以放廣告、文章列表,右邊設為600px,是文章區,中間設為60px,作為兩板塊的空隙。
最後就是bottom(網頁底部)了,我們可以放置一些友情鏈接、備案號,網站站長聯系方式。

可以到我的網站去看一下 http://zhanghuaipeng.3.bname.biz/ 我是用源碼作的,本人學網路工程的,網站建設不是主科目,只學了十多次課,平時也沒時間打理網站,希望對你有幫助。

2、網頁設計的構成要素有哪些?

網站的基本元素是網頁,一個個的網頁構成了一個完整的網站,網頁也是可分的,構成網頁的基本元素包括標題、網站LOGO、頁眉、頁腳、主體內容、功能區、導航區、廣告欄等。這些元素在網頁的位置安排,就是網頁的整體布局。

3、求各種網頁設計中的邊框設計方法

一種是做按鈕的或者邊框圖片,拿來當背景,另外就是css里定義了l none: 指定表格沒有邊框,所以邊框寬度為0。l dotted: 由點線組成的表格邊框。l dashed: 由虛線組成的表格邊框。l solid: 由實線組成的表格邊框。l Double: 由雙實線組成的表格邊框。l Groove: 槽線效果邊框。l ridge: 脊線效果邊框,和槽線效果相反。l inset: 內凹效果邊框。l outset: 外凸效果邊框,和內凹效果相反。每個邊框類型都可以指定一種顏色,邊框是繪制在背景顏色上的,列表A使用邊框屬性來樣式化整個表格以及錨標記和單獨的單元格。

例如說 css里#tab{border:2px solid #0099FF;} 表達的意思就是說ID為TAB的div或者table的邊框為2個像素的實線顏色為#0099FF。
如果對你有幫助請給我最佳答案謝謝

4、如何設計一個好的網頁

一、確定網站主題

網站主題就是你建立的網站所要包含的主要內容,一個網站必須要有一個明確的主題。特別是對於個人網站,你不可能像綜合網站那樣做得內容大而全,包羅萬象。你沒有這個能力,也沒這個精力,所以必須要找准一個自己最感興趣內容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網站的主題無定則,只要是你感興趣的,任何內容都可以,但主題要鮮明,在你的主題范圍內內容做到大而全、精而深。

二、搜集材料

明確了網站的主題以後,你就要圍繞主題開始搜集材料了。常言道:「巧婦難為無米之炊」。要想讓自己的網站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來,也可以從互聯網上搜集,然後把搜集的材料去粗取精,去偽存真,作為自己製作網頁的素材。

三、規劃網站

一個網站設計得成功與否,很大程度上決定於設計者的規劃水平,規劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,你只有在製作網頁之前把這些方面都考慮到了,才能在製作時駕輕就熟,胸有成竹。也只有如此製作出來的網頁才能有個性、有特色,具有吸引力。如何規劃網站的每一項具體內容,我們在下面會有詳細介紹。 四、選擇合適的製作工具

盡管選擇什麼樣的工具並不會影響你設計網頁的好壞,但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多,首先就是網頁製作工具了,目前大多數網民選用的都是所見即所得的編輯工具,這其中的優秀者當然是Dreamweaver和Frontpage了,如果是初學者,Frontpage2000是首選。除此之外,還有圖片編輯工具,如Photoshop、Photoimpact等;動畫製作工具,如Flash、Cool 3d、Gif Animator等;還有網頁特效工具,如有聲有色等,網上有許多這方面的軟體,你可以根據需要靈活運用。

五、製作網頁

材料有了,工具也選好了,下面就需要按照規劃一步步地把自己的想法變成現實了,這是一個復雜而細致的過程,一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小,就是說在製作網頁時,先把大的結構設計好,然後再逐步完善小的結構設計。所謂先簡單後復雜,就是先設計出簡單的內容,然後再設計復雜的內容,以便出現問題時好修改。在製作網頁時要多靈活運用模板,這樣可以大大提高製作效率。

六、上傳測試

網頁製作完畢,最後要發布到Web伺服器上,才能夠讓全世界的朋友觀看,現在上傳的工具有很多,有些網頁製作工具本身就帶有FTP功能,利用這些FTP工具,你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後,你要在瀏覽器中打開自己的網站,逐頁逐個鏈接的進行測試,發現問題,及時修改,然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友,讓他們來瀏覽。

七、推廣宣傳

網頁做好之後,還要不斷地進行宣傳,這樣才能讓更多的朋友認識它,提高網站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

八、維護更新

網站要注意經常維護更新內容,保持內容的新鮮,不要一做好就放在那兒不變了,只有不斷地給它補充新的內容,才能夠吸引住瀏覽者

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

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

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

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

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

6、網頁設計和網站開發用到的技術有哪些?

網站開發中使用的到網頁設計的內容,所以我就以網站開發其中穿插網頁設計為例進行說明
網站開發涉及前後端內容,而網頁設計僅僅涉及前端展示的內容
所以網頁設計中需要知道用的技術有HTML CSS JavaScript 等基礎技術以及BootStrap 等框架內容即可
網站開發不僅包含以上部分,而且還包含有後台內容以及資料庫的相關內容
後台的開發有多種方案和語言 例如Java PHP Python 等語言,每種語言又包含有各種框架
資料庫同時又包含有SQL Server MySQL Oracle 等關系型和非關系型資料庫幾類

7、自己設計的網站,實現站內搜索的方法是什麼?

Google: http://www.google.com/intl/zhCN/add_url.html 

百度: http://www.baidu.com/search/url_submit.html 

可去以上兩個網站中添加你自己網站的網路地址。

8、網頁設計中的,網頁布局有幾種方式?哪種方式最快?

頁面布局就一種 就是HTML+CSS
看怎麼樣代碼越簡練越好
如果一個DIV 就能設定好LOGO的位置了 何必劃分那麼多個表格
如果文章列表裡有時間 作者等信息 甚至是一些類似EXCEL表的東西 需要每列對齊 那LI肯定排版不如表格來的方便 代碼頁簡練 那就用TABLE來做

盡量用最少的代碼 來做頁面就最好了

如果有上百個頁面 很多部分比較類似 就使用iframe嵌套的頁面 或者用程序里的include來包含頁面最好 比如頂部包含頁面 底部包含頁面 菜單頁面 左側頁面 右側頁面 都單獨獨立出來

9、我想製作一個網頁,請問需要哪幾個步驟?

製作一個網頁需要九個步驟。

1、准備內容

域名注冊查詢網址之前就應該先搜集至少「一百頁」的內容,這些內容必須是有價值的、不違反著作權的內容。

2、網址

想個比較有意義,好記的網址。

3、網頁設計製作

在網站設計上,只要盡量簡潔有力,讓內容可以好好的呈現,就是一個成功的seo網站頁面。頁要盡量符合w3c的標准。

4、每頁檔案大小

每個網頁盡量在15k以下,但是不能在5k以下,以免影響內容的完整。其搜索引擎最佳化的目的,實際上是為了使用者,而不是為了搜索引擎本身。

5、關鍵字密度

拿出關鍵字,在下列六個地方各使用一次。

6、內部鏈接

內部鏈接就是在同一網站域名下的內容頁面之間的互相鏈接(自己網站的內容鏈接到自己網站的內部頁面,也稱之為站內鏈接)。

7、網站上線

最好不要用虛擬主機,若是能有自己的代管主機或者是固定ip位置就最好了。

8、紀錄與追蹤

申請一個不錯的網頁計數器。

9、程序設計

網站設計包括前台用戶視覺體驗的設計和後台程序功能設計,兩個方面都是非常重要的;視覺設計對於客戶的閱讀帶來愉悅和信任,後台注重操作的方便行。

(9)網頁的設計方法擴展資料

注意事項

1、導航菜單使用圖片、flash

導航菜單使用圖片、flash當然比純文本來得好看一些,但是搜索引擎並不認識你的圖片和flash。如果你非要使用漂亮的圖片來做導航的話,可以使用背景替換的方法。建議做一個導航菜單鏈接的xml文提交到搜索引擎。

2、不恰當地使用圖片

為了網頁美觀,經常會到處貼滿圖片,這樣做是不正確的,與內容無關的圖片能少就少吧。我們可以把這些圖片做成容器的背景。

3、內容里特殊字體的運用

楷體很漂亮,草書也不遜色於宋體。但是不是所有人的電腦都安裝有這些字體。如果使用這些特殊字體的話,在別人的電腦里看到的網頁將會是不堪入目。

與網頁的設計方法相關的知識