Tài liệu Tạo giao diện trang web với Flash P17 pdf

TẠO GIAO DIỆN TRANG WEB VỚI FLASH Tạo giao diện cho trang thứ hai phần 5: Bây giờ bạn có thể đưa một biểu tượng logo mà bạn đã vẽ bằng Corel hay Illustrator ở bên ngoài (nhớ lưu dưới định dạng .AI). Sau đó nhấp vào trong giao diện Flash bằng cách chọn File > Import. Chọn file cần nhập có trong hộp thoại Import sau đó nhấp chọn vào nút Open. Nhấn phím Ctrl + Enter để xem vị trí logo trong vùng đoạn phim đang diễn hoạt. Chú ý: Nếu bạn vẽ biểu tượng logo bằng Corel, bạn hãy xuất file vẽ trong Corel Draw đó sang định dạng .ai của Adobe Illustrator. Nhờ đó mà bạn có thể import vào trong Flash mà không thấy ảnh nền của logo. Lúc đó bạn có thể bỏ vùng ảnh nền có trên logo để giữ lại các đường viền của đối tượng. Sau đó, bạn có thể thêm vào một số nút bên dưới trang này để liên kết đến một trong các trang kế tiếp. Để tạo các nút trên, chỉ cần nhấp phải chuột vào nút bắt đầu trong thư viện và chọn lệnh Duplicate để những nút này có các thuộc tính giống như nhau. Khi đó bạn chỉ cần đặt tên lại cho nút đó trong hộp thoại Symbol Properties và thay đổi ý nghĩa của nút đó trong vùng hiệu chỉnh. Nhấp đúp chuột vào nút hiển thị ở cửa sổ thư viện để vào chế độ hiệu chỉnh. Lặp lại các bước trên để tạo ra một số nút mong muốn và khi diễn hoạt trong Flash Player, bạn nên gán các hành động cho từng nút này liên kết đến một scene nào đó phù hợp với chứ năng của nút đó. Ví dụ như nút giới thiệu thì phải liên kết đến trang giới thiệu về công ty hoặc đơn vị nào đó v . v. . . Bây giờ giả sử rằng bạn đã tạo ra các nút “GIỚI THIỆU”, “SÁCH”, “TRỞ VEà” và “CÂU HỎI”. Nhấp vào trình đơn Modify > Scene, thay vì nhấp vào nút dấu cộng trong bảng Scene để thêm một vài Scene có tên tương ứng với các nút trên. Do bạn muốn tất cả các trang liên kết với nhau đề có cùng chung một giao diện mà bạn vừa mới thực hiện như trên. Bạn hãy nhấp chuột vào Scene có tên TRANG 1 nhấp vào nút Duplicate tại đáy của bảng Scene và chỉ cần đặ t tên lại Scene đó. Khi đó bạn chỉ cần nhấp chuột vào góc phải trên của bảng Timeline và chọn Scene bạn muốn hiệu chỉnh nội dung bên trong cho phù hợp Scene đó. Nhấp vào nút Scene bên góc phải trên của thanh thước Timeline Khi đó trong từng Scene bạn mới thêm vào, bạn sẽ xóa đoạn phim Xem- Học-Ứng dụng mà đã tạo ra trong phần trước đó. Sau đó bạn hãy sắp xếp các nút này nằm trên trang giao diện sao cho nó phù hợp với nội dung của phần đó. Chú ý: Nếu bạn muốn nhập vào phần văn bản cho trang hiển thị, bạn có thể nhập văn bản trong Word, sau đó copy và dán vào trong Scene cần hiển thị. Có một điều là bạn phải sắp xếp các ký tự này cho chúng canh đều vùng văn bản trong Scene đang làm việc giống như ảnh minh họa dưới: Ghi chú: Bạn có thể dùng hộp thoại Text Options (chọn trên trình đơn Window > Panels > Text Opotions) để chọn kiểu đánh văn bản là Dynamic Text. Từ trước đến giờ bạn chỉ dùng kiểu nhập ký tự là Static Text do vậy bạn phải hiệu chỉnh từng dòng nếu bạn sao chép từ một chương trình văn bản. Nếu bạn dùng Dynamic Text thì sẽ không cần phải hiệu chỉnh gì hết. Đối với Scene có tên SACH, bạn có thể import vào một số ảnh JPG hoặc GIF để minh họa cho phần này. Sau đó sắp xếp các ảnh này có cùng kích thước và sắp xếp chúng lại thành hàng như trong hình. Có thể biến đổi và phát triển thêm cho phần này bằng cách thêm vào các nút nằm bên dưới ảnh. Các nút này có kích thước bằng kích thước ảnh và bạn sắp đặt cho các nút này nằm bên dưới ảnh. Các nút này có màu giống như màu nền Background mà bạn đã chọn trong Modify > Movie. Khi diễn hoạt trong chế độ Flash Player, mỗi ảnh sẽ liên kết đến một trang khác. Vì vậy bạn sẽ phải tạo thêm một số Scene nữa tương ứng với các ảnh đó. Cách tạo thêm các Scene có thuộc tính giống nhau, bạn có thể xem lại các bước trên. Dùng các đường guideline để xác định các vị trí của ảnh và làm ẩn các ảnh này bằng cách nhấp chuột vào biểu tượng con mắt trên Layer cần làm ẩn. Sau đó đưa vào các nút nằm trong các đường guideline đó. Tắt Layer hiển thị trong vùng làm việc Trước khi nhấn phím Ctrl + S để lưu file này, bạn hãy nhấn phím Ctrl + Enter hoặc chọn trên trình đơn Control > Test Player để diễn hoạt tất cả các trang có trong đoạn phim này ở chế độ Flash Player. . TẠO GIAO DIỆN TRANG WEB VỚI FLASH Tạo giao diện cho trang thứ hai phần 5: Bây giờ bạn có thể đưa. một vài Scene có tên tương ứng với các nút trên. Do bạn muốn tất cả các trang liên kết với nhau đề có cùng chung một giao diện mà bạn vừa mới thực hiện