請選擇 進入手機版 | 繼續訪問電腦版

施勢帆老師的教學網站

 找回密碼
 註冊
搜索
熱搜: 活动 交友 discuz
查看: 277|回復: 38

網站建置 -- 作業十二 WordPress, Discuz & Ecshop 系統安裝

[複製鏈接]
shie 發表於 2021-5-3 16:54:17 | 顯示全部樓層 |閱讀模式
Reference : http://mouse.oit.edu.tw/Books/Network/%adp%ba%e2%be%f7%a7%eb%bcv%a4%f9/Lab 14.ppt

https://blog.gtwang.org/windows/windows-linux-hosts-file-configuration/

C:\WINDOWS\system32\drivers\etc\hosts

120.96.57.61        wp.123456.idv.tw
120.96.57.61        forum.123456.idv.tw
120.96.57.61        ecshop.123456.com

A.建立目錄
C:/AppServ/www/wordpress
C:/AppServ/www/Discuz
C:/AppServ/www/ecshop

B.WordPress 安裝過程 :

0. Download from
http://mouse.oit.edu.tw/Data/Program/wordpress-4.7-zh_TW.zip

1.解開,將所有檔案移至C:\AppServ\www\wordpress下。

2.建立Database
Mysql Command Line Client
create database wordpress;
quit



3.http://wp.123456.idv.tw/wordpress








作業圖 I 需有變更主題並發表文章




C. Discuz Forum 安裝過程 :

0. Download from
http://mouse.oit.edu.tw/Data/Program/PHP_packages/Discuz/Discuz/Discuz_X3.2_TC_UTF8.zip

1.解開,將upload資料夾中所有檔案移至C:\AppServ\www\Discuz下。

2.http://forum.123456.idv.tw/discuz








3.刪除  C:\AppServ\www\Discuz\install

作業圖 II 需有版塊並發表文章




D. ECshopOScommerce 安裝過程 :

0. Download from http://mouse.oit.edu.tw/Data/Program/PHP_packages/tw-ECShop_V2.7.3_UTF8_release1106.tar.gz

1.解開,將upload資料夾中所有檔案移至C:\AppServ\www\ecshop下。

2.http://ecshop.123456.com/ecshop







3.刪除  C:\AppServ\www\ecshop\install
C:\AppServ\www\ecshop\demo

作業圖 III 發售商品










本帖子中包含更多資源

您需要 登錄 才可以下載或查看,沒有帳號?註冊

x
1061B108103202 發表於 2021-5-18 00:08:14 | 顯示全部樓層
網路架設相關文章:【網站架設4大攻略】掌握網站設計與網頁製作,打造高效益網站!
一個好的網站,能夠為企業創造有形與無形的價值,包含品牌形象的建立、透過線上訂單創造收益、獲得額外品牌合作,並且此為網路行銷的基礎。因此,一個網站架構明確、定位清楚、且符合使用者需求與創造良好使用體驗的網站架設是非常重要的。
網站架設流程為何?在選擇網站架設公司或是網頁製作軟體(架站軟體)前,需要先做足那些架設網站的準備?是以,架設網站的大框架和執行細節的釐清與規劃非常重要,就連在網站架設完成後的維護、管理也需要事先規劃。

攻略一:外包網站架設公司 vs 自行架設網站
首先,你需要評估要自行架站或外包,這關係到架站前的規劃與時間、金錢和人力,即網站架設費用以及成本,再選擇最符合需求和條件的方式架設網站。

網站架設費用及成本時間成本
1. 自行架設網站:多耗費在工具(網頁製作軟體、網站架設軟體)、相關知識研究,與細節規劃與執行
2. 外包網站架設公司:主要耗費在與外包團隊的來回溝通時間
人力成本
1. 自行架設網站:非專業背景的小團隊獨立製作較耗費時間,分工需更明確;若團隊內有網站架設工程師,可分配較深入的技術性工作
2. 外包網站架設公司:需一窗口和網站架設公司溝通,團隊可繼續執行其他工作
網站架設成本
1. 自行架設網站:要自行架設網站所需的步驟較為繁瑣,包含了註冊網域(Domain)、購買(或租用)網站空間等。以市場平均網站架設費用價格來看,註冊國外網域一年約需 10 至 15 元(美金)左右;而買斷「伺服器」一年需 3 萬至 10 萬元(台幣),租用「虛擬主機」則約 3 千至 8 千元(台幣)不等的月費。
2. 外包網站架設公司:須視網站功能,以及不同網站架設公司的報價而有所不同,一般約 3 萬至 50 萬元(台幣)不等。一般形象網站價格可能較低;,而電商購物車網站因為功能複雜,價格相對也較高。

自行架設網站:網頁製作軟體與架站平台推薦
自行架設網站其實有許多的線上資源(如架站平台、網頁製作軟體等)能夠利用,下面利出幾個比較知名的架站平台與網頁製作軟體以供參考:
1. Wix 網站
Wix 主張快速架設美觀、專業的網站,許多想要快速搭建網站的使用者會選擇使用。若想架設小規模的品牌網站、個人簡歷網站或作品集網站,Wix 能讓你快速入門網站架設。

Weebly 和 Wix 很相似,都屬於操作簡單、介面視覺化的架站平台。同樣適合需要快速架設網站,且不需要太多額外功能的使用者。

Wordpress 可說是目前全球網站架設平台的主流,約有25%的網站使用 Wordpress 網站來架設網站。Wordpress 還分為 Wordpress.comWordpress.org 兩者, 使用者可視需求選擇適合的方案!
心得:網站架設可以說是非常簡單去架設也可以說是非常困難去架設的,因為一個網站架構明確、定位清楚、且符合使用者需求與創造良好使用體驗的網站架設是非常重要的。



test 發表於 2021-5-18 08:57:11 | 顯示全部樓層
架站流程一.網域


  • 不要使用主機商網域:



有很多網路主機商都會標榜免費提供網域的服務,但是請不要這麼做



  • 不要使用免費子網域:



有很多部落格平台都會提供免費子網域,但是除非完全沒有要營利,否則使用免費子網域經營blog是很危險的




Step1:選擇國際域名(.com)



Step2: 輸入Email後到信箱收取確認信,點入連結進入頁面輸入想要的網域名稱後按下確定,建議是簡單好記或與企業有相關的英文字。





Step3: 註冊會員並選擇年份及繳費方式



















二.虛擬主機


我們蓋房子前都需要有一塊地,而主機就是我們網站的「地」,地買的多大,房子就能蓋的多大;地的大小在虛擬主機規格上大致可以由磁碟空間、每月流量、資料庫空間來決定,規格越高能架設的網站就越大。



A方案
B方案
C方案
每月流量
無限
架設網站數
無限
可用子網域數
無限
主機規格
企業客製SSD硬碟
瀏覽器介面控制台
中文 cPanel 控制台
SEO工具
GA分析工具
佈景主題
免費基本型
GeneratePress
客製化
Elementor
基本功能
PRO版本
客製化
Form Maker 功能性表單
設定費
0元
0元
0元
年費
4500元
5000元
依客製程度報價













三.網頁製作軟體


有了土地也設好了路標,那就可以開始架設我們的網站了!網站的架設有程式碼的撰寫,也有網站架設平台可以使用,在之前我們寫過了一篇文章從前架站需要30天,現在你只要30分鐘,詳細介紹了這兩種方式的差異。


這邊以Wordpress作為介紹:
Step1:下載Wordpress.org並解壓縮




Step2:下載FTP傳輸軟體-
[size=1.2em]FileZilla




Step3:由主機商提供的管理介面Cpanel介面新增FTP帳戶




Step4:建立資料庫並新增使用者到資料庫




Step5:將我們第一步下載的Wordpress解壓縮並開啟FillZilla,將檔案全部上傳到WWW資料夾




Step6:打上網址即可看到Wordpress安裝畫面,填上資料庫資訊




Step7:安裝完成就可以開始製作網頁囉!






網站連結:https://kuangyaodm.org/website180808/


心得:在現在這個網路發達的時代,架設一個網站比起以前來說可以算是非常容易了,而且網路上也有很多教學的文章可以參考從這次的作業學習到網站架設的一些基本觀念,也對網站架構有了基礎的認識,不過還是有許多需要深入了解的地方
1061B108103220 發表於 2021-5-18 09:11:06 | 顯示全部樓層
網站架設流程網域申請、虛擬主機租用與DNS指向設定
如果我們將網站架設比喻成「住家」,「網域」如同網站的門牌,申請網域才能讓我們的網站在茫茫網路世界中能夠被清楚辨識,因此網域名稱通常越精簡好記越好,通常以幾個原則為主:「.com」優先、以品牌命名、去除www、避免使用中文。
虛擬主機可以視為網站的「房子」,需要先有個空間才能存放網站的所有資料,通常自己經營的主機所費不貲,現在許多主機商提供租用虛擬主機的服務,不僅方便更是省下了許多人事和技術成本,而挑選主機的的考量點有:公司、價格、功能性等,其中大多數的人推薦選用國外主機,例如Bluehost和Siteground。
DNS為網路名稱系統,像是「地址簿」一樣,是儲存許多IP位址的資料庫。設定DNS指向的意思如同告訴別人這間房子的門牌就是你家,讓瀏覽者可以輸入網域就找到你的主機,參觀你的網站。
更多網域、虛擬主機和DNS的運作和推薦,在下方「網站架設的必備知識」有更深入的介紹喔!
網站地圖
正式進入網頁製作的步驟前,建議繪製網站地圖(Sitemap)確立網站的架構,並釐清網站架設的目的、目標客群是誰、期望達到的效益等等。
網站地圖(Sitemap):製作Sitemap就像是繪製你的網站地圖,計畫頁面組織以及資訊該存放在哪個位置,讓用戶可以找到他們想去的方向。網站架構的全貌在這個階段會被具體繪製出來,以「頁面」為單位進行架構的確認,透過 sitemap 圖可以知道各頁面的層級關係及如何連結,以及定義清楚靜態頁面及需要後台管理的頁面。

確認網站架構和內容主軸後,就可以開始探討網站呈現的方式。首先,我們要先了解網頁組成的3大要素:Header(頁首)、Content(內容)、Footer(頁尾),每一部分都有它的功能與策略。
Header包含主要的視覺設計和精神,企業Logo也涵蓋在內,是維持網站整體感的重要部分,由於不斷的重複顯示於每一頁,不宜做得太花俏。
Content是變化最多元、最有趣的地方,內容可以用段落(section)組合而成,而段落中可以依照需求劃分數個欄(column),不同的欄數也有不同的效果。
Footer為頁面做收尾的動作,跟Header一樣重複顯示於每一頁,其提供網站的聯絡資訊,例如聯絡電話、Email、版權宣示…等,同時也是SEO的重要項目之一。
心得:
網站架構可以讓它很簡單的就出來,現在有很多架站平台,可以讓我們很方便的架構,所以沒有想像中的困難,而且現在網路很多資料可以參考。

