Mạch Khóa Số Điện Tử Mạch Đếm Sản Phẩm Mạch Đèn giao thông Ngã Tư Mạch Trái Tim Final Mạch Trái Tim Final Mạch Trái Tim I Love U

November 26, 2011

Hướng dẫn sử dụng phần mềm WebSite X5 Evolution 8 (full)


Hôm nay, mình sẽ giới thiệu cho các bạn cách sử dụng phiên bản cao cấp nhất của phần mềm WebSite X5, đó chính là phiên bản WebSite X5 Evolution 8. Đây là một phiên bản hội tụ đầy đủ các tính năng tinh túy nhất mà WebSite X5 có. Để hiểu thêm về WebSite X5 Evolution 8, các bạn hãy tham khảo bài viết Tạo trang web chỉ trong 5 bước với phần mềm WebSite X5 Evolution 8 của All 4 You Blog.
Buy WebSite X5
Lưu ý: Các bạn nên áp dụng phương pháp “Học đi đôi với hành“. Hãy đọc và làm theo các bước hướng dẫn của All 4 You Blog để có hiệu quả tốt nhất!
».1. Trước tiên các bạn hãy download và cài đặt phiên bản WebSite X5 Evolution 8 vào máy tính của mình. Các bạn có thể dễ dàng tải phiên bản WebSite X5 Evolution 8 này về tại: [download id="11" format="1"].
».2. Sau khi cài đặt thành công WebSite X5 v8 Evolution vào PC của mình, các bạn hãy khởi động chương trình bằng cách nhấp đúp chuột trái vào biểu tượng của WebSite X5 v8 Evolution trên màn hình (Desktop) của bạn.
».3. Tại giao diện Incomedia WebSite X5 Evolution 8, sẽ có 7 lựa chọn cho bạn:
TutorialTutorial
Xem trực tuyến các video hướng dẫn sử dụng WebSite X5 do Incomedia thực hiện (tiếng Anh)
GalleryGallery
Xem phòng trưng bày các tác phẩm đã được tạo bởi WebSite X5
TemplatesTemplates
Xem và tải về các mẫu template đã được tạo bởi người sử dụng WebSite X5 và Incomedia. Có cả mẫu template miễn phí và trả phí
Help CenterHelp Center
Kết nối vào trung tâm trợ giúp của WebSiteX5
ForumForum
Kết nối vào diễn đàn của WebSiteX5
UpdatesUpdates
Kiểm tra các phiên bản mới nhất của WebSite X5
Start EVOLUTION 8: Nhấp chuột vào đây để bắt đầu quá trình tạo website.
WebSite X5 Evolution 8 screenshot
».4.Tại bảng Project Selection: Sẽ có 2 tùy chọn cho bạn lựa chọn, bao gồm:
WebSite X5 Evolution 8  Project Selection
Create a new ProjectCreate a new Project
Tạo một dự án (website) mới
Edit an existing ProjectEdit an exist Project
Chỉnh sửa một dự án (website) có sẵn
Sau khi lựa chọn xong, các bạn hãy nhấp chuột vào Next để tiếp tục
».5. Tại thẻ General Settings, các bạn hãy khai báo một số thông tin liên quan đến Website mà mình định tạo:
  • Website Title: Tiêu đề của Website cần tạo
  • Website Author: Tên tác giả của Website cần tạo
  • Website Address (URL): Tên miền của Website cần tạo
  • Website Description: Vài lời giới thiệu về Website cần tạo
  • Website Keywords: Các từ khóa cho Website cần tạo
    Lưu ý: Các từ khóa được phân biệt với nhau bởi dấu phẩy ,
  • Content Language: Ngôn ngữ cho nội dung Website cần tạo
    Lưu ý: Hiện tại WebSite X5 chưa hỗ trợ tiếng Việt, tuy nhiên, nếu các bạn biết tiếng Anh và muốn tạo một trang web với nội dung tiếng Việt, hãy tham khảo bài viết sau: http://help.websitex5.com/view.php?post=72&lang=&l=1&lang=EN
  • Website Icon (điểm mới so với phiên bản WebSite X5 v8 Smart): Tính năng mới này giúp các bạn dễ dàng thêm một icon (tập tin .ico hoặc .bmp) cho Website cần tạo. (favicon)
WebSite X5 Evolution 8  General Settings Basic
Nếu bạn là người sử dụng có kinh nghiệm, hiểu biết về HTML, hãy nhấp chuột vào thẻ Expert và tùy chỉnh các thông số sao cho phù hợp với Website mà bạn định tạo:
• Enter code to customize your website header: Thêm thẻ meta cho vào header của Website cần tạo
• Metatag Code for Google Webmaster Tools Verfication: Thêm thẻ meta của Google Webmaster Tools.
Code mẫu:
<meta name="google-site-verification" content="xxxxxxxxxxxxxxxxxxxxxxxxxxx=" />
• Code for website statistics: Thêm các đoạn mã để theo dõi, thống kê lượt truy cập vào Website như Google Analytics
Code mẫu:
<script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-12345678-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script>

