導航:首頁 > 電腦設置 > dw如何將頁面設置符合電腦大小

dw如何將頁面設置符合電腦大小

發布時間:2022-07-04 17:04:12

1. DW網頁大小設置

准備一張大一些的圖片作為背景,然後在頁面中用css在頁面中定義一下。

准備好圖片後,將下面代碼加在頁面的<head></head>中間

<style>
<!--
body {background:url(bg.gif) repeat;}
-->
</style>

如果頁面中已經有了對body的定義內容,直接加入背景定義的一句就可以

background:url(bg.gif) repeat;

比如
<style>
<!--
body {
margin:0;
font:12px;
background:url(bg.gif) repeat;
}
-->
</style>

如果用原來這張雲彩的圖片繼續做背景也可以,只要在body中修改一下:
<style>
<!--
body {
background:url(cloud.gif) repeat-x center top;
}
-->
</style>

2. Dw中怎麼設置頁面自適應屏幕寬度,包括手機和平板電腦

在dw里設一個這樣的樣式
width{width:100%;}

3. dreamweaver里如何設置網頁根據屏幕尺寸自動調整大小

現在網頁里不能使用矢量圖片,只能使用像素圖片,像素圖片被放大後效果都會失真,所以你的想法暫時不能實現的。

除非有一天網頁設計規則有了變化,可以插入矢量圖片,或者jpg、gif等的處理技術有了重大變化,圖片放大都不會失真,那麼你的幻想就可以實現了。也許等不了多久吧,現在電腦技術變化很快······

因此你現在製作的「顯示的亂七八糟」網頁一定要悄悄珍藏起來,千萬不要拿出來向外人展示啊!!等到有一天,網頁、圖像技術改進後你再出其不意,悍然發布,舉世皆驚,你將會是最先使用新技術的人,你現在做的這些「亂七八糟」頁面到那時也許就會被奉為經典。

4. 用DW做網頁中的設計的頁面怎麼調成與瀏覽器的頁面一樣大小

因為不同設備的屏幕的解析度不同,所以這個是要做適配的,如果只是想簡單的做的話只需要拉伸一下就行,體現在代碼上那就是css的width全用百分比來表示(width:100%)
但是如果你想要做的很好,那就需要用到javascript或者是去使用bootstrap等工具進行輔助。

5. DW怎麼才能讓頁面里的圖像自動縮放適合瀏覽器頁面大小

把你的圖片
給body標簽添加為背景
就可以
可以加一五一四二七二八二我們的網頁製作群
一起交流

6. dreamweaver怎麼設置頁面大小

網頁其實是沒有什麼解析度的概念。
說網頁的大小其實是指網頁主體部分的大小,這個主體部分可以用表格的大小來設定,或者用div設置大小。這其實是網頁的一個元素。(實際上網頁沒有大小,大與小都在於主體部分的設定。)
一張圖片作為整體頁面的背景,設置為「重復」那麼它就會一直重復填充下去,不管是多大解析度的屏幕,它都會填充滿了。
=========================
一般來說現在製作網頁,網頁的主體部分都以1024x768的屏幕為標准,也就是說,主體部分的寬度要做的比1024窄一些,比如970、980像素等,留出一部分邊。
製作網頁首先要有一個精確的計劃,不是說隨便拿來一張圖片就可以當作背景的,要對圖片的尺寸、表格、DIV等等的大小都要計算一下,才能製作出版面漂亮的頁面。

7. 用dreamweaver做網頁,網頁大小如何設置

說網頁的大小其實是指網頁主體部分的大小,這個主體部分可以用表格的大小來設定,或者用div設置大小。這其實是網頁的一個元素。(實際上網頁沒有大小,大與小都在於主體部分的設定。)

一張圖片作為整體頁面的背景,設置為「重復」那麼它就會一直重復填充下去,不管是多大解析度的屏幕,它都會填充滿了。

=========================
一般來說現在製作網頁,網頁的主體部分都以1024x768的屏幕為標准,也就是說,主體部分的寬度要做的比1024窄一些,比如970、980像素等,留出一部分邊。

網頁其實是沒有什麼解析度的概念。
製作網頁首先要有一個精確的計劃,不是說隨便拿來一張圖片就可以當作背景的,要對圖片的尺寸、表格、DIV等等的大小都要計算一下,才能製作出版面漂亮的頁面。