1061B108103227 發表於 2021-5-18 09:14:30 | 顯示全部樓層
本帖最後由 1061B108103227 於 2021-5-18 09:16 編輯

架設網站的方法 (1):自己寫程式碼架站架設網站的方法, 網站知識 / 2020-06-26

講完了網站的原理後,來說說架設網站的方法吧!基本上架設網站的方法分成三大類:自己寫程式碼架站、使用CMS(內容管理系統)架站、使用架站平台架設網站。
今天就先來介紹第一個方法:自己寫程式碼架站。
還記得網站原理(三):網站是怎麼構成的?所提到的,網站是由什麼構成的嗎?沒錯!就是檔案,所有的網站都是由一個個程式碼編寫而成的檔案所構成的。而第一個方法就是從頭到尾全都由自己編寫程式,來建構網站需要的檔案。
這個方法最耗時、最費力,但對網站的設計也最有彈性,首先我們來探探使用這個方法的技術門檻吧!
內容目錄
[url=][/url]


1. 技術門檻網站的三大核心 – UI/UX、前端、後端
使用這個方法,基本上就是要從無到有架設一個網站,因此你必須要有十八般武藝,才有可能架設出符合客戶需求或是自己需求的網站。我稍微分析一下網站的三大核心 – UI/UX、前端、後端各自需要用到的一些技術。
1.1 UI/UX
在UI/UX設計的部分,除了必須對設計有基本的美感,像是:色彩學、網頁排版、使用者體驗等等,另外一個也很重要的就是對軟體使用的熟悉度,基本上目前在UI/UX領域的兩大軟體是Sketch (Mac OS限定),另一個則是鼎鼎大名的Adobe公司推出的Adobe XD (Mac OS或Windows都有支援),至於兩個軟體的功能有什麼差別,老實說因為這不是我鑽研的領域,所以我也不太清楚,不過詳細比較可以參考業界的設計師寫的評測文章:欸你覺得 Sketch 還是 Adobe XD 哪個比較好用?
總之呢,在UI/UX領域需要具備的技能大概如下:
  • 色彩學
  • 排版
  • 使用者體驗
  • 軟體熟悉度(Sketch、Adobe Xd)
1.2 前端
前端的領域說窄不窄,說廣也不廣,但如果不考慮效能或是程式碼的優化,只要會HTML、CSS、JavaScript就可以簡單寫出一個網頁了,像是我之前寫的這個網頁:Jimmy Chen Photography,就是單純用HTML、CSS、JavaScript寫出來的,我的JavaScript甚至是套用別人的Library,再做一點點修正而已。
然而,如果是以專業的前端來說當然不只需要這三種技能,甚至還需要一些網路基礎的概念、JavaScript的底層運作原理、前端框架等等,詳細的技能大家可以參考這篇文章:紮實的網頁前端學習路線與資源推薦,我這邊就簡單列出幾項必備的。
  • HTML
  • CSS
  • JavaScript (非必備,但你的網頁會缺少與使用者互動的功能)
  • 前端框架 (React、Vue等等,非必備,但學會的話可以加強寫網頁的效率)
1.3 後端
後端的領域相較於前兩個又更專業一點,因為資料庫的應用不只用在網頁上,還有ERP (企業資源整合系統)、CRM (客戶關係管理)等等,再加上比較不像前端,完成程式碼後有視覺化的回饋,因此後端這塊的人才就比較偏向從資工本科系畢業的學霸們。
  • 後端語言(百百種,ex:Java、PHP、Python、JavaScript等等)
  • 資料庫管理 (SQL語法等等)
  • 後端框架 (Express等等)
1.4 架設伺服器
除了以上設計和程式語言的部分,你還必須對架設伺服器有一定的概念,雖然一般來說,就算是自己架站都還是會選擇租用虛擬主機(Shared Host)或是VPS (Virtual Pirate Server,虛擬專用伺服器),但還是需要具備相關的背景知識才能夠自己維護伺服器。
這大概就是技術門檻的部分啦~當然並非我上面列的每一項都是必備的,但有些東西如果你不會的話,相對來說就要花比較久的時間開發,甚至有些功能會做不出來,像我也只學了HTML、CSS和簡單的JavaScript就硬刻出了一個網站,只是很醜而且離我夢想中的網站還有一大步的距離嗚嗚。
2. 結論
那就來總結一下這個方法的優缺點吧!
2.1 優點
  • 彈性高,方便替客戶客製化
  • 可以購買自己網站的網域
  • 可以自己選擇要如何架設伺服器(自行架設或租用)
2.2 缺點
  • 技術門檻高
  • 需具備架設伺服器的背景知識
  • 架設時程較長
心得: 在現在這個時代,學會架網站是一件很方便的事 ,且學會後可能會有公司需要你這種人才,只有好處沒有壞處。來源:https://jimmyswebnote.com/how-to-create-a-website-1/



1061B108103214 發表於 2021-5-18 09:24:26 | 顯示全部樓層
網址https://mjitec.com/blog/design/%e7%b6%b2%e7%ab%99%e6%9e%b6%e8%a8%ad%e7%9a%844%e5%a4%a7%e5%9f%ba%e6%9c%ac%e8%83%bd%e5%8a%9b/網站架設的4大基本能力
隨著新零售時代的來臨,網站已經成為每間商家開業後的必備資產。但詭譎的是只有少數商家了解自己的網站,多數店家都是能夠使用就好。為了讓各位商家能更了解自己的網站,今天就來為各位店家介紹4個架設網站所需的技術能力。考量到多數商家都沒有技術背景,這篇會用最淺顯易懂的方式來介紹,讓你可以更熟悉自己的網站是如何誕生的。
1.程式能力
程式能力是架設一個網站最基本也最重要的一個能力,前台部分需要懂HTML與CSS語法與經過切版處理之後,才能讓網站前端的頁面具有基本的功能。目前很多廠商或系統都把前台改為拖拉式區塊讓調整更方便,但如果是比較特殊的設計,或是一些網頁效果還是要交由網頁設計師來調整。
2.UI/UX設計
比較容易被忽略的一項技術就是UI/UX設計能力,這將決定一個網站能不能提供給消費者或操作人員良好的使用體驗。良好的UX(User Experience, 使用者體驗)透過分析規劃,將整體網頁的框架、架構與使用體驗的設計,讓網站符合使用者的操作邏輯,不會造成使用者在網站內繞來繞去找不到功能的現象。接著交給UI設計(User Interface, 使用者介面),以帶給使用者良好的視覺設計、內容編排為主,讓網站閱覽也是一種享受。
3.視覺設計
簡單的說從企業識別與整體網站風格、圖片、字體等都是網站視覺設計的一環。網站的整體視覺設計通常會從企業識別(CI)或其他相關資料進行延伸,作為設計的主軸。這一部分的設計要同時有網站及平面設計的經驗才比較能處理得好,會建議交由有設計能力的網站設計公司或是專業人員來處理。
4.文案敘事能力
承接UI/UX的之下的除了平面設計外,就是文案了!網站就是商家與客戶進行一場無聲溝通的場所,要贏得客戶信任的第一步就是做好網站的說故事能力,讓使用者透過文字感受商家對商品、服務的用心態度。從首頁的介紹、關於企業的介紹、理念、服務、…到每個行動呼籲、按鈕都可以是透過文字與客戶交流的範圍,與視覺設計搭配構成企業網站的核心元素。
一個網站的組成主要由這4種基本能力組成,看似簡單但每一種區塊都會影響到網站未來的推廣與吸客能力,所以在建置時就要好好的與合作夥伴溝通確認每個細節。未來我們會持續深入在這四種元素的說明,務必把傑克大俠加到我的最愛以便隨時收到新聞的通知喔!


心得:未來可能會需要架設網站,但現今大概變得容易了許多,而且只要上網查查資料就可以得到很大的幫助,先從基本能力開始學習要架設網站應該並不難
網站架設網站設計





1061B108103205 發表於 2021-5-18 09:35:22 | 顯示全部樓層
本帖最後由 1061B108103205 於 2021-5-18 09:40 編輯

網站規劃流程 5 大步驟1. 整理網站基本資料與定位
首先要先整理出公司或品牌的基本資料,如公司簡介、地址與電話、營業時間、品牌故事等,接著要確認網站的定位,是電商平台、形象頁面、還是服務諮詢頁面等類別,了解自身定位之後再繼續進行規畫才不會越走越歪。
2. 決定網站版型與內容計畫
透過繪製網站架構圖(sitemap),標示出明瞭的網站動線圖,以及各頁面的分類層級,接著再規劃網站要有什麼內容,如部落格、聯絡我們、產品介紹等。之後可以再新增IA (Information Architecture),是以sitemap為基礎,規劃出網站進階資訊配置的表格,包括主要與次要關鍵字、Slug、SEO設定、Wireframe head設定。
3. 網頁設計與製作
可以畫出一個線框稿(wireframe),標示出 Header、Content、Footer 等區塊,以及各區塊的呈現方式如大圖輪播、影片播放等,還要包含文案內容、標題(h1.h2)標示、與資訊架構相呼應的頁面識別、檔案名稱命名等。之後決定想要的風格、色調,過程中務必考慮到使用者體驗(UX),並要符合 RWD 響應式網頁的需求,再交給網頁設計公司/人員去執行。
4. 功能開發與網址及主機選用
這就需要網頁工程師進行網站功能的程式開發,如購物車、金流平台、社群分享功能等,在網站上線之前,請務必先進行測試來確保功能無異常。接下來便要規劃網址,規劃的時候要注意網址有無SSL憑證,且網址名稱最好不要是亂碼,有意義的網址名稱可以幫助SEO的操作,也能讓使用者清楚網站的內容。主機選用的部分,則要選用能夠有效提高網站速度、有使用加密憑證、有穩定的網站運行時間的主機,好的主機能提升網站體驗與排名,也因此選擇好的主機是非常重要的。
5. 網站上線與後續維護
網站上線之後,要定期去追蹤流量變化、停留時間等指標,以利進行SEO的操作,適時進行網站內容更新,或是進行載入時間優化等,確保網站能正常運作,提高網站排名,並增加曝光率與流量。


心得:在現今這個網路發達的時代,要架設一個網站是非常簡單的,先決定要架設什麼類型的網站,再來用對工具,架設完成之後還有維護跟管理,所以架設網站很簡單。



1061B108103210 發表於 2021-5-18 09:43:59 | 顯示全部樓層
網站架設流程與網站架構釐清
網站架構和內容主軸的關聯性很高,內容主軸若不清楚,整個網站的架構和脈絡將會模糊不清,一個混亂的網站,將會使消費者也陷入混亂,因此,網站架構和網站內容主軸的規劃,必須更加嚴謹。這些也都仰賴明確的網站架設流程,在初步規劃網站架構時便能先將一些基本的 bug 排除掉。

