Ⅰ 做web前段的素材都是怎麼找的啊
web前端開發工程師，做的工作與網站前/後台系統的頁面相關，使用到的主要技術包括：HTML、CSS、JavaScript，如果能會後台編程語言，當然會更好。
現代web前端開發已經不能像傳統web開發已經簡單的描述成切圖、css、js了（這是 @腦子不大 的回答）。在新的HTML5規范中，加入很多新的特性，這樣就對web前端工程師有了更高的要求，比如資料庫操作，使用cancvs、css3繪圖。
切圖這個概念已經是過去時了，早期由於技術匱乏，所以要將設計圖切成一塊一塊，並拼接成網頁。現在則能使用html5組織頁面，使用css3繪圖，很多元素已經不需要再使用圖片還原設計，這是一個最大的進步。
JavaScript也在向更強大的編程語言發展，新的ECMAScript6的標准也在制定中。
最後，最重要的一點，Web前端技術的生態環境現在在發展，Chrome OS、Firefox OS都是未來能直接使用原生前端技術開發程序的系統。包括現在很多瀏覽器的插件，也是直接使用前端技術開發。NodeJS也是未來的一個大熱門方向，它讓前端技術可以做後台開發。
Ⅱ 我是做前端的，平時搜集了很多的素材，我想把它們全部都放在網站上去展示出來
我是做後台的，可以相互交流
Ⅲ 資料庫中存儲的圖片顯示在前端上的是html標簽
html標簽是不可以直接存入資料庫的，必須進行html轉義才可以，從資料庫中讀取，再轉義回來就可以顯示了，就來一個簡單的，<小於號這個標簽，你要在網頁顯示必須寫成>
Ⅳ web前端公司工作流程
為大家詳細介紹一下製作一個Web前端頁面的設計流程及注意事項。
一：確定網站主題
每個網站都有自身以及對用戶的定位。針對網站定位確定網站的主題是整個網站運營的核心。一般從網站建設的目標、網站用戶群體、網站產品內容以及企業服務四個方面確定網站主題。此外還需要注意，每個頁面不但要承載整體企業的定位，同時還要側重其中某一個特定主題。
二：網站整體規劃
為了提高用戶體驗以及提高網站在搜索引擎收錄率，在網站建設初期最好能夠理清網站機構，增加不同頁面之間的關聯性，從而更好規劃頁面的布局以及網站功能。一般情況下，產品經理在設計網站初期就會提供完整的業務邏輯圖，設計師和前端工程師根據業務邏輯架構完成相關頁面的設計開發。需要重點考慮的內容包括：網站的功能、網站的結構、拌面布局等等。尤其在網站功能需求較多的情況下，網站整體規劃更加重要。
三、整合素材
在網站整體架構完成後，就可以開始整合收集素材了。網站開發和網站內容籌備同步進行，可以大大提高網頁開發的效率。主要收集的素材包括文本素材（一般由公司內容運營提供相應的文字素材，需要注意的是，這些文字素材的准確性以及版權非唯一性）、圖片素材（現在很少有純文字性的網站，往往需要大量的圖片素材，甚至還有視頻素材等）。
四、網站開發與動態效果
前端頁面開發主要用到HTML、CSS、JavaScript技術。在確定網站結構以及頁面設計圖齊全的情況下，前端開發工程師就可以進行頁面開發了。這個過程中主要完成頁面搭建以及動態效果實現。
此外在前端頁面設計過程中還需要有一些常規的注意事項：頁面解析度設置，在設計網頁時，頁面的寬度盡量不要超過屏幕的解析度，否則頁面可能無法完全展示；注意頁面版心位置。目前比較流行的屏幕寬度解析度一般1200PX~1920px，為了適配不同解析度的顯示器，一般設計班型寬度在1000Px~1200Px之間。
這就是為大家分享的Web前端頁面製作流程以及注意事項。在不同的公司中，前端工程師的崗位職責是不同的，甚至在某些大型互聯網公司中，部分前端工程師僅僅做其中一個環節，即使如此作為前端工程師還是要多多學習大前端的技術知識，才能更好的適應企業人才需求。
Ⅳ 有哪些免費設計素材網站
站酷
網站介紹：誕生於2006年8月的站酷，以「為設計師及愛好者提供最便捷、最貼心的服務」為宗旨，是一個以「設計師」為中心，服務於創意產業、服務於創意人才的「設計師互動平台」。分享最新最實用的素材資源，推薦會員設計師的優秀設計作品，提供設計探討技法交流的學習氛圍。建站以來，內容不斷充實，產品不斷增加。現在，站酷（ZCOOL）已成為設計師最喜愛的設計站點之一。
網站簡評：專業完美的素材下載與設計分享網站，提供矢量素材、PSD分層素材、圖標素材、高清圖片、原創作品等內容。前沿時尚的設計風格，日韓歐美設計素材應有盡有。站酷網站簡潔美觀，視覺沖擊力強，廣告排列整齊有序，設計師傾力推薦。
懶人圖庫
網站介紹：懶人圖庫自建站以來，一直致力於網頁素材的提供，目標是做成國內最大的網頁素材下載站。懶人圖庫口號：學會偷懶，並懶出境界是提高工作效率最有效的方法！
網站簡評：專注於提供網頁素材下載，其內容涵蓋網頁素材、矢量素材、JS廣告代碼、小圖片、網頁背景、導航菜單、PNG圖標，等等。懶人圖庫深入人心，做到了「讓任何一個網頁設計師都能輕松找到自己想要的素材」。
中國素材
網站簡評：提供各類設計素材的收集下載，包括：圖片、素材、壁紙、網頁素材、動畫素材、矢量圖、PSD分層素材、3D、字體、教材、圖標，等等。素材中國收集了很多商業廣告的源文件（PSD/CDR/AI），部分資源需要收取一定費用（點數）。不足的是，文件下載頁面的廣告太多，造成版面凌亂，用戶體驗差（素材中國為個人站點，站長可能很注重掛靠聯盟廣告，感覺像是一個網路、谷歌廣告網站）。另外，只支持迅雷、快車下載，考慮不是很周全，大概也是因為加入了迅雷聯盟和快車聯盟的緣故吧，要不怎麼會這么一個勁的推薦使用「迅雷」、「快車」下載呢。
素材資源庫
網站介紹：素材資源庫是52DESIGN旗下的設計資源網站，提供在線免費設計素材資源下載服務。
網站簡評：資源豐富，分類繁多，就是沒有提供資源搜索功能，使用起來不太方便。提供網頁模板、Flash源碼、矢量素材、PSD素材、透明Flash資源、字體下載、PS筆刷、網頁背景、音效素材、腳本特效，等等。
Ⅵ 網頁設計前端和後端的區別越詳細越好。
詳細的解釋一下web前後端的區別
1、
前台：呈現給用戶的視覺和基本的操作。
後台：用戶瀏覽網頁時，我們看不見的後台數據跑動。後台包括前端、後端。
前端：對應我們寫的html、css、javascript 等網頁語言作用在前端網頁。
後端：對應jsp、javaBean、層、action層和service層的業務邏輯代碼。（包括資料庫）
為什麼jsp是後端呢？主要是jsp的運行原理是在tomcat伺服器運行的。
2、
(1)javaweb是java開發中的一個方向 java有搞安卓的，搞web的，搞嵌入式的等。javaweb就是指搞web方向的，javaweb分兩塊，一塊是伺服器端叫後端，另一塊叫前端，也就是web前端。前端就是用戶能看到的部分，比如淘寶網，qq空間，網頁上你能看到的都是web前端做的。後端做的就是為前端的展示業務邏輯功能做處理。
(2)java web包括了jsp，servelt以及一些框架比如spring，structs以及與資料庫交互的知識，當然也涉及到了html，css等前端技術，但是更側重於後端的開發。web前端主要是html，css，javascript之類的技術。
jaweb是javaee的一個方向，Javaweb，由前端、Java代碼、和資料庫三個大方面組成，前端只是其中之一。
(3)在我們的機子上看到的界面，安裝的程序，給用戶看的，操作的就是前端；而你看不到的，幫你保存網路游戲數據，保存應用數據，處理數據的就是後端（伺服器）。比如說：我們在用的知乎就是前端，而保存這個問題，還有把這個問題推送給你的就是後端。
二、定義不同
一般來說，我們將網站分為前端和後端。前端主要負責頁面的展示，後端則是業務邏輯的實現。
1、Web前端:
顧名思義是來做Web的前端的。這里所說的前端泛指Web前端，也就是在Web應用中用戶可以看得見碰得著的東西。包括Web頁面的結構、Web的外觀視覺表現以及Web層面的交互實現。
2、Web後端：
後端更多的是與資料庫進行交互以處理相應的業務邏輯。需要考慮的是如何實現功能、數據的存取、平台的穩定性與性能等。
三、需要掌握的技術不同
1、Web前端：
精通JS，能熟練應用JQuery，懂CSS，能熟練運用這些知識，進行交互效果的開發。
(1)精通HTML，能夠書寫語義合理，結構清晰，易維護的HTML結構；
(2)精通CSS，能夠還原視覺設計，並兼容業界承認的主流瀏覽器；
(3)熟悉JavaScript，了解ECMAScript基礎內容，掌握1-2種js框架，如JQuery；
(4)對常見的瀏覽器兼容問題有清晰的理解，並有可靠的解決方案；
(5)對性能有一定的要求，了解yahoo的性能優化建議，並可以在項目中有效實施。
2、Web後端：
後端開發人員：會寫Java代碼，會寫SQL語句，能做簡單的資料庫設計，會Spring和iBatis，懂一些設計模式等。
(1)精通jsp，servlet，javabean，JMS，EJB，Jdbc，Flex開發，或者對相關的工具、類庫以及框架非常熟悉，如Velocity，Spring，Hibernate，iBatis，OSGI等，對Web開發的模式有較深的理解；
(2)練使用oracle、sqlserver、mysql等常用的資料庫系統，對資料庫有較強的設計能力；
(3)熟悉maven項目配置管理工具，熟悉tomcat、jboss等應用伺服器，同時對在高並發處理情況下的負載調優有相關經驗者優先考慮；
(4)精通面向對象分析和設計技術，包括設計模式、UML建模等；
(5)熟悉網路編程，具有設計和開發對外API介面經驗和能力，同時具備跨平台的API規范設計以及API高效調用設計能力。
四、web後端和前端是怎麼連接的？
1、web伺服器（apache、tomcat等），網路協議（http、socket等），瀏覽器（chrome、FF、IE等）。瀏覽器發起建立連接請求，通過網路協議與伺服器建立連接，伺服器保持連接，獲取瀏覽器想要的數據，伺服器通過連接返回內容給瀏覽器，瀏覽器把數據呈現出來。
2、連接的協議一般是http，也有websocket。伺服器以服務的方式存在，就像外賣店，你打個電話過去，人家就把飯菜送上門來了。
3、web伺服器訪問資料庫一樣要使用網路連接，埠只是開放服務的入口而已，就像外賣的電話。
五、JavaWeb與web前端的區別？
1、web前端，主要是給網站做靜態頁面的，也就是說你平時瀏覽的網站所看到的頁面基本都出自web前端，不過網站版面可以是美工出圖。
web前端需要掌握的技術有：DIV+CSS，j，jQuery更高一層的是可以去使用一些框架去網站頁面。這樣的框架也有很多。如Bootstrap，UIkit，Kube等等。
2、javaweb一般涉及到前端。而web前端開發只是有可能涉及到java。
前端開發一般只涉及到js,html,css,有些可能會用flash,photoshop這些。框架就jquery,ext,jodo等這些。
web前端的話他的後端可能是java，也可能是.net或者php等都可能，但javaweb可以確定後端就是java，web前端其實都一樣。
前端和Javaweb的區別更多的在於一個主要負責前端的設計和效果，而Javaweb更專注於後端的內容。
3、剛開始從事web開發時，首先要選准學習方向，看是想從事前端部分還是後端程序部分。當然在工作的後期，就不會分的那麼細致了。做前端到後期也會懂一些後端的技術，反之，後端也是。
六、學習Web前端開發都需要掌握哪些技能？
1、學習html。這個是最簡單的,也是最基礎的.要熟練掌握div、form table、ul li 、p、span、font這些標簽,這些都是最常用的,特別是div和table,div用於布局、table也可以用於布局,但是不靈活,基本 table是用來和數據打交道。
2、學習css。這里說的css不包括css3,一般我們看到web前端開發工程師的要求裡面,有一個會使用css+html 或者 css+div 來進行界面布局,所以css是用於輔助html來布局和展示的,我們稱之為「css樣式」,為什麼會說css+div呢?因為我上面說了div就是 html主要用於布局的東西,所以div就是核心掌握的東西!那麼css肯定必須要配合div來使用才好.css要熟練掌握float、 position、width、height，以及對於的最大最小、會使用百分百、overflow、margin、padding等等,這些都是跟布局 有關系的樣式,一點要掌握。
3、學習js。可能前兩個大家覺得還過的去,看到js就傻眼了,其實吧,js入門很簡單的,不需要會很多東西的,只要會根據某個id、或者name拿到網頁dom或者樣式、或者值,然後會給某個id或者name的元素標簽賦值、或者追加數據、追html,這個是跟數據有關系的操作,然後數據邏輯判斷,效果方面的,無非就是跳轉、彈框、隱藏什麼的,把這些全部結合其他就是實際用途了,代碼一點都不難,會了這些基礎js,其他的直接網路就好了.然後看多了,用多了,就什麼都不是問題了。
4、學習jquery。jquery是相當於把js封裝了一套的一個js插件,目的就是操作起來更方便,代碼寫的更少,jquery入門也很簡單,那些是入門需要學的和js一樣,只是換成了jq的代碼.其他的一樣網路就夠了。
5、最好會點後台語言,比如java、php,為什麼呢?因為前台界面的數據都是從後台來的,如果會點後台代碼,就知道怎麼跟後台交互數據是最好的, 這樣節約時間,也可以讓前端代碼更規范.不然可能因為你的寫法和後端給來的數據不能結合上,那麼前端代碼又得重新寫,那就更加麻煩了。
6、學習css3+html5,可能這個對於更接手的新人來說有點困難，需要較強的代碼知識與經驗，但是如果你們是准備專門搞前端,那麼最好還是學一下，這樣對於將來的工作會有更大的幫助。
七、從事Java後端開發都需要掌握哪些技能？
對於初學Java並且有志於後端開發的同學來說，需要重點關注以下幾個部分：
1、基礎：比如計算機系統、演算法、編譯原理等等
2、Web開發：主要是Web開發相關的內容，包括HTML/CSS/js（前端頁面）、 Servlet/JSP（J2EE）以及MySQL（資料庫）相關的知識。它們的學習順序應該是從前到後，因此最先學習的應該是HTML/CSS/JS（前端頁面）。還有一些前段框架比如easyui,還有js,jquery等技術。
3、J2EE：你需要學習的是Servlet/JSP（J2EE）部分，這部分是Java後端開發必須非常精通的部分，因此這部分是這三部分中最需要花精力的。關於Servlet/Jsp部分視頻的選擇，業界比較認可馬士兵的視頻。 4、資料庫：你需要學會使用資料庫，mysql是個不錯的入門選擇，而且Java領域里主流的關系型資料庫就是mysql。這部分一般在你學習Servlet/Jsp的時候，就會接觸到的，其中的JDBC部分就是資料庫相關的部分。你不僅要學會使用JDBC操作資料庫，還要學會使用資料庫客戶端工具，比如navicat，sqlyog，二選一即可。
5、開發框架：目前比較主流的是SSM框架，即spring、springmvc、mybatis。你需要學會這三個框架的搭建，並用它們做出一個簡單的增刪改查的Web項目。你可以不理解那些配置都是什麼含義，以及為什麼要這么做，這些留著後面你去了解。但你一定要可以快速的利用它們三個搭建出一個Web框架，你在搭建SSM的過程中，可能會經常接觸到一個叫maven的工具。這個工具也是你以後工作當中幾乎是必須要使用的工具，所以你在搭建SSM的過程中，也可以順便了解一下maven的知識。在你目前這個階段，你只需要在網路上了解一下maven基本的使用方法即可，一些高端的用法隨著你工作經驗的增加，會逐漸接觸到的。
6、你需要去看一些JDK中的類的源碼，也包括你所使用的框架的源碼。這些源碼能看懂的前提是，你必須對設計模式非常了解。否則的話，你看源碼的過程中，永遠會有這樣那樣的疑問，這段代碼為什麼要這么寫？為什麼要定義這個介面，它看起來好像很多餘？由此也可以看出，這些學習的過程是環環相扣的，如果你任何一個階段拉下來了，那麼你就真的跟不上了，或者說是一步慢步步慢。總而言之，這個階段，你需要做的是深入了解Java底層和Java類庫（比如並發那本書就是Java並發包java.concurrent的內容），也就是JVM和JDK的相關內容。而且還要更深入的去了解你所使用的框架，方式比較推薦看源碼或者看官方文檔。
希望對您有所幫助！~
Ⅶ 淘寶有個前端開發用的素材庫網站叫什麼
iconfont-阿里巴巴矢量圖標庫
功能很強大且圖標內容很豐富的矢量圖標庫,提供矢量圖標下載、在線存儲、格式轉換等功能。阿里巴巴體驗團隊傾力打造,設計和前端開發的便捷工具
地址
Ⅷ 誰知道美工和網頁前端的區別
現在網站前端工程師和美工是兩個完全不同的職位，兩者的工作內容也是完全不同的。
從2013年開始，一些的中小型的公司也開始將網站前端和美工分離，到目前，基本所有的專業的開發網站的公司都是設置了網站美工和網站前端兩職位，其工作內容和職責是完全不同的。
首先說一下開發一個網站的大致流程：客戶提出需求——>網站美工根據客戶的需求設計效果圖並得到客戶的認可——>網站前端工程師使用前端代碼將效果圖做成靜態的網頁——>後台開發人員填充後台數據——>測試完成上線。
根據以上的流程應該可以知道美工和前端的工作分工是不同，現在兩者沒有任何交集只是團隊合作，具體的職責和內容如下：
1、網站美工
網站美工一般是學美術或者設計出身，精通photoshop、AI、AE等平面設計工具，其在網站開發過程的中的職責就是按照客戶或者公司的需求設計出符合客戶需求和界面或者顏色符合大眾視覺的網站效果，如根據不同行業的需求設計顏色、設計界面風格等，其工作的最後成果就是網站的效果圖。
總結：美工是搞美術或者是設計出身的，前端是學習計算機的搞編程寫代碼的。
Ⅸ 前台html頁面的img標簽圖片想動態從資料庫獲取，如何獲取
1、這個在資料庫中存儲img圖片的地址，前台放置img伺服器標簽，後台讀取資料庫中的img圖片地址賦值。
(9)前端圖片素材擴展閱讀
img 元素向網頁中嵌入一幅圖像。
請注意，從技術上講，<img> 標簽並不會在網頁中插入圖像，而是從網頁上鏈接圖像。<img> 標簽創建的是被引用圖像的佔位空間。
<img> 標簽有兩個必需的屬性：src 屬性 和 alt 屬性。
<img> 標簽的 src 屬性是必需的。它的值是圖像文件的 URL，也就是引用該圖像的文件的的絕對路徑或相對路徑。
為了整理文檔的存儲，創作者通常會把圖像文件存放在一個單獨的文件夾中，而且通常會將這些目錄命名為 "pics" 或者 "images" 之類的名稱。
在 W3School 在線教程中，我們的工程師把大部分常用的圖像都存放到一個名為 "i" 的文件夾中，"i"是 "images" 的縮寫，這樣做的好處是可以最大程度地簡化路徑。
在 HTML 中，<img> 標簽沒有結束標簽。在 XHTML 中，<img> 標簽必須被正確地關閉。
在 HTML 4.01 中，不推薦使用 image 元素的 "align"、"border"、"hspace" 以及 "vspace" 屬性。
在 XHTML 1.0 Strict DTD 中，不支持 image 元素的 "align"、"border"、"hspace" 以及 "vspace" 屬性。
Ⅹ 如何通過網頁源代碼來提取網頁中的圖片
可以現在網頁源碼中找到圖片的鏈接，然後將圖片在新窗口打開並進行保存。
1、右擊想要提取的圖片，在展開的菜單中點擊「檢查」按鈕打開控制台：