準備工作
1.可暫時不安裝AppServ
2.確認自己網站放置的資料夾
xx:/Appserv/www/photo
3.將網頁材質檔案至於images資料夾內
4.副檔名取消隱藏
5.準備一些照片檔案
6.執行Dearmweaver設定”管理網站”
開始編寫網頁
1.在面板的檔案區 => 開新檔案
2.更改檔名 => 檔名規則（不用中文），副檔名為 . htm
3.開啟編寫內容
頁面屬性
*標題
*背景色/背景圖
*邊界…..等
顏色代碼 # _R_ _G_ _B_ R/G/B各以兩碼表示
00 => FF 由淺到深 例如：#FF0000 為紅色
萬國碼
Unicode Text Format-8 UTF-8
HTML原始碼 操作
換列
Shift-Enter
特殊字元 ……. 在”文字”工具列選項
空白 在”文字”工具列選項
水平線
插入 => HTML => 水平線
CSS的觀念 => 樣式表
不要在頁面設字體及大小
插入圖片
*檔案類型
jpg 照片
gif 小圖案，動畫，透明色，256色
png 支援透明度
*圖檔大小 解析度，每點存放位元數
*圖檔屬性
上例解析度 400*300
每一個點大小：
1 bit => 黑白
1 byte => 多階
3 byte => 彩色或高彩（全彩）
4 byte => 透明度 PNG檔支援透明度
相紙規格
300dpi => 300dot/inch
相紙 4*6 解析度 300dpi
300*4=1200 300*6=1800
1200*1800=2,160,000（200萬以上畫素）
以A4紙張為例：29cm*21cm
11.6*8.4 inch => 點數 3480*2520點 = 8769000（800萬畫素）
插入圖片
1.圖已放在網頁資料夾 => 直接拉進法
2.插入 => 影像
*確定 => 檔名規則(英文)
檔案放在網頁資料夾
標籤 => 相關CCS
Background – attachment - fixed
- repeat
超連結
1.內部網站
某個……網站（檔案）
同一個頁面 to 特定位置 插入，命名錨點（xxx） 連結#xxx
2.外部網站
注意：開新頁面 => 目標：_ blank 外部網頁
沒有留言:
張貼留言