![]() |
|
|
#1 | |
|
Rìu Sắt Đôi
![]() Tham gia: Feb 2008
Bài: 233
VZD: 7.082
Điểm: 169/80 bài viết
|
![]() Sothink DHTML Menu là chương trình cho phép tạo menu cho các trang web một cách nhanh chóng và tiện lợi. Dưới đây là một số tính năng của chương trình: • Menu được tạo ra bằng các đoạn mã DHTML, Javascript. • Tương thích tốt với các trình duyệt hiện có như IE, Netscape, Mozilla và Opera. • Có plugin tích hợp vào Dreamweaver, FrontPage, Expression Web và Adobe GoLive. • Hỗ trợ Google XML Sitemap. • Hỗ trợ UTF8. • Có thể chọn hình ảnh cho các icon, nền từ thư viện ảnh. • Hỗ trợ nhiều menu trên cùng một trang web. • Có thể sử dụng mã HTML bên trong các menu item. • Đặt menu vào trang web một cách dễ dàng. • ….. I. Sử dụng chương trình 1. Cách tạo Menu trong Sothink DHTMLMenu • Thực hiện lệnh File/New. • Chọn Blank Menu để thiết kế mới, From Template nếu muốn chọn một kiểu menu có sẵn. • Trong cửa sổ Menu Tree, bạn có thể thực hiện các thao tác như cắt, dán,.. các chủ đề, chuyên mục cho menu thông qua các nút lệnh trên thanh công cụ. 2. Thiết kế Menu: Toàn bộ quá trình thiết kế trong Sothink DHTMLMenu được thực hiện chủ yếu bởi các cửa sổ: Popup Menu, Menu Item. Ngoài ra, trong quá trình thiết kế, bạn có thể tìm hiểu thêm về các cửa số: Scrolling và Global Setting. 2.1 Cửa sổ Menu Item: Cửa sổ này cho phép bạn định dạng cho từng chủ đề, từng mục trong menu. a. Tạo mục menu • Chọn nhãn General để nhập các mục cho menu: o Chọn Text để nhập tên chủ đề. o Chọn mục HTML để nhập tên chủ đề được định dạng trong các cặp thẻ HTML. Ví dụ, nếu bạn nhập vào ô Text dòng lệnh Trích:
o Để 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 trên các mục menu với Align (left, right, center) hoặc Valign (top, miđle, bottom). • Đặt liên kết cho các mục menu thông qua mục Link. b. Tạo sự kiện chuột: DHTMLMenu đưa ra hai trạng thái chuột là mouse out (trạng thái hiển thị bình thường) và mouse over (trạng thái di chuột qua nút lệnh). • Để thiết lập các sự kiện chuột cho các mục menu, bạn chọn nhãn Mouse Out, Mouse Over. • Thường khi thiết kế, bạn nên tuỳ chỉnh và định dạng cho hai trạng thái khác nhau để tạo nên nhiều hiệu ứng đẹp mắt, sinh động hơn. 2.2. 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 menu. a. Định dạng menu • Thay đổi kiểu dáng hiển thị của 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 và Vertically cho kiểu menu dọc. • Đặt màu cho menu: Trong mục BG color, kích nút và chọn màu nền cho menu từ bảng màu. Cũng có thể chọn ảnh nền của menu bằng cách nhấn nút trong mục BG image. • Đặt màu viền cho menu: Kích chọn nút mũi tên trên nút để đặt màu cho mỗi cạnh của Menu. b. Chọn hiệu ứng cho menu Để đặt các hiệu ứng cho menu, bạn chọn nhãn Effects từ cửa sổ Popup Menu. • Đổ bóng cho menu: Bạn có thể đổ bóng cho menu bằng cách chọn Simple hoặc Complex từ menu con của Drop shadow, chọn đường nét, độ dày cho bóng và màu sắc cho bóng. • Hiệu ứng hiển thị menu (Effects for showing): Kích chọn menu và chọn một 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 trong menu có quá nhiều menu con, bạn có thể làm cho các menu con cuộn lại bằng cách tuỳ chỉnh trong cửa sổ Scrollingkhi trên màn hình không đủ không gian để hiển thị tất cả chúng. Chức năng này chỉ hỗ trợ cho IE5.0 trở lên. • Tuỳ chỉnh kiểu dáng cho thanh cuộn theo chiều ngang (Horizontal Popup Menus) hoặc theo chiều dọc (Vertical Popup Menus). • Tích chọn Enable Scrolling. Đây là những bước chính để bạn có thể tạo menu một cách sinh động. Bạn nên tìm hiểu thêm một số chức năng khác của chương trình để có thể hoàn thiện sản phẩm một cách tốt nhất, tận dụng được hết khả năng mà phần mềm mang lại cho bạn. Sau khi 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 có thế thực hiện 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ư các bạn đã biết, Sothink DHTMLMenu có thể được thiết kế dễ dàng và điều quan trọng là chương trình tương thích và xuất sang Web một cách rất tiện lợi. 4.1. Tính năng Publish Trên thanh công cụ, nhấn chọn nút lệnh Publish hay thực hiện lệnh File/Publish để mở cửa sổ Publish Wizard. Trên cửa sổ này, bạn có thể bổ sung menu sang trang Web hoặc có thể chọn và copy toàn bộ source nguồn của Menu. Sau khi kích nút lệnh Next, trên cửa sổ Publish, bạn có thể chọn một 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 một file để chèn đoạn code, tiếp đó giữa hai cặp thẻ <BODY> và </BODY> của file HTML, kích nút Insert để chèn đoạn code menu vào file này. Sau đó kích nút Save để ghi lại. - Tạo một file JavaScript để include vào trang Web: cũng trên 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 và ghi lại file *.js vào thư mục gốc. Từ đây, bạn có thể include file *.js vào trang web. Đây là hai cách thức đơn giản và nhanh nhất để 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 này có thể làm việc với FrontPage như một Add-In. Sau khi cài đặt chương trình DHTMLMenu, bạn khởi động FrontPage. Trên màn hình của FrontPage, thanh công cụ Sothink Widgets sẽ hiển thị. Nếu không thấy thanh công cụ này hiển thị, bạn thực hiện lệnh Tools/Add–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 hiện các bước sau: • Trên màn hình FrontPage, mở một trang HTML trong chế độ Normal, ghi lại tên trang. • Đặt trỏ chuột tại vị trí chèn menu, kích DHTMLMenu trên thanh công cụ Sothink Widgets. • Trong hộp thoạiNew Widgets tích chọn mục Create from existing file và kích nút … để xác định file *.pgt bạn thiết kế (file *. pgt là định dạng file của Sothink DHTMLMenu). • Ngoài ra bạn có thể chọn các mẫu menu có sẵn trong Sothink DHTMLMenu bằng cách tích mục Create from template và chọn mẫu từ danh sách. • Chọn mục Preview để xem trước kiểu menu được chọn. Màn hình của Sothink DHTML xuất hiện, trên thanh công cụ của chương trình, bạn kích chọn nút lệnh Save and Close để kết thúc quá trình chèn menu vào FrontPage. Cuối cùng, bạn có thể chạy thử tên file *.HTML để hiển thị menu vừa thiết kế. Các bạn hãy tìm hiểu thêm về công cụ thú vị này để tạo ra những menu hấp dẫn, làm đẹp cho website của bạn. Easy Builder to Create JavaScript Cross Browser Menus! Sothink DHTML Menu is the most popular JavaScript drop down menu maker currently found on the web. It covers all your DHTML web menu system needs and more. With our brand-new intuitive user interface, it easily creates fully featured cross-browser drop down menus in a visual edit mode. You can generate stylish DHTML menus in minutes with our frequently updated templates. Resource Folder settings and big optimized publishing guide you to add a drop down menu to your pages in a fast and easy way without any hand coding, working both locally and on the web. Free Dreamweaver, FrontPage, Expression Web and GoLive add-ins help you quickly design your menu and integrate it with your existing web site. Sothink DHTML Menu Builder also generates search-engine-friendly drop down web menus, which therefore can be properly indexed by search engines, such as Google. All licenses allow you to create menus for unlimited web sites. About Sothink DHTML Menu 8 Optimization * Brand-new interface has improved the fashionable skin, the reasonable layout and handy editing * Full Edit Mode enables to edit and preview menu in the preview window directly; double-click menu item to edit its text in preview window; the modification can be synchronized between preview window and Menu Tree panel * Set Resource Folder for resources files to make the same menu display exactly in multi-page of different folders; and preview the menu locally or on the web * Simplifies Publishing to insert the menu into the page easier; auto-generate menu code; copy and paste resource files used in the menu into the specific folder * Add new templates, modify the present style in the built-in templates and re-arrange the existing templates New * Edit image and save as custom resources freely in image library. * Keyboard Navigation function enables user to control the menu by using the keyboard. Press Alt + F2 to enter. * Disable certain items and separators function can hide certain items or separators due to your own needs. * Multi-column Menu can arrange long pop up menu items in a table in group; and the multi-row menu can also be reached * Copy and Paste function duplicates menu items quickly and keep their properties in the same or different program windows * Supports switching to drop-down menu from tree-like menu by importing the authoring file (*.stm) of Sothink Tree Menu * Adds new special effect � Rectangle, which is supported by all compatible browsers * Tips of the Day provides tips & tricks about using the program * Encoding can encode menu in the proper language * Supports W3C Valid XHTML 1.0 Features * Full cross browser compatibility (Immediate coverage of browser updates) (IE 7, FireFox 2 and Safari 3.1 included!) * Dreamweaver, FrontPage, Expression Web and Adobe GoLive integrated plug-ins totally for FREE * Database driven JavaScript menus with server-side code, like ASP, PHP, JSP, ASP.NET or ColdFusion * Generates search engine friendly drop down menus * Free Google XML Sitemap and general sitemap generators based on your menu structure * Generates a drop down menu structure from your existing web site pages by our unique Site Navigation Generator * Visible over Flash, selected boxes, Iframes and even PDF files * Position menus anywhere on your web page easily * Creates cross frame menus for all kinds of frame-based web site, like common frames, nested frames or Iframes * The current page in use can be auto-highlighted in your DHTML menu navigation * Auto scrolls long pop up menu items * Float menus follow the browsers� scrollbars * Context right click menu; use any elements on your page to trigger the menus, such as image, text, or even a Flash movie (Custom menu) * Supports Non-English languages, even Right-to-Left languages, such as Arabic * Fully customizable properties, like font, icon, background, border, cursor, tool tip, surround, effects, alignment, transparency, size and etc,. * Select images for icon, arrow, background and separator easily from our rich Image Library and edit them freely * Multiple menus on the same page; multiple pages use the same JavaScript menu * Any HTML code can be used within menu items * Free combination of vertical or horizontal sub menu items * Menus can span 100% across the width of your web page; each menu item of the top level will be auto adjusted to get even width * Supports any DOCTYPEs, and supports UTF-8 Functions Enhanced: * Support Firefox 3 and Opera 9.5. * Work as add-in of Expression Web 2.0. * Upgrade plug-in from 3.2 to 3.3 for Dreamweaver, from 3.2 to 3.3 for FrontPage, from 1.7 to 1.8 for Expression Web and from 2.1 to 2.2 for Golive. New in Sothink DHTMLMenu 8.6 Build 80707 :Fixed bugs: * The "Check for Updates" dialog has popped up by mistake if installing and running Office 2007 after Sothink DHTML Menu was installed. * A mistake prompting dialog has popped up when you open the web pages in Dreamweaver or Golive and the web pages were saved in the directory with name containing Non-English characters. * Some dll which was mistakenly regarded as viruses by Anti-virus software is actually not viruses. * An error dialog has popped up when clicking "Save and close" while using the Sothink DHTML Menu as an add-in in Dreamweaver 3 and Dreamweaver 4. Windows 98/Me/2000/XP/Server 2003/Vista (SP1) ![]() ![]()
__________________
http://haiphongvip.12h.us/ Download FuLL soft,Scripts,Template.....+ Crack+Serial
|
|
|
|
|
![]() |
| Ðiều Chỉnh | |
| Xếp Bài | |
|
|