網站架設流程簡述1. 購買網址+虛擬主機申請/架設網站伺服器
好的「網址」對網站來說至關重要,它可以視為網站的門牌,通常越精簡越好。而虛擬主機則提供可以視為網站的「地」,通常自己經營虛擬主機所費不少,主機、人力、技術成本可是幾十萬起跳,因此現在自行架設網站常向第三方申請租借,每月支付租金即可享有虛擬主機!較知名的虛擬主機如 AWS 虛擬伺服器SiteGround 等。
2. 網站設計/網頁製作
要有好的網站架設首先得釐清網站的需求,為什麼架設網站?架設網站給誰看?希望網站架設達成什麼樣的效益?做好了基本的功課後再進入網頁架構的規劃與版面的規劃設計,才能較有邏輯的進行規劃。網站設計流程又包括了「使用者體驗設計」與「視覺設計」,這於下面的章節會有詳細的敘述。
3. 前端程式撰寫與切版4. 後端程式撰寫與資料庫串聯5. 測試上線
網站架構與內容主軸定調
所謂網站架構就是網頁間的分層關係,在初期可以先用簡單的樹狀圖列出網站的層級關係,網站中要有哪些資訊、哪些主題和子主題。同時你也需要了解一個網站的基本資訊和頁面是哪些,像是「關於我們」、「團隊介紹」、「服務介紹」、「最新消息」等,這些基本頁面視產品與產業有所不同,可以參考相關產業的網站。再來就可以利用線上繪圖工具產製較正式的網站架構圖了。
心得:現在科技發達,想架設網站不需要那麼麻煩,現在有許多架站平台,可以讓我們方便使用,我也了解網站的架構

1061B108103208 發表於 2021-5-18 09:46:43 | 顯示全部樓層
1. 如何自架網站?
架設網站 3 要素

1. 網域申請
(申請門牌)
2. 主機租用
(租一塊地)
3. 網頁設計
(搭建房子)

網站能正常運作,就需有「 個人網域 」+「 虛擬主機 」,這是基本配備。
網域如何取名呢?
網域是什麼?「 網域 」是網站組成的第一步,就像家的門牌一樣,讓人可以順利找到你的網站。
  • 簡單好記:越簡單的網域名稱越方便使用者查詢和記憶。例:蘋果 – https://www.apple.com/
  • 品牌名稱:網域名稱以品牌為名,打算發展品牌的公司,可用這個方式。例:愛迪達 – https://www.adidas.com/
  • 與服務 or 產品有關:與服務或產品有關聯。例:博客來 – https://www.books.com.tw/
  • 去除 www:目前大部分新網址都不太會在前面加上 www,這是比較舊式的用法。
  • .com 優先:.com 是大多數人的直覺印象,主要方便好記,增加搜尋率。
  • 勿用中文:網址傳輸是以英文為主,所以網址上有中文,就會轉成一長串的特殊符號+數字,除了難記外,對排名也不太理想。

網域取名完成後,接下來可以看一下網域後綴部分(或稱為頂級域名),要如何選擇呢?
一般最常選擇的就是 .com 類型的頂級域名,它適用於任何場合或服務,通常也是最熱門的選擇(會建議優先選擇)。
但有時候喜歡的網域名字,剛好偏偏被註冊走了,就能用更換頂級域名的方法,還是有機會註冊到自己喜愛的名字。
有關於網域後綴名(頂級域名),有哪些常見的類型呢?下面僅列出一些分享。
  • tw / cn / jp:代表不同國家,如台灣、中國、日本等 ..(選擇這類型的網域,可挑選網站主要訪客的居住地)。
  • co:可解讀為公司或企業的英文縮寫,但基本上適用於任何情況,可當作 com 申請不到的替代方案(簡單好記)。
  • net:網路相關行業可使用,但無明確限制。
  • info:資訊性類型網站可使用,但無明確限制。
  • org:organization(組織)縮寫,適合非營利組織、基金會、人文組織、宗教組織等 ..,但無明確限制。

虛擬主機是什麼?
「 虛擬主機 」是主機公司在自管的實體主機上,切分成多個虛擬空間,並把這些空間,租給一般使用者使用。
這樣可大幅降低使用者的費用,因為養實體主機是很貴的,所以絕大部分的網站主,通常都是租用現成的。
另一個比喻,如果把網址比喻成「 門牌 」,那虛擬主機就是「 家 」的角色。
如果網頁製作完成了,就需放置在優質的虛擬主機,才能確保網站不會受到攻擊,和速度穩定。
如何挑選虛擬主機?
  • 公司規模:國外知名虛擬主機公司,都是全球性服務,不論公司規模、營運歷史、主機性能、規格服務,通常優於國內主機。
  • 主機性能&功能性:主機穩定度&安全性是重要的,網站才會安全有保障。還有主機的方案規格是否理想。
  • 方案價位:通常國外的價格,會比國內便宜,但建議不要都價格取向,如果主機因此性能不好,之後你也會選擇離開的。

心得:現在架設網站不需要那麼麻煩,有許多架站平台可以使用,重要的是要讓使用者有良好的使用體驗

1061B108103244 發表於 2021-5-18 09:49:56 | 顯示全部樓層
免費網頁空間 架站平台比較 – WordPress,Wix,Weebly,Blogger







一、 免費網頁空間 - 架站平台分析介紹

1. WordPress
介紹:在眾多的 免費網頁空間 架站工具中,WordPress 無疑是 CMS 系統中最受歡迎並廣泛被使用的網頁製作平台,WordPress 分成兩種網站架設類型,分別是 WordPress.org 以及 WordPress.com,而我們介紹的免費架站工具是 WordPress.org,也就是透過下載 WordPress 軟體並安裝在虛擬主機上,就可以開始網站架設工作。
優點: WordPress 有著開源程式碼特點,因此無論在國內外部落格( WordPress 教學 2018 最新網頁設計 )、社群媒體 (  WordPress Taiwan 正體中文 ) 、教學網站( 鵠學苑 )等都有多人開發的免費教學資源,也有許多免費或付費網站佈景主題可以直接套版使用,如果說要為網站附加功能,WordPress 擁有上萬種不同的外掛可供安裝,且大部分都是不需付費就能夠使用基本功能
缺點: WordPress 雖然擁有眾多的優勢,但就自架站操作實際面向來說,與 Wix 及 Weebly 相比是需要花費更多時間去學習網站運作原理及網頁設計基礎,必須依賴網路教學文章或實體課程,才能對 WordPress 架構有所了解。如果網站規模比較大,需要的功能較多,一般免費的佈景主題與外掛是遠不夠用的,還是會有費用成本的產生,但與其他架站平台比較而言,WordPress 架站在成本控制方面比較靈活,不會受限太多。








2. Wix
介紹:Wix 於 2006 年成立於美國,是可以做免費基礎網站的線上系統,至 2017 年為止在 190 個國家超過 1億用戶,以簡約、美觀、快速架設網站為主要核心目標,讓企業主能更專心於本務工作,不需耗費大量時間網站架設上。
優點: Wix 擁有超過 500 種網站版型樣式及 APP 附加元件可供網站架設應用,在網頁設計操作方面使用視覺化編輯器,通過拖、拉方式就能對版面元素作詳細編輯,即使對 HTML、JavaScript、CSS 等程式語言一竅不通也能自行架設網站,並且在網站主機維護與網路安全方面不需耗費時間管理,這也是使用網頁製作平台的共同優點。
缺點: 網頁編輯介面是以英文顯示,無法直觀了解編輯器操作功能,因為Wix 不是開源式的平台,在台灣與 Wix 相關的中文教學資源並不多,即使有也大都是基礎教學。
Wix 架站功能必須依賴官方開發,想要自定義網站外觀及功能相當困難,可以說套了版後就被鎖死,自由度相當低。
另外如果想要更換網站架設平台,Wix 在搬移網站時無法匯出網站版型外觀,只能以手動方式將內容保存,在要轉移的平台上必須重新規劃網站架構,不能說是搬家,幾乎是另外再做新網站。


3. Weebly
介紹:Weebly 與 Wix 是差不多的免費網站平台,成立於 2007 年,到目前為止全球擁有 5000 萬以上個網站,在 2018 年 5 月由美國移動支付金融公司 Square 收購,此後發展以快速建立電子商務網站與行動裝置線上購物系統為主要發展方向。
優點: Weebly 操作介面已有繁體中文,比起 Wix 能更快上手,操作模式上同樣是以所見即所得的拖曳方式來對網頁內容做排版設定,與 Wix 相比有更加直覺的操作方式。
另外在行動裝置電商網站管理方面,擁有專屬的 App 能夠透過智慧型手機做網路商店營運管理,這一點在行動流量超越桌機流量的現代,的確相當重要。
Weebly 可以在短時間內架設起一個具有購物車、結帳、庫存追蹤、產品篩選的線上銷售網站,並且能夠支援實體與數位商品,對於想要架設網路商店,銷售物品種類較少或者是活動期間短期銷售的小型電商站長而言,的確是不錯的選擇。
缺點: Weebly 與 Wix 這類將網站寄存的架站平台其實都有共同的缺點,諸如網頁版型過少,內容素材可選性低、附加功能不夠豐富、網站搬家不易、虛擬主機共用資源拖慢網站速度等,這些問題有部分可以透過購買方案升級來解決,但對於想要在網站上發展數位行銷事業到企業主而言,在後續還是會帶來不少網站升級、改版、管理上的麻煩。










三、結語


其實每一個網站架設平台都各有優劣好壞,沒有絕對適合誰使用,只能說在一定條件下對特定目標的族群相對而言比較適用,但經由上方表格比較後,就能知道 WordPress 在各方面條件都還是具有不錯的優勢!如果想進一步詢問有關 WordPress 網站架設問題,歡迎利用聯絡表單或即時通訊與我們聯絡!
心得:知道了架設網站的困難之處,架設網站的方法有很多種,學到越多架設的方法,將來在職場上就能展現自己得實力。



1061B108103204 發表於 2021-5-18 10:40:28 | 顯示全部樓層
應該要擁有網站的 10 個理由
  • 有自己的網站能與瀏覽者(潛在客群或粉絲)建立信任感、提升形象。
  • 自己做的網站可以有高度的設計彈性,滿足控制欲強的朋友。
  • 懂了網站開發可以去客製一些小功能,提升使用者體驗。
  • 可以在名片印上自己網站的網址,這還挺帥的。
  • 長期建立 SEO 搜尋能見度,大家可以更容易認識你。
  • 能將多種類媒體放在一起,比如說文章、影片、照片及履歷,方便整理與瀏覽。
  • 不用被平台(惡房東)演算法影響,開心做自己,並吸引相同氣味的人們。
  • 產出的內容可以累積,而不會被社群平台的時間軸稀釋掉流量。
  • 使用者造訪會留下數據,這可以讓你分析、並追求更好的狀態。
  • 因為我想要。


