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.

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:

Tutorial
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)

Gallery
Xem phòng trưng bày các tác phẩm đã được tạo bởi WebSite X5

Templates
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 Center
Kết nối vào trung tâm trợ giúp của WebSiteX5

Forum
Kết nối vào diễn đàn của WebSiteX5

Updates
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.

».4.Tại bảng Project Selection: Sẽ có 2 tùy chọn cho bạn lựa chọn, bao gồm:

Create a new Project
Tạo một dự án (website) mới

Edit 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)

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

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.

».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 Menu
Vị trí đặt menu nằm dọc và ở phía bên trái màn hình

Horizontal 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

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.

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.

Các bạn có thể chèn thêm:

Một đoạn text

Một bức ảnh

Một đoạn phim flash

Một SlideShow

Một khung tìm kiếm

Mộ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):

Bằ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

Thiế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

Thiết lập hiệu ứng cho trang khi được mở

Thiế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:

• 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:

Chỉnh sửa nội dung cho Object được chọn

Thiết lập cho ô chứa Object: Màu nền, màu chữ…

Tă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

Tă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

Giảm bớt không gian cho Object được chọn bằng cách giảm đi một hàng

Giảm bớt không gian cho Object được chọn bằng cách giảm đi một cột

Thêm một cột mới

Thêm một hàng mới

Xóa bớt một hàng

Xó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:

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!

Theo afublog.com