8. dreamweaver中怎麼讓網頁自適屏幕,達到滿屏效果

1、自適應網頁設計的概念2010年,Ethan Marcotte提出了自適應網頁設計這個名詞,指可以自動識別屏幕寬度、並做出相應調整的網頁設計。
他製作了一個範例,裡面有六個人的頭像。如果屏幕寬度大於1300像素,則6張圖片並排在一行。

2、不使用絕對寬度
由於網頁會根據屏幕寬度調整布局,所以不能使用絕對寬度的布局,也不能使用具有絕對寬度的元素。這一條非常重要。 具體說,CSS代碼不能指定像素寬度: width:xxx px; 只能指定百分比寬度: width: xx%; 或者 width:auto; 四、相對大小的字體
字體也不能使用絕對大小(px),而只能使用相對大小(em)。 body {
font: normal 100% Helvetica, Arial, sans-serif; }
上面的代碼指定,字體大小是頁面默認大小的100%,即16像素。 h1 {
font-size: 1.5em; }
然後,h1的大小是默認大小的1.5倍,即24像素(24/16=1.5)。 small {
font-size: 0.875em; }
small元素的大小是默認大小的0.875倍,即14像素(14/16=0.875)。 五、流動布局(fluid grid)
"流動布局"的含義是,各個區塊的位置都是浮動的,不是固定不變的。 .main { float: right; width: 70%; }
.leftBar { float: left; width: 25%;
}

float的好處是,如果寬度太小,放不下兩個元素,後面的元素會自動滾動到前面元素的下方,不會在水平方向overflow(溢出),避免了水平滾動條的出現。
另外,絕對定位(position: absolute)的使用,也要非常小心。 六、選擇載入CSS
"自適應網頁設計"的核心,就是CSS3引入的Media Query模塊。 它的意思就是,自動探測屏幕寬度,然後載入相應的CSS文件。

9. 請問Dreamweaver中如何更改頁面大小

在dreamweaver里修改代碼:
比如:
<marquee
direction="up"
scrollamount="3"
height="100"
width="200">
等先進的實驗室設備,確保企業進行高水平的生產和對生產各環節和產品進行嚴格的檢驗。
</marquee>
上面指明的是一段滾動的文字,滾動方向為向上,速度為3,滾動背景大小為:高度:100像素;寬為:200像素;
<marquee
>……</marquee>之間的為滾動的文字
direction為文字滾動的方向up為向上down為下
left左,right右;
scrollamount:為滾動速度;
height和width:為滾動背景面積
不知能否幫上忙!

10. dreamweaver做網頁怎麼設置網頁的大小

2,你設置你做網頁的最外層的div或者表格的大小啊
任何顯示器效果都一樣,不可能,得看你顯示器得解析度
一般得尺寸如下:
1、800*600下,網頁寬度保持在778以內,就不會出現水平滾動條,高度則視版面和內容決定。
2、1024*768下,網頁寬度保持在1002以內,如果滿框顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。1024*768的滿框尺寸是1003*620,

閱讀全文

與dw如何將頁面設置符合電腦大小相關的資料

熱點內容
華碩電腦win更新後黑屏 瀏覽:804
平板電腦攻略2017 瀏覽:321
wifi隱藏了電腦怎麼連接win10 瀏覽:68
手機圖片怎麼恢復軟體 瀏覽:32
戴爾電腦很卡怎麼辦 瀏覽:726
錨怎麼連電腦 瀏覽:299
電腦單機殺毒軟體哪個好用 瀏覽:417
筆記本電腦硬碟串口線松怎麼辦 瀏覽:950
免費觀看會員電影網站 瀏覽:738
蘋果手機記事本軟體哪個好 瀏覽:20
遼陽免費建網站 瀏覽:187
如何查電腦有藍牙 瀏覽:675
電腦word文檔怎麼打字 瀏覽:533
舊台式電腦黑蘋果 瀏覽:74
電腦每次都要選擇系統是怎麼回事 瀏覽:474
如何查看win7電腦顯卡 瀏覽:650
蘋果千元軟體共享 瀏覽:230
鎖機軟體生成器手機版 瀏覽:620
jpg列印機電腦版 瀏覽:786
買電腦找哪個貼吧 瀏覽:349