Cửa sổ Popup Menu Sau khi tạo xong menu, cửa sổ này sẽ giúp bạn thiết kế màu sắc, kiểu hiển thị menu… và điều quan trọng bạn có thể tạo những hiệu ứng đặc biệt cho menub. Định dạng menu[r]
(1)Sothink DHTML Menu 9.10.90218 - Thiết kế nhanh Menu
cho Website
Trước đây, bạn phải hàng để thiết kế menu cơng cụ DHTML hay JavaScript với Sothink DHTML Menu, thứ trở nên đơn giản Chương trình cho phép bạn tạo menu pop-up mà khơng phải viết dịng lệnh Bằng tính đơn giản, vài phút bạn có sản phẩm đầy tính chuyên nghiệp
- Giao diện chương trình thân thiện, dễ sử dụng
- Các menu tạo tương thích với hầu hết trình duyệt Web IE, Netscape, Mozilla Opera
- Sothink DHTMLMenu hỗ trợ menu nhiều mức với đầy đủ đối tượng văn bản, kiểu chữ, màu nền, bullet hiệu ứng
- Dữ liệu xuất dễ dàng sử dụng để tạo chèn vào trang web Đó số tính bật mà Sothink DHTMLMenu đem lại cho bạn
Sau cài đặt, bạn chạy chương trình từ biểu tượng Desktop thực lệnh: Start/Programs/SourceTec/Sothink DHTMLMenu/Sothink DHTMLMenu.exe
I Sử dụng chương trình :
1 Cách tạo Menu Sothink DHTMLMenu :
- Thực lệnh File/New
- Chọn Blank Menu để thiết kế mới, From Template muốn chọn kiểu menu có sẵn - Trong cửa sổ Menu Tree, bạn thực thao tác cắt, dán, chủ đề, chuyên mục cho menu thông qua nút lệnh công cụ
(2)yếu cửa sổ : Popup Menu, Menu Item Ngồi ra, q trình thiết kế, bạn tìm hiểu thêm cửa số: Scrolling Global Setting
2.1 Cửa sổ Menu Item Cửa sổ cho phép bạn định dạng cho chủ đề, mục menu
a. Tạo mục menu - Chọn nhãn General để nhập mục cho menu: + Chọn Text để nhập tên chủ đề
+ Chọn mục HTML để nhập tên chủ đề định dạng cặp thẻ HTML Ví dụ, bạn nhập vào Text dịng lệnh DHTML Menu hiển thị nút lệnh Văn học định dạng kiểu font tiếng việt Menu
+ Để chèn ảnh vào menu, bạn chọn Image, xác định ảnh từ nút lệnh
- Căn chỉnh vị trí hiển thị nội dung mục menu với Align (left, right, center) Valign (top, miđle, bottom)
- Đặt liên kết cho mục menu thông qua mục Link
b. Tạo kiện chuột DHTMLMenu đưa hai trạng thái chuột mouse out (trạng thái hiển thị bình thường) mouse over (trạng thái di chuột qua nút lệnh)
- Để thiết lập kiện chuột cho mục menu, bạn chọn nhãn Mouse Out, Mouse Over - Thường thiết kế, bạn nên tuỳ chỉnh định dạng cho hai trạng thái khác để tạo nên nhiều hiệu ứng đẹp mắt, sinh động hơn.'
2.2. Cửa sổ Popup Menu Sau tạo xong menu, cửa sổ giúp bạn thiết kế màu sắc, kiểu hiển thị menu… điều quan trọng bạn tạo hiệu ứng đặc biệt cho menu
a. Định dạng menu
- Thay đổi kiểu dáng hiển thị menu: Trên cửa sổ Popup Menu, chọn nhãn Genaral Trong mục Display chọn Horizontally để hiển thị menu nằm ngang Vertically cho kiểu menu dọc - Đặt màu cho menu: Trong mục BG color, kích nút chọn màu cho menu từ bảng màu Cũng chọn ảnh menu cách nhấn nút mục BG image
- Đặt màu viền cho menu: Kích chọn nút mũi tên nút để đặt màu cho cạnh Menu
b. Chọn hiệu ứng cho menu Để đặt hiệu ứng cho menu, bạn chọn nhãn Effects từ cửa sổ Popup Menu
- Đổ bóng cho menu: Bạn đổ bóng cho menu cách chọn Simple Complex từ menu Drop shadow, chọn đường nét, độ dày cho bóng màu sắc cho bóng
- Hiệu ứng hiển thị menu (Effects for showing): Kích chọn menu chọn hiệu ứng đặc biệt từ danh sách
- Hiệu ứng đặc biệt để ẩn menu (Effect for Hiding): Kích chọn mũi tên, chọn hiệu ứng để ẩn menu
- Effect Speed: Nhập giá trị vào ô text đặt tốc độ hiển thị cho hiệu ứng menu
3. Cửa sổ Scrolling Nếu menu có nhiều menu con, bạn làm cho menu cuộn lại cách tuỳ chỉnh cửa sổ Scrollingkhi hình khơng đủ không gian để hiển thị tất chúng Chức hỗ trợ cho IE5.0 trở lên
(3)chiều dọc (Vertical Popup Menus)
- Tích chọn Enable Scrolling Đây bước để bạn tạo menu cách sinh động Bạn nên tìm hiểu thêm số chức khác chương trình để hồn thiện sản phẩm cách tốt nhất, tận dụng hết khả mà phần mềm mang lại cho bạn Sau thiết kế xong menu, bạn ghi lại file với đuôi mở rộng mặc định *.pgt Đặc biệt, bạn thực lệnh Save As Template để ghi lại file menu vừa thiết kế vào thư viện
4. Xuất Sothink DHTMLMenu sang Web Như bạn biết, Sothink DHTMLMenu thiết kế dễ dàng điều quan trọng chương trình tương thích xuất sang Web cách tiện lợi
4.1. Tính Publish Trên công cụ, nhấn chọn nút lệnh Publish hay thực lệnh File/Publish để mở cửa sổ Publish Wizard Trên cửa sổ này, bạn bổ sung menu sang trang Web chọn copy tồn source nguồn Menu: Sau kích nút lệnh Nexttrên cửa sổ Publish, bạn chọn số phương thức để đưa Menu sang Web:
- Chèn đoạn code sang file HTML có: kích chọn Insert code to an existing HTML file, chọn file để chèn đoạn code, tiếp hai cặp thẻ <BODY> </BODY> file HTML, kích nút Insert để chèn đoạn code menu vào file Sau kích nút Save để ghi lại
- Tạo file JavaScript để include vào trang Web: cửa sổ Publish, bạn chọn phương thức Create a Java (*.js) include file, kích nút Next để đặt tên ghi lại file *.js vào thư mục gốc Từ đây, bạn include file *.js vào trang web Đây hai cách thức đơn giản nhanh để bạn xuất file DHTMLMenu sang trang Web trực tiếp từ chương trình Sothink 4.2 Sothink DHTMLMenu với FrontPage Phần mềm làm việc với FrontPage Add - In Sau cài đặt chương trình DHTMLMenu, bạn khởi động FrontPage Trên hình FrontPage, cơng cụ Sothink Widgets hiển thị Nếu không thấy công cụ hiển thị, bạn thực lệnh Tools / Ađ–Ins để mở hộp thoại COM Add–Ins Chọn Sothink Widgets, kích OK Đểbổ sung menu vào FrontPage, bạn thực bước sau:
- Trên hình FrontPage, mở trang HTML chế độ Normal, ghi lại tên trang - Đặt trỏ chuột vị trí chèn menu, kích DHTMLMenu cơng cụ Sothink Widgets - Trong hộp thoạiNew Widgets tích chọn mục Create from existing file kích nút … để xác định file *.pgt bạn thiết kế (file * pgt định dạng file Sothink DHTMLMenu)
- Ngồi bạn chọn mẫu menu có sẵn Sothink DHTMLMenu cách tích mục Create from template chọn mẫu từ danh sách
- Chọn mục Preview để xem trước kiểu menu chọn Màn hình Sothink DHTML xuất hiện, cơng cụ chương trình, bạn kích chọn nút lệnh Save and Close để kết thúc trình chèn menu vào FrontPage Cuối cùng, bạn chạy thử tên file *.HTML để hiển thị menu vừa thiết kế Các bạn tìm hiểu thêm cơng cụ thú vị để tạo menu hấp dẫn, làm đẹp cho website bạn
Download : http://www.mediafire.com/?dyxy2gok0yl
http://www.mediafire.com/?dyxy2gok0yl