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

施勢帆老師的教學網站

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

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

[複製鏈接]
shie 發表於 2021-5-3 16:51: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
1061A108103128 發表於 2021-5-17 13:49:42 | 顯示全部樓層
網路架設相關文章:網站架設流程與網站架構釐清
網站架構和內容主軸的關聯性很高,內容主軸若不清楚,整個網站的架構和脈絡將會模糊不清,一個混亂的網站,將會使消費者也陷入混亂,因此,網站架構和網站內容主軸的規劃,必須更加嚴謹。這些也都仰賴明確的網站架設流程,在初步規劃網站架構時便能先將一些基本的 bug 排除掉。
網站架設流程簡述1. 購買網址+虛擬主機申請/架設網站伺服器
好的「網址」對網站來說至關重要,它可以視為網站的門牌,通常越精簡越好。而虛擬主機則提供可以視為網站的「地」,通常自己經營虛擬主機所費不少,主機、人力、技術成本可是幾十萬起跳,因此現在自行架設網站常向第三方申請租借,每月支付租金即可享有虛擬主機!較知名的虛擬主機如 AWS 虛擬伺服器SiteGround 等。
2. 網站設計/網頁製作
要有好的網站架設首先得釐清網站的需求,為什麼架設網站?架設網站給誰看?希望網站架設達成什麼樣的效益?做好了基本的功課後再進入網頁架構的規劃與版面的規劃設計,才能較有邏輯的進行規劃。網站設計流程又包括了「使用者體驗設計」與「視覺設計」,這於下面的章節會有詳細的敘述。
3. 前端程式撰寫與切版4. 後端程式撰寫與資料庫串聯5. 測試上線
網站架構與內容主軸定調
所謂網站架構就是網頁間的分層關係,在初期可以先用簡單的樹狀圖列出網站的層級關係,網站中要有哪些資訊、哪些主題和子主題。同時你也需要了解一個網站的基本資訊和頁面是哪些,像是「關於我們」、「團隊介紹」、「服務介紹」、「最新消息」等,這些基本頁面視產品與產業有所不同,可以參考相關產業的網站。再來就可以利用線上繪圖工具產製較正式的網站架構圖了。
網站架構相關文章網址:
https://ranking.works/%E7%B6%B2%E7%AB%99%E8%A8%AD%E8%A8%88/%E7%B6%B2%E7%AB%99%E6%9E%B6%E8%A8%AD
心得:
我覺得網站架設不像我以前想像的那麼難,只要照著網路上的教學做就可以做出最基本的網站了,但是網站的架設要花一些時間。





1061A108103117 發表於 2021-5-17 14:03:13 | 顯示全部樓層
網路架設相關文章:【網站架設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 兩者, 使用者可視需求選擇適合的方案!
心得:我認為在現在網路當道的年代,可以架設網站的平台和方式越來越多,各個網站的介面也越來越精緻且淺顯易懂,讓架設網站的難易度,比起以前更加簡單,也能使用的得心應手.


