Buzz
Ảnh cuộn thường được áp dụng trong các menu điều hướng. Để mã hóa những hình ảnh này bằng cách thủ công, bạn cần sử dụng JavaScript hoặc CSS. Nhưng sử dụng Dreamweaver sẽ giúp bạn thực hiện thao tác này một cách dễ dàng hơn. Trong mỗi mục menu (liên kết điều hướng) có 2 ảnh: ảnh thông thường và ảnh 'kích hoạt'.
Xem thêm trong bài viết dưới đây của Mytour để hiểu cách tạo hiệu ứng cuộn ảnh trong Dreamweaver.
Nếu bạn chưa cài đặt Dreamweaver CC, hãy truy cập đây để tải và cài đặt ứng dụng.
Bí quyết tạo hiệu ứng cuộn ảnh trong Dreamweaver
Để tạo hiệu ứng cuộn ảnh trong Dreamweaver, bạn chỉ cần thực hiện theo các bước sau đây:
Bước 1: Mở file của bạn trong Dreamweaver.
Bước 2: Xóa toàn bộ liên kết trong menu điều hướng.
Bước 3: Đặt con trỏ ở đầu trang, trong Dreamweaver CC 2015, chọn Chèn => HTML => Hình ảnh cuộn.
Hoặc, bạn cũng có thể sử dụng chức năng Chèn Phổ Biến.
Bước 4: Trong hộp thoại Chèn Hình Ảnh Cuộn, điền thông tin như sau:
- Tên ảnh: không chứa khoảng trắng.
- Ảnh gốc: chọn và duyệt ảnh để sử dụng.
- Hình ảnh cuộn: chọn và duyệt ảnh để sử dụng.
- Tải trước hình ảnh cuộn: đánh dấu để trình duyệt tải trước ảnh cuộn và tránh tình trạng chờ đợi trong hiệu ứng cuộn.
- Văn bản mô tả thay thế: thêm thông tin mô tả cho ảnh.
- Khi được nhấp, Điều hướng đến URL: duyệt đến index.htm.
Kiểm tra hiệu ứng cuộn ngay trong Chế Độ Trực Tiếp:
Bước 1: Chọn Chế Độ Trực Tiếp trên thanh công cụ Tài Liệu.
Bước 2: Di chuột vào hình ảnh để theo dõi những thay đổi.
Trong hướng dẫn này, Mytour đã chỉ cho bạn cách tạo hiệu ứng cuộn khi sử dụng Dreamweaver. Hãy tham khảo thêm một số mẹo và thủ thuật khác để nắm vững phần mềm thiết kế web này.
Dreamweaver cũng hỗ trợ người dùng tạo các cửa sổ pop-up cho nhiều mục đích khác nhau, việc tạo cửa sổ Popup với Dreamweaver cũng rất đơn giản, chỉ cần vài bước là bạn có thể tạo cửa sổ Popup với Dreamweaver một cách dễ dàng.
