導航:首頁 > 萬維百科 > 網頁哪些框設計圖

網頁哪些框設計圖

發布時間:2020-11-24 23:49:21

1、網頁設計,網頁美工:設計師做效果圖的時候,框與框之間 的距離一般為多少?我覺得10PX太擠了一點。

這個沒有定死。
以我一般建站來說,20-25像素的模塊間距比較合適,內部元素間距就得看你的設計了,怎麼舒服怎麼來,確保透氣。
不過段落文章倒是有一些說法:
適合閱讀的文章段落,行高為1.5-1.75em ,段間距在1em-1.5em之間

2、網頁設計中邊框里的圖片如何控制其大小?

可以在css文件里設置圖片的長寬及圖片的浮動等各種特效。即用width、和height強制改變圖片的大小。如:
.a{background:url(tupian.jpg);width=20px;height=20px;} 說明:.a是類選擇器,調用時<標簽名 class="類名">(這里類名為a),url裡面是圖片的位置及名稱。width、height即強制改變的圖片的大小。
還有一種方式是可以藉助電腦的畫圖工具將圖片的大小改成目標大小,然後保存後也可以直接調用圖片。

3、網頁設計頁面線形圖和框架結構圖的區別

框圖的製作是快速而廉價的,特別是當你使用諸如UXPin、Balsamiq、Axure這樣的軟體來製作的時內候。當容然,線框圖也理當是在設計之初就使用這些工具來製作。
比起創建一個完整細致高保真的線框圖,搜集反饋信息來得更加重要。為什麼這么說呢?
一般而言,大家更注重軟體的功能、信息架構、用戶體驗、用戶交互流程圖、可用性,這些東西,而不是考慮這些因素的美學特徵。同時,在這種情況下,根據需求進行修改也無需涉及代碼調整和圖形編輯。

4、網頁設計中使用什麼工具軟體製作線框圖

可以使用的工具比較多。

photoshop、coreldrw、Adobe Illustrator......

但網頁最終顯示給網友們看的方法卻不多。

<table border=1>為表格顯示方式

<div style="border:1px solid red">為樣式方式,顯示1像素紅色實邊框。

5、網頁設計應該如何布局

網頁布局類型

網頁布局大致可分為「國」字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型,下面分別論述。 1.

「國」字型:也可以稱為「同」字型,是一些大型網站所喜歡的類型,即最上面是網站的標題以及橫幅廣告條,接下來就是網站的主要內容,左右分列一些兩小條內

2. 拐角型:這種結構與上一種其實只是形式上的區別,其實是很相近的,上面是標題及廣告橫幅,接下來的左側是一窄列鏈接等,右列是很寬的正文,下面也是一些網站的輔助信息。在這種類型中,一種很常見的類型是最上面是標題及廣告,左側是導航鏈接。

3. 標題正文型:這種類型即最上面是標題或類似的一些東西,下面是正文,比如一些文章頁面或注冊頁面等就是這種類。

4. 左右框架型:這是一種左右為分別兩頁的框架結構,一般左面是導航鏈接,有時最上面會有一個小的標題或標致,右面是正文。我們見到的大部分的大型論壇都是這種結構的,有一些企業網站也喜歡採用。這種類型結構非常清晰,一目瞭然。

5. 上下框架型:與上面類似,區別僅僅在於是一種上下分為兩頁的框架。

6. 綜合框架型:上頁兩種結構的結合,相對復雜的一種框架結構,較為常見的是類似於「拐角型」結構的,只是採用了框架結構。 7.

封面型:這種類型基本上是出現在一些網站的首頁,大部分為一些精美的平面設計結合一些小的動畫,放上幾個簡單的鏈接或者僅是一個「進入」的鏈接甚至直接在

首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現在企業網站和個人主頁,如果說處理的好,會給人帶來賞心悅目的感覺。

8. Flash型:其實這與封面型結構是類似的,只是這種類型採用了目前非常游戲行的Flash,與封面型不同的是,由於Flash強大的功能,頁面所表達的信息更豐富,其視覺效果及聽覺效果如果處理得當,絕不差於傳統的多媒體。

9. 變化型:即上面幾種類型的結合與變化,比如本站在視覺上是很接近拐角型的,但所實現的功能的實質是那種上、左、右結構的綜合框架型。

6、網頁設計中頁面上的那些流線型的邊框如何製作?用圖片的嗎?

最上面的大圖就是靜態的圖片,可以切開,但這個圖應該是不能延展的
而左邊中部那個圓角的框,可以切成上中下三部分實現可以向下延展

大概都是這樣的思路

7、網頁設計如何定義圖片的位置和大小

網頁設計在初始要界定出網頁的尺寸大小.就像繪畫給出一塊畫版來.這樣才能方便設計. 網頁的尺寸受限於兩個因素:一個是顯示器屏幕.顯示器現在種類很多,以17寸為主流, 正在朝19寸及寬屏的方向發展.但目前也有為數不少的15寸顯示器.另一個是瀏覽器軟體,就是我們常用的IE,遨遊,Firefox等.
高度:
高度是可以向下延展的,所以一般對高度不限制. 對於一屏來說,一般沒有一個固定值,因為每個人的瀏覽器的工具欄不同,我見過有的瀏覽器工具欄被插件佔了半個屏幕,所以高度沒有確切值。
寬度:
1、在IE6.0下,寬度為顯示器解析度減21,比如1024的寬度-21就變成1003。但值得注意的是IE6.0(或更低)無論你的網頁多高都會有右側的滾動條框。 2、在Firefox下,寬度的分率辨減19。比如1024的寬度-19就變成1005 3、在Opear下,寬度的分率辨減23。比如1024的寬度-23就變成1001 註:Firefox或Opear在內容少於瀏覽器高度時不顯示右側滾動條。
所以如果是1024的解析度,你的網頁不如設成1000安全一點。設成900兩側空白更大,視覺上更舒服一點.也方便做一些浮動層的設計.
如果是800的解析度一般都設成770。但也有設成760的.
這些需要明白並且牢記,不然很可能做出來不符合瀏覽器要求,不過一般我們都回設定的再稍微小一點,應為有些瀏覽器加了插件或者其他的東西寬度會有變化所以 800的解析度一般設定760左右,1024的設定990左右.

