網頁要怎麼布局才好看

你好、、呵呵、、我也是個程序員我也不回布局、、可是我回程序啊、人沒有十全十美的、再說做網站不是一個能力可以完成的你可以看下資料學習下,並結合 http://bestmoban.com/ 、 http://www.cm80.com/index.asp 、 http://www.auction.co.kr/ 、

⑵ 網頁怎麼布局

在前一課中,我們闡述了何為布局表格以及布局表格與常規表格的區別。 完成這一過程需要執行五個步驟,本課將詳細介紹各個步驟。本課還介紹了可簡化設計過程的網頁設置提示。 在開始繪制布局表格和單元格之前,需要完成一些網頁准備工作。請利用「視圖」菜單完成下列設置: 顯示標尺 確保標尺已經顯示,如此處所示。標尺可幫助你度量布局的寬度與高度(單位為像素)。 清除默認邊距 雖然該圖中未予顯示,但在網頁頂端和左側的確有默認邊距。清除默認邊距後,使用標尺將更加方便。 顯示網格 雖然並不必要,但網格可為繪制操作提供參考。 創建布局的第一步是創建布局表格。通過「繪制」或者將表格拖至所需的尺寸可以完成這一步。下面是一些關於繪制布局表格的提示: 開始之前的准備工作 首先構思布局的寬度。請記住,某些人的顯示器解析度可能比較低,如果你的布局過寬,該布局可能無法全部顯示。 使用標尺、描摹圖像或網格作為參考 無論使用哪個工具,你都將發現使用這些功能可以大大簡化布局的安置。 第二步是繪制布局單元格。它們是布局中將包含內容的部分。下面是一些有關繪制單元格的提示: 不必擔心單元格的繪制是否完美 請大膽繪制布局單元格,然後再根據需要對其進行位置移動和大小調整處理。 寬度和高度只能以像素為單位 這是因為布局單元格功能僅可用於固定的、基於像素的表格設計。(自動伸縮是一種例外情況,在這種情況下,可以將寬度或高度設置為 100%,從而使寬度或高度與可用空間匹配。這是一種在布局表格與單元格設計完成之後使用的常用技巧。 若要調整布局單元格的大小,請單擊大小調整控點,然後在調整大小時按 Alt。 步驟三:調整布局單元格 你不可避免需要對布局單元格進行細微調整:某些單元格可能需要進行細微的大小調整,而某些單元格則需要移動或稍微移動至正確位置。 可使用滑鼠指針拖動大小調整控點來調整布局單元格的大小。另外,如上一課所述,還可拖動整個單元格以將其移動到相應位置。 重要 在拖動以調整單元格大小或移動單元格時,對於任何移動或大小調整,FrontPage 都將採用 10 像素步進增量。某些時候,該功能十分有用,而某些時候則無須使用該功能。若要忽略該步進移動功能,請在調整單元格大小或移動單元格時按住 Alt 鍵。 注意 另外,還有其他一些調整布局單元格大小和移動布局單元格的方法。在隨後的練習單元中將介紹這些方法。 步驟四:單元格的填充和格式設置 在繪制完布局表格和單元格之後,你自然希望在其中填充內容。 可以採用多種方法來完成該任務。你可以鍵入文本、使用「插入」菜單中的各種選項,或者你可以拖放圖像,如該圖所示。 另外,你可能會希望使用背景色、襯距、邊框等來設置布局表格和單元格的格式。這些設置都可以在頁面右方的」布局表格和單元格「選項卡里進行,方法與普通表格的設置類似。這里不再贅述。 完成布局的填充與格式設置後,請務必使用「文件」菜單中的「在瀏覽器中預覽」命令確保網頁沒有問題。

⑶ 網站的結構應該怎麼進行布局設置

網站結構布局是網站建設重要的一個環節,網站結構布局主要是由網站的策劃人員將網站的布局草稿以及一些具體細節,提交給網頁製作人員。網頁製作人員就根據策劃內容進行網站的建設,添加內容。在建設網站結構之前,我們一定要清楚一個道理,網站的結構是否合理對網站的發展非常重要。網站的結構是一個比較大的框架,要怎樣設計布局才可以體現出網站的價值呢?

第一、要根據網站的主題進行的確定以及設計網站的主題主要是通過企業所在的行業的一些特性以及目標用戶群的一些習慣。例如,品牌類型的網站建設講究簡約大方,在建設的時候,一般都是運用一些與品牌價值相關的方面的內容設計網站的首頁,這樣就可以很好地表現出高端、大氣,高貴的特性,這一點也是非常重要的。一般的企業網站製作主要是以產品的展示以及效益方面為核心,而且更多的時候是要考慮SEO優化。要怎樣才能將網站的SEO相關的細節展示出來是十分重要的。所以,企業的業務員在與客戶溝通的時候,要跟客戶說清楚企業網站的類型是什麼。

第二、網站視覺營銷方面的策劃,主要還是要看網站結構設計"網頁製作的視覺效果"對於一個企業網站,要怎樣建設才可以體現出網站品牌的特色呢,怎樣表現自己的不同點呢?我們可以通過視覺的設計,無論是什麼類型的網站,視覺設計永遠是最要表達的一個重點。簡單來說就是網站的設計人員,用戶的體驗程度主要是有設計人員的專業程度決定的,而且設計師可以通過自己的高超技術吸引用戶,把用戶留在網站。搜索引擎是根據用戶留在網頁的時間,來判斷這個網站給用戶的體驗感。

第三、網頁製作的結構要根據用戶的需要進行用戶的需求包括什麼呢?主要有對產品的關注、產品的價值等等方面的滿足感。因此,網頁製作人員在布局是要考慮好用戶的需求。還要對自己產品非常熟悉,服務方面有什麼優勢等等。網站的細節完善後,就要將用戶最關心的問題,按照關注程度進行排列。網站首頁的內容設置用戶最關注的內容,要將網站的重點突出。還要根據用戶的重視程度進行合理的布局。網站的首頁中部是最具焦點的位置,就放置產品,左側可以設置一些企業動態。右側可以設置一些解決方案的分析。不同的位置可以設置相對應的內容,做到合理布局。

第四、對於一些固定的元素,要更加註重細節方面的設計因為這些元素幾乎每一個頁面都會有,例如網站導航設計有什麼需要注意網站導航,網站底部等等。如果是一些文字型的固定元素,要注意排版的格式,是不是方便用戶的訪問,特別是文字的顏色使用。

⑷ 網頁布局的方法。

網頁布局方法很多,根據各人不同的喜好布局也不同:通常的布局方法有以下回幾種:
一.通過表格答來布局
表格布局的優勢在於它能對不同對象加以處理,而又不用擔心不同對象之間的影響。而且表格在定點陣圖片和文本上比起用CSS更加方便。表格布局唯一的缺點是,當你用了過多表格時,頁面下載速度受到影響
二.通過層疊樣式表來布局
CSS(層疊樣式表)被提出來,它能完全精確的定位文本和圖片。CSS對於初學者來說顯得有點復雜,但它的確是一個好的布局方法。你曾經無法實現的想法利用CSS都能實現
三.通過框架來布局
框架結構的頁面被許多人不喜歡,可能是因為它的兼容性。但從布局上考慮,框架結構不失為一個好的布局方法。它如同表格布局一樣,把不同對象放置到不同頁面加以處理,因為框架可以取消邊框,所以一般來說不影響整體美觀
四.當然還有其他的布局方式,比如你可以在紙上布局,就是先在紙上畫草圖,然後再按照圖來做

⑸ 網頁設計右邊怎麼布局布局

1、嚴復格意義來說dw並不能用來設計制網頁,設計網頁都是在平面設計工具里完成的,比如在ps裡面設計好網站的效果圖,在ps裡面切圖。

2、dw只是個網站代碼編寫工具,使用dw編寫代碼會比較方面,因為有很多的快捷功能。但是對於高手來說,是用記事本都可以編輯網站的。

3、dw的編輯面板主要有三種視圖,分為 「代碼」「拆分」「設計」,如下圖

在製作網站的時候,能夠用到的主要是「代碼」視圖功能。「設計」和「拆分」視圖很少用到,只有當網站代碼出現問題的的時候用來查找錯誤,對於有一年多代碼編寫經驗的人來說,就已經用不到了。

4、在dw中編寫製作網站的代碼主要是div+css,也是就是html。網站布局也是通過html代碼來實現的,比如maigin 與padding position 都是來控制div的布局和位置的。

所以,在dw裡面設計網頁布局網站並不是dw的功能,還是通過代碼實現的。

⑹ 網頁設計怎樣布局

網頁都差不多
我的方法是:打開dreamweaver後
先插入4行一列的表格(居中)
然後第一行
插一幅圖片(logo、banner等)第二行插入一行8列的表格
當作導航
第三行是主題內容
根據網頁的內容確定
第四行是版權··
再就是
做網頁的時候
根據不同的內容
選用不同的色調

⑺ html5頁面怎麼布局

1)像<span>這樣的行內標記,定義它的margin-top和margin-bottom是無效的,除非你把它設置為塊狀元素才可以。Display:block
2)對於塊狀元素,你可以自由的使用外邊距來定義版式和元素之間的距離。類似 DIV 等等,
3)無論什麼元素,一旦設置為是浮動顯示,就擁有了完整的盒模型結構,我們就可以使用外邊距,內邊距,邊框,高和寬來控制的大小以及與其他對象之間的位置關系。
4)浮動是從網頁布局的角度來定義元素的顯示,而行內和塊狀屬性主要是從元素自身的性質來定其顯示的。
5)當元素沒有定義邊框時,可以把內邊距作為外邊距使用。有時候外邊距會有重疊現象的。
6)當為元素定義背景圖像時,內邊距區域內可以顯示背景圖像,而對外邊距區域來說,背景圖像是達不到的,他永遠都是透明狀態
7)用div+css設計網頁結構時,設計師滿腦子都是網頁內容,而非內容所呈現的效果。
8)塊狀元素:不管塊狀元素寬度是多少,他總會自動占據一行,因為在他末尾附加了一個換行符,而行內元素沒有這個特點。塊狀元素有完整的盒模型結構,可以定義寬度和高度,而行內元素沒有這個特性,無法通過高度來改變文本行的行高。
塊元素的代表標記 div
行內元素的代表標記 span ,行內標記不具備組織結構框架
9)網頁布局分為:自然布局,浮動布局, 定位布局
10)當一個元素被定義為浮動顯示時,即定義為塊狀元素。並且該元素就會收縮自身體積為最小狀態。所以,應該有個好的習慣即把浮動元素設置高和寬。如果沒有設置,則元素會按照它所包含的內容大小來確定它的大小。
11)當元素浮動後,周邊的對象會自動環繞浮動元素周圍,形成一種環繞關系。
12)塊狀元素之間的外邊距會有重疊現象,但是浮動元素之間的外邊距不會發聲重疊現象。
13)浮動元素移動,上移:margin-top:-**; 下移:margin-botom:-*px,其他以此類推。
14)一般定位元素(絕對或是相對元素)都會覆蓋在文檔流對象之上。但是,select元素的窗口控制項還不完全支持z-index
15)在css定位布局中,一般遵循「外部相對定位,內部絕對定位」
16)在body中設置min-width:760px,可以避免布局重疊現象。

