Pinegrow Web Editor暗黑祕技!將網路上喜歡的版型直接搬回家

梅問題-Pinegrow Web Editor暗黑密法!將網路上喜歡的版型直接搬回家
  自從改用Pinegrow Web Editor網頁編輯軟體,大幅的縮短RWD自適應網頁的製作時間,同時讓套用Bootstrap框架變得更簡單,但使用Pinegrow Web Editor已有好段時間,一直對於它內建的Open URL這功能感到好奇,一般都是Open File怎會有Open URL,因此那天就試用看看,才發現這功能真是太強大了,比砍站軟體還更砍站,除了能將網站下載回來外,甚至連網頁的結構也會一併顯示在Pinegrow編輯器中,就可直接在Pinegrow編輯器中,直接進行編輯與修改,再按下儲存後,就會儲存為自己的樣版啦!這對於收集網頁,或是研究別人的版型特別的方便,因此身為網頁設計的朋友,也趕快來看看囉!

Step1
打開Pinegrow Web Designer後,點一下「Opne url」圖示。
梅問題-Pinegrow Web Editor暗黑密法!將網路上喜歡的版型直接搬回家
Step2
接著輸入頁面的網址,不是RWD的網頁也可以。
梅問題-Pinegrow Web Editor暗黑密法!將網路上喜歡的版型直接搬回家
Step3
這時Pinegrow Web Designer就會開始分析結構,並將網頁載入。
梅問題-Pinegrow Web Editor暗黑密法!將網路上喜歡的版型直接搬回家
Step4
當載入完畢後,左邊的工作視窗會顯示網頁的畫面,右邊會顯示該網頁的樹狀結構。
梅問題-Pinegrow Web Editor暗黑密法!將網路上喜歡的版型直接搬回家
Step5
同時點選畫面中的區塊,還可直接進行編輯,因此不是只是預覽畫面而已。
梅問題-Pinegrow Web Editor暗黑密法!將網路上喜歡的版型直接搬回家
Step6
接著再將頁面儲存起來。
梅問題-Pinegrow Web Editor暗黑密法!將網路上喜歡的版型直接搬回家
Step7
這時只會儲存CSS與html,同時所有頁面的用的檔案,都會依照原來的結構進行儲存。
梅問題-Pinegrow Web Editor暗黑密法!將網路上喜歡的版型直接搬回家
Step8
雙響後,不但沒跑版,同時剛修改的也能正常的顯示,而頁面中的js與圖片則會以連結的方式,因此當下回看到喜歡的網頁樣版時,不妨可試試看囉!
梅問題-Pinegrow Web Editor暗黑密法!將網路上喜歡的版型直接搬回家

相關文章

「W3layouts」上千個免費可商用RWD自適應版型下載

「W3layouts」上千個免費可商用RWD自適應版型下載

Bootstrap教學-利用Bootstrap網格系統製作出flickr相片牆效果

Bootstrap教學-利用Bootstrap網格系統製作出flickr相片牆效果

Facebook Message臉書訊息網頁版,暗藏了許多經典的小遊戲

Facebook Message臉書訊息網頁版,暗藏了許多經典的小遊戲

加入微軟聯盟行銷!不但荷包賺飽飽,Office還可免費用

加入微軟聯盟行銷!不但荷包賺飽飽,Office還可免費用

「Mobirise」不懂網頁語法,拖拉就可完成精美、酷炫的RWD網頁工具

「Mobirise」不懂網頁語法,拖拉就可完成精美、酷炫的RWD網頁工具





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。