網頁設計標准尺寸:
1、800*600下,網頁寬度保持在778以內,就不會出現水平滾動條,高度則視版面和內容決定。
2、1024*768下,網頁寬度保持在1002以內,如果滿框顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。
3、在ps裡面做網頁可以在800*600狀態下顯示全屏,頁面的下方又不會出現滑動條,尺寸為740*560左右
4、在PS里做的圖到了網上就不一樣了,顏色等等方面,因為WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣,所以自然會有失色的現象.
頁面標准按800*600解析度製作,實際尺寸為778*434px 頁面長度原則上不超過3屏,寬度不超過1屏 每個標准頁面為A4幅面大小,即8.5X11英寸
全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px 另外120*90,120*60也是小圖標的標准尺寸
每個非首頁靜態頁面含圖片位元組不超過60K,全尺寸banner不超過14K
標准網頁廣告尺寸規格
一、120*120,這種廣告規格適用於產品或新聞照片展示。 二、120*60,這種廣告規格主要用於做LOGO使用。 三、120*90,主要應用於產品演示或大型LOGO。 四、125*125,這種規格適於表現照片效果的圖像廣告。 五、234*60,這種規格適用於框架或左右形式主頁的廣告鏈接。

六、392*72,主要用於有較多圖片展示的廣告條,用於頁眉或頁腳。 七、468*60,應用最為廣泛的廣告條尺寸,用於頁眉或頁腳。 八、88*31,主要用於網頁鏈接,或網站小型LOGO。 廣告形式 像素大小 最大尺寸 備注 BUTTON 120*60(必須用gif) 7K 215*50(必須用gif) 7K 通欄 760*100 25K 靜態圖片或減少運動效果 430*50 15K 超級通欄 760*100 to 760*200 共40K 靜態圖片或減少運動效果 巨幅廣告 336*280 35K 585*120 豎邊廣告 130*300 25K 全屏廣告 800*600 40K 必須為靜態圖片,FLASH格式 圖文混排 各頻道不同 15K 彈出窗口 400*300(盡量用gif) 40K BANNER 468*60(盡量用gif) 18K 懸停按鈕 80*80(必須用gif) 7K

流媒體 300*200(可做不規則形狀但尺寸不能超過300*200) 30K 播放時間 小於5秒60幀(1秒/12幀) 網頁中的廣告尺寸 1.首頁右上,尺寸120*60 2.首頁頂部通欄,尺寸468*60 3.首頁頂部通欄,尺寸760*60 4.首頁中部通欄,尺寸580*60 5.內頁頂部通欄,尺寸468*60 6.內頁頂部通欄,尺寸760*60 7.內頁左上,尺寸150*60或300*300 8.下載地址頁面,尺寸560*60或468*60 9.內頁底部通欄,尺寸760*60 10.左漂浮,尺寸80*80或100*10

8、網頁設計,怎麼插入局部框架的背景圖片

一、添加背景圖片:body { background: url("xxx.jpg"); }
原本<body>卷標提供了以下幾種設定:
<body
alink=colorvalue
background=url
bgcolro=colorvalue
link=colorvalue
text=colorvalue
bgproperties=fixed /*背景固定
leftmargin=pixels /*離瀏覽器顯示窗左邊的距離
topmargin=fixels /*離瀏覽器顯示窗上面的距離
>
background-image:url(n.jpg)
/*背景圖檔

background-repeat:repeat|repeat-x|repeat-y|no-repeat
/* 重復顯示全影幕|水平方向重復|垂直方向重復|不重復顯示

background-attachment:scroll|fixed
/*卷動或固定

background-position:x%,y%|x,y|top|left|center|bottom|right
/*背景圖文件位置

二、添加框架:

①打開Dreamweaver,新建一個網頁。點擊布局中的框架按鈕,選擇要實現的框架類型。
②這樣就創建了兩個頁面,分布命名。點擊中間的線就是選中了整個頁面,點擊文件\保存框架頁,進行命名。左右兩個頁面分別選中再保存,操作一樣。
③點擊中間的邊框,就選中了整個頁面,可以對整個頁面的屬性進行更改,可以移動中間的邊框,也可以點擊查看\可視化助理,勾選框架邊框來顯示或隱藏邊框。
④再分別更正左右兩個頁面的頁面屬性。

9、網頁設計中有哪些常用的圖片類型

JPG 圖片清晰,可是文件過大
GIP 圖片略帶模糊,可是文件小
PNG透明格式,圖片也有點模糊,文件小

做網站如果是大型的網站,建議一些質量差的圖片就搞JPG格式的,不然就搞GIF吧,因為GIF的圖片大小小,所以大型的網站圖片多,資料多,打開的速度就會快一點,如果用JPG就會慢一點。謝謝採納

10、網頁設計中的圖片一般用什麼格式

PNG或GIF,也有用jpg的,不過要優化

與網頁哪些框設計圖相關的知識