更新日期:2024-03-18
網際網路也就是全球資訊網(WWW)是一項非常成熟的科技,從早期的超文件傳輸協定(HTTP)帶動了許許多多網路商機,發展到成收階段時,網站處理資料的任務越來越吃重,而資料的內容也越來越重要,常會發生有心人士從中擷取傳輸的資料,於是開始有了資訊安全的需求(HTTPS)以及SSL的加密技術,這項技術目的在於加密傳輸中的資料,保護使用者與網站的資訊傳輸安全。
名稱 | 英文全名 | 中文解釋 |
---|---|---|
FTP | File Transfer Protocol | 檔案傳輸協定 |
HTTP | HyperText Transfer Protocol | 超文件傳輸協定 |
HTTPS | HyperText Transfer Protocol Secure | 超級文件傳輸安全協定 |
SSL | Secure Sockets Layer | 傳輸層安全性協定 |
TLS | Transport Layer Security | 傳輸層安全性 |
WWW | World Wide Web | 全球資訊網 |
網頁組合的基礎應用技術有HTML為架構,再由網頁設計師搭配CSS樣式進行美化網頁版面與文字,最後再透過Javascript的互動技術讓網頁更具有互動性,自從行動裝置也就是智慧型手機普及之後,具有可支援智慧型手機的網頁需求大增,於是就有RWD響應式網頁設計的需求。
當前的網頁設計大部分都會加入含有可支援RWD響應式網頁設計的技術在裡面。
名詞 | 英文名稱 | 中文解釋 |
---|---|---|
HTML | Hyper Text Markup Language | 超文件標識語言 |
CSS | Cascading Style Sheets | 階層式樣式表 |
Javascript | ECMAScript 2019 | 程式語言 |
RWD | Responsive Web Design | 響應式網頁設計 |
一般瀏覽器(Browser)是我們最常接觸的軟體,一打開電腦或智慧型手機就可以連結到特定的網頁(Web Page)或是網站(Web Site),這些都是透過網際網路的連線所得到的結果,無論是訂車票或是轉帳都可以透過瀏覽器完成,有些資料還可以透過各大搜尋網站的搜尋引擎(Search Engine)搜尋我們想要查詢的資料,也可以透過網站或社群網站的功能進行下載(Download)或上傳(Upload)相關所需的檔案或資料。
名稱 | 中文解釋 |
---|---|
Browser | 瀏覽器 |
Download | 下載 |
Firewall | 防火牆 |
Home Page | 首頁 |
Modem | 數據機 |
Search Engine | 搜索引擎 |
Upload | 上傳 |
Web Page | 網頁 |
Web Site | 網站 |
Chrome是目前最市占率最高的瀏覽器,在智慧型手機上會因為蘋果陣營的IOS或是Google陣營的Android而會有所不同,不過還是可以透過APP應用程式下載,IOS平台預設使用行動版的Safari瀏覽器,而Android就可能會是行動版瀏覽器,或是透過下載可以選擇喜好的瀏覽器APP。此外在各家的瀏覽器都會有不同的瀏覽結果以目前市場的使用率來說Chrome, Firefox, Edge, Safari都各不同的支持者。
瀏覽器名稱 | 軟體公司 |
---|---|
Chrome | |
Microsoft Edge | 微軟 |
Mozilla Firefox | 火狐中文版 |
Safari | 蘋果公司 |
Bootstrap 是現在最火紅的網頁套件,可易於建構基礎RWD網頁,時常可以在各大網站中看到他的蹤跡,另外網頁技術越來越多元,因行動裝置的需求前端的技術也開始有了多元的選擇,例如前端三大框架Angular, Vue, React等技術,這些技術的核心都是Javascript所發展出來的框架,透過這些框架技術可以提升網頁的互動性與更靈活存取方式。
元件名稱 | 連結 |
---|---|
Angular | https://angular.io |
Bootstrap | https://getbootstrap.com |
jQuery | https://jquery.com |
React | https://reactjs.org |
Vue | https://vuejs.org |