開始架網站前要先知道的 7 個事實
  • 網站要放在主機空間上,都是每個月要花錢的(一個月最便宜幾百元)。
  • 網域是需要購買授權的,通常以每年來計算(一年幾百元到幾千元不等)。
  • 愈方便的服務、愈好看的模板、愈強的功能,通常也就愈貴。
  • 網站架好之後要持續維護(修理與更新等)都需要時間跟心力照顧。
  • 剛架好的網站沒那麼容易搜尋到,得花時間跟 Google 搏感情 (SEO)。
  • 遇上技術性問題通常爬文都會是國外的英文文章或論壇。
  • 有時候就是會遇上一些難解的 bug,解不開會讓你心煩氣躁。


[color=rgba(0, 0, 0, 0.8)]
適合新手架站的 5 個平台推薦1. Webflow

適合 UI 設計師,製作視覺為主的網頁。

2. WordPress.org

適合架內容部落格等,技術門檻偏高。

3. Wix

如果老闆說隔天就要。

4. Cargo

適合藝術創作類作品集。

5. Adobe Spark

適合製作行銷頁面。

文章網站:https://medium.com/rar-design/%E ... %AB%99-8b63b20a39d1

心得:架設網站越來越方便,從以前的html到現在的程式協助架設,架設時間越來越少




1061B108103212 發表於 2021-5-18 11:09:00 | 顯示全部樓層
本帖最後由 1061B108103212 於 2021-5-18 11:11 編輯

架設網站基礎,就需有「 個人網域 」以及「 虛擬主機 」
1.網域是什麼
網域就是一個網站的地址,有了網域,我們才能準確地找到這個網站。詳細點來說,每個伺服器都有自己的 IP 地址,如果需要訪問網站伺服器的話就得找到這個 IP。但是 IP 畢竟是數字,不好記,於是大家便透過網域連結網站,把網域和 IP 綁定到一起。透過綁定的網域來訪問到相應的網站伺服器上,這樣訪客們就能很方便地訪問相應的網站了。

2.伺服器主機是什麼
網站由三部分組成,網域+伺服器+程式。若是用傳統程式開發的架站方式,設定完網域後,你還要透過伺服器架設、伺服器託管的方式來租伺服器,比較麻煩。那麼有沒有什麼省事的辦法,省掉這一步呢?
當然也有,那就是使用自助架站系統。經常看到菜鳥這樣問:如果用自助架站系統,需要購買額外的伺服器嗎?答案當然是不需要!如果是使用Strikingly這樣的自助架站系統,那麼架設的任何網站都自帶伺服器,不需要額外使用其他的伺服器,對菜鳥來說很方便

第三步就是設定好網站的版塊,因為有時候模板並不能滿足客戶的全部需求,這時候Strikingly的版塊系統就可以解決這個問題,一些複雜的、客製化的功能,就可以使用Strikingly創建自己的版塊或在設定中編輯自訂程式碼,進行程式開發並接入。

心得:現今科技進步,有許多付費及免費架站平台讓我們選擇,不像以前架設平台需要有專人幫忙,而我們現在只要上網查詢也可以在家自學設計平台,實在是非常方便

1061B108103209 發表於 2021-5-18 11:39:18 | 顯示全部樓層
本帖最後由 1061B108103209 於 2021-5-18 11:42 編輯

                                                                                            如何架設網站?
[size=16.435199737548828px]想架設個人網站或Blog,卻不知道從何著手?阿豪整理了一系列的「免錢架站法」,讓所有初學者們都可以免費製作一個屬於自己的網站,也會提供非常多的延伸閱讀讓大家進修自己的架站實力,到最後人人都可以變專家,人人都可以變高手,架設網站再也不求人,「免錢架站法」系列文章主要以架設一個「WordPress 部落格」為主軸,引導大家使用免費虛擬主機空間,並在上面架設一個 WordPress,想製作網站的朋友務必要看本系列文章喔!                                                                                                                                                                       什麼是主機空間?虛擬主機又是什麼?
[size=16.435199737548828px]每個網站都必須要有一個網頁伺服器,因為不可能每個人都有足夠的經費「購買主機」、「營運主機」,也不是每個人都會建設網頁伺服器,所以有商人就提供了「虛擬主機服務」,也就是由供應商「購買主機」、「配置主機」、「營運主機」,然後提供大家網站空間使用,然而免費虛擬主機服務就是不收錢的虛擬主機商服務,廠商會藉由這樣的服務賺取廣告費或知名度,當然網站空間也是可以在自己的電腦上安裝的,但本系列教學文章不會提到。
                                                                               架設網站 = 寫網頁?有免費製作軟體?
[size=16.435199737548828px]架設網站不一定要會寫網頁,當然是有基礎最好,但沒有基礎也不要氣餒,因為網路上有非常多免費網頁製作軟體,也就是別人把網站寫好,免費提供給您使用,大部分的自由「PHP」這個程式語言撰寫,因為 PHP 的空間非常好建置,基本上所有虛擬主機服務都支援 PHP,PHP 這個語言也非常好入門,所以大家免費網站系統都是使用這個語言撰寫,既然有這麼多免費軟體可以使用,如此一來不會寫網頁也可以架設網站啦!
[size=16.435199737548828px]阿豪本系列會以「完成架設 WordPress 這個免費部落格系統」為主軸,當然也會教大家安裝一些其他的免費軟體,WordPress 到底是什麼呢?其實非常多網站都使用這個免費軟體,包括本站都是使用 WordPress 製作的,因為 WordPress 是非常熱門的網頁製作軟體,所以開發團隊也以非常高頻率的在更新、維護它,據知名網站統計,國外前 100 大部落格,有超過半數都使用 WordPress,並且超過 30% 的網站都是使用 WordPress 建置,真的非常驚人。
[size=16.435199737548828px]來源:[size=16.435199737548828px]https://www.kocpc.com.tw/archives/5940
[size=16.435199737548828px]心得:現在架設網站真的蠻方便的,只要有一些基本功夫再加上網路上高手的教學自己在家都可以架設了,也有免費的軟體可以用,所以也不用擔心學這些要花很多錢。


1061B108103253 發表於 2021-5-18 11:42:42 | 顯示全部樓層
網站架設 推薦: 哪一個平台最好用?Webnode – 全方位電商平台,功能齊全
[size=1.1em]優點:
  • 我們最愛用網站架設平台
  • 支援繁體中文
  • CP值高,免費版也好用
  • SEO友善平台
[size=1.1em]缺點
  • 人氣不如其他電商網站平台
  • 沒有線上客服





[size=1.1em]Webnode 是我們一開始試用過最好用、功能齊全、樣式多樣且價格實惠的平台。最重要的網站優點是,它的介面有繁體中文,這一點是當初吸引我們試用的原因!目前Webnode已經支援到26種語言,代表整個團隊很用心在經營全球市場。
[size=1.1em]Webnode號稱是最簡單的架設網站平台,以「拖&放」編輯的功能為主,讓使用者完全不用學程式語言,只要簡易地在已經設計好的模版上編輯文案、改變圖片、調整圖文大小後,就能完成專屬於自己特色的形象網站。另外,Webnode是由有網路行銷頭腦的創辦者所創立,因此SEO比起其他網頁製作平台更好,讓你的網站更容易在網路上被搜尋到,這對於需要增加網站流量的使用者來說,實在是一個很棒的優勢。

WordPress-全球人氣部落格主首選平台
[size=1.1em]優點:
  • 非常適合商業化的網站架設平台
  • 受全球部落客喜愛
  • 外掛功能彈性大
[size=1.1em]缺點
  • 對新手而言難度過高
  • 較適合頻繁撰寫部落格的用戶
  • 需要額外使用虛擬主機




[size=1.1em]我們這裡所指的架站軟體WordPress是指WordPress.org 不是WordPress.com。兩者差別在哪裡呢?WordPress.org給予用戶完整的內容管理系統(所謂的CMS) ,必須自己購買虛擬主機,而往你的個人品牌網站便是安裝在虛擬主機上;而WordPress.com像部落客在台灣最常用的痞客邦一樣,一旦有了帳號就可以架站,缺點是你無法擁有網站控制權也沒有自己的主機空間,因為你只是「借」了WordPress.com的平台架設網站。
[size=1.1em]目前全球有超過30%的網站是基於Wordpress.org所架設的,因此值得在此篇評論一提。但其實WordPress不能算是你可以簡易建設的平台,對於新手來說它有點難度,即便你也能夠選擇平台上的內建模版直接進行編輯,操作起來仍沒那麼簡單。
[size=1.1em]由於它算是開源程式碼系統,非常彈性又具高客製化,線上有超過萬個第三方開發外掛,從社群媒體到設計、電子郵件行銷一應俱全;但彈性的另一方面,就是技術面問題,如果你是程式語言專家,想要建立專業又特殊的形象網站,基本上只要你寫得出來, 透過Wordpress的網頁製作平台都可以呈現,靈活運用。如果你只是想要一個幾分鐘就可以建立起來的網站,使用Wordpress對你來說會太高階,或是你也許需要將網頁設計這個工作外包。
[size=1.1em]假設你的架站目的是想要設計專屬於自己的部落格頁面,WordPress這款內容管理系統非常實用。若是以電商平台來比較的話,WordPress的外掛程式中有個購物車系統叫WooCommerce,操作一樣很彈性,可以自行增加許多功能,例如串台灣常用金流和物流、行銷優惠點數折扣等等,不過一體兩面的缺點便是使用WordPress架站用戶需要多花點心思來完成網路商店。
[size=1.1em]接著我們來稍微談一下WordPress所推薦的虛擬主機,網路上有眾多的選擇,不過最普遍也是人氣最旺的虛擬主機商大概是BlueHost,
[size=1.1em]老實說,WordPress架設過程有點令人頭痛。不過與當前市面上的所有架站平台比較起來,WordPress絕對是最靈活的。躍躍欲試嗎?我們建議你可以先閱讀完整的網站建置指南。
[size=1.1em]想要使用WordPress建立自己的網站嗎?
[size=1.1em] 痞客邦 – 免費架設網站
[size=1.1em]優點:
  • 全台第一的部落格平台
  • 註冊即可使用
[size=1.1em]缺點
  • 單純網誌,非專業網站
  • 格式固定無彈性
  • 超多廣告干擾
  • 不算是自架站平台