⑻ 這網頁怎麼寫布局怎麼做

是的,在居中頁面中使用層,最大的問題就是層的定位問題,當改變顯示器解析度後,層相對其它居中元素就會改變位置。給你說一下層相對其它居中元素不會錯位的方法: 層的絕對定位和相對定位 層的絕對定位代碼: 層的相對定位代碼: 在居中頁面中,插入相對定位層代碼,層的位置在頁面居中。但是它變得不可移動,使用不夠方便。 插入絕對定位代碼,當left和top含有正負數值,層就無法居中。當清除left和top屬性後,層可以居中,相對頁面其它居中元素沒有錯位現象。 描繪層和插入層的差別 使用描繪層: 在一個居中的頁面中,使用描繪層的代碼: div 使用插入層: 在一個居中的頁面中

⑼ html網頁怎麼實現下面的布局

你要固定布局,還是自適應布局還是伸縮布局

⑽ 網頁設計怎麼布局整體的布局

網頁都差不多
我的方法是:打開dreamweaver後
先插入4行一列的表格(居中)
然後第一行
插一幅圖片(logo、專banner等)第二行插入屬一行8列的表格
當作導航
第三行是主題內容
根據網頁的內容確定
第四行是版權··
再就是
做網頁的時候
根據不同的內容
選用不同的色調