網頁 設計（不用寫碼）11：如何製作出讓大家一直看你的網頁的特效。web design 網站 設計-wix 教學/中文|SernHao Tv
今天要和你分享一個 --- 超級吸引眼球的網頁功能。
-網頁 設計/網站 設計/網頁製作【wix 中文 教學】-
【 Wix 官方網址：http://bit.ly/2qrQI3J 】
【 Wix 電子商務：http://bit.ly/2G1iM43 】
【 Wix 模板參考：http://bit.ly/2Gu5wVF 】
【 我的email：sernhaotv@gmail.com 】
大家好！我是SernHao ！
歡迎來到：就算是不會寫代碼，也能設計出讓人讚嘆的網頁的教學系列。
Wix是一個能夠讓不會編寫代碼；
或是沒有藝術天賦的我們，（應該是我罷了。。。）
也能設計出，讓人驚嘆的網頁的平台。
為了節省時間、和避免假冒，
你可以直接點擊，我放在說明文的官網連結。
如果你對這方面的資訊感興趣的話，
歡迎你訂閱和關注SernHao Tv。
00:00:38 我要分析的就是“Scrolling Effect”。
中文應該是“滾動效果”。
如果你知道中文是什麼，請你留言分享給我。謝謝。
這一集，我會引用上一集影片教學的網頁來繼續。
如果你錯過了，你可以直接點擊，
我已經放在說明文的影片教學的連結，來觀看。
那麼我麼現在繼續吧。
00:00:59 當你點擊了，我放在說明文的官方網頁的連結後，
你就會到這個頁面。
點擊“manage & Edit Site”。
然後點擊“Edit Site”。
這就是我們之前設計好的網頁。
現在我們來添加“Scroll Effect”。
點擊左邊這個“Add”。
選擇“Strip”。
這裡有提供給你很多的模板。
你可以根據你的需要，然後選擇適合的“template”。
當你選好後，就拖出來，放在你要的部分。
現在，我們看“Preview”（預覽）。
什麼效果都沒有添加的時候，這只是一張普通的圖片。
它沒有任何的效果。
00:01:47 那麼，我們現在要把這個“Scroll Effect”放進去。
點擊“Back To Editor”。
點擊這個“Strip”。
點擊“Change Background”。
點擊“Setting”。
我們可以選擇這4個不同的“Scroll Effect”。
00:02:03 這裡，我會為你示範這4個“Scroll Effect”。
讓你一次過看清楚。
第一個是“Parallax”。（視差）
為了看得比較明顯，我會使用不一樣的圖片。-
再按“Setting”。
然後選“Reveal”。（露出）
第三個是“Zoom In”。（放大）
第四個是“Fade in”。（淡入）
00:02:39 那我們現在去看“Preview”。
第一個是“Parallax”。（視差）
第二個是“Reveal”。（露出）
這兩個其實蠻相似的。
這個是“Zoom in”，你可以看到它慢慢變大。
第四個是“Fade In”，你可以看到它的顏色滿滿的變深。
00:03:02 除了普通的圖片，你也可以放上影片；
或是在這些圖片上加字。
當你學會這個技巧，並於用在你的網頁後，
你就會發現你的網頁，絕對絕對地，
會比其他人的網頁來得吸引人。
如果你覺得這個分享，對你有幫助的話，
歡迎你給我個“讚”，然後分享給你的朋友。
如果你想找我幫你設計網頁的話，
你可以email 我，網址是：sernhaotv@gmail.com。
那麼我是SernHao。我們下個影片再見！Bye～
===可以找的到的字/Keywords===
網頁 設計 教學 | web design | 網頁 設計 | 網站 設計 | 網頁製作 | 網路賺錢 | 網路創業 | 網路 行銷 | e marketing | internet marketing | 网络 行销 | digital marketing 中文 | wix 教學 | wix 中文 | wix | website design | wix tutorial | 網站 製作 | 網頁 設計 軟體 | 网站设计 | 免費 網站 | wix example | 設計 網站 | 设计网站 | 網站設計 diy | free website | 網站設計 免費 | 製作 網頁 | sern hao | sernhao | sernhao tv | yt:cc=on | scrolling effect | web scroll animation | 滾動效果 | 網頁 滾動 效果
===推薦/Recommend===
1）網頁 設計（不用寫碼）10：這網頁功能，能讓你的顧客放心和你做買賣！web design 網站 設計-wix 教學/中文|SernHao Tv
https://www.youtube.com/watch?v=Bp7A-C-RVtA
2）【wix 中文-網站 教學#1】如何免费網頁設計(網頁製作)?网站设计教学：如何免费网页设计(网页制作)?Tutorial: how to web design with free? - SernHao Tv
https://www.youtube.com/watch?v=CY2l0t7lSTw
===歡迎來支持我其他的平台，謝謝咯：===
Facebook：http://bit.ly/2GU0dzn
微博（Weibo）：http://bit.ly/2EbXcIW
哔哩哔哩（BiliBili）：http://bit.ly/2sgltwa
Youtube：http://bit.ly/2ENdHMP
优酷（YouKu）：http://bit.ly/2Esjt9I
Blogger：https://goo.gl/ZgNk33
Google+：https://goo.gl/RNAwSe
Twitter：https://goo.gl/CH8Npb
instagram：https://goo.gl/pl3xnP
-網頁 設計/網站 設計/網頁製作【wix 中文 教學】-
【 Wix 官方網址：http://bit.ly/2qrQI3J 】
【 Wix 電子商務：http://bit.ly/2G1iM43 】
【 Wix 模板參考：http://bit.ly/2Gu5wVF 】
【 我的email：sernhaotv@gmail.com 】
大家好！我是SernHao ！
歡迎來到：就算是不會寫代碼，也能設計出讓人讚嘆的網頁的教學系列。
Wix是一個能夠讓不會編寫代碼；
或是沒有藝術天賦的我們，（應該是我罷了。。。）
也能設計出，讓人驚嘆的網頁的平台。
為了節省時間、和避免假冒，
你可以直接點擊，我放在說明文的官網連結。
如果你對這方面的資訊感興趣的話，
歡迎你訂閱和關注SernHao Tv。
00:00:38 我要分析的就是“Scrolling Effect”。
中文應該是“滾動效果”。
如果你知道中文是什麼，請你留言分享給我。謝謝。
這一集，我會引用上一集影片教學的網頁來繼續。
如果你錯過了，你可以直接點擊，
我已經放在說明文的影片教學的連結，來觀看。
那麼我麼現在繼續吧。
00:00:59 當你點擊了，我放在說明文的官方網頁的連結後，
你就會到這個頁面。
點擊“manage & Edit Site”。
然後點擊“Edit Site”。
這就是我們之前設計好的網頁。
現在我們來添加“Scroll Effect”。
點擊左邊這個“Add”。
選擇“Strip”。
這裡有提供給你很多的模板。
你可以根據你的需要，然後選擇適合的“template”。
當你選好後，就拖出來，放在你要的部分。
現在，我們看“Preview”（預覽）。
什麼效果都沒有添加的時候，這只是一張普通的圖片。
它沒有任何的效果。
00:01:47 那麼，我們現在要把這個“Scroll Effect”放進去。
點擊“Back To Editor”。
點擊這個“Strip”。
點擊“Change Background”。
點擊“Setting”。
我們可以選擇這4個不同的“Scroll Effect”。
00:02:03 這裡，我會為你示範這4個“Scroll Effect”。
讓你一次過看清楚。
第一個是“Parallax”。（視差）
為了看得比較明顯，我會使用不一樣的圖片。-
再按“Setting”。
然後選“Reveal”。（露出）
第三個是“Zoom In”。（放大）
第四個是“Fade in”。（淡入）
00:02:39 那我們現在去看“Preview”。
第一個是“Parallax”。（視差）
第二個是“Reveal”。（露出）
這兩個其實蠻相似的。
這個是“Zoom in”，你可以看到它慢慢變大。
第四個是“Fade In”，你可以看到它的顏色滿滿的變深。
00:03:02 除了普通的圖片，你也可以放上影片；
或是在這些圖片上加字。
當你學會這個技巧，並於用在你的網頁後，
你就會發現你的網頁，絕對絕對地，
會比其他人的網頁來得吸引人。
如果你覺得這個分享，對你有幫助的話，
歡迎你給我個“讚”，然後分享給你的朋友。
如果你想找我幫你設計網頁的話，
你可以email 我，網址是：sernhaotv@gmail.com。
那麼我是SernHao。我們下個影片再見！Bye～
===可以找的到的字/Keywords===
網頁 設計 教學 | web design | 網頁 設計 | 網站 設計 | 網頁製作 | 網路賺錢 | 網路創業 | 網路 行銷 | e marketing | internet marketing | 网络 行销 | digital marketing 中文 | wix 教學 | wix 中文 | wix | website design | wix tutorial | 網站 製作 | 網頁 設計 軟體 | 网站设计 | 免費 網站 | wix example | 設計 網站 | 设计网站 | 網站設計 diy | free website | 網站設計 免費 | 製作 網頁 | sern hao | sernhao | sernhao tv | yt:cc=on | scrolling effect | web scroll animation | 滾動效果 | 網頁 滾動 效果
===推薦/Recommend===
1）網頁 設計（不用寫碼）10：這網頁功能，能讓你的顧客放心和你做買賣！web design 網站 設計-wix 教學/中文|SernHao Tv
https://www.youtube.com/watch?v=Bp7A-C-RVtA
2）【wix 中文-網站 教學#1】如何免费網頁設計(網頁製作)?网站设计教学：如何免费网页设计(网页制作)?Tutorial: how to web design with free? - SernHao Tv
https://www.youtube.com/watch?v=CY2l0t7lSTw
===歡迎來支持我其他的平台，謝謝咯：===
Facebook：http://bit.ly/2GU0dzn
微博（Weibo）：http://bit.ly/2EbXcIW
哔哩哔哩（BiliBili）：http://bit.ly/2sgltwa
Youtube：http://bit.ly/2ENdHMP
优酷（YouKu）：http://bit.ly/2Esjt9I
Blogger：https://goo.gl/ZgNk33
Google+：https://goo.gl/RNAwSe
Twitter：https://goo.gl/CH8Npb
instagram：https://goo.gl/pl3xnP