網頁布局方法
1. 網頁頁面布局有哪三種常見方法
l T型布局
所謂T型布局,使指頁面上部為橫條(網站標志+廣告條專)、下方左半部為主菜單、右由半部分顯示內容屬的布局。因為看上去像英文字母「T」,所以稱為T型布局。如圖(a)所示。
T型布局的優點是頁面結構清晰,主次分明,強調秩序,能給人以穩重、可信賴的感覺,比較容易上手。缺點是規矩呆板,如果細節和色彩搭配上不注意,容易讓人乏味。
2 口型布局
口型布局的頁面上下各有一個廣告條,左側是主菜單,右側放置友情鏈接等內容,中間是主要內容,如圖 (b)所示。
口型布局的優點是充分利用版面,信息量大。其缺點是頁面擁擠,不夠靈活。
3 POP布局
POP引自廣告術語,是指頁面布局象一張宣傳海報,以一張精美圖像作為頁面的設計中心,在適當位置放置主菜單,如圖 (c)所示。這種布局不講究上下左右對稱,但要平衡和有韻律,能達到強調、動感、高注目性的效果,常用於時尚類網站。其優點是漂亮吸引人,缺點是速度慢。
2. dw設計網頁時,布局常用什麼方法來布局呢
1、嚴格意義來說dw並不能用來設計網頁,設計網頁都是在平面設計工具回里完成的,答比如在ps裡面設計好網站的效果圖,在ps裡面切圖。
2、dw只是個網站代碼編寫工具,使用dw編寫代碼會比較方面,因為有很多的快捷功能。但是對於高手來說,是用記事本都可以編輯網站的。
3、dw的編輯面板主要有三種視圖,分為 「代碼」「拆分」「設計」,如下圖
在製作網站的時候,能夠用到的主要是「代碼」視圖功能。「設計」和「拆分」視圖很少用到,只有當網站代碼出現問題的的時候用來查找錯誤,對於有一年多代碼編寫經驗的人來說,就已經用不到了。
4、在dw中編寫製作網站的代碼主要是div+css,也是就是html。網站布局也是通過html代碼來實現的,比如maigin 與padding position 都是來控制div的布局和位置的。
所以,在dw裡面設計網頁布局網站並不是dw的功能,還是通過代碼實現的。
3. 做好網站網頁布局的幾種簡單方式
熟知網站頁面布局的類型
頁面設計有許多類型,常見的頁面布局有「國」字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等等等,可供選擇的頁面布局有很多,我們要結合自己的網站設計目標和功能性來選擇頁面布局。這些表現形式最終是為企業和用戶服務的,所以,應該遵循企業的訴求,結合大眾用戶的需求,設計出抓住客戶心裡訴求的網頁。
2.網站的解析度設置問題
通常,網站頁面整體寬度的設計都選擇象素這種設置形式。除此之外,還有百分比和象素加百分比這兩種設置形式。但是象素設置能讓網頁視圖更加的舒適,具有透氣感,更加符合大眾瀏覽網頁的瀏覽習慣和偏好,現在大多公司採用的也正是象素這種設置形式。
3.合理地廣告規劃
我們建設網站,宣傳產品是主要目標,但在具體網站建設過程中,產品的廣告不能太多,也不能篇幅過大過長,要進行合理的布局,否則會嚴重的影響到客戶的瀏覽體驗,不但達不到廣告效果,甚至會引起顧客的反感。
4.空間的合理利用
網站有許多內容需要呈現,例如公司的經營目標、經營計劃、管理框架、人力資源、以及企業主要產品展示,內容要精簡,安排要合理,不能太過冗雜。但是涉及的面一定要全,將自己想要展示的方面都弄齊全。
4. 網頁設計的布局有哪幾種
網站建設中網頁布局大致可分為:「國」字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等,以下分別論述:
1、國字類型:也被稱為同字型,頂部是網站的標題、橫幅廣告條,然後是網站的主體內容個,而左右分別是一些比較小的內容條,中間就是主要內容,最底部是網站的一些基本信息、聯系方式、版權聲明等。這也是現在網上見到的差不多最多的一種結構類型;
5. 網頁布局的方法。
網頁布局方法很多,根據各人不同的喜好布局也不同:通常的布局方法有以下回幾種:
一.通過表格答來布局
表格布局的優勢在於它能對不同對象加以處理,而又不用擔心不同對象之間的影響。而且表格在定點陣圖片和文本上比起用CSS更加方便。表格布局唯一的缺點是,當你用了過多表格時,頁面下載速度受到影響
二.通過層疊樣式表來布局
CSS(層疊樣式表)被提出來,它能完全精確的定位文本和圖片。CSS對於初學者來說顯得有點復雜,但它的確是一個好的布局方法。你曾經無法實現的想法利用CSS都能實現
三.通過框架來布局
框架結構的頁面被許多人不喜歡,可能是因為它的兼容性。但從布局上考慮,框架結構不失為一個好的布局方法。它如同表格布局一樣,把不同對象放置到不同頁面加以處理,因為框架可以取消邊框,所以一般來說不影響整體美觀
四.當然還有其他的布局方式,比如你可以在紙上布局,就是先在紙上畫草圖,然後再按照圖來做
6. 網頁的設計有幾種方法
第一、靠前、無邊框設計。無邊框設計在近幾年比較流行,在設計頁面的時候,將頁面中的風格線、邊框刪掉,用間距來代替的一種設計方法。無邊框設計一般是以大圖為主,圖片本來就是一種分割元素。而內容基本是有規律的,留白間距之間的內容一定要相對一致、重復、緊密,這樣用戶在瀏覽的時候才會認為這些內容是一體的。一般來說,小眾垂直的產品更適合使用無邊框設計。
第二、卡片設計。卡片的設計打破了傳統上固定的排版布局方式,提升了版面的使用率,可以給網站建設增加更多的驚喜。那麼卡片設計有哪些優勢呢?1、可以提高頁面的使用率。卡片就好像是一個容器,將類型不一樣的內容設置在不一樣的卡片中,這樣就可以很好地區分內容,還能夠統一頁面的風格。比如傳統列表,內容一般是縱向滾動的方式,能夠展示的內容比較有限,卡片式的設計採用的滑動方式,就可以有效地解決空間問題。2、區分卡片上的內容。卡片就好像是一個容器,將不同的內容放置在不同的卡片,更好地區分內容的類型。卡片的維度是不一樣的,而且相對獨立、有互相有聯系,所以通過卡片歸納網站的內容,整個網站就顯得更有秩序。3、卡片式設計可以提升可控性、提升體驗度。卡片式設計的使用范圍比較廣泛,可以覆蓋、滑動、堆疊,有良好的擴展性和可操作性。
第三、分割線的設計。這也是常見的一種頁面布局設計方式,可以更好地幫助用戶快速熟悉頁面的布局,有良好的內容組織性。分割線可以貫穿整個頁面,將不同的內容進行分割,成為獨立的信息。
網站建設中的頁面布局,有不同的設計方式,而且設計的趨勢不斷在變化,在設計頁面布局之前,就要考慮好合適的樣式,不能一味地追求潮流,根據產品的實際需求,選擇合適的設計方式。而分割線的設計,想要做得出色,就要處理好線的間距、粗細、顏色等等
7. 網頁布局採用哪幾種方法及每種方法的基本操作
初學者可以利用dreamweaver中的層來固定位置,不過會出現各個瀏覽器不兼容的問題,最好用div+css來布局,這樣會更好
8. 請問網頁設計中常用布局方式有哪幾種
DIV+CSS和table兩種布局方式,DIV+CSS布局運行速度快,科學,但難學,table布局簡單,運行載入慢,做網站不科學,各有利弊。
9. 網頁設計中的,網頁布局有幾種方式哪種方式最快
頁面布局就一種 就是HTML+CSS
看怎麼樣代碼越簡練越好
如果一個DIV 就能設定好LOGO的位置了 何必劃分那麼多個表格
如果文章列表裡有時間 作者等信息 甚至是一些類似EXCEL表的東西 需要每列對齊 那LI肯定排版不如表格來的方便 代碼頁簡練 那就用TABLE來做
盡量用最少的代碼 來做頁面就最好了
如果有上百個頁面 很多部分比較類似 就使用iframe嵌套的頁面 或者用程序里的include來包含頁面最好 比如頂部包含頁面 底部包含頁面 菜單頁面 左側頁面 右側頁面 都單獨獨立出來