[size=1.1em]若你想找個綜合性質,可以做購物網站也可以做形象網站的平台,請往別處走。若你只是單純想拿網站來當日誌的形式撰寫(網誌這類型的頁面有點像以前的無名小站),沒有其他額外要求,那你可以參考一下目前線上的人氣痞客邦作家的網頁空間,如果樣式符合期待,那痞客邦可以考慮也拿來當作自己的網站。
[size=1.1em]這個全台最大的網站是免費的,一旦註冊了即可開始使用,操作方面非常直覺簡單。不過身為免費平台的痞客邦有一個大缺點是超多蓋板廣告!基本上每次點進網站後都會先看到煩人的廣告,對於很多讀者而言,光是看到蓋板廣告就打算走人,馬上讓你的網站流失掉一堆客人。另外,使用痞客邦的話,你的網站網址永久都會含有子網域。
[size=1.1em]還有一點比較讓人詬病的部分是所有網頁空間的廣告都必須和痞客邦分潤,而像WordPress自己網站上的廣告,收入反而通通都貴經營者所有。
[size=1.1em]不過就如同我前面所述,人人的用途都不同,想要當作家用文字吸引讀者、培養死忠文迷,那痞客邦是會個不錯的平台!
究竟哪個平台比較好用?該為自己選擇哪一個來使用呢?
[size=1.1em]網站為一個推廣形象、廣告行銷和銷售的有效工具,更可以利用聯盟行銷為自己帶來額外的收入。對於新手來說,你追求的肯定是簡單,而對於台灣人或是目標族群在台灣的網站經營者來說,你需要的應該是中文介面。上述所有的架站平台比較起來,能夠結合這兩種需求的是Webnode。它的模版數量夠多,種類也夠多元化,套用後藉由內建的「拖&放」的功能,輸入自己的文案並上傳圖片,便能擁有一個精美專業的形象網站或電子商城。有Webnode SEO優化的推波助瀾,更能夠增加網站曝光度。從價格、版型、簡易度三種角度來看,Webnode是我們的網站架設首選。不過建立網站方式有百百種,除了這篇提到的平台外,更有架站軟體可供使用。重點是每個人都有不同的操作習慣與手感,應該要在架站前就先做好研究的功課,花點時間思考一下自己最終目標是什麼,再來了解哪一個免費和付費平台才符合你的需求,並從試用各種的免費架設網站平台開始,為自己順利建立一個完美無瑕的網站!
[size=1.1em]心得:透過這次的自學,知道架設網站其實不難 但也不容易 通路變多速度也越來越快 但之後要架設還是要重新學起

1061B108103217 發表於 2021-5-18 11:47:05 | 顯示全部樓層
本帖最後由 1061B108103217 於 2021-5-18 12:31 編輯

邁向成功架設網站的8個階段
第1部分:如何規劃你的網站

規劃你的網站涉及三個主要部分:

在規劃你的網站時,請先想清楚以下兩個問題:
  • 這個網站會做什麼?
  • 為什麼我需要它來完成?
問自己這些問題將幫助你確定你的網站所需的功能。

選擇一個網域名稱
首先要做的事情是:網域名稱會花費你的錢,所以現在就準備吞下這個鎮定劑。


關於網域名稱你應該了解的幾件事:
  • 它們很獨特
  • 它們類似於家裡或公寓的地址
  • 不要試圖購買所有網域名稱,只需購買一個對你的網站和業務有意義的網域名稱
  • 網域名稱廠商可以參考幾家我們所做的評論

如何註冊虛擬主機服務
一旦選擇了網域名稱以後,就需要將其停放在某個地方。這稱為虛擬主機服務。將虛擬主機服務視為你房屋建造的土地。
虛擬主機服務範圍包括成本和一致性,因此你需要在做出決定之前比較一些虛擬主機服務公司。
第2部分:如何設計網站
設計一個網站很有趣,但在建立網站時需要考慮三個方面:
  • 文章內容類型
  • 如何設計
  • 把它畫在紙上
文章內容類型將有助於確定網站的外觀。
接下來,記下你希望網站擁有的所有部分。這些通常包括:
  • 主頁或登錄頁面
  • 關於我們頁面
  • 圖庫/商店頁面
  • 聯繫我們頁面
根據你正在構建的網站類型,你可能有多個頁面。此列表是一個主要的起點。
最後,花幾分鐘時間勾勒出網站完成後的外觀。這被稱為線框圖,它是網站的骨骼,內容是肉。
在設計網站的時候,請記住該內容是你的產品上銷售給客戶的內容。當然,擁有一個很棒的網站是非常有幫助的,但他們無法單獨直接找到你。
此時,搜索引擎將為你的行業尋找關鍵字、相關內容,以幫助提升排名。
要記住的事情:
  • 不要害怕繪製線框圖多個版本,但不要過度迷戀細節
  • 尋求流動和易用性
  • 在開始構建網站之前,請先注意內容並準備好
  • 為每個頁面製作線框圖。
第3部分:了解使用者經驗與互動
設計網站的一部份包括了與使用者的互動、提供產品資訊等功能。所以你需要考慮到的是,客戶會希望在你的網站上看見什麼資訊?能使他們在情感上參與你的產品、整體的排版提升舒適度呢?
而這個最好的回答就是:簡約
透過提供更好的使用者經驗也能使你的網站邁向成功之路。必要時,需要檢查你的網站是否具有良好的使用者經驗和用戶交流,請問自己以下問題:
  • 使用者可以依照你的指示行事嗎?
  • 他們能輕鬆找到你的產品或服務嗎?
  • 他們會理解你的想法、概念、產品和服務嗎?
  • 你的網站是否吸引人且令人興奮?
良好的使用者經驗從規劃開始,以下是關於使用者經驗最廣泛認可的圖形之一。

增加使用者經驗要素
找出你喜歡的網站並找出你不喜歡的網站。寫下你不喜歡的所有東西,並確保避免在你的網站設計中使用它們。

色彩情感教學



設計喚起情緒和感情。你可以通過使用精彩的內容和設計,顏色和體驗來喚起觀眾的情感。你會被誘惑使用自己喜歡的顏色,但你選擇的顏色對於其他人來說可能是世界上最糟糕的顏色。花一些時間來觀察趨勢,以及是什麼喚起使用者的某些情緒,將它們吸引到你的網站。

字體的挑選
你使用的字體類型也會對你網站的成功產生影響。例如,許多人建議不要使用Comic Sans等字體,但如果你的網站是關於日間托嬰中心,Comic Sans可能是向觀眾傳達友好和俏皮氛圍的完美方式。


你的網站有幾個部分需要排版:
  • 文章標題
  • 大標/小標
  • 段落
可以通過在Google上搜索並下載它們來獲取要在你的網站上使用的自定義字體。它很容易安裝,然後它們將在你的文字處理軟體和網站模板上。
第4部分:網站模板
需要決定是否要使用HTML和CSS從頭開始構建網站,或者如果你要使用WordPress等內容管理軟體。


我建議使用像主題這樣的預製模板,它可以完成任何硬編碼或修改網站的所有工作。主題易於使用,設置簡單。
第5部分:HTML、CSS和JAVASCRIPT簡介
以下是一些簡單的定義,可幫助你入門:
  • HTML:網站上使用的語言。每個網站都使用HTML來告訴網路如何解釋頁面上的訊息。
  • CSS 是讓你的網站看起來很棒的原因。這是為你的網站添加令人驚嘆的因素。它包括顏色、文本、佈局、動畫、視頻等。
  • Javascript 是一種動態語言,可讓你執行諸如驗證Web表單以及以更好的方式線上與用戶交互等操作。
  • jQuery 是一個Javascript庫,可以讓你通過網站線上進行更高級的操作。
  • Bootstrap:可以構建在編碼器上並由編碼器添加的常見預構建網站元素。
這些語言或模板都不難使用,但它們確實需要時間來學習。
第6部分:網站為初學者建立平台
以下兩個為流行的網站模板軟體介紹:
  • Squarespace:對於那些沒有任何編碼技能的人來說,它是一個方便的解決方案。你可以構建網站、部落格、商店,它易於使用。
  • WordPress:網站的很大一部分都建立在WordPress主題上。這為你提供了許多選項、插件和靈活性來開發你的網站,甚至可以使用你的編碼技能。
第7部分:RWD 移動式響應設計



由於網路上的大多數人通過手機查看網站,因此你的網站需要具有移動響應能力。這意味著它看起來相同,或者至少是你網站桌面版的可比版本,無論你的受眾如何與你的網站互動,都能提供良好的使用者經驗。
許多網站所有者都沒有更新他們的網站以提供RWD模式,而你也可以隨時感受得出來,因為它在你的手機上看起來很糟糕。字體太小、佈局會很奇怪、表單和按鈕很難使用。
如果你使用現成的內容管理軟體模板,通常會附加RWD模式,但如果沒有,你可能需要自己編寫網站的響應性質。
並非每個網站設計都有使用網頁優化,查看方法很簡單,你可以在電腦網頁中使用右鍵點選「inspect」並找尋到手機模式即可。

第8部分:將以上組合起來
此時,我們已經為你提供了足夠的訊息來註冊虛擬主機服務、購買網域名稱、決定你的網站上需要哪些重要訊息、選擇是否編碼或使用模板來構建你的網站,以及確定你的網站是否有響應移動設備。
資料來源:https://besthostingtw.com/how-to-structure-your-website/
心得:架設網站並不只有一種因素影響,還有各式各樣的東西要去選擇及學習才能將一個完整且完好網站給展現於眾人面前。













本帖子中包含更多資源

您需要 登錄 才可以下載或查看,沒有帳號?註冊

x
1061B107103256 發表於 2021-5-18 13:10:03 | 顯示全部樓層
  • 什麼是網站 ?
    網站指的是在網際網路(Internet)上,使用HTML等工具製作有一定的規則用於展示特定內容的相關網頁的集合,簡言之網站就像布告欄一樣是一種通訊工具,業者可以通過網站來發布自己想要公開的資訊,或利用網站來提供相關的網路服務,用戶則可以通過網頁瀏覽器來存取網站,獲取自己需要的資訊或者享受網路服務。



  • 網站空間有甚麼用 ?
    網站空間(虛擬主機)是用來存放網站所有網頁檔案,簡單的說,就是提供給您一定容量的磁碟空間,存放您的網頁,並且協助您將獨立網址指向到您的網頁空間。(了解什麼是虛擬主機)。



  • 如何尋找網頁設計師 ?
    「口碑」是找設計師最好的方法之一,資深、口碑好的設計師往往有接不完的案子,要價也會比較貴,如果您的預算有限,外包網站倒是不錯的選擇,如果您的預算充足,建議您可以直接尋找網頁設計公司。(了解尋找網頁設計師注意事項)



  • 如何與網頁設計師完美溝通 ?
    如果您希望設計師弄清楚您的需求,最好的方法,就是當成您在寫一份「企畫書」,盡可能描述清楚。如果您會使用Word或Power Point軟體,可試著把網站的輪廓畫出來。在什麼地方,您希望出現什麼,就用「插入圖案」、「插入文字方塊」的方式畫出來。(更多溝通技巧)



  • 如何在搜尋結果中找到您的網站 ?
    網站建立好之後,您會希望潛在訪客可以在搜尋結果中找到您的網站,這時你需要確認 Google 是否已為您的網站建立索引,若沒有建立訪客將無法在搜尋結果中看到您的網站。(更多建立索引技巧)



  • 如何經營我的網站 ?
    Google Analytics及 Search Console 可提供關於您網站的許多資訊,包含每天有多少人造訪、造訪了哪些頁面、透過那些的關鍵字搜尋而來...等等,您所關心的問題都能在Google Analytics得到答案。(善用Google資源)





   第一次架站的建議