• Automatically create a site map: Tự động tạo sitemap cho Website cần tạo
• Enable HTML Code Protection: Ngăn chặn việc sao chép mã HTML
WebSite X5 Evolution 8  General Settings Expert
Sau khi khai báo xong các thông tin trên, các bạn hãy nhấp chuột vào Next để tiếp tục.
Lưu ý: Trong quá trình tạo Website, các bạn có thể xem trước Website của mình sẽ trông như thế nào bằng cách nhấp chuột vào nút Test ở phía trên góc phải màn hình.
Test WebSite X5 Evolution 8
».6. Tại thẻ Choose Menu Type, các bạn hãy chọn vị trí đặt menu cho Website cần tạo, với:
Vertical MenuVertical Menu
Vị trí đặt menu nằm dọc và ở phía bên trái màn hình
Horizontal MenuHorizontal Menu
Vị trí đặt menu năm ngang và ở phía trên màn hình
• Show first level menu at the bottom of the page: Hiển thị menu có cấp độ đầu tiên (level 1) ở phía dưới trang web (footer)
• Show a vertical sub-menu with the current level items: Hiển thị các menu con của trang web đang mở và đặt menu này nằm dọc và ở phía bên trái màn hình
WebSite X5 Evolution 8  Choose Menu Type
Sau khi lựa chọn xong, các bạn hãy nhấp chuột vào Next để tiếp tục.
».7. Tại thẻ Choose Template Style, các bạn hãy chọn một template cho Website cần tạo bằng cách lựa chọn các template có sẵn trong khung Default Template. Mỗi một template sẽ có vài màu để bạn lựa chọn, các bạn có thể lựa chọn màu mà mình yêu thích ở khung Colors và Color Customization.
WebSite X5 Evolution 8 Choose Template Stype
Ngoài ra, các bạn cũng có thể tự tay mình tạo riêng cho mình một template bằng cách tick chuột vào tùy chọn Custom Template rồi sau đó nhấp chuột vào Next.
Sau khi chọn/tự tạo xong cho mình một template, các bạn hãy nhấp chuột vào Next để tiếp tục.
».8. Tại thẻ Edit Template Graphic, tại đây, các bạn có thể dễ dàng tùy chỉnh 2 phần header và footer cho mẫu template mà bạn vừa chọn/tạo ở bước 6.
WebSite X5 Evolution 8 Edit Template Graphic
Các bạn có thể chèn thêm:
textMột đoạn text
imageMột bức ảnh
flashMột đoạn phim flash
slideshowMột SlideShow
searchMột khung tìm kiếm
html codeMột đoạn HTML tùy chỉnh vào 2 phần header và footer cho template.
Ngoài ra, các bạn còn có thể lựa chọn thêm các hiệu ứng cũng như tùy chỉnh vị trí và kích thước cho đoạn text, hình ảnh, phim flash… mà bạn vừa mới chèn bằng cách lựa chọn các hiệu ứng có sẵn ở khung Effects và khung Position and Size
Sau khi tùy chỉnh 2 phần header và footer cho mẫu template mà bạn vừa chọn/tạo ở bước 6 thành công, hãy nhấp chuột vào Next để tiếp tục.
Trên đây là Phần 1 trong loại bài Hướng dẫn sử dụng phần mềm WebSite X5 Evolution 8 của All 4 You Blog. Phần 2 sẽ được đăng sau vài ngày tới. Nếu các bạn có bất kì thắc mắc nào liên quan đến bài viết này, đừng ngần ngại gì mà không để lại phản hồi thắc mắc dưới bài viết này. Mình sẽ kiểm tra và trả lời những thắc mắc của các bạn trong thời gian sớm nhất có thể.


9. Tại thẻ Plan Website, các bạn hãy lên kế hoạch lập cây sơ đồ (sitemap) cho Website cần tạo bằng cách tạo ra các trang cho Website của bạn.
Giải thích ý nghĩa của 2 từ Level và Page trong Website X5:

