進階方案 3,296/年
直覺且高彈性的建站工具,可以自己寫JS,使用直覺式操作方式,內含線上影像編輯軟體,不需使用 Photoshop 等專業軟體,也可以架設專業級網站。功能齊全,完全免費使用,這是真正對您有幫助的工具!
FREE & free
快來體驗一下
快來體驗一下
FREE
免費
又免費又自由
SUPPOT
支援
任可困難,Line me
不會改版型啦~
修圖要去哪裡修(去被~急)
怎麼增加流量SEO
商品要怎麼上?
想建立一個報名表~
新增語言版本(日文)
想學網頁設計(待業中)
想架一個健康
食品推廣網站,
不需要線上購物~
食品推廣網站,
不需要線上購物~
加入 PowerOn 官方 Line
可獲得最新的免費課程資訊
當您在建置網站的過程中遇到困難
亦可透過 Line 發出訊息給我們
讓我們在第一時間為您排除問題
您不再孤獨一人奮鬥
您將會有我們的協助
快加入吧!
可獲得最新的免費課程資訊
當您在建置網站的過程中遇到困難
亦可透過 Line 發出訊息給我們
讓我們在第一時間為您排除問題
您不再孤獨一人奮鬥
您將會有我們的協助
快加入吧!
PowerOn 是一套專業的網站建置系統,有多種預設版型可供套用,更可以透過內建的 V2 編輯器創建出
獨一無二、與眾不同網站。
V2 的目標就是要成為網頁設計界的 Photoshop!
適合有設計基礎或有心投入
網頁設計創業的個人或公司使用。
獨一無二、與眾不同網站。
V2 的目標就是要成為網頁設計界的 Photoshop!
適合有設計基礎或有心投入
網頁設計創業的個人或公司使用。
建立品牌形象
「與眾不同」
很重要
「與眾不同」
很重要
方案差異比較
方案名稱
線上購物及金流
紅利點數模組
多國語言(繁簡英)
多套版型可選
- 免費方案有有繁簡英有
- 流量無限方案有有繁簡英有
- 流量精算方案有有繁簡英有
- Prev
- Next
以 PowerOn 架站六大理由
穩定
系統穩定運行中,超過 5 年以上無意外中止發生。
經濟
以流量收費,當網站流量高時,可申請無限流量方案。
永續
納喜已經營超過 22 年,網站交給我們,不用擔心變成網站孤兒。
技術
無止盡的研發,不斷改良,不斷研發新功能,只為滿足您的需求。
支援
有任何問題都可以在線上或來電詢問,不論是技術方面或經營方面。
共榮
歡迎有興趣從事網路事業的群體或個人共同投入。
最新上架
-
-
-
-
-
-
-
-
-
-
網頁設計技巧:使用「多變型」編輯器編輯網站內容本文示範的內容網址:https://jasondemo.bz.com.tw/cgi-bin/cstcnt.cgi?lang=zh-tw&cid=4079PowerOn 在建立網站內容時,提供了兩種編輯方式,分為「簡易型」與「多變型」兩種,如下圖所示:這是自訂內容的編輯畫面( Tinymce 編輯器 ): 這是多變型( PowerOn V2 編輯器 ): 使用方式:大致上使用的方式和版型編輯器一樣,只是要注意的是,版型編輯大部分的元素都是屬於「浮動」的「絕對座標內容參考線:界定內容安全範圍的虛線所謂內容安全範圍,指的是在這個範圍內的元素不會跑到視窗以外,在編排網頁上,可以輔助使用者在移動元素時候的重要參考。RWD的網頁設計,因為要符合大部分瀏覽設備的解析度,網頁設計的「舒適性」上,盡量做到滿足所有設備。而元素常常也需要因解析度的不同能自動調整,因此在界定安全範圍是很重要的事情。簡單來說,您的網頁不可以因為不可控的理由而消失或被畫面切割,而安全範圍提供了在網頁空間上的界定功能。您可以觀看一下下方兩分多鐘的影片,畫面中左右兩條虛線的作用,以及透過空間設定,來試著靠齊介面介紹:解析度切換 BarRWD ( Responsive web design )網頁為了能夠讓在各種設備上得到合適的呈現,在網頁設計過程中,我們必須要針對多個解析度作頁面的調整,所以必須能夠在編輯器內切換各種解析度。PowerOn V2 編輯器不論您是在編輯版型還是要修改內容,都可以利用畫面右方中間的一個直立按鈕來切換,我們稱之為「解析度切換 Bar」。操作的方式很簡單,您可以直接拖拉它,或是在 Bar 上按下滑鼠右鍵,選擇要瀏覽的解析度。您可以參考一下影片( 請放大觀看 ):再次提醒:任何修改請先介面介紹:滑鼠右鍵跳出選單V2 編輯器最重要的功能全都在這個跳出選單內,所以一定要花時間好好了解。 功能列表名稱說明直接在「標題文字」、「文字方塊」和「文章方塊」元素上按下滑鼠右鍵,可直接進行文字編輯與設定。此功能只針對「自訂編碼」元素有效。此功能是針對編修「圖片」或是「向量圖」的而設置的功能。執行後會呼叫線上圖形編輯軟體。可直接對選取的元素進行空間設定,移動、改變長寬、旋轉等。對正在變形的元素解除變形狀態。 如果所選元素為「容器」的一種,並且之前有複製其他元素,在可容許的規則下,可執行將所複製之元素貼到介面介紹:元素檢視與選擇視窗在 V2 編輯器右下角有一個小小的方塊,滑鼠點擊後會出現「元素檢視與選擇視窗」,它是一個以樹狀階層的方式顯示網頁所有元素的視窗。每一個方塊代表一個元素,有的元素是系統自己生成的,有的可能是您新增的,部分不可控元素是無法選擇或無法操作,但它還是存在。 這個選擇視窗的重要性它除了可以讓您一目了然整個頁面的架構外,在選擇元素的時候,如果遇到很難選到的元素,您還可以直接點選該元素所代表的方塊,並且可在該元素代表方塊上按下滑鼠右鍵,一樣會跳出滑鼠右鍵選單:如果該元素處於隱藏狀態,您只能使介面介紹:V2 編輯器下方的指令列介紹從這篇文章開始,我們要來介紹 V2 編輯器的細部功能,會適時配合一些影音讓各位快速了解,讓大家在使用上能夠更加得心應手。首先我們先看一下指令列的 13 個部分:目前編修指出目前編修的版型檔案,下面會有更詳細說明。重新整理V2 編輯器在某些時候會因為更新不同步而造成編輯內容的替代物件沒有更新到最新狀態,此時按下「重新整理」來更新狀態。儲存( Ctrl + S )儲存目前編修過的版型檔案。新增新增新的元素到版型,下面會簡介個別的元素。刪除( Del )刪除一個或是多個元素網頁版型設計教學 - 「陳列容器」元素修改示範什麼是陳列元素?底下就是一個 3 X 2 的陳列容器元素( 直為「行」,橫為「列」,手機上看到會是 1 行 6 列 ): 也可以是這樣的表現方式( 單橫列捲動 ): PrevPrevNextNext讓我們先看一段影片,建立一下概念:學習重點:正確選取「陳列容器」元素設定陳列容器的「資料來源」關於資料來源的基本介紹陳列容器的樣式介紹陳列容器可依解析度調整顯示行列利用「按鈕」元素設定連結到資料來源分類頁面( 商品分類或自訂內容文章分類 )補充說明:放置陳列容器的「版型教學,今天來示範一下「選單」怎麼改首先我們來看一下幾個類型的選單:1. 橫式選單:橫式選單又分成兩種,一種是等邊距的橫式選單,一種是等寬度的橫式選單。等邊距選單指的是選單項目內的按鈕元素與選單項目元素的邊距相等,所以即使按鈕寬度不一樣,但按鈕與按鈕之間距離是一樣的。而等寬度的橫式選單指的是不管按鈕寬度多少,選單項目寬度都保持一樣的寬度( 平均分配寬度 )。來看一下下面的兩個選單比較看看。 首頁 按鈕文字 首頁 關於我們 關於我們 關於我們 產品與服務 產品與服務 產品與服務 最新消息 最新消息 最新消輪播展示元素的修改示範 現在先看一下什麼是「輪播展示」: Skin Care 怒髮衝冠,憑闌處,瀟瀟雨歇。抬望眼,仰天長嘯,壯懷激烈。 Skin Care 怒髮衝冠,憑闌處,瀟瀟雨歇。抬望眼,仰天長嘯,壯懷激烈。 怒髮衝冠,憑闌處,瀟瀟雨歇。抬望眼,仰天長嘯,壯懷激烈。 Skin Care Prev Prev Next Next 快速建立概念 / 首先,我們先來看一段 11 分多鐘的影片:這段影片和這篇文章主要想教大家的是:如何選取播放展示元素。修改輪播展示裡面的各個展示項目( 各個 Page )。限制選