1061A108103121 發表於 2021-5-17 14:31:12 | 顯示全部樓層
網路架設相關文章:
在上圖中,我們主要需要注意到的硬體有哪些呢?大致有底下這些啦:
  • 節點 (node):節點主要是具有網路位址 (IP) 的設備之稱, 因此上面圖示中的一般PC、Linux伺服器、ADSL數據機與網路印表機等,個別都可以稱為一個 node ! 那中間那個集線器 (hub) 是不是節點呢?因為他不具有 IP ,因此 hub 不是節點。
  • 伺服器主機 (server):就網路連線的方向來說,提供資料以『回應』給用戶的主機, 都可以被稱為是一部伺服器。舉例來說,Yahoo 是個 WWW 伺服器,崑山的 FTP (http://ftp.ksu.edu.tw/) 是個檔案伺服器等等。
  • 工作站 (workstation) 或用戶端 (client):任何可以在電腦網路輸入的設備都可以是工作站, 若以連線發起的方向來說,主動發起連線去『要求』資料的,就可以稱為是用戶端 (client)。舉例來說,一般 PC 打開瀏覽器對 Yahoo 要求新聞資料,那一般 PC 就是用戶端。
  • 網路卡 (Network Interface Card, NIC):內建或者是外插在主機上面的一個設備, 主要提供網路連線的卡片,目前大都使用具有 RJ-45 接頭的乙太網路卡。一般 node 上都具有一個以上的網路卡, 以達成網路連線的功能。
  • 網路介面:利用軟體設計出來的網路介面,主要在提供網路位址 (IP) 的任務。 一張網卡至少可以搭配一個以上的網路介面;而每部主機內部其實也都擁有一個內部的網路介面,那就是 loopback (lo) 這個迴圈測試介面!
  • 網路形態或拓樸 (topology):各個節點在網路上面的連結方式,一般講的是物理連接方式。 舉例來說,上圖中顯示的是一種被稱為星形連線 (star) 的方式,主要是透過一個中間連接設備, 以放射狀的方式連接各個節點的一種形態,這就是一種拓樸。
  • 網關 (route) 或通訊閘 (gateway):具有兩個以上的網路介面, 可以連接兩個以上不同的網段的設備,例如 IP 分享器就是一個常見的網關設備。那上面的 ADSL 數據機算不算網關呢? 其實不太能算,因為數據機通常視為一個在主機內的網卡設備,我們可以在一般 PC 上面透過撥號軟體, 將數據機模擬成為一張實體網卡 (ppp) ,因此他不太能算是網關設備啦!
  • 資料網址:https://linux.vbird.org/linux_se ... 10network_basic.php
  • 心得:大家往往都只會用網路打電動、查資料、看影片,卻不知道網路是如何架設出來的,原本一直把網路想得很複雜,但把原理搞懂知道了網路架設需要哪些要素,就覺得沒有這麼複雜,目前已經大約了解,需要更深入才能知道得更完整

本帖子中包含更多資源

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

x
1061A108103137 發表於 2021-5-17 14:41:28 | 顯示全部樓層
本帖最後由 1061A108103137 於 2021-5-17 14:44 編輯

相關文章:如和架設網站
1. 網域查詢網域 (Domain name)
網域 (Domain name) 又稱「域名」、「網域名稱」,是網站首頁地址。例如,在瀏覽器輸入 www.pixnet.net 會到達痞客邦網站首頁。
2. URL是什麼
URL (Uniform Resource Locator) 中文意思是「統一資源定位符」,俗稱網址。
一個網站是由HTML、CSS、JavaScript、PHP… 等檔案組成(散佈於不同資料夾)。URL是到達資料夾中某檔案的路徑。
網域是URL的一部份!若只輸入網域,你會到達網站根目錄(所謂的首頁)。
3. 虛擬主機
虛擬主機 (Web hosting) 又稱「主機代管」、「網頁空間」,是存放網站檔案的雲端伺服器
4..............



心得:

從以前到現在一直對網站架構一知半解,因為沒有需要所以也沒有試著去了解,經過這次作業有了解了一些,雖然本來看起來是要更直接的手動去操作,礙於疫情,實在是非常可惜,希望有機會還是能實際操作一次,畢竟還是要實際操作過一遍之後才會更加清楚。


1061A108103111 發表於 2021-5-17 14:46:06 | 顯示全部樓層
網站建置流程有哪些?網站架設前必看重點



網站建置5大階段流程,每個階段也各有不同的細項與時程。架設網站前,你可能會想知道網站建置各階段的準備工作有哪些、預計花多少時間完成。讓我們進一步解說,讓你了解各階段的重點。




網站建置前有哪些準備工作?



對於公司網站的建置來說,有很大的機率會直接找網頁設計公司進行網站建置。網站建置的技術與細節很多,在網站建置前(也就是簽約前),會有哪些準備工作?下列這幾點通常是決定性的重點,給各位參考。



  • 準備好你的網站架構表   
  • 找出至少5個目標網站參考範例
  • 提出預算範圍   
  • 決定你的上線時間 -


建置流程1:網頁設計階段 | 確認版面設計與操作流程

建置流程2:網站建置階段 | 穩定開發、建立網站整體建構

建置流程3:網站測試、上稿 | 細心校對網頁每一個細節

建置流程4:網站正式上線與驗收


資料網址:https://www.cadiis.com.tw/blog/web-design-workflow-process

心得:了解這份資料後,讓我對於網頁製作的過程有初步的了解,也了解到要建置網站並沒有那麼難,只要去深入了解就沒問題了。

本帖子中包含更多資源

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

x
106A108103107 發表於 2021-5-17 14:50:00 | 顯示全部樓層
[網站架設] 手把手教你把網站架設到 Google Drive 雲端空間上網址:http://blog.e-happy.com.tw/%E7%B ... %E9%96%93%E4%B8%8A/
網頁設計的學習,最重要的就是想要將成品放在一個空間上呈現,雖然現在免費的空間不少,但是申請設定再上傳,有時候還真是麻煩。我們可不可以把早就用到熟爛的 Google Drive 雲端空間當作是網頁伺服器,將作品放在上面就能讓其他人瀏覽呢?當然可以啦,就跟著茶米的操作,一起來完成這個動作吧!

上傳網頁檔案到 Google Drive 雲端空間
  • 首先請您將要上傳的網頁整理到一個資料夾之中,這樣可以方便上傳。
  • 開啟瀏覽器進入你自己的 Google Drive,將準備好的資料夾上傳到 我的雲端硬碟 的根目錄,注意,一定要放在 Google Drive 雲端硬碟 的根目錄喔!
設定 Google Drive 資料夾分享權限
接著請跟著以下的步驟設定資料夾權限:
  • 選擇剛才上傳的資料夾,按下右鍵後選取快顯功能表的 [共用],或按右上角的共用圖示。
  • 在對話方塊按右上角 [開啟連結共用設定],接著拉開中間的選項來調整權限,按 [更多]。
  • 將權限調整為 [開啟-公開在網路上],最後儲存,即完成檔案的上傳及分享。

加入及設定 DriveToWeb 服務一、產生網站的網址
接著就要利用 DriveToWeb 的服務,把 Google Drive 雲端分享的資料夾化為網頁伺服器了!設定十分方便,請跟著我們一起做喔!
  • 請由 https://drv.tw 網頁進入 DriveToWeb 的服務首頁,目前這個服務支援 Google Drive 及 One Drive。
  • 請按下 Via Google Drive 按鈕,進入設定畫面。
  • 接著會進入 Google 登入的畫面,請選取要使用服務的帳號,這個帳號也就是你使用Google Drive 的帳號喔!最後按 [允許] 鈕啟動服務。

  • 進入 DriveToWeb 的服務的管理畫面,在 Your Web Page 的區域中開始會去找你雲端硬碟根目錄下有分享資料夾中有 HTML 網頁的檔案,這個需要一點時間。
  • 整理完畢之後,你可以看一下內容,如下圖就找到剛才所分享的資料夾,以及之下的HTML檔案,而服務已經成功的轉為可以連結的網址。例如我們示範的網站所產生的網址是:
    https://or6fmp0mmsmsolaamu2yba-on.drv.tw/classlib/

二、用帳號規則設定來產生網址
除了在管理畫面來等待它產生網址之外,其實 DriveToWeb 的網址的格式如下:
https://drv.tw/~[username]/[drive]/[path]
  • [username]:使用服務的Google郵件帳號
  • [drive]: Google Drive 請用”gd”, OneDrive 請用”od”
  • [path]:你分享的資料夾名稱。
例如我的帳號是 edreamer@gmail.com,用的是 Google Drive,資料夾為 classlib,所以網址就為:
[url=https://drv.tw/~edreamer@gmail.com/gd/classlib]https://drv.tw/~edreamer@gmail.com/gd/classlib[/url]
三、其他設定
其實如果你有申請網域,是可以自訂網址的名稱,不過這個有些進階,歡迎您可以參考 DriveToWeb 的官方網頁說明。
但因為它所產生的網域太長,建議您可以申請一個 http://gg.gg 的短網址,並且自訂一下網址內容,就能為你的網址打造成一個又短、又好記的絕妙連結了! (你可以試試 http://gg.gg/classlib)
心得:現今網路世界越來越發達,除了架設網站外,也可與雲端做搭配。


1061A108103116 發表於 2021-5-17 14:54:36 | 顯示全部樓層
設計一般網頁所需要的專業知識

事實上,網頁設計真的是必須結合許多不同專業領域才能完成的,例如一個純靜態 HTML 頁面的形象網站或個人網站,最基本要有一位專業的網頁視覺設計師,除了要有創意、有設計美感,懂得操作影像處理軟體外,還要學會 HTML 及 CSS 語法,並經過切版處理程序,才能將原本靜止的圖像轉成有互動效果、可點選連結的網頁。

早期的網頁設計只要使用單純的 table 就能排版,如今隨著 HTML5CSS3 的推出,設計師們必須要放棄舊觀念,投入新的技術,使用像是 div 、ul + li、fieldset、figure 等新的 HTML 標籤,再加上行動裝置的普及與行動網路環境逐漸成熟,設計師們還要跟上手機版的網頁設計技術。這些都是要不斷的付出時間心力來精進,才能不被市場所淘汰。

如果還要加上 FLASH 動畫,則要有另外一位專業的動畫設計師來處理。但是說到 FLASH 動畫,由於 Apple 的 iOS 平台與 Google 的 Android 平台相繼放棄對 Adobe FLASH 的支援,因此 FLASH 動畫在網路市場目前正面臨了極為嚴酷的考驗。

設計含有後台程式網站需要的技術

愈來愈多的網站都需要一個後台可以維護網站的資料內容,例如線上購物網站,必須要能將商品上下架、管理會員資料與訂單資料等,如果需要後台管理功能,那就必須有一位專業的網站程式設計師來撰寫後台程式,這些程式除了要能符合網站的需求之外,還要考量操作介面人性化、網站的讀取速度、系統效能及避免被駭客攻擊等因素。

由於後台的網站內容需要資料庫來進行存取,所以還需要一位專業的資料庫工程師來共同進行網站開發,而網站想要能夠穩定的運作,不會當機、不會中毒、不會被駭客入侵,就必須要有更專業的網路安全工程師來進行伺服器環境架設及主機維護。因此,含有後台程式的網站,所需要的專業技術遠比一般網站來的多。

網站做好了,如果沒有生意那也沒有用,所以您還需要一組專業的網路行銷團隊來幫您打廣告、建立口碑、經營粉絲團、進行 SEO 網站優化、購買關鍵字廣告......等。

尊重專業,創造雙贏

因此,網頁設計就是這樣一門整合 網頁設計、動畫設計、程式設計、資料庫設計、網路安全、網路行銷及 SEO 網站優化 的行業,而這些行業,不論是哪個項目,都可以獨立而成一家公司,但目前台灣絕大多數的網頁設計公司,由於成本考量及市場因素,都將這些項目全部結合在一起,延攬來自各個行業的人才,組成團隊共同合作。其實在歐美等地,有很多公司都是專精於一項領域而已,因為當地的客戶較能有這樣的共識,明白想要做出一個好網站,就必須要透過專業的技術來達成,也一定要付出相對的代價。

期待在未來,國內的網頁設計市場也能發展出一個健全的體制,讓網頁設計公司與業主都能共享其利,創造雙贏的局面。

網頁參考:https://www.pkthink.com/knowledge-info.asp?id=1

心得:網頁的設計有非常多需要注意的,如動畫、程式、網路安全等等都是非常重要的必須要幫客戶建立良好形象也要和客戶有共識才能做出完美的網站。










1061A108103131 發表於 2021-5-17 14:55:30 | 顯示全部樓層
https://promise-marketing.com/blog/web-design/ 參考
  • 網站建置的前置作業準備
  • 內容架構及網頁視覺設計
  • 程式功能開發與網站架設
  • 功能及介面驗收網站上線
網站建置的前置作業準備
做網站之前,要先釐清自己「架設網站的目的」、「網站希望傳遞什麼資訊」以及「網頁瀏覽者是什麼族群」,了解自己架設網站的目的性和需求,和網站的使用對象性質,對於網站整體規劃來說是一件非常重要的事情,這裡如果還不太清楚意思的話,可以參考另外一篇文章:網站製作開始之前應該要準備什麼資料?(自架站/委外皆適用)
內容架構及網頁視覺設計
你的網站是什麼類型呢?是購物電商網?部落格?還是企業品牌形象網站?
不同類型的網站會導致網站型態和內容的不同。想想看你的網站想要擁有哪些頁面:比如品牌理念、聯絡資訊、產品資訊、部落格等等。再舉個例子,如果我想在網站分享一些文章,那我會需要網站有部落格的頁面;想要傳達品牌理念,我會希望網站當中有品牌故事的頁面。
程式功能開發與網站架設
再來網站架設與程式功能的開發就是網頁設計公司的工作了。工程師需要依照先前確認好的設計稿、客戶的特殊需求及指定網站功能,開始製作網頁前台的切版與後台功能製作等事項。
功能及介面驗收網站上線
網站大功告成後,這條網頁製作的路可還沒結束⋯
網站還需要後續的維護,才能夠確保網站往後的正常運作。網路設計公司會教你一些維護的注意事項及網站基本的使用操作方式,讓你能夠自己在後續的更新上通行無阻,很多人對於網站都有一個迷思——網站製作完後,不用經營自然就會有流量了,這是一個相當錯誤的想法,唯有還有不斷地改良文案及圖片、注意瀏覽者的動向偏好並進行網站調整、內容修訂,才能優化SEO,提高網站的排名。
心得:我覺得一個網頁需要一個簡單明瞭的頁面,只需要直接知道你要找的東西在哪,一個網頁也需要維護更新畫面等等。現在的人離不開網路有網路通常都會使用網頁,網頁的使用更加頻繁,例如買東西的網頁學校網頁等等。


1061A108103148 發表於 2021-5-17 14:56:09 | 顯示全部樓層
https://pse.is/3gq9hx現在人人手上都有手機,因此透過架設網站,可以彼此交流,還可以製作屬於自己獨特的網站,吸引別人進來觀看,不過架設網站麻煩的是每個月都必須付出相對的金錢和心力,才能維持一定的通訊。
1061A108103140 發表於 2021-5-17 15:01:33 | 顯示全部樓層
本帖最後由 1061A108103140 於 2021-5-17 15:09 編輯

網站架設相關文章:十分鐘快速自助架站教學:一看就會
有哪些知名的自助架站平台?
自助架站平台製作個人網站有什麼優勢?
架設網站教學
有哪些知名的自助架站平台?
目前最好用的自助架站平台非cms快速架站平台莫屬了。那麼,什麼是快速架站平台呢?其實很簡單,快速架站平台就是透過一套完善、智能的平台,讓對寫程式怕怕的,沒有美編功力的新手也能用非常簡單的操作輕鬆架設自己的個人網站。這類架站平台有很多,比如Wix,Strikingly,Weebly,WordPress架站等等。

個人架站平台

自助架站平台製作個人網站有什麼優勢?
自助架站平台操作通常都比較簡單。以 Strikingly 為例,只要選擇一個自己喜歡的模板,然後添加需要的功能版塊,比如標題,相冊,各種布局,產品展示,簡易商店,部落格……等等,再修改下圖片和文字,在左上角「設置」里設定網域、網頁名稱、logo 等訊息,就能成功發布自己的網頁。
Strikingly個人自助架站

自助架站平台之所以“快速”,主要體現在你的架站速度上。以Strikingly為例,如果你需要的展示的東西不多,那麼十來分鐘分鐘就能架好了。有一家美國的初創企業的創始人,早上 9 點要去見投資人,8 點的時候想起來公司的官網都還沒做,花了 10 分鐘找到了 Strikingly,再花了 20 分鐘就把官網成功做好,並且最終拿到了投資。
自助架站平台的優勢也體現在它的自適應性上。一個好的快速架站平台能夠透過一系列的程式指令,滿足你在任何設備上訪問的需求。以Strikingly為例,你只需架設一個版本的網頁,就能在所有尺寸的設備上訪問。這不僅能夠降低你的工作量,還能讓你的網站更快發佈,縮短網頁製作的工期。
好的自助架站平台應該擁有SEO最佳化功能。SEO最佳化能夠透過一系列的關鍵字優化提高你在搜尋引擎中的排名,從而讓你的網站得到更多曝光,吸引更多訪客。以Strikingly為例,你不僅可以在設定中根據提示完成搜尋引擎最佳化,也可以在網頁中的圖片和資訊中插入關鍵字,從而獲得更多曝光機會。
架設網站教學
當然,要想這麼快地架好一個個人網頁呢?有個前提,就是你得先明確自己架站的目標、網頁的主題路向。如果你根本漫無目的,只是不斷堆砌各種版塊,磨磨蹭蹭地拼湊各種素材,那麼架站必然會慢很多,網頁也會亂七八糟。像下圖案例中的主題就很明確,導航清晰,網頁設計也很好。比如Strikingly,現在也提供了拖曳式架站的功能,更加方便。點擊這裡即可了解。



這是來自東京的一家工藝品商店“日本工芸株式會社”,他們在幾年前找到了Strikingly,並使用這個架站平台完成了官方網站的架設。至於說效果如何?如你所見,非常不錯。在首頁,網站製作者採用了產品banner圖+簡潔的介紹,讓訪客一眼就能知道這個網站是做什麼的。此外,架站者還在網頁的內容部分植入了網格版塊和部落格版塊展示自己公司的作品,並在網站中使用了Strikingly提供的商店功能。

值得一提的是,工芸會社作為一家傳統手工藝品企業,不甘於日本市場之內,而是積極向外拓展,在Strikingly推出多語言版本自助架站平台後,同時架設了英文、中文的網站。

點擊這裡,可以查看更多網頁製作範例



雖然架站本身是很快的,但並不代表網頁已經徹底架好了。網頁架成後,也要注意維護,需要不斷去植入一些原創的高品質的訊息,修復網頁不合理的地方。這樣才能保證網頁的活躍,在搜尋引擎上獲得一個好的排名,最終發揮網頁的作用——網路引流、打響品牌、賣出產品等等。

在線快速架站中還有很多細節,這就需要你自己探索了。注意快速自助快速架站不是萬能的,如果你有很多複雜的、客製化的需求,那麼我建議你還是選擇傳統的程式開發方式。總之,一定要結合自己的實際情況,選擇最適合自己的方法。Strikingly現在提供免費版本網頁製作供你使用。點擊這裡,現在註冊還能無責任免費試用付費版本14天哦。

資料來源:https://tw.strikingly.com/content/blog/zizhujzpt/
心得: 現在的科技真的很方便,不需要從架設伺服器甚麼的,就可以架設一個基本網站了,對於電腦一竅不通的人來說真的很方便呢~




本帖子中包含更多資源

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

x
106A108103105 發表於 2021-5-17 15:02:07 | 顯示全部樓層
網路架設相關文章:網站架設 | 掌握專業的設計與開發技術, 為您的網站創造無限價值
網站架設流程網域申請、虛擬主機租用與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的重要項目之一。
心得:
網站架構可以讓它很簡單的就出來,現在有很多架站平台,可以讓我們很方便的架構,所以想要簡單入手其實很容易,而且現在網路很多資料可以參考。

1061A108103109 發表於 2021-5-17 15:02:34 | 顯示全部樓層
1.網域是什麼
網域就是一個網站的地址,有了網域,我們才能準確地找到這個網站。詳細點來說,每個伺服器都有自己的 IP 地址,如果需要訪問網站伺服器的話就得找到這個 IP。但是 IP 畢竟是數字,不好記,於是大家便透過網域連結網站,把網域和 IP 綁定到一起。透過綁定的網域來訪問到相應的網站伺服器上,這樣訪客們就能很方便地訪問相應的網站了。
網域是需要購買的,不過並不貴,一般網域申請費用都是 750 塊一年,註冊網域的管道有很多,有 GoDaddy網域,Strikingly,HiNet等等。如果想要使用免費網域,還可以使用Strikingly提供二級網域。網域設定不要太複雜,盡量簡單好記,這樣也方便訪客下次找到。
2.伺服器主機是什麼
網站由三部分組成,網域+伺服器+程式。若是用傳統程式開發的架站方式,設定完網域後,你還要透過伺服器架設、伺服器託管的方式來租伺服器,比較麻煩。
3.如何製作網站
目前比較常見的網站製作方式是自己組建技術團隊、找團隊客製化、用自助架站系統。前兩種都是需要專業的技術人員完成,後者則是可以直接自己製作,方法也很簡單:通常來說,自助架站系統都會提供一個「模板庫」,你從中選一個喜歡的模板,然後稍加編輯即可。
4.  .......
心得: 在往往的日常中,每個人一定會造訪不同的網站,但大家在使用的過程中有沒有想過這些是如何創造出來的,平時我也不會特別去注意這些事情,但也因這這項作業,讓我可以更加深入地聊解所謂的網域,網站架構,伺服器等等的問題,也許有朝一日我也會擁有自己的一個網頁平台,而這次的搜索也為自己打了一個底子。

本帖子中包含更多資源

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

x
1061A108103126 發表於 2021-5-17 15:12:13 | 顯示全部樓層
本帖最後由 1061A108103126 於 2021-5-17 15:15 編輯

                                                                                            網站架設的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


心得:經過這一次的作業 讓我稍微了解了網站架設基本該有的能力,以及跟同伴需要具備良好的溝通能力才能做好一個完美的網站架構,但因為疫情關係導致無法跟著老師一同操作,但是也因此讓我們也了解網站架設的一些基礎,也讓我們知道說原來網站架設也是要一步步照著流程才能完成的。












1061A108103130 發表於 2021-5-17 15:14:35 | 顯示全部樓層
網路架設相關文章:網站架設流程與網站架構釐清
網站架構和內容主軸的關聯性很高,內容主軸若不清楚,整個網站的架構和脈絡將會模糊不清,一個混亂的網站,將會使消費者也陷入混亂,因此,網站架構和網站內容主軸的規劃,必須更加嚴謹。這些也都仰賴明確的網站架設流程,在初步規劃網站架構時便能先將一些基本的 bug 排除掉。
網站架設流程簡述1. 購買網址+虛擬主機申請/架設網站伺服器
好的「網址」對網站來說至關重要,它可以視為網站的門牌,通常越精簡越好。而虛擬主機則提供可以視為網站的「地」,通常自己經營虛擬主機所費不少,主機、人力、技術成本可是幾十萬起跳,因此現在自行架設網站常向第三方申請租借,每月支付租金即可享有虛擬主機!較知名的虛擬主機如 AWS 虛擬伺服器SiteGround 等。
2. 網站設計/網頁製作
要有好的網站架設首先得釐清網站的需求,為什麼架設網站?架設網站給誰看?希望網站架設達成什麼樣的效益?做好了基本的功課後再進入網頁架構的規劃與版面的規劃設計,才能較有邏輯的進行規劃。網站設計流程又包括了「使用者體驗設計」與「視覺設計」,這於下面的章節會有詳細的敘述。
3. 前端程式撰寫與切版4. 後端程式撰寫與資料庫串聯5. 測試上線
網站架構與內容主軸定調
所謂網站架構就是網頁間的分層關係,在初期可以先用簡單的樹狀圖列出網站的層級關係,網站中要有哪些資訊、哪些主題和子主題。同時你也需要了解一個網站的基本資訊和頁面是哪些,像是「關於我們」、「團隊介紹」、「服務介紹」、「最新消息」等,這些基本頁面視產品與產業有所不同,可以參考相關產業的網站。再來就可以利用線上繪圖工具產製較正式的網站架構圖了。
網站架構相關文章網址:
https://ranking.works/%E7%B6%B2%E7%AB%99%E8%A8%AD%E8%A8%88/%E7%B6%B2%E7%AB%99%E6%9E%B6%E8%A8%AD
心得:從這次參考的資料學習到網站的一些基本觀念,也對網站架構有了初步的認識,但是現在是網路化的時代相對來講網站架構也變得比較普及難度也些許降低

本帖子中包含更多資源

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

x
1061A108103127 發表於 2021-5-17 15:15:26 | 顯示全部樓層
網站架設技術之文章: 【前言-架站前的考量】
如果有心想要長期經營並建立起自己營造的網路世界(部落格,論壇,網站),
首先請考量兩點:

(1) 自行架設上,手續繁複,先考慮清楚自己能夠運用的時間。

(2) 想要建立甚麼樣的網站先考慮清楚是部落格方式,還是論壇方式,還是大型網站方式。


自行架站模式介紹:其實不論是部落格或是論壇或是大型網站,以現今所開發的程式來說,主要是性質不同,但是在使用的功能上來說真的是大同小異,部落格能做到的功能性不小於論壇或是大型網站,而論壇也兼具部落格或是大型網站所具備的條件,而大型網站,可包含的項目也幾乎是在部落格與論壇所能做到的範圍。

性質差異有:
(1)部落格:比較屬於”個人發佈訊息”類型,雖然目前已可以做到邀請其他人一起寫作,但是在性質上還是比較屬於個人範圍。
(2)論壇:比較屬於”開放式發佈訊息”類型,可以建立交流社群呼朋引伴,建立起一個有共同興趣共同愛好的交流空間。

(3)大型網站:比較屬於”多元化發佈訊息”類型,在所架設的網站類包含著個人發佈區塊,也可以是開放式交流互動區塊,更可以添加更多元的程式在你的網站中,可以細分建站區塊。


【前言-架站前的評估與準備】

考量好自己建站的網路性質後,接下來還有幾個架站必備工具需要做考量。

(1)用自己的電腦主機架站還是網路主機。
差別在於:
A自己的電腦主機架站必須24小時開啟著電腦,只要電腦關機網站別人就無法進入你的網站。
B網路主機,只要主機運作正常基本上都是正常全天候開放網站,以穩定上來說當然是付費主機比較穩定,免費主機網站被砍站都是無預警的,所以,必須要做好備份工作。防範萬一的可能。
(2)申請網路域名,先申請好自己的域名(例如:yahoo.com.tw ),這也是在網路世界中屬於你所創立網站的代表號。既然已經決定架站,請準備一個頂級域名,不要使用二級域名,不然你辛辛苦苦所建設的網站域名是在主域名之下,網路排名上是只看的到主域名看不到你自己的域名。

(3)了解有哪些架站程式,挑選好後,下載備份架站程式。容有】:
自行架設網站,架設論壇,架設部落格 (一):自行架站的考量,評估與準備
網址:
https://ebenezer.pixnet.net/blog/post/147403518


心得:網站架設雖然看似簡單,但其實有很多方式要納入考量,選擇對自己來說最好的架設網站方式,避免自己辛辛苦苦架設的網站達不到自己預想的成果。





1061A108103141 發表於 2021-5-17 15:22:16 | 顯示全部樓層
CMS 安裝
安裝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,它很好記,幾乎所有的國家都使用它。
比方說:如果你想要在中國、香港、新加坡、台灣等國家行銷你的服務,你的網頁將會顯示你擁有的是一個國際品牌。
技巧二:選擇一個能夠建立品牌的網域名稱
為你的網站訂定一個好記的名稱
技巧三:不要擔心出錯或者選到一個不好的名稱
你可以隨時改變你的網域名稱,所以不要太過擔心你一開始沒有幫網站取到一個完美的名字。
現在,最重要的事情是開始做並且接納任何架站的錯誤。
技巧四:如果你以前從來沒有建立過網頁,選擇一個容許你購買一個網域名稱的網站。
什麼是虛擬主機?
這是一個很深入的主題,但簡單來說你的網頁就活在虛擬主機上,它是一台存有你網頁的電腦,這些也叫做伺服器。
一般來說,使用者會希望自己的主機盡可能地靠近自己瀏覽者/客戶的中心位置,像是新加坡,讓網站可以服務全亞洲,且不會被中國阻擋(位於台灣的伺服器就有這個風險)。
心得:查過許多資料後發現,現在架設網站已經比越來越簡單,除非是較為複雜的網站,不然都可以照網路上的步驟架好大部分類型的網站,十分的方便。

1061A108103124 發表於 2021-5-17 15:54:17 | 顯示全部樓層
本帖最後由 1061A108103124 於 2021-5-17 15:56 編輯

網頁設計

網頁設計(英語:Web design)涵蓋了製作和維護網站的許多不同的技能和學科。它包含了網頁圖形設計、介面設計、編寫標準化的代碼和專有軟體使用者經驗設計,以及搜尋引擎最佳化。通常許多人以團隊協作的方式來工作,各自參與設計過程的各個方面;但有些設計師會參與到任何方面。 網頁設計這個術語通常用來描述與網站前端(客戶端)設計相關的設計過程,包括編寫標記式語言。在更廣泛的Web開發領域,網頁設計與網路工程存在交集。網頁設計師應該對網路可用性有一定的認識。如果他們的工作涉及到編寫標記式語言,那麼他們也應該遵循網頁親和力的最新指引。

定義

有時,這兩種定義會引起混淆,如網頁伺服器。它可能是指用於網站的電腦,也可能是指像Apache這樣的軟體,執行在這樣的電腦上以管理網頁組件和回應網頁瀏覽器的請求。 伺服器的構成包括中央處理器硬碟記憶體等,和通用的電腦架構類似,但是由於需要提供高可靠的服務,因此在處理能力、穩定性、可靠性、安全性、可延伸性、可管理性等方面要求較高。 在網路環境下,根據伺服器提供的服務類型不同,分為檔案伺服器,資料庫伺服器,應用程式伺服器,Web伺服器等。

伺服器(硬體和作業系統)

伺服器作為硬體來說,通常是指那些具有較高計算能力,能夠提供給多個使用者使用的電腦。伺服器與PC機的不同點很多,例如PC機在一個時刻通常只為一個使用者服務。伺服器與主機不同,主機是通過終端給使用者使用的,伺服器是通過網路給客戶端使用者使用的,所以除了要擁有終端裝置,還要利用網路才能使用伺服器電腦,但使用者連上線後就能使用伺服器上的特定服務了。

和普通的個人電腦相比, 伺服器需要連續的工作在7×24小時環境。這就意味著伺服器需要更多的穩定性技術RAS,比如支援使用ECC記憶體

根據不同的計算能力,伺服器又分為工作群組級伺服器,部門級伺服器和企業級伺服器。伺服器作業系統是指執行在伺服器硬體上的作業系統。伺服器作業系統需要管理和充分利用伺服器硬體的計算能力並提供給伺服器硬體上的軟體使用。

現在,市場上有很多伺服器作業系統。類Unix作業系統是Unix的後代,大多為作伺服器平台 設計。常見的此類類Unix作業系統有各種Linux發行版(如紅帽企業LinuxSUSE)、AIXIRIXSolarisBSD(如OpenBSDNetBSD)、和SCO OpenServer。微軟也推出了Windows Server,如Windows NT 4.0 ServerWindows 2000 ServerWindows Server 2003Windows Server 2008Windows Server 2008 R2Windows Server 2012Windows Server 2012 R2Windows Server 2016Windows Server 2019


[size=15.008px]資料來源:https://zh.wikipedia.org/wiki/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1
[size=15.008px]心得:
[size=15.008px]我認為架設網站,對於某一些人來說是重要的技能,因為能讓他人在網路上看見自己與自己的東西。但相對的一個很好的網站一定是好的技術去產生的,而之後的管理又是另一個問題了。現在跟以前相比架設網站變得容易的許多,現在反而需要擔心的是網站的安全性與管理了。
[size=15.008px]

1061A108103101 發表於 2021-5-17 15:55:30 | 顯示全部樓層
https://frankknow.com/website-build-teach/
心得:
看完這篇文章讓我知道最難的部分是網域申請和DNS設定,而程式架設也有現成的,但是自己架設的網站[size=14.592px]任何功能類型都可以,不受限制,所以這是一個需要深入學習的學問。
1061A108103102 發表於 2021-5-17 16:12:24 | 顯示全部樓層
參考網址: https://web-design.vip/develop-official-website-handbook.html


心得:
我覺得在設計一個網頁時需要一個簡單又明瞭的頁面,只需要直接知道你要找的東西在哪,一個網頁也需要維護更新畫面等等。現在的人離不開網路有網路通常都會使用網頁,網頁的使用更加頻繁,在之前我以為程式是不需要購買網域的,你只需要輸入自己喜歡的名字,它便會自動幫你生成一個附有它的名稱的網址。而在上網查詢相關資料後,我才了解到原來並非所有網域都是免費的,而且有的網域還要價不斐,這真的是令我大開眼界。

1061A108103108 發表於 2021-5-17 16:21:12 | 顯示全部樓層
CMS 系統CMS 是什麼
CMS是一個幫助管理你網頁的文章的網頁應用程式或者電腦軟體。現今,從零開始利用寫程式的方式建立網頁已經很罕見了,就連專業工程師都會使用某些應用程式來加快建立網頁的速度,減少令人頭痛的架站過程。
想想看,如果你計畫要在網路上經營一家公司,你需要發表很多文章,你需要一個簡單的方式來管理這些文章,那麼CMS就是你的解決方案,舉例來說,這個網頁就使用了CMS,它清楚的標示了什麼是什麼和這些東西該放在網站的哪裡。
CMS 安裝
安裝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,它很好記,幾乎所有的國家都使用它。
比方說:如果你想要在中國、香港、新加坡、台灣等國家行銷你的服務,你的網頁將會顯示你擁有的是一個國際品牌。
技巧二:選擇一個能夠建立品牌的網域名稱
為你的網站訂定一個好記的名稱
技巧三:不要擔心出錯或者選到一個不好的名稱
你可以隨時改變你的網域名稱,所以不要太過擔心你一開始沒有幫網站取到一個完美的名字。
現在,最重要的事情是開始做並且接納任何架站的錯誤。
技巧四:如果你以前從來沒有建立過網頁,選擇一個容許你購買一個網域名稱的網站。
心得:其實架設網站看起來很難,其實不然,現代網路有許多教學文章可以作為參考,只要按部就班照著文章的指示做,即使沒有很多網路知識,相信架設自己的網站也不是天方夜譚。



1061A108103114 發表於 2021-5-17 16:27:21 | 顯示全部樓層
參考網址:https://rich01.com/4-webiste-types/


例:
1. 部落格(Blog):

核心功能:
提供一個很容易撰寫與發布文章內容的操作介面

適用對象:
1. 個人品牌建立
2.企業商品介紹、資訊報導、產品服務觀念教育
當你的商業模式需要在網路上大量建立圖片或文自內容時,就會需要部落格功能。

費用:
1. 免費部落格:免費但通常彈性少限制多,想長遠經營的話不推
2. 付費部落格:通常每月兩三百就可以開始
3. 一般商業網站:如果需要增加部落格功能通常不需要額外費用

市場先生心得:
談到部落格,指的就是一個「撰寫圖文」為主的內容網站,
通常這類的平台有專門的編輯後台,方便你編輯和修改,但通常不大支援其他功能。

有以文字為主也有以圖片為主,
一般個人品牌都會透過這個方式開始建立,
但對公司企業而言就不一定有必要,雖然現在企業或產品網站都會附有部落格,
但要注意內容並不是為了寫而寫,
通常內容的目的會是曝光到社群、或是Google搜尋,或是商品相關週邊知識,帶動商品的流量或轉換才需要寫。

心得:

           部落格只是架設網站的期中一種方式,其實現在很多人認為部落格是很過時的產物,但其實現在在google上搜尋結果很多都是部落格分享出來的,例如某某機器的評測或是哪裡的菜單,所以我認為架設部落格是一個很好拓展個人品牌的地方,如果想朝這個方向發展是一個很好的管道。

1061A108103143 發表於 2021-5-17 17:55:09 | 顯示全部樓層
本帖最後由 1061A108103143 於 2021-5-17 19:10 編輯

相關網站架設技術之文章

網站設計與架設的基本面:
  要點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
心得:架設一個網站其實沒有想像中的那麼困難,經過這次作業後學到了非常多有關架設網站的技術,讓我燃起想要架設屬於自己網站的衝動,不過還是再繼續研究一下,吸收更多的知識,等以後有機會自己再架設一個非常厲害的網站。




1061A108103103 發表於 2021-5-17 18:55:46 來自手機 | 顯示全部樓層
本帖最後由 1061A108103103 於 2021-5-17 19:17 編輯

     自己公司有一個好的網站,對於品牌形象的建立是有很直接的關係的,這個道理很簡單,假設有兩家公司都生產同一種產品,其中一家有一個自己的官方網站(網址是 www.公司名稱.com.tw 這樣的正式網址),而另一家沒有只有一個免費的部落格(網址類似 公司名稱.pixnet.net 這樣的部落格),在產品本身的規格、價格等各方面條件差不多時,消費者通常對於有官方網站的產品會有比較大的信心來購買,這是人之常情,因為大家很容易認為有官方網站的公司規模比較大、比較有保障。主機空間(Hosting) 通常要架設一個網站,首先就是要選擇主機空間,網路上有許多免費的主機空間,但是一般這類免費的主機空間並不適合用來架正式網站,因為這類免費的空間通常穩定度都很差,或是有一大堆 CPU、儲存空間與網路流量的限制,頂多只能用來作為練習與測試,真的要架站的話,請選擇付費的空間,付一點錢真的可以讓您省去很多麻煩。網域名稱(Domain Name) 在實際架設網站之前,我們要先註冊網站的網域名稱,網域名稱可以自己任意選擇,像我的 G. T. Wang 網站,我就註冊了 gtwang.org 這個網域名稱,只要這個網域名稱被我們註冊下來之後,在這個網域之下我們要架多少網站都可以,例如我們可以架一個 www.gtwang.org 這個官方網站、一個 blog.gtwang.org 這個官方部落格再加上一個 shop.gtwang.org 購物網等,只要網域是您所註冊的,隨便愛放什麼網址都可以。內容管理系統(CMS) 依據自己的需求,選擇一個最適合的網站平台,對於初學者而言,建議從比較熱門的內容管理系統(CMS)中來選擇,例如 WordPress、Drupal 或 Joomla 等,以下是各個 CMS 的教學文章。                        

心得:看完這一些網站架設的資料,有種自己也能做網站的感覺,平常太少去接觸這一方面的東西,但是只要有心,一步步的學習,也可以自己做出一個網站來。


1061A108103136 發表於 2021-5-17 19:11:19 | 顯示全部樓層
參考 https://web-design.vip/develop-official-website-handbook.html
網站架設流程 基本六步驟
  • 租主機、空間
  • 買網址
  • 素材準備
  • WP網頁設計
  • Google Analytics安裝
  • Google收錄
如圖所示,這些步驟是完成一個網站最基本建置流程,缺一不可。步驟1、2、5、6都只要設定一次即可。 而3、4屬於 網站優化 的部份,會一直Repeat、Repeat、再Repeat。 若要架設 Wordpress電商購物網站 則在第4個步驟加上電商模組及金流。

心得:還記得高中的電腦課老師有教過作自己的個人網站,是最簡單的那種我記得是有做自己的網站連結,點進去就一頁的那種最簡單,但現在看的是說那種大規模的網站架設,跟我們高中教的根本是不能比,難度也提升了非常多。



您需要登錄後才可以回帖 登錄 | 註冊

本版積分規則

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

GMT+8, 2021-6-25 02:47 , Processed in 0.132263 second(s), 17 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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