導航:首頁 > 萬維百科 > web網頁設計效果圖與圖片教材

web網頁設計效果圖與圖片教材

 發布時間：2020-10-22 03:54:06

1、網頁設計和web前端的區別

前端是實現設計師出的圖效果，做成頁面，加上效果，各種JS，各種CSS等等。
設計師，按正規來說，和程序員溝通好後，出設計圖，各種效果的效果圖，比如設計稿內要標明，滑鼠移上效果會是怎麼樣，等等，前端再實現這些效果成頁面，交給程序員。

2、正常網頁製作背景圖片應該多大？

1、背景最好是能夠做到自動延伸，現在的顯示器是越來越大，解析度也慢慢的變大了，現在用1600*900解析度的也不少，我的就是，當然也有人用1280*768、1024*768等，所以網頁設計的背景一般是不會設計成固定尺寸的，你可以做成可循環平鋪的圖片或者漸變顏色，直接是一種顏色那就更方便了；

2、其實網頁設計一般所說的尺寸指的是主體框架的尺寸，就拿現在這個百度知道的頁面距離，中間的主體部分無論是瀏覽器怎麼伸展，主體內容的寬度是保持不變的，我查看了一下css代碼，這個主體框架的寬度是980px；

3、你設計的時候把主體部分設置成980-1000px就差不多了，畢竟現在使用1024*768解析度以下的人已經畢竟少了。

3、web前端開發和網頁製作有什麼區別？詳細點

可以說「會做網頁」不等於「前端開發」。前端開發是寫代碼的，是用代碼來構建網頁界面和交互。
如果把前端開發工程師和網頁製作對立開來講，就不能不說說其中的區別了：
第一：兩者的知識面差距是巨大的。
網頁製作只需要掌握DIV+CSS就行了，現在還有大量使用Dreamweaver的網頁製作人員存在就是個很好的證明，好一點的網頁製作人員會懂些簡單的js，可能會修改些js代碼。而一個前端開發人員是在這個基礎上把知識面進行了很大的擴展。比如為了提高頁面解析速度的背景圖合並技術，一個簡單的背景圖合並需要成熟的標簽嵌套思想和簡單的ps技術；比如對搜索引擎友好的屬性的設置，標簽的使用。
第二：兩者對技術的理解深度差距是巨大的。
一個技術較高前端開發人員的代碼質量要遠遠高於一個網頁製作人員，表現在代碼精簡度與可讀性、圖片的處理、對搜索引擎友好性、以及後期維護的難易度等等方面。很多網頁製作人員極少使用a標簽，設置鏈接的時候習慣用input加js跳轉。這都是技術面廣度差距引起的對div+Css技術理解深度不足的體現。
前端開發人員全局性的視角，可以讓代碼變成一種藝術。div+css的技術就好像一把寶劍，網頁製作人員也就能練成華山劍法，而前端開發人員耍的是獨孤九劍。劍是同一把，關鍵在耍劍的人而已。
第三：兩者在具體工作中的受重視程度是差距巨大的。
這個很好理解，高技術有高待遇，受重視，受尊敬，更好的發展前景。

4、網頁設計和web前端開發哪個好

這位網友你好，這兩個做的精通了都是很掙錢的。看你喜歡什麼了，網頁設計主要是畫效果圖，再就是一些廣告圖片什麼的，web前端開發基本上就是寫代碼了，需要精通最基本的HTML+css+js。沒有好不好，只有喜不喜歡了。

5、web網頁設計中怎麼做頁面背景圖片

1

6、web網頁設計中 如何圖片上附著圖片

如果是相對定位，先把圖片放到不同的div中，然後直接用margin調整div的位置，然後用z-index：100（這個值越大就越在上面，反之越小就在下面）來調整圖片層次（就是哪個圖片在下面哪個在下面）。
絕對定位類似以上解決方式。

7、web前端設計工程師與網頁設計有什麼區別

前端和設計師，
如果要區分的話，區別蠻大的。
前端是實現設計師出的圖效果，做成頁面，加上效果，各種JS，各種CSS等等。

設計師，按正規來說，和程序員溝通好後，出設計圖，各種效果的效果圖，比如設計稿內要標明，滑鼠移上效果會是怎麼樣，等等，前端再實現這些效果成頁面，交給程序員......

8、在網頁製作是如何實現圖片切換

在DreamWeaver中實現滑鼠圖片切換效果 可以使用 『滑鼠經過圖像』 功能來實現
也可以用CSS控制來實現。
『滑鼠經過圖像』 功能簡單明了。不需多講，多試幾次即可掌握。
現在具體講一下 CSS控制實現 圖片切換效果！
首先製作一個 ID為abc 的div 寬度50px; 高度50px; 在abc裡面隨便打一個字 設置一個空鏈接。

然後定義 abc 寬度50px; 高度50px; a標簽的塊形式 代碼如下：
<style type="text/css">
<!--
#abc a {
height: 50px;
width: 50px;
display: block;
}
-->
</style>
<!--注意上面才是CSS代碼，下面是div-->
<div id="abc"><href="#">字體</a></div>
然後設置 div的背景圖片 比如圖片名為 bj.gif
CSS代碼變為：
<style type="text/css">
<!--
#abc a {
background-image: url(bj.gif);
height: 50px;
width: 50px;
display: block;
}
-->
</style>
最後 設置滑鼠經過的樣式 比如 滑鼠經過圖片為 bjj.gif
CSS代碼 變為如下：
<style type="text/css">
<!--
#abc a {
background-image: url(bj.gif);
height: 50px;
width: 50px;
display: block;
}
#abc a:hover {
background-image: url(bjj.gif);
}
-->
</style>

9、web前端工程師和網頁設計師的區別?

一、指代不同

1、web前端工程師：利用(X)HTML/CSS/JavaScript/Flash等各種Web技術進行客戶端產品的開發人員。

2、網頁設計師：指精通Photoshop，Coreldraw,Frontpage,Dreamweaver等多項網頁設計工具的網頁設計人員。


二、職責不同

1、web前端工程師：完成客戶端程序（也就是瀏覽器端）的開發，開發JavaScript以及Flash模塊，同時結合後台開發技術模擬整體效果，進行豐富互聯網的Web開發，致力於通過技術改善用戶體驗。

2、網頁設計師：負責對網站整體表現風格的定位，對用戶視覺感受的整體把握；進行網頁的具體設計製作；產品目錄的平面設計。

三、技能要求不同

1、web前端工程師：對互聯網流行的網頁製作方法（Web2.0）HTML+CSS，以及各大瀏覽器兼容性有深刻的了解。還要對IT其他編程語言有所了解如：PHP，Java，.net，vue。

2、網頁設計師：需要掌握網頁的界面設計，如內容的介紹、按鈕的擺放、文字的組合、色彩的應用、使用的引導等。



10、html網頁設計裡面怎麼平鋪背景圖片

html網頁設計裡面平鋪背景圖片的代碼如下：
<html>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
網頁背景默認是平鋪整個屏幕的，可能有以下原因導致不能平鋪：

1、圖片不夠大，又background屬性不能拉伸圖片；
2、只能用個div，把其z-index值設為負，並使這個div大小為整個body大小，在div里用<img> ；
3、body的background屬性去掉，要不然會被遮住。

與web網頁設計效果圖與圖片教材相關的知識