給想要架設網站,卻沒有實際操作經驗的使用者,如何架設網站的建議:
三、尚未架站可依照您的需要,選擇試用10分鐘輕鬆架站 or WordPress專屬架站方案。
( 不論您用輕鬆架站 or WordPress作為製作網頁工具,都只需要輸入公司基本資料,然後建立網頁。)
四、若您已有網頁檔案,請直接選擇虛擬主機方案。
( 利用智邦提供的多種FTP上傳機制,將您的網頁檔案傳至網站空間 )
五、經由試用簡訊驗證後,就可以立即開通試用七天,試用滿意了再付款
六、開啟免費廣告並勾選智邦黃頁,然後從管理者介面登錄搜尋引擎。
七、正式付款之後,別忘了開啟贈送的企業信箱使用喔!



心得: 在現今網路越來越發達的時代,架設網站也越來越複雜,安全性也大幅的提高,不過若要架設一個網站給別人使用,那就必須去了解觀眾以及使用者的使用率或是流行趨勢是甚麼。
1061B108103233 發表於 2021-5-18 13:26:23 | 顯示全部樓層
1. WordPress.org vs WordPress.com
WP有三種(務必分清楚!)

WordPress
WordPress.org
WordPress.com
WordPress 是一個開源、免費的網頁製作軟體 (CMS) 。
在任一伺服器安裝WordPress = 架設網站

WordPress軟體 - 免費CMS
WordPress.org 是WordPress開源計劃的官網。你可以在 .org 下載WordPress軟體、版型、外掛,及閱讀官方文件、參與討論… 等。

WordPress.org 官網
WordPress.com 是一個SaaS架站平台 – 有免費及付費版。平台架站優缺點

WordPress.com 架站平台
本教學是前兩者!

2. 虛擬主機安裝WordPress
虛擬主機又稱「主機代管」、「網頁空間」,是存放網站檔案的雲端伺服器。網站上線就要靠它~

WordPress是主流架站軟體,因此虛擬主機都有「一鍵安裝WP」設計。以Hostinger為例:


電商網站選 WordPress + WooCommerce。注意:WooCommerce購物車、金流串接很複雜,新手可能不宜。若須架設網路商店,推薦聘請WP工程師。
Hostinger自動幫你建立MySQL資料庫(使用隨機的名稱、密碼)✅
基本上不用管它,有需要再登入phpMyAdmin管理。

3. 本機安裝WordPress
本機 = 本地主機 (localhost)

在自己電腦安裝WordPress有兩大優點:

沒有網路延遲
網站沒上線,可以自由開發(開發完再搬家至虛擬主機)
本機安裝 = 在PC / Mac架設伺服器。Windows用戶可用WAMP、Bitnami或XAMPP軟體。macOS用戶可用MAMP。它們的免費版已經夠用。


1061B106103239 發表於 2021-5-18 13:37:57 | 顯示全部樓層
本帖最後由 1061B106103239 於 2021-5-18 13:46 編輯

前言:

自 1995 年網際網路問世至今, 22~54% 的高年成長率,讓經濟商業活動的模式、資訊搜尋、消費方式及通訊工具等產生了巨大的變化,為了迎合市場的趨勢及掌握商業先機,早日投入網際網路廣大市場,最基本的初始工具就是架設自己企業的獨立網站  ,進而才能推展一系列的電子商務 e 化及網路行銷的業務,提昇公司形象及工作效率。

沒有網站就無法踏入網路世界做行銷,因為世界所有入口網站是不會收錄沒有建置網站的企業資料。

若是虛擬的網站 或虛擬目錄  基本上被入口網站收錄或被買家搜尋到的機會也很渺茫的 。

網站架設及架構說明:

(1)

本公司專業的製作團隊,憑藉豐富網站架設經驗,會慎思周全的給予客戶架站的建議與構圖,讓客戶能很容易懂得自己所需要的網站內容並密切配合。

(2)

根據我們的經驗,未架設網站的客戶均有一個共同的想法或說是困擾吧 - 〝那就是不知如何著手、太麻煩了、公司內部又沒人懂、不知道找誰來製作企劃 … 等問題〞 , 其實架設一個網站很容易,交給專業, 2 ~ 4 週搞定!

網頁文字及圖片製作說明:

(1)

本公司專業網頁設計人員及編輯人才憑藉豐富經驗,會依據雙方溝通定案的網站建構藍圖,量身設計貴公司的企業網站內容。

(2)

網頁製作最基本的圖片及文字內容,其提供方式如下:

(a)

文詞撰稿:請貴公司提供自撰文詞或現有目錄資料,有需要時本公司也可代撰服務,但若需要語文翻譯時,費用另計。

(b)

文字電子檔格式:請用 txt 或 .doc 存檔。 ( 請勿存 MAC 系統格式 )

(c)

圖片:
*數位相機圖片 .jpg 檔 (800x600 以上 ) 。
*平面照片掃描及目錄圖檔200 dpi 以上。
*提供樣品拍照,但費用另計。

(d)

圖片存取格式:請存檔 .tif.、jpg、.gif、.psd、.ai、.eps等格式 。

(e)

檔案傳送方式:請用 E-mail 、 ftp 、存光碟郵寄等方式。

網頁製作價格及相關說明:

(1)

本公司會根據客戶的網站架構內容傳送報價單, 並經確認後正式運作。

(2)

網頁製作時間依內容繁簡不同而異,等一切文字及圖片齊全後,約 2-4 週可正式完成,並交付客戶校稿修正,並在定案後 2 天內可正式上線。

(3)

網頁外加特殊設計需另行計費,如: flash 、 java 動畫、內建資料庫、計數器安裝 … 等。

(4)

網站一經正式定案上線後,客戶若需重新更改網站結構、增加網頁頁面或大幅修改原頁面內容,費用另計 ( 因常需對客戶解說此費用,簡單比喻,那就是房子裝潢完工進住,往後需再動工重新裝潢或部份更動,當然又是一筆開銷費用 ) 。

網站架設及網頁設計流程表:



整個網站架設完成所需之費用及後續運作費用說明:



備註:網站上線後若需要改變網站結構,增加頁面或大幅修改網頁內容,則費用另計。
資料網址:http://www.888web.com.tw/page/PageA1-2.htm
心得:這文章主要是在說拿去給別人做一個網站大概要什麼資料跟錢,我認為我雖然大概知道架設一個網站的流程,但我還是推薦直接給其他人做,因為如果出問題的話,就不用多花時間去處理

本帖子中包含更多資源

您需要 登錄 才可以下載或查看,沒有帳號?註冊

x
1061B108103247 發表於 2021-5-18 13:39:13 | 顯示全部樓層
網站架設流程簡述1. 購買網址+虛擬主機申請/架設網站伺服器
好的「網址」對網站來說至關重要,它可以視為網站的門牌,通常越精簡越好。而虛擬主機則提供可以視為網站的「地」,通常自己經營虛擬主機所費不少,主機、人力、技術成本可是幾十萬起跳,因此現在自行架設網站常向第三方申請租借,每月支付租金即可享有虛擬主機!較知名的虛擬主機如 AWS 虛擬伺服器SiteGround 等。
2. 網站設計/網頁製作
要有好的網站架設首先得釐清網站的需求,為什麼架設網站?架設網站給誰看?希望網站架設達成什麼樣的效益?做好了基本的功課後再進入網頁架構的規劃與版面的規劃設計,才能較有邏輯的進行規劃。網站設計流程又包括了「使用者體驗設計」與「視覺設計」,這於下面的章節會有詳細的敘述。
3. 前端程式撰寫與切版4. 後端程式撰寫與資料庫串聯5. 測試上線
網站架構與內容主軸定調
所謂網站架構就是網頁間的分層關係,在初期可以先用簡單的樹狀圖列出網站的層級關係,網站中要有哪些資訊、哪些主題和子主題。同時你也需要了解一個網站的基本資訊和頁面是哪些,像是「關於我們」、「團隊介紹」、「服務介紹」、「最新消息」等,這些基本頁面視產品與產業有所不同,可以參考相關產業的網站。再來就可以利用線上繪圖工具產製較正式的網站架構圖了。

攻略三:好的網站設計帶你上天堂:網站設計教學網站呈現與功能

在網站架構和內容主軸確認後,就可以開始探討網站的呈現和網站需要哪些功能。請先了解網頁組成要素,像是網頁分為 Header、Content、Footer 區塊。在前置作業階段,不需要太仔細設計外觀,只需把網頁的配置大略提出並製成 Wireframe(線框稿) ,主要是為了呈現頁面上的重要資訊與資訊的排版。
心得:現今世代對於網頁的架設愈來愈方便,有許多架站平台可供我們使用,即使遇到困難上網查詢大多都能找到解決辦法

1061B108103231 發表於 2021-5-18 14:03:07 | 顯示全部樓層
本帖最後由 1061B108103231 於 2021-5-18 14:06 編輯

網站架設流程 基本六步驟
  • 租主機、空間
  • 買網址
  • 素材準備
  • WP網頁設計
  • Google Analytics安裝
  • Google收錄

目錄

租主機、空間(即網站伺服器)
SiteGround在目前租主機的廠商中是最推薦的,不僅價錢合理、介面友善、搬家快速等原因,同時在一個月之內都有退費的保證服務。
  • 免費SSL加密憑證
  • 免費 CDN
  • 每天自動備份,自動備份前30天資料
  • 主機穩定性優
  • 24/7客服服務,線上即時聊天,回覆速度快
  • SG介面乾淨,好上手
  • Wordpress一鍵安裝,5分鐘搞定
  • Wordpress免費輕鬆搬家,SG提供免費外掛
  • Wordpress自動更新

買網址(Godaddy)
網站設計最基本的就是網址(什麼是網址、主機?),但要去那邊買網址呢? 在台灣大家第一個想到的就是中華電信,但以貴設計買網址豐富的經驗,其實中華電信最難用,不只客服難找、DNS設定又慢、介面又醜。貴設計最推薦的就是Godaddy買網址。 那麼愛用它,最主要的覺的它有五好。


素材準備
  • 網站類型:形象官網、一頁式活動網頁、購物車網站、客製化網站。 更多網站種類
  • 網站風格:簡約風、工業風、雜誌風。請參考RWD響應式網站模版
  • 商標(LOGO):公司的Logo。如果目前沒有,可以到網路上製作Logo,推薦到DesignEvo,有中文,一步一步製作,下載下來有免費與需付版本,付費版本可以做更多編輯以及擁有權。
  • 網站名稱、網址、口號(Slogan)、主色系:網站叫什麼名字(貴設計)、網址是什麼(web-design.vip)、有無口號(華碩品質)、主色系(如麥當勞是黃色、AirAsia是紅色)
  • 首頁與內頁架構:每頁架構就是每頁會分成那些區塊,例如貴設計就分了"主視覺圖文、 三大保證 、網站特色、響應式網頁設計範例、網站架設流程、網站建置費用"六大區塊,這就是所謂的架構。
  • 導覽列/選單:官方網站的目地是提供資訊,所以需提供選單讓訪客在網站之間移動。
  • 部落格:這年頭寫文章做內容行銷已經是主流了,即使不寫文章,企業也一定會有如最新消息、即將上市、優惠價格等資訊,一般均放置部落格。
  • 圖片、影音:圖片的精緻,100%關乎網站的美醜,所以圖片超級重要。除了產品圖片,一般圖片網頁設計公司都會有圖庫,幫你處理這塊 or 到 Unsplash下載。
    影片有一點要注意,因為影片檔案容量很大,請務必上傳到Youtube,再將Youtube影片網址嵌進網站就可以。不要上傳到網站,網站空間滿了就需額外付費。影片資源可以 Pexels參考。

