Start Page Dreamweaver 8 - Bài 16: Insert ảnh

 1 
 Dreamweaver 8 
Insert ảnh 
BÀI 16 NGÀY 19.8.2006 SOẠN THEO SÁCH DREMWEAVER 8 CỦA KS TV AN 
I.TẠO FOLDER WEB SITE MỚI WEBSITE12 TRÊN DESKTOP : 
1. Mở Dreamweaver > Create From Samples> Hàng Create From Samples 
chọn Page Designs (CSS) > Ra bảng New Document> Bên Phải chọn Mẫu 
TWO-COLUMN LEFT NAV > Create .(H1). 
2. Ra Bảng Save As > Desktop > Create New Folder > Gỏ : website12 > Nhấp 
Đúp lên > File name gỏ : index.html > Ra Bảng Copy Dependent Files > 
Copy . Khung làm việc có Tab index.html.(H2). 
 2 
3. Nhấp chọn Khung 280x200 > Nhấp Nút Image (Hàng Thanh Insert ) > 
Image > Chọn 1 Hình > Ok.(H3). 
 3 
4. Nhấp Phải Tab index.html > Save As > Save > Yes. 
5. Định Nghĩa Ổ Dỉa và Site : 
 Menu Site > New > Site > Site Name gỏ : website12 > Nhấp Biểu 
tượng Browse> Desktop > Nhấp Đúp Folder website12 > Select > Ok 
> Ok > Done. 
 Menu Site > Manage Sites > Edit > Remote Info > Access chọn FTP > 
FTP gỏ : www.freewebtown.com > Login : utbinh 026 > Password : 
ooo > Chọn Save > Nhấp Test kiểm tra sự liên kết giữa Dreamweaver 
và Host > Ok > Ok > Done .(H4). 
 Panel Files hiện ra website12 với các Files và Folders của nó . Nhấp 
lên Hình vừa Insert vào hiện ra các chi tiết liên quan đến Hình.(H5). 
 4 
II.INSERT ẢNH : 
1. Đặt con trỏ lên Hình hiện ra TEXT : 
 Khi nhấp OK sẽ hiện ra HT Image Tag Accessibility Attributes > Hàng 
Alternate Text nhập Text thay thế Ảnh khi nhấp vào Ảnh > Hàng 
Long Description thêm URL dẫn đến 1 Trang có mô tả chi tiết về Ảnh 
> OK. 
 Muốn không hiện ra HT nầy > Menu Edit > Preferences > 
Accessibility > Hủy chọn Hộp kiểm Images. 
 Khi bạn nhập TEXT trong Hàng Alternate Text , Text được đính kèm 
vào Ảnh để người khiếm thị đọc . Họ đọc bằng cách sử dụng bộ đọc 
màn hình dành riêng cho họ hoặc dành cho những người duyệt xem 
ảnh được tắt không nhận ra. 
 HT nầy không hiển thị ra cho UTBINH ( Không biết tại sao – có thể 
phiên bản cài đặt nầy không FULL – Xin các bạn cho biết tại sao 
không hiện ra HT ? ). 
 Nhấp vào Ảnh > Trang Property Inspector gỏ nhập Text thay thế 
trong Hộp ALT : Claudia Schiffer > Enter . Ctrl+Z nhiều lần để Undo 
nhiều bậc . Ctrl+Y nhiều lần để REDO nhiều bậc. 
 Xóa 1 Ảnh : Nhấp lên Ảnh > Phím SpaceBar > Ctrl+z > Ảnh Hiện ra 
lại. 
 Ảnh có thể Cắt – Copy - Paste – như thường thực hiện với TEXT. 
2. Sử Dụng PANEL ASSETS : 
 Các Ảnh đã sử dụng đều được liệt kê trong Panel Assets ( Tab Assets 
kế Tab Files trong Panel Files ) . Cột Trái Hạng Mục đầu tiên là : 
o Images > Nhấp lên > Hiện ra các ảnh trong Site của bạn . 
o Chọn 1 Folder ảnh > Tab Assets > Chọn 1 Ảnh > Nhấp Nút 
Insert đáy File ảnh > Insert .(H6). 
 5 
III.ĐẶT TÊN VÀ LƯU TRANG : 
1. Sau khi tạo xong Trang Web ( index,html chẳn hạn ) đặt tên cho trang và 
lưu trong Folder Web Site. 
2. Nên tập thói quen nhấp Phải Tab và Save thường xuyên vì nếu bạn quên 
động tác nầy những gì bạn hiệu chỉnh trong Trang Web trở thành công cóc. 
3. Cần phân biệt : 
 Chào mừng các bạn viếng thăm Trang Web của UTBINH : là tiêu đề 
Trang . Nó hiển thị trên cùng của màn Hình . 
 Index.html : Là tên của Trang. 
4. Lưu Trang lần đầu tiên : 
 File > Save As (Ctrl+S) > Desktop > Create New Folder , gỏ : website… 
Enter > File name gỏ : index.html > Save. Như vậy là bạn đã tạo 1 
Folder Web Site ở Desktop ( Dreamweaver gọi là Site Cục Bộ ) . Hiện 
Folder nầy ở trong ỔCứng của bạn ( Cục Bộ ) . Từ xa là Ở trên Host 
Server ( Dreamweaver gọi là Site Từ Xa ) . Trong Folder Web Site nầy 
chứa Index.html mà bạn vừa tạo . 
 Dreamweaver cho tên trang mặc định là Unititled-x( x là số trang mà 
bạn đã tạo ).