Page được dịch sang tiếng Việt có nghĩa là “trang”, đây là nơi để bạn trình bày nội dung của một chủ đề nào đó, lấy ví dụ:
VD 1: Mình muốn đăng một bài viết hướng dẫn sử dụng phần mềm WebSite X5 Evolution 8, vậy mình sẽ tạo mới một trang (Page) với tiêu đề là Hướng dẫn sử dụng phần mềm WebSite X5 Evolution 8.
Level ở đây các bạn đừng hiểu nó là cấp độ của một nhân vật nào đó trong trò chơi nha, level trong WebSite X5 được hiểu đơn giản là một chuyên mục. Tập hợp tất cả các Page có chung một chuyên mục sẽ nằm trong cùng 1Level, lấy ví dụ:
VD 2: Mình đã tạo mới được 2 bài viết/trang (Page) trước đó, 1 bài viết giới thiệu về phần mềm WebSite X5 Evolution 8 (được gọi là bài viết/trang A) và một bài giới thiệu về phần mềm WebSite X5 Smart 8 (được gọi là bài viết/trang B). Các bạn có thể dễ nhận thấy cả 2 bài viết/trang A, B này đều có chung một chuyên mục đó là phần mềm. Vậy mình sẽ tạo ra 1 Level mới có tên là Phần mềm để chứa 2 bài viết/trang A, B này.
Không chỉ chứa Page, Level còn chứa cả Level!
Level chứa Level ở đây được hiểu là Level mẹ chứa Level con, lấy một ví dụ cho các bạn dễ hình dung:
VD 3: ở VD 2 trước, mình đã tạo mới được một Level có tên là Phần mềm và có 2 bài viết/trang A, B bên trong nó. Tuy nhiên, nếu phân tích sâu thì 2 bài viết/trang A, B này còn có thêm một tính chất chung nữa đó là có nội dung giới thiệu về phần mềm, vậy mình sẽ tạo thêm một Level mới có tên là Giới thiệu phần mềm để chứa 2 bài viết/trang A, B này. Và dĩ nhiên là Level Giới thiệu phần mềm phải nằm trong Level Phần mềm vì chúng có chung một chuyên mục đó là phần mềm.
Một số phím tắt trong thẻ Plan Website:
  • Crtl+L: Tạo mới một Level
  • Crtl+N: Tạo mới một Page
  • Delete: Xóa Level hoặc Page được chọn
  • F2: Đổi tên Level hoặc Page được chọn
  • Ctrl+S: Thay đổi thứ tự sắp xếp của Level hoặc Page được chọn và cụ thể là tăng lên 1 vị trí trong danh sách
  • Ctrl+G: Thay đổi thứ tự sắp xếp của Level hoặc Page được chọn và cụ thể là giảm đi 1 vị trí trong danh sách
Ý nghĩa của một số nút trong phần tạo sơ đồ (Sitemap):
hidden pageBằng cách chọn tùy chọn này, các trang (page) được lựa chọn hoặc cấp độ (level) sẽ không được hiển thị trong trình đơn menu. Áp dụng tùy chọn này cho một level tương đương với tất cả các trang chứa bên trong level đó cũng được ẩn theo. Các trang vẫn có thể được mở bởi các liên kết trực tiếp từ các trang khác
lock pageThiết lập khóa trang có nghĩa rằng nó có thể được thêm vào một trong những khu vực riêng tư trong trang web của bạn
page transitionThiết lập hiệu ứng cho trang khi được mở
page propertiesThiết lập các thuộc tính cho trang như: Tiêu đề (Extended Page Title), Mô tả (Description), Từ khóa (Keywords), Tên tập tin (File Name – được dùng để định nghĩa liên kết của trang), Định dạng trang (File Name Format)…

».10. Tại thẻ Create Pages, khác với phiên bản Smart, phiên bản Evolution có nhiều Object cho bạn lựa chọn hơn, bao gồm:
objects
  • Text: Văn bản
  • Image: Hình ảnh
  • Table: Biểu bảng
  • Flash Animation: Phim Flash
  • Image Gallery: Phòng trưng bày tranh ảnh
  • SlideShow: Slide hình ảnh
  • E-mail Form: Form gửi e-mail
  • HTML Code: Thêm HTML tùy chỉnh
  • Product List: Danh sách sản phẩm
