Kỹ thuật thiết kế website bằng Macromedia flash: Phần 1

Tài liệu thiết kế website bằng Macromedia flash: Phần 1 trình bày các sử dụng công cụ trong flash, các bài thực hành thiết kế web trong flash, tổng quan về Actionscript và ứng dụng trong thiết kế website.
Nội dung trích xuất từ tài liệu:
Kỹ thuật thiết kế website bằng Macromedia flash: Phần 1 TS.HOÀNG VÂN ANHHƯỚNG DẪN VÀ THIẾT KẾ WEBSITE BẰNG MACROMEDIA FLASH NHÀ XUẤT GIÁO DỤC - 2009 Phân thứ nhdl TtllẾT Kế Cơ BẲN Mở đầu $ TỔNG CPURN vé FWSH VA ỨNG DỤNG TRONG THlếr Kế MULTIM€Dlfl CHO ujeesire Trong chưong này chúng ta sẽ tìm hiểu về: Tọỉ SQO phỏỉ sử dụng Flash? Đặt ra câu hỏi này vì nếu không hiểu rõ tính năng và ứng dụng của mộtchương trình, bạn sẽ rất khó có thể khai thác và sử dụng nó đúng mục đíchđể tạo ra các sản phẩm ưng ý. Vậy Flash có những ưu điểm gì? ■ Các lợi thể về đồ hoạ Vector (độ nét và chất lượng hình ảnh). ■ Các khả năng trong thiết kế đồ hoạ Animation trong thiết kế Web. ■ Các tiện ích cùa việc tạo dòng (Sừeaming - là kỳ thuật truyền tảidữ liệu đầy đủ và liên tục. Các trình duyệt Web sẽ hiển thị dữ liệu hình ảnhtrước khi toàn bộ tập tin Flash được tải về), ưu thế và lợi ích của kỹ thuậtnày sẽ được trình bày đầy đủ trong các bài thiết kế. Khả năng lập trình và tương tác tTong các trang Web. Multimedia là gì? Multimedia hay còn gọi là đa phương tiện: là môi trường sử dụngnhiều loại phưong tiện để truyền đạt một thông điệp, một ý tưởng... thôngqua âm thanh, hình ảnh, sự tương tác... Vậy vai ừò và ý nghĩa củaMultimedia trên môi trường Internet và sự liên quan của nó với phần mềmthiết kế Flash như thế nào? Chúng ta cổ thể hình dung qua đồ tíiỊ dưới đây: Các file có âm thanh vâ hình ảnh được thiết kế và xuất ra từ Flash Các trình duyệt Web hiển thị nội dung và hình ảnh các file Flash MultimediaCác úng dụng C Q Flash trong thiết ké Đa phuong tiện Ủ■ Thiết kế logo (Hình ảnh minh hoạ).■ Thiết kế banner.■ Thiết kế ảnh nền.■ Thiết kế Animation và Sound.■ Thiết kế tưong tác. Chương I HƯỚNG dAn Sử dụng công cụ tro ng f WSH Trong chương này chúng ta sẽ tim hiểu về: ■ Cài đặt và khởi động chương trình. • Cách sử dụng các menu lệnh. ■ Cách sử dụng bảng công cụ Tool Box. ■ Cách sử dụng các bảng tham số thuộc tính đối tượng và các cửasổ Panel. 1.1. Vôu cồu cđu hình hệ thống để càỉ đột và đìọụchuong trình Cấu hình phần cúng càng cao càng tốt vi ỉdii bạn thiết kế một file vớidung lượng lớn nó sẽ làm bạn giảm bớt thời gian chờ đợi test và load file. Hệ điều hành Windows (tốt nhất là Windows XP). Ngoài ra bạn cài đặt thêm chương trình bổ trợ cho việc play và xuấtfile có đuôi .MOV như chương trình Quicktime. Khởi động và chạy chưoTig trình. Muốn chạy được chưoTig trình Flash thì trước tiên bạn phải cài đặtchương trình sẵn trên máy tính. Sau khi được cài đặt, biểu tượng của chươngtrình ứiường nằm trên màn hình Desktop và xuất hiện frong tìianh menu Startnên bạn chỉ cần click chuột để khởi động chương trinh (hình 1.1.) Hình 1.1 1.2. Làm quen VỚ glQO diện vò vùng làm vỉệc (Uưork fìrea) Itrong ứiuong trìnhUJ Mờ 1 file cố sẵn Hình 1.2 Sau khi khởi động, giao diện của chương trình Flash sẽ xuất hiện nhưhình minh hoạ 1.2 với cửa sổ Start up liệt kê các chức năng sử dụng banđầu như tạo mới một file Flash hay mở một file Flash đã được thiết kế trênmáy tính hay tạo một file Flash dựa trên mẫu có sẵn của thư việnchương trình. Khi lần đầu iàm quen với chương trình, ta nên thử tạo mới một file dựatheo gợi ý của thư viện Template bởi vì nó sẽ giúp người thiết kế dễ hìnhdung ra một file Flash mẫu được thiết kế và bố trí thế nào. Sau đó, ta có thểnhấn tổ họp 2 phún Ctrl + Enter để Preview (xem kết quả nội dung file). Để thực hiện được thao tác trên, làm theo các bước sau: Bước ỉ: Clìek chuột vào một trong các mục của bảng Create fromTemplate. Ví dụ: Photo SlideShows (hình 1.3).8 Hình 1.3 Bước 2: Xuất hiện cửa sổ mới New from Template (hình 1.3). Trongcửa sổ này, tại mục Templates sẽ liệt kê tất cả các mẫu tìiiết kế sẵn có trongmục được ehọn. Trong bảng này thư viện chương trình chỉ có một mẫu duynhất tên là Modem Photo SlideShow và trong mục Preview cho phép bạnxem trước hình ảnh và kích cỡ của mẫu đang chọn. Nếu đồng ý với mẫulựa chọn này bạn click vào nút OK hoặc nhấn phím Enter để kết thúc lệnh. Bưởc 3: Cửa sổ thiết kế của File mở ra như hình minh hoạ với mộtmàn hình thiết kế và vô số các bảng ...