WP網頁設計
網頁設計,可用的軟體、套件、平台可多了。例如免費網站架設平台,如Weebly、Wix(Weebly、Wix是什麼?)、Google Blogger(Google Blogger網站架設好用嗎?)...。這些平台非常適合新手與不操作SEO的人架設一個網站。 這些平台沒有什麼不好,只有適不適合的問題。所以請參考下表。
[td]
等級
平台
優缺
新手Wix、Weebly、Blogger、squarespace、wordpress.com優:免費、功能簡單、新手適合
缺:無法搬家、略欠專業、免費版有廣告、版形少、付費版年約8、9000
中間手Wordpress.org、OpenCart優:功能強大、網站種類多、版形外掛多
缺:難度高、網站肥胖、主機費年約4000上下
強手java、php、.net優:彈性100%
缺:價格非常昂貴




Google Analytics安裝
GA(Google Analytics)是Google提供的一套網站分析工具,透過它你可以了解網站的流量、每日使用者的變化與行為、使用者分析、熱門產品、網頁速度、站內搜尋、轉換。 第二GA的設定方便於GSC(Google Search Console)的設定,只要在檢驗GSC選擇由GA驗證,瞬間就設定完成了。 但要如何在Wordpress的網站上安裝GA呢? 只要3步驟。
GA安裝詳細介紹請參考:如何在Wordpress網站安裝GA
Google收錄

簡易方法:將你的網站到處分享到FB粉絲團,Google的蜘蛛會隨著網址爬爬爬,就爬到你的網站。如此就做好"收錄"的動作。
標準作法:登入你的Google Search Console,並送給Google吃即可。最好在每次網頁有所更動的時候,都提交給Google重新吃一次。
  


心得:網路架構感覺沒也想像中複雜,因為現在網路資訊非常發達



1061B108103225 發表於 2021-5-18 14:06:33 | 顯示全部樓層
使用架站平台一鍵架設顧名思義就是架設網站的平台,這類平台通常只要註冊一個帳號後就可以開始架設網站,以台灣最大的架站平台 – 痞客邦為例,註冊完帳號後就可以擁有一個自己的部落格,這個部落格會先以預設版型的樣子呈現,如果想更換網站的設計或是做些微調,再去部落格後台更換部落格主題等等。例如:這是我前幾年心血來潮架的痞客邦部落格,版型的部分就是使用架站平台預設的。

而這類的平台也不算少,但主要可以依據你想架設網站的種類來區分。例如:以部落格為主的痞客邦、Blogger、WordPress.com,已發表文章為主的Medium (也可以架部落格),或是及各種應用於一身的Wix。

接著聊聊這些架站平台的特性吧!

內容目錄       
1. 技術門檻
2. 優點
2.1 免費
2.2 可以直接套用版型
2.3 主機及網域由平台提供
2.4 SEO較好
3. 缺點
3.1 平台的條款,就是王法
3.2 內容的版權疑慮
3.3 平台穩定度,決定網站穩定度
3.4 網站設計受限
4. 結論
優點
缺點
1. 技術門檻
相對第一個方法 (自己寫程式碼),這類架站平台的門檻基本上可以說是沒有,通常只要註冊一個帳號後就可以開始架設網站,你甚至不需要懂任何的網站知識也可以開始當一個部落客,因此你可以專注在網站內容的發表。

2. 優點
2.1 免費
這類架站平台通常會讓你免費註冊,同時也可以開始架設網站,不過在免費的狀況下當然就會有些功能限制啦~像是儲存空間限制,排版限制等等,不過也有些架站平台提供付費解鎖的功能。換句話說你可以從頭開始慢慢摸索,當你哪天覺得某些功能不夠用時,再付錢給架站平台擴充功能就好了。

2.2 可以直接套用版型
大部分的架站平台會提供版型給使用者挑選,也就是說如果你對網頁設計不是那麼有概念的話,可以先挑選一個自己順眼的版型,而不需要從無到有都自己設計網站。

2.3 主機及網域由平台提供
還記得構成網站的檔案必須存放在哪裡嗎?沒錯,就是主機!所以當我們使用第一種方式 (自己寫程式碼)架設網站的話,我們還必須自己租用主機及購買網域,而使用架站平台的話則完全不用負擔主機與網域的成本。

然而這個特性算是優點也算缺點。因為等於你的生殺大權全都掌握在架站平台的手裡,雖然不用負擔主機的價格,但如果今天架站平台的主機慘遭駭客攻擊,或是因為天災人禍遭遇毀滅性的破壞,那你的部落格或網站可能就永遠連不上了。

另外,不用負擔網域的費用,也代表你不能使用象徵自己網站的個人網域,但這在某些平台是可以付費解鎖使用自己的網域的 (例如:痞客邦)。

2.4 SEO較好
許多架設網站的平台已經存在一段時間,累積了一定的流量和內容,因此Google會判定這些平台是屬於優質的網站,定期更新並發布一定品質的內容,也會讓在平台上的文章比較容易被搜尋到。

相對的,如果你是自己架設網站,或是使用WordPress等CMS架站的話,不僅需要自己優化網站的SEO,也需要累積一定的文章內容才會讓你的網站比較容易被搜尋引擎找到,而就連網站的載入速度、你的網站傳送過程是否有加密 (https v.s. http)等等因素也都會影響SEO的好壞,然而使用架站平台就都不用擔心這些問題了 (或是說你擔心也沒用,因為主機是架站平台在管的)。

3. 缺點
3.1 平台的條款,就是王法
既然是使用平台的服務來架設網站,當然就要按照平台的規定走,然而大部分的人應該都不會仔細看平台的服務條款等等。

例如:痞客邦的服務條款第七項 – 使用者行為的第3點:PIXNET 並未針對會員所傳送、張貼或發表之內容做任何形式或實質之審查,如果任何文字、圖檔、圖片或其他著作或資料發生權利歸屬或其他合法性爭議, PIXNET 有權隨時不經通知,直接停止提供會員服務、或直接刪除該文字、圖檔、圖片或其他著作或資料、或通知會員停止使用會員服務。

也就是說當你的內容有爭議性時,平台是可以隨時將你的服務停止的!

3.2 內容的版權疑慮
我寫的文章內容,版權當然在我身上呀!一般來說大部分人都會這樣想,然而有些平台也有明文規定你在該平台發布的內容屬於自由內容,也就是說可以任意讓人推薦與分享,例如:你在Medium上所發佈的所有內容皆屬於自由內容。

辛辛苦苦寫的文章卻能夠被任意轉載,對於某些人來說就會降低對平台的依賴性。不過這也不全然是缺點,因為能夠讓人任意轉載也就代表當你寫了一篇好文章時,可以透過許多人的轉載而快速竄紅。

3.3 平台穩定度,決定網站穩定度
就像優點3提到的,雖然平台免費提供主機給你的網站使用,但如果哪天平台的主機掛了,你的網站也救不回來了。

甚至平常的時候,如果平台主機中毒,導致你網站的載入速度變慢,你也沒有方法可以加速,因為主機是在平台的管轄範圍底下,而不是你。

3.4 網站設計受限
雖然一般平台有提供版型可以選擇,但相對第一種方式來說想要客製化設計還是有很大的彈性限制。

不過也有些架站平台提供修改CSS原始碼修改,像是Dribs & Drabs這個部落客就專門提供客製化痞客邦部落格的服務,我很喜歡的一個部落格食癮,拾影也是找他設計的,而且設計得完全沒有痞客邦的味道哈哈。

4. 結論
雖然網路上滿多人都會推薦使用CMS自己架站,然而使用這些方法架設網站還是需要具備一定的電腦及網路知識,否則很可能你只是不小心按到某個按鈕,就造成網站掛點,還很難在網路上找到方法救回,就連我這個算對電腦比較熟悉的臭宅,第一天用WordPress架站就把網站給弄掛了,花了2個小時才找到方法救回來嗚嗚。

總之,我認為如果你對電腦或網路知識完全沒興趣,只是單純想架設一個部落格或網站,那麼使用架站平台也是個不錯的選擇,可以在剛開始經營網站的時候專注在內容的發表上,等到經營到一定規模再花錢擴充功能或是搬家也ok (有些平台提供搬家的功能)。大家也可以看看這篇文章:痞客邦其實不錯用,WordPress 遠比你以為更複雜-梅屋記事。

那麼最後就來歸納一下使用架站平台的優缺點吧!

優點
免費
可以直接套用版型
主機及網域由平台提供
SEO較好
缺點
平台的條款,就是王法
內容的版權疑慮
平台穩定度,決定網站穩定度
網站設計受限
當然,不同的架站平台還是會有各自的優缺點,這篇文章列出的算是比較普遍的優缺點,之後有機會的話再為各位詳細介紹各個平台的特性!
心得:在了解了架設網站的優點與缺點,便了解架設網站用架設網站比較方便。

1061B108103235 發表於 2021-5-18 15:45:37 | 顯示全部樓層
如何實際建立你的網頁?!
如我們所說,我們不會使用HTML或任何複雜的東西,取而代之,我們將會使用一個普遍的網頁建立工具叫“CMS” 或者 “Content Management System”,它是網站上的內容管理系統。
CMS 安裝
CMS是一個幫助管理你網頁的文章的網頁應用程式或者電腦軟體。現今,從零開始利用寫程式的方式建立網頁已經很罕見了,就連專業工程師都會使用某些應用程式來加快建立網頁的速度,減少令人頭痛的架站過程。
安裝CMS最簡單的方式是購買已經安裝好CMS的虛擬主機,否則,你會需要花上好幾個小時或好幾天學習一套製作網站全新的技能。
網域申請
網域是什麼 | 網域和網站的差別是什麼?
網域是網頁的名稱。例如:這個網頁的網域是:iknowwang.com
而網站是個實體,是運作你現在所看得的東西的內容與軟體。
URL是什麼
URL,中文稱作統一資源定位器,是一個訪客瀏覽你的網站的特定頁面。
例如:一個訪客瀏覽我們的聯絡介面。他們可能會看到像是iknowwang.com/contact-us的東西。
如果我們創立一個"關於我們"的頁面
我們可能會把URL設成iknowwang.com/about-us
簡單來說,它是在指一個特定的頁面或我們網頁的位置。
如何申請網域
網域註冊十分簡單,但首先我們先說明幾個架站技巧。
選域的技巧和考慮的點:
技巧一:選擇一個好的TLD(高階的網域)
一個TLD只是網域名稱的最後部分。現今,有許多不同的TLD,但通常最常見的有“.com, .net, .org, .tw etc”。
例如:我們網頁的TLD是 .com:

