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

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

星期六, 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. 上傳推廣：上傳與測試、網站登錄與推廣、網站更新與維護。

網頁設計注意事項

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

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

訂閱： 張貼留言 (Atom)