Tài liệu Hướng dẫn - Dreamweaver 8 - Chèn hình ảnh pptx

1 Dreamweaver 8 ảnh Insert 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 ). . 1 Dreamweaver 8 ảnh Insert BÀI 16 NGÀY 19 .8. 2006 SOẠN THEO SÁCH DREMWEAVER 8 CỦA KS TV AN I.TẠO FOLDER. để 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