不管你要建的是什麼網站,我們都推薦使用.com,它很好記,幾乎所有的國家都使用它。
心得:網站架設可以說是非常簡單去架設也可以說是非常困難去架設的,因為一個網站架構明確、定位清楚、且符合使用者需求與創造良好使用體驗的網站架設是非常重要的。


1061B108103203 發表於 2021-5-18 15:46:04 | 顯示全部樓層
網站架設流程 基本六步驟
  • 租主機、空間
  • 買網址
  • 素材準備
  • WP網頁設計
  • Google Analytics安裝
  • Google收錄



租主機、空間(即網站伺服器)
SiteGround在目前租主機的廠商中是最推薦的,不僅價錢合理、介面友善、搬家快速等原因,同時在一個月之內都有退費的保證服務。 那為何選擇SiteGround?
  • 免費SSL加密憑證
  • 免費 CDN
  • 每天自動備份,自動備份前30天資料
  • 主機穩定性優
  • 24/7客服服務,線上即時聊天,回覆速度快
  • SG介面乾淨,好上手
  • Wordpress一鍵安裝,5分鐘搞定
  • Wordpress免費輕鬆搬家,SG提供免費外掛
  • Wordpress自動更新
買網址(Godaddy)
網站設計最基本的就是網址(什麼是網址、主機?),但要去那邊買網址呢? 在台灣大家第一個想到的就是中華電信,但以貴設計買網址豐富的經驗,其實中華電信最難用,不只客服難找、DNS設定又慢、介面又醜。貴設計最推薦的就是Godaddy買網址。 那麼愛用它,最主要的覺的它有五好。
  • 介面簡單乾淨好友善:相對中華電信很OLD FASHION的介面,Godaddy你定會覺的非常好用。
  • 客後服務好好找:中華電信的客服電話告訴你,非常難找,一直在電話中。
  • 網址買錯退費好人性:上次買錯一個網址,當下找客服處理,10分後就馬上退費。
  • DNS生效好快速:DNS
  • 程序簡單好快速:中華電信買個網址需要輸入至少10個欄位,Godaddy買了直接刷卡帶走。
  • 多樣化網址選擇好方便:直接參考下圖吧。.com是台灣最愛的,但隨著網址也跟著進步,不用再死守.com的網址囉。
素材準備
想要一個精美精緻的網站,精美漂亮的圖片素材必不少,若有預算的話,建議可以找專業攝影師做商品拍攝。若預算不足的,可以去 unsplash下載(影片推薦Pexels)。 而文案這部份,若要走搜尋引擎優化(SEO),請確定你的文案必需貼地氣,將網站訪客慣用的搜尋關鍵字置入文章內。若不懂SEO,請將自身產品特色、優勢表達出來。 B2B網站請著重在產品的解決方案、相關證明、檢驗 。B2C的話,請把網站用的美美,吸引大眾歐。
網站素材準備方式可參考如下
  • 網站類型
  • 網站風格
  • 商標(LOGO)
  • 網站名稱、網址、口號(Slogan)、主色系
  • 首頁與內頁架構
  • 導覽列/選單
  • 部落格
  • 圖片、影音
  • 網站文案
  • 聯絡我們
WP網頁設計
網頁設計,可用的軟體、套件、平台可多了。例如免費網站架設平台,如Weebly、Wix(Weebly、Wix是什麼?)、Google Blogger(Google Blogger網站架設好用嗎?)...。這些平台非常適合新手與不操作SEO的人架設一個網站。 這些平台沒有什麼不好,只有適不適合的問題。所以請參考下表。
等級
平台
優缺

新手Wix、Weebly、Blogger、squarespace、wordpress.com優:免費、功能簡單、新手適合
缺:無法搬家、略欠專業、免費版有廣告、版形少、付費版年約8、9000
中間手Wordpress.org、OpenCart優:功能強大、網站種類多、版形外掛多
缺:難度高、網站肥胖、主機費年約4000上下
強手java、php、.net優:彈性100%
缺:價格非常昂貴
Google Analytics安裝
GA(Google Analytics)是Google提供的一套網站分析工具,透過它你可以了解網站的流量、每日使用者的變化與行為、使用者分析、熱門產品、網頁速度、站內搜尋、轉換。 第二GA的設定方便於GSC(Google Search Console)的設定,只要在檢驗GSC選擇由GA驗證,瞬間就設定完成了。 但要如何在Wordpress的網站上安裝GA呢? 只要3步驟。
  • 安裝GA Google Analytics外掛
  • 取得GA Tracking ID
  • 測試
Google收錄
簡易方法:將你的網站到處分享到FB粉絲團,Google的蜘蛛會隨著網址爬爬爬,就爬到你的網站。如此就做好"收錄"的動作。
標準作法:登入你的Google Search Console,並送給Google吃即可。最好在每次網頁有所更動的時候,都提交給Google重新吃一次。
心得 : 現在製作網站真的是越來越方便,而且也有許多能架設網站的平台,不管是免費的,還是付費的,在網路上都有教學方法,讓我們能簡單的製作網站。





本帖子中包含更多資源

您需要 登錄 才可以下載或查看,沒有帳號?註冊

x
1061B108103226 發表於 2021-5-18 16:55:17 | 顯示全部樓層
網站設計與架設的基本面:
  要點1:網站目的 :   對於網站設計與架設而言,應該要釐清主要目的及次要目的,而要釐清目的,就需要先釐清網站在整個商業模式中的定位。
  要點2:網站目標 :   根據不同的網站目的,則會需要設定不同的目標。
  要點3:網站受眾 :   也就是前來瀏覽網站的訪客,在網站設計時,需要將目標受眾的使用習慣、喜好等納入考量,使之與公司本身的品牌個性、理念等達成平衡。
網站設計與架設的架設面:
  要點4:網域 :   網域,白話的說就是網址。對於公司來說,一般會直接以其英文名稱作為網域。著名的網域註冊公司GoDaddy就提出了的10個技巧可以作為參考。
  • 選擇一個容易輸入的網域
  • 保持簡短
  • 納入關鍵字
  • 鎖定區域
  • 避免使用數字和連字號
  • 容易被記憶
  • 確保沒有侵權
  • 選擇適當的域名後綴,例如:.com、.tw、.design
  • 考慮購買相關網域以保護品牌
  • 迅速下單購買網域
  要點5:伺服器 :   選擇伺服器時,除了要考慮伺服器本身的規格之外,也需要將網站架設目的、網站功能需求、網站架設方式等一並納入考量。舉例來說,若以WordPress為網站架設工具,則伺服器至少需要符合以下3點。
  • 支援PHP 7.4以上
  • 支援MySQL 5.6以上或MariaDB 10.1以上
  • 支援HTTPS
  要點6:網站頁面架構及網站內容   :一般來說,需要以基本面的3個思考要點(網站目的、網站目標、網站受眾)為核心,思考網站需要的頁面,並以階層圖的方式畫出網站地圖,方便整體檢視。  
要點7:網站功能  :   網站功能同樣與基本面的3個思考要點息息相關,以一般形象官網來說,常見的功能有聯絡表單、電子報、文章發布功能等。
  要點8:使用者介面及使用者體驗(UI/UX):   在架設面需要思考的最後一個要點就是使用者介面及使用者體驗。
文章網址:https://www.first-hatch.com/blog/8-things-to-consider-for-website-development/?utm_source=ithelp&utm_medium=ithelp_share_link&utm_campaign=article_experience_share
心得:經過這一次的作業我發現了其實架設一個網站沒有想像中的那麼簡單,不過也讓我學到了非常多關於架設網站的知識還有技術,等以後有機會的話,我希望自己也可以架設一個屬於自己的網站。

1061B108103215 發表於 2021-5-18 18:09:31 | 顯示全部樓層
網站架設的4大基本能力

隨著新零售時代的來臨,網站已經成為每間商家開業後的必備資產。但詭譎的是只有少數商家了解自己的網站,多數店家都是能夠使用就好。為了讓各位商家能更了解自己的網站,今天就來為各位店家介紹4個架設網站所需的技術能力。考量到多數商家都沒有技術背景,這篇會用最淺顯易懂的方式來介紹,讓你可以更熟悉自己的網站是如何誕生的。
                     
1.程式能力程式能力是架設一個網站最基本也最重要的一個能力,前台部分需要懂HTML與CSS語法與經過切版處理之後,才能讓網站前端的頁面具有基本的功能。目前很多廠商或系統都把前台改為拖拉式區塊讓調整更方便,但如果是比較特殊的設計,或是一些網頁效果還是要交由網頁設計師來調整。


2.UI/UX設計
比較容易被忽略的一項技術就是UI/UX設計能力,這將決定一個網站能不能提供給消費者或操作人員良好的使用體驗。良好的UX(User Experience, 使用者體驗)透過分析規劃,將整體網頁的框架、架構與使用體驗的設計,讓網站符合使用者的操作邏輯,不會造成使用者在網站內繞來繞去找不到功能的現象。接著交給UI設計(User Interface, 使用者介面),以帶給使用者良好的視覺設計、內容編排為主,讓網站閱覽也是一種享受。


3.視覺設計
簡單的說從企業識別與整體網站風格、圖片、字體等都是網站視覺設計的一環。網站的整體視覺設計通常會從企業識別(CI)或其他相關資料進行延伸,作為設計的主軸。這一部分的設計要同時有網站及平面設計的經驗才比較能處理得好,會建議交由有設計能力的網站設計公司或是專業人員來處理。


4.文案敘事能力
接UI/UX的之下的除了平面設計外,就是文案了!網站就是商家與客戶進行一場無聲溝通的場所,要贏得客戶信任的第一步就是做好網站的說故事能力,讓使用者透過文字感受商家對商品、服務的用心態度。從首頁的介紹、關於企業的介紹、理念、服務、…到每個行動呼籲、按鈕都可以是透過文字與客戶交流的範圍,與視覺設計搭配構成企業網站的核心元素。


一個網站的組成主要由這4種基本能力組成,看似簡單但每一種區塊都會影響到網站未來的推廣與吸客能力,所以在建置時就要好好的與合作夥伴溝通確認每個細節。
                                                  參考網址:              https://mjitec.com/blog/design


心得:經過這一次的作業,讓我了解網站架設的一些基礎,一步一步來很重要,每個流程都要謹慎,團隊合作也是非常重要
您需要登錄後才可以回帖 登錄 | 註冊

本版積分規則

小黑屋|手机版|Archiver|施勢帆老師的教學網站  

GMT+8, 2021-6-24 21:10 , Processed in 0.137105 second(s), 17 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表