a. Giới thiệu về phần mềm lập trình Adobe Dreamweaver.
Adobe Dreamweaver là phần mềm thiết kế Web mạnh mẽ và hiệu quả. Nó hỗ trợ đầy đủ các phương tiện để bạn có thể thiết kế một trang web mà bạn thích. Trong nội dung bài viết dưới đây Taimienphi.vn sẽ hướng dẫn các bạn cách cài và sử dụng Adobe Dreamweaver.
b. Cách cài đặt phần mềm.
Hình 4-20 Nhấn finish để kết thúc
BỘ MÔN ĐIỆN TỬ CÔNG NGHIỆP – Y SINH Trang 70
Bước 1: Trước tiên bạn cần tải phần mềm về máy. Bạn có thể tải phiên bản mới nhất của Adobe dreamweaver tại đây
Bước 2: Sau khi tải về thành công. Mở thư mục chứa, tìm đến file cài đặt. Sau đó chuột phải chọn Run as administrations
Sau đó một cửa sổ mới chương trình hiện ra, Đợi một lúc.
Hình 4-22 Chọn Run as administrator
BỘ MÔN ĐIỆN TỬ CÔNG NGHIỆP – Y SINH Trang 71
Bước 3: Cửa sổ mới hiện ra, màn hình chào mừng và giới thiệu về Adobe dreamweaver. Bạn tiến hành chọn Accept để sang bước tiếp theo
Bước 4: Ở bước này nếu bạn có key để sử dụng Adobe dreamweaver thì điền vào mục Provide a serial number, Nếu bạn muốn sử dụng Adobe dreamweaver ở phiên bản dùng thử thì chọn Install this product a trial, Chọn ngôn ngữ sử dụng (thường là English) Sau đó Next để sang bước tiếp
Hình 4-25 Nhấn NEXT để tiếp tục Hình 4-24 Nhấn ACCEPT
BỘ MÔN ĐIỆN TỬ CÔNG NGHIỆP – Y SINH Trang 72
Bước 5: Nhìn sang bên phải bạn cài thêm các chương trình bổ sung khác như adobe air, adobe media player.... Nếu không muốn cài thêm các chương trình này bạn chỉ cần bỏ tích. Ở mục Location chọn nơi để cài Adobe dreamweaver tốt nhất nên để mặc định. Sau khi đặt các tùy chọn xong nhấn Install để bắt đầu cài đặt chương trình vào máy.
Bước 6: Ở bước này bạn phải đợi khá lâu cho tới khi chương trình chạy xong. Sau khi quá trình hoàn tất nhấn Done
Hình 4-27 Nhấn INSTAL để cài đặt
BỘ MÔN ĐIỆN TỬ CÔNG NGHIỆP – Y SINH Trang 73
c. Hướng dẫn sử đụng phần mềm.
Bước 1: Mở Adobe dreamweaver lên có giao diện như hình dưới
Bước 2: Bạn vào File chọn New..
Hình 4-29 Giao diện khi mở DW
BỘ MÔN ĐIỆN TỬ CÔNG NGHIỆP – Y SINH Trang 74
Bước 3: Trong mục Create New bạn chọn ngôn ngữ thiết Web ( HTML, PHP, CSS, Java, XML, ...) Ở đây Taimienphi chọn HTML
Bước 4: Khung soạn thảo hiện thị ra cho bạn viết Code.
- Tab Code: Viết các lệnh Code
- Tab Split: Chế độ xem 2 cột, một bên là mã code một bên là thiết kế
- Design: Xem thiết kế
Hình 4-31 Nhấp chọn New để tạo file mới
BỘ MÔN ĐIỆN TỬ CÔNG NGHIỆP – Y SINH Trang 75
BỘ MÔN ĐIỆN TỬ CÔNG NGHIỆP – Y SINH Trang 76