Cách tạo hình ảnh cuộn trong Dreamweaver

Hình ảnh cuộn là hình ảnh được liên kết, thay đổi khi người dùng di chuột qua đó và trở lại trạng thái bình thường khi không di chuột. Trong bài viết dưới đây Taimienphi.vn sẽ hướng dẫn bạn cách tạo hình ảnh cuộn trong Dreamweaver.

Hình ảnh cuộn thường được sử dụng trong các menu điều hướng. Để mã hóa các hình ảnh này bằng tay, bạn sẽ phải sử dụng JavaScript hoặc CSS. Tuy nhiên sử dụng Dreamweaver sẽ giúp bạn thực hiện thao tác này. Trong mỗi mục menu (liên kết điều hướng) có 2 ảnh: ảnh thường và ảnh "bật".

cach tao hinh anh cuon trong dreamweaver

Tham khảo tiếp bài viết dưới đây của Taimienphi.vn để tìm hiểu cách tạo hình ảnh cuộn trong Dreamweaver.

Nếu chưa cài đặt Dreamweaver CC, bạn có thể truy cập tại đây để tải phần mềm về máy và cài đặt.

Cách tạo hình ảnh cuộn trong Dreamweaver

Để tạo hình ảnh cuộn trong Dreamweaver, bạn thực hiện theo các bước dưới đây:

Bước 1: Mở file của bạn trong Dreamweaver.
Bước 2: Xóa tất cả các liên kết trong menu điều hướng.
Bước 3: Đặt con trỏ ở đầu trang, trong Dreamweaver CC 2015, chọn Insert => HTML => Rollover Image.

cach tao hinh anh cuon trong dreamweaver

Hoặc bạn cũng có thể sử dụng bảng Common Insert.

Bước 4: Trên hộp thoại Insert Rollover Image , nhập các thông tin dưới đây vào:

- Image name: tên hình ảnh không chứa dấu cách.

- Original image: duyệt và chọn ảnh để sử dụng.

cach tao hinh anh cuon trong dreamweaver 2

- Rollover image: duyệt và chọn ảnh để sử dụng.

cach tao hinh anh cuon trong dreamweaver 3

- Preload rollover image: đánh tích chọn tùy chọn này để buộc trình duyệt tải trước hình ảnh cuộn để không xảy ra độ trễ trong hiệu ứng cuộn qua.

- Alternate text: thêm văn bản mô tả.

- When clicked, Go to URL: duyệt đến index.htm.

cach tao hinh anh cuon trong dreamweaver 4

Ngoài ra bạn có thể kiểm tra hiệu ứng cuộn qua trong Live View:

Bước 1: Click chọn Live View trên thanh công cụ Document.

Bước 2: Di trỏ chuột vào hình ảnh để xem các thay đổi.

Bài viết trên đây Taimienphi.vn vừa hướng dẫn bạn cách tạo hình ảnh cuộn khi sử dụng Dreamweaver, ngoài ra bạn có thể tham khảo một số mẹo và thủ thuật sử dụng Dreamweaver để nắm vững được phần mềm thiết kế web này.

https://thuthuat.taimienphi.vn/cach-tao-hinh-anh-cuon-trong-dreamweaver-45833n.aspx
Dreamweaver còn cho phép người dùng tạo các cửa sổ pop-up để sử dụng cho nhiều mục đích khác nhau, cách tạo cửa sổ Popup với Dreamweaver cũng khá đơn giản, chỉ cần vài ba bước là bạn đã có thể tạo cửa sổ Popup với Dreamweaver dễ dàng.

Tác giả: Trần Thuỳ     (4.0★- 3 đánh giá)  ĐG của bạn?

  

Bài viết liên quan

Top phần mềm đọc file XML tốt và hiệu quả nhất trên máy tính
Cách sử dụng Adobe Firefly AI tạo ảnh nghệ thuật bằng trí tuệ nhân tạo
Cách Tạo và Chỉnh sửa Gradient trong Adobe Illustrator
Hướng dẫn chỉnh sửa kích thước, vị trí, xoay, lật hình trong Adobe Illustrator
Link tải Adobe After Effects 32bit/64bit FULL
Từ khoá liên quan:

Cách tạo hình ảnh cuộn trong Dreamweaver

, Dreamweaver, tải Dreamweaver,

SOFT LIÊN QUAN
  • Adobe Dreamweaver CS6

    Thiết kế, lập trình website

    Adobe Dreamweaver CS6 là chương trình thiết kế web chuyên nghiệp với giao diện trực quan giúp người dùng có thể dễ dàng thiết kế hình ảnh, chỉnh sửa các trang web theo ý muốn của bản thân, sử dụng phần mềm Adobe Dreamwea ...

Tin Mới