網頁設計筆記 標準化的網頁設計

星期六, 3月 10, 2018 0 留言 A+ a-

網路架構主要是由伺服器端的網站及客戶端的瀏覽器兩部分組成;
伺服器網站提供資訊服務,客戶端瀏覽器是向網站提出瀏覽資訊的請求。

網頁內容是利用 HTML 標籤編寫而成,附檔名為 *.html 。


前端

  1. HTML → 架構
  2. CSS → 呈現
  3. JavaScript → 行為、動態、互動程式
手機不支援 Flash Player,因此 Adobe 也逐漸將 Flash 淘汰,改版為 Animate , Animate 支援 HTML5 輸出可以在手機上看。


後端

OS(作業系統)
Server(伺服器)
Database(資料庫)
程式語言
Windows Server
$
IIS
Free
MS-SQL
$
ASP.Net
Free
Linux
Free
Apache
Free
MySQL
Free
PHP
Free

任何空網頁一定有

<html>
 <head>
 </head>
 <body>
 </body>
</html>
CSS、JavaScript 可放在 head 裡,也可放在 body 裡。
網頁內容全放 body 裡。

網頁設計的基本要件

  1. 標籤
  2. 標籤有開始有結束,少數例外(在另一篇網誌有舉例
  3. 巢狀結構
網頁必備元素為文字、超連結圖片;而聲音、視訊、動畫、特效、互動性則為次要元素。


網頁設計的流程

  1. 構思階段:擬定網站主題、資料蒐集整理、規劃網站架構。
  2. 設計製作:版面編排設計、組合網站元素、校對網站內容。
  3. 上傳推廣:上傳與測試、網站登錄與推廣、網站更新與維護。

網頁設計注意事項

所有網頁設計的檔案名稱,不要使用中文。

瀏覽器有容錯率。
容錯率是指在某個體系中,能減小一些因素或選擇對某個系統產生不穩定的概率。容錯率越高,對效果的影響越小;容錯率越低,對效果的影響越大。
你在寫網頁的時候,如果沒有遵照基本規則,瀏覽器預覽可能還是跑得出來,但是一超出容錯率的範圍,網頁就會掛掉。

我是 ㄔ皮GAMES實況團 的副團長中澤,
興趣是實況、配音、動畫、繪圖、音樂,
希望藉由此平台,和大家分享我的創作,
還請各位多多關照多多支持,不勝感激!