2.4.4.1. Ý tưởng thiết kế
Trang “Bài tập tự luận” cũng cĩ chức năng liệt kê tất cả các bài học cĩ trong mục này, nhằm mục đích giúp cho người đọc nắm bắt được nội dung một cách tổng quát nhất. Cĩ thể chuyển đổi nhanh chĩng nội dung của các bài với thao tác đơn giản. Nếu cĩ nhiều nội dung tựa bài so với màn hình thể hiện, sẽ cĩ chức năng cuộn màn hình để thấy được nội dung các bài phía dưới.
61
Hình 2.16. Giao diện của trang “Bài tập tự luận”
2.4.4.2. Thể hiện ý tưởng bằng Adobe Photoshop CS3 và Adobe flash CS3 + ActionScript2.0 (ngơn ngữ kịch bản)
- Thiết kế các chức năng trang “Bài tập tự luận” bằng Flash
Hình 2.17. Thiết lập các layer cho trang “Bài tập tự luận”
- Action Layer dùng để viết các mã lệnh điều khiển.
- Layer “msk” dùng để chứa 01 movieclip cĩ instance name là “msk” kích thước 900x370, cĩ chức năng chỉ cho phép xem nội dung trong vùng kích thước này, vùng nội dung bên ngồi kích thước này sẽ khơng thấy được.
- Layer “content” chứa 1 movieclip cĩ instance name là “content” chứa nội dung (là các tựa bài trong phần “Bài tập tự luận”).
62
năng giúp người dùng điều khiển nội dung bên trong lên xuống tùy theo nhu cầu xem nội dung.
- Vào frame 1 của Action Layer, sử dụng đoạn code sau để điều khiển các thành phần làm việc đúng chức năng và trùng khớp với nhau (code sưu tầm trên internet).
Hình 2.18. Đoạn code dùng điều khiển các thành phần của trang “Bài tập tự luận”
- Sử dụng các lệnh sau:
* Lệnh loadMovie cho các nút nhấn là tiêu đề các bài để làm hiện nội dung các file SWF đã được thiết kế sẵn (bai0_lt.swf đến bai5_lt.swf)
* Lệnh unloadMovie để làm ẩn nội dung của file “Bài tập tự luận”.
* Lệnh getURL để làm hiện nội dung các file HTML (6.html đến 17.html).