[QUOTE=congtust24;21249]Phần mềm XSite Pro cung cấp cho người dùng nhiều công cụ thiết kế website chuyên nghiệp như trình soạn thảo nội dung WYSIWYG, tạo và chỉnh sửa thanh điều hướng, chèn mã quảng cáo, tạo sơ đồ website (Sitemap), kiểmtra trang và tối ưu hóa bộ máy tìmkiếm (SEO) cho website... XSite Pro có cách sử dụng khá đơn giản, hướng dẫn theo từng bước, nhờ đó, bạn sẽ không cần tốn nhiều thời gian và vất vả trong việc tìm học các ngôn ngữ lập trình phức tạp nữa.
Phần mềm XSite Pro 2.5 có dung lượng cài đặt 50,7 MB, tương thích tốt với các hệ điều hành Windows, tải tại địa chỉ:
down
Ngoài ra, bạn cần tải thêm các thành phần tích hợp để làm cho phần mềm đầy đủ tính năng hơn, gồm có: gói giao diện mẫu, gói tiện ích trợ giúp, với dung lượng 262 MB, tải tại trang chủ: [url=http://www.xsitepro.com/download-xsitepro- resources.html]down tool[/url]
Bây giờ, bạn có thể bắt tay vào thiết kế website theo các gợi ý sau.
1. Tạo dự án mới
Khi vào giao diện chính của chương trình, bạn bấm nút Add Project bên dưới thanh công cụ để tạo một dự án mới. Trong cửa sổ hiện ra, bạn điền thông tin vàocác khung: Project Title - tên dự án, Keyword(s) - từ khóa, Description - mô tả về dự án, bấm OK. Thông tin dự án được hiển thịngay trong cửa sổ của Xsite Pro, bên trái là danh sách dự án và bên phải là thông tin chi tiết.
2. Tạo trang mới và chỉnh sửa thông tin trang
Để tạo một trang mới cho dự án, bạn bấm vào dự án rồi bấm Add Web site, chọn một kiểu trang ở hộp thoại hiện ra. Nếu chọn kiểu trang Blank Website thì bạn nhập vào các thông tin Website Title - tiêu đề trang, Website Slogan - câu khẩu hiệu của website , Keywords - từ khóa (mặc định là từ khóa của dự án), Description - mô tả ngắn về trang web, bấm OK. Còn đối với các lựa chọn kiểu trang khác, bạn kéo thanh trượt ởbên trái để tìm một mẫu website vừa ý, bấm vào hình thu nhỏ để hiển thị ảnh lớn hơn ở khung xem trước bên phải, bấm OK, rồi cũng điền vào các thông tin cơ bản như trên.
Trong thẻ Web Site infor-mation, bạn có thể thay đổi các thông tin trang đã tạo như Website Title, Website Slogan, Keywords, Description và Other Notes. Khi xong, bạn bấm Save để lưu lại các thay đổi.
3. Thiết kế giao diện
Đây là bước khá quan trọng trong quá trình thiết kế website , bạn sửdụng các công cụ trong thẻ Page Layout để bố trí, sắp xếp các khung nội dung trên trang, thiết lập giao diện. Các vị trí cần thiết kế là Page Margins - viền ngoài của trang, Header Panel - phần đầu của trang, Info bar - thanh thông tin nằm dưới Header Panel, Left Panel - khung bên trái, Right Panel- khung bên phải, Main PanelHeader- phía trên phần nội dung chính, Main Panel - phần nội dungchính, Main Panel Footer - phía dưới phần nội dung chính, Page Footer - phần chân trang.
Ví dụ, muốn thiết kế vị trí Header Panel thì bạn thiết lập Color - màu nền, Image - hình nền và các thông số trong hai mục Basic Header, Advanced Header. Đặc biệt, chương trình còn cung cấp một công cụ khá mạnh Designer giúp cho việc thiết kế được nhanhchóng và dễ dàng hơn. Thẻ Design của tính năng này trang bịđầy đủ các công cụ soạn thảo vănbản như sao chép, dán, canh lề, chèn hình ảnh, chèn tập tin đa phương tiện, chèn bảng, chọn font chữ, màu chữ, chèn dạng tin RSS Feed, chèn quảng cáo Google Adsense... Bên cạnh đó, nếu thànhthạo về ngôn ngữ HTML thì bạn sử dụng thẻ Source để nhập nội dung. Thẻ Preview giúp xem trước kết quả của quá trình thiết kế.
Đối với một số vị trí có thiết lập thanh điều hướng (Navigation Menu), bạn cần đánh dấu chọn vào ô Include Links rồi bấm nút Menu Settings. Trong hộp thoại hiện ra, bạn chọn một kiểu hiệu ứng dành cho menu ở khung Style Selection, có hai dạng Dynamic - menu động, Static - menu tĩnh, bấm Next. Đến bước 3,bạn thay đổi các tùy chọn: Menu Option Spacing - khoảng cách giữcác menu, Menu Background - ảnh nền của menu và menu con và thiết lập về màu sắc, font chữ trên menu, màu sắc sau khi đã bấm chuột lên menu, khi đưa trỏ chuột đến menu, bấm Next, bấm Finish.[/QUOTE]