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

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
Cách cắt ảnh trong Adobe Illustrator
Cách Warp, uốn cong văn bản trong Adobe Illustrator
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

  • Những bài thơ tình tháng 12 hay nhất

    Tháng 12 mang đến cho mỗi người một cảm xúc khác nhau, hân hoan, vui vẻ có, buồn, cô đơn, hoài niệm cũng có. Để ghi dấu những cảm xúc cá nhân về tháng 12, tháng cuối cùng của năm, bạn có thể đọc, tham khảo, mượn lời những bài thơ tình tháng 12 hay, lắng đọng, đong đầy cảm xúc dưới đây và bày tỏ lòng mình.

  • Cách lên lịch cuộc họp trên Teams

    Tính năng lên lịch cuộc họp trên Microsoft Teams cho phép bạn quản lý lịch cũng như lên lịch, tổ chức họp, giúp các thành viên trong nhóm chủ động sắp xếp thời gian để tham gia cuộc họp đúng quy định, chi tiết cách Cách lên lịch cuộc họp trên Teams sẽ được chia sẻ ngay sau đây.

  • Soạn bài Làm thơ lục bát

    Hướng dẫn soạn bài Làm thơ lục bát dưới đây không chỉ giúp các em chuẩn bị tốt nội dung bài học trước khi đến lớp mà qua bài soạn các em có thể tự sáng tác một bài thơ thơ lục bát sao cho đúng quy luật về: số tiếng, cách gieo vần, cách ngắt nhịp,…

  • Code game Free Fire mới nhất

    Mã code Free Fire được tổng hợp trong bài viết dưới đây bao gồm những mã Giftcode mới nhất dành cho tháng 12 năm 2021. Nhập code Garena Free Fire tháng 11/2021 tại đây để nhận những phần quà hấp dẫn từ NPH như Kim Cương, Nhân Vật, Trợ Thủ, Vé Quay Vàng ... Bên cạnh đó bạn cũng có thể tham khảo thêm một số mã code FF cũ đã có từ trước mà mình chưa kịp sử dụng tại đây.


 Mùa hè tới rồi muốn so sánh giá tìm điều hòa giá rẻ nhất thị trường hãy dùng TopGia để so sanh gia có nhiều mẫu dieu hoa để so sanh sanh, xem dieu hoagiá rẻ để so sánh giá