bÀi 2: thiẾt kẾ trang web

12
BÀI 2: THIẾT KẾ TRANG WEB

Upload: kelsey-douglas

Post on 03-Jan-2016

52 views

Category:

Documents


1 download

DESCRIPTION

BÀI 2: THIẾT KẾ TRANG WEB. KIỂM TRA BÀI CŨ. Thiết lập một site trên Dreamweaver có tên là Baitap Tạo một file Index.htm trong site đã tạo. BỐ CỤC TRANG WEB. BỐ CỤC TRANG WEB. BỐ CỤC TRANG WEB. BỐ CỤC TRANG WEB. Chèn hình ảnh. Kéo hình ảnh từ thư mục Images sang vị trí cần chèn: - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: BÀI 2: THIẾT KẾ TRANG WEB

BÀI 2: THIẾT KẾ TRANG WEB

Page 2: BÀI 2: THIẾT KẾ TRANG WEB

KIỂM TRA BÀI CŨ

• Thiết lập một site trên Dreamweaver có tên là Baitap

• Tạo một file Index.htm trong site đã tạo

Page 3: BÀI 2: THIẾT KẾ TRANG WEB

BỐ CỤC TRANG WEB

Page 4: BÀI 2: THIẾT KẾ TRANG WEB

BỐ CỤC TRANG WEB

Page 5: BÀI 2: THIẾT KẾ TRANG WEB

BỐ CỤC TRANG WEB

Page 6: BÀI 2: THIẾT KẾ TRANG WEB

BỐ CỤC TRANG WEB

Page 7: BÀI 2: THIẾT KẾ TRANG WEB

Chèn hình ảnh

• Kéo hình ảnh từ thư mục Images sang vị trí cần chèn:

• Định dạng:– Thiết lập thông số trong mục Align

– Thiết lập liên kết trong mục Link

Page 8: BÀI 2: THIẾT KẾ TRANG WEB

Chèn liên kết

• Chọn đoạn văn bản cần tạo liên kết:

• Thiết lập thông số:– Chọn file hoặc nhập thông tin cho mục Link• Nếu là liên kết đến một file trong cùng Site thì chọn file

• Nếu liên kết từ xa (đến 1 site khác hoặc một địa chỉ email thì nhập thông sô– Đến một site: http://địa chỉ site

– Đến Email: Mailto:địa chỉ mail

Page 9: BÀI 2: THIẾT KẾ TRANG WEB

BÀI TẬP 1

• Tạo Site có tên Baitap1

• Lấy hình ảnh về từ http://125.235.10.164/BT1.zip

• Copy vào thư mục Images

• Thiết kế trang theo mẫu sau:

Page 10: BÀI 2: THIẾT KẾ TRANG WEB

Trang chủ

Page 11: BÀI 2: THIẾT KẾ TRANG WEB

Trang Giới thiệu

Page 12: BÀI 2: THIẾT KẾ TRANG WEB

Trang Thông tin liên hệ