Các bạn hãy bố trí bố cục nội dung cho từng trang (mà các bạn đã tạo ở bước 9) bằng cách sử dụng chức năng kéo thả của WebSite X5 v8 Evolution kéo các các thành phần trong khung Objects vào khung Current Page.
Mặc định, WebSite X5 v8 Evolution sẽ chia 1 trang thành 4 ô/vùng (2 cột và 2 dòng). Các bạn có thể tăng/giảm số ô/vùng này tùy thích và chỉnh sửa cũng như sắp xếp bố cục nội dung cho thành phần trong các ô/vùng đó bằng cách lựa chọn các tùy chọn tương ứng trên thanh chức năng:
Object ContentChỉnh sửa nội dung cho Object được chọn
Cell SettingsThiết lập cho ô chứa Object: Màu nền, màu chữ…
Enlarge by one ColumnTăng thêm không gian (cột) cho Object được chọn bằng cách lấy ô trống ngay bên phải object
Enlarge by one RowTăng thêm không gian (hàng) cho Object được chọn bằng cách lấy ô trống ngay bên dưới object
Reduce by one RowGiảm bớt không gian cho Object được chọn bằng cách giảm đi một hàng
Reduce the Column ObjectGiảm bớt không gian cho Object được chọn bằng cách giảm đi một cột
Add a new ColumnThêm một cột mới
Add a new RowThêm một hàng mới
Delete a RowXóa bớt một hàng
Delete ColumnXóa bớt một cột
Cách kéo thả: Lựa chọn một thành phần trong Objects bằng cách: nhấp đơn chuột trái vào thành phần cần chọn rồi, sau đó Rê chuột về phía khung Current Page và nhả chuột khi con trỏ di chuyển đến ô phù hợp
Lưu ý: Nếu bạn rê chuột vào đoạn thẳng nằm giữa 2 ô/vùng thì thành phần sẽ chiếm 2 ô/vùng đó, nếu bạn rê chuột vào vào giao điểm của 2 đoạn thẳng dọc ngang thì thành phần sẽ chiếm 4 ô/vùng được tạo bởi 2 đoạn thằng đó – Xem 3 hình ảnh ở dưới:
WebSite X5 v8 Smart keo tha doc
WebSite X5 v8 Smart keo tha ngang
WebSite X5 v8 Smart keo tha 4 o
Chỉnh sửa nội dung cho Object:
WebSite X5 tích hợp trình soạn thảo, chỉnh sửa, các hiệu ứng đặc biệt cho từng Object, chẳng hạn như:
Với Object Text: WebSite X5 tích hợp tương đối đầy đủ các công cụ soạn thảo văn bản như: chèn ảnh, chèn siêu liên kết, in nghiêng, in đậm, gạch chân, chèn ký tự đặc biệt, màu nền, màu chữ…
».11. Tại thẻ Advanced Settings, khác với phiên bản Smart chỉ có duy nhất một tính năng đó là Main Menu thì ở phiên bản Evolution này, sẽ có tổng cộng 10 tính năng để cho bạn lựa chọn, bao gồm:
  • Main Menu: Thiết lập cho Menu chính
  • Drop Down Menu: Thiết lập cho Menu khi thả xuống (xuất hiện sau khi rê chuột vào Menu chính)
  • Sub Menu: Thiết lập cho Menu con
  • Text Style: Thiết lập mẫu chữ cho Website cần tạo
  • Welcome Page: Tạo trang chào mừng trước khi chuyển đến trang chủ của Website
  • Adversting Corner – Tính năng khá hay: Tạo quảng cáo cho Website của bạn
  • Blog: Tạo Blog cho Website cần tạo
  • RSS Feed: Tạo RSS cho Website cần tạo
  • Reserved Area: Thiết lập khu vực riêng tư cho Website cần tạo
  • Shopping Cart: Thiết lập khu vực mua bán trực tuyến cho Website cần tạo.
Trên đây là phần 2 của loạt bài viết Hướng dẫn sử dụng phần mềm WebSite X5 Evolution 8. Phần 3 sẽ được đăng sau vài ngày tới.
Nếu các bạn có bất kì thắc mắc nào liên quan đến bài viết Hướng dẫn sử dụng phần mềm WebSite X5 Evolution 8 này, đừng ngần ngại gì mà không để lại phản hồi thắc mắc dưới bài viết này. Mình sẽ kiểm tra và trả lời những thắc mắc của các bạn trong thời gian sớm nhất có thể.

Cám ơn các bạn đã quan tâm và đọc bài viết này!


0 comments:

Post a Comment

Bạn đọc hãy giúp chúng tôi xây dựng cộng đồng bằng cách để lại bình luận, chúng tôi luôn đón nhận mọi ý kiến của các bạn:
» Bình luận nghiêm túc và không chứa các liên kết quảng cáo.
» Vui lòng không Spam nhận xét với mọi hình thức.
» Rất mong bạn đề tên cho nhận xét của chính mình - Bằng cách chọn vào Tên/URL và điền tên bạn vào (Phần URL có thể bỏ trống ).

- Bạn có thể chèn Link nhạc (NCT), video(Youtube),Hình ảnh vào comment bằng cú pháp:
+ [youtube] Link video Youtube [/youtube].
+ [img] Link ảnh( định dạng PNG, JPG,GIF) [/img]
+Chèn link liên kết: <a href="LINK" rel="nofollow">Name</a>
-Bạn copy mã bên cạnh biểu tượng chèn vào nhận xét để bày tỏ cảm xúc!!

:) :( :)) :(( =)) =D> :D :P