Giáo trình Xara Webstyle

Giáo trình Xara Webstyle 1
NỘI DUNG
NỘI DUNG
Lời đầu sách
Trang 02
Chương 1
Giới Thiệu Về Xara Webstyle
Trang
03
Chương 2
Cài đặt xara webstyle ver 3.0
Trang08
Chương 3
Các chức năng chính
Trang
09
Chương 4
CÁC THÀNH PHẦN TRONG Xara WebStyle
Trag 15
2  Nguyễn Tấn Long
Lời đầu sách
Đến với thông tin, với kho tàng kiến thức nhân loại ngày nay đã trở thành
một điều đơn giản. Chỉ với một cú “nhấp” chuột bạn có thể tìm kiếm cho mình
những thông tin cần thiết. Cơ hội học hỏi ngày càng tốt và nhanh hơn với một tầm
cao mới. Các trang Web hổ trợ thông tin ngày càng đa dạng và đẹp mắt, thông tin
đầy đủ hơn. Việc thiết kế các trang Web trở nên dễ dàng với nhiều công cụ hổ
trợ.
Xara WebStyle là một trong những công cụ hổ trợ đồ hoạ tuyệt vời để thiết
kế các trang Web của bạn trên nền FrontPage hay Dreamweaver. Bạn có thể tạo
ra các thanh tiêu đề, các bảng chọn lệnh, các tiêu đề 3D v.v… thật bắt mắt với
người xem dù chỉ lướt qua trang Web của bạn cũng để lại ít nhiều ấn tượng. Tất

nhiên việc thiết kế các trang Web của bạn còn phụ thuộc vào không ít nhiều yếu
tố khác nữa.
Bên cạnh việc hổ trợ việc thiết kế các trang Web. Xara WebStyle còn tạo
ra các mẫu đồ họa cho phép bạn đưa vào các chương trình soạn thảo ứng dụng,
các chương trình có khả năng trình chiếu (Show) như PowerPoint, Flash hay
SWF’n Slide…
Cũng không có nhiều thay đổi từ Xara WebStyle version 3.0 đến Xara
WebStyle version 4.0. Các chủ đề mẫu (Templates Themes) trong version 4.0 hổ
trợ nhiều và đẹp mắt hơn. Tuy nhiên các chức năng vẫn không có gì thay đổi.
Tập sách nhỏ này cố gắng xin giới thiệu với các bạn một cách đầy đủ nhất
về các chức năng cùng các bài tập trong từng chương, mong muốn đem lại cho các
bạn một cách khái quát và đầy đủ về ứng dụng Xara WebStyle.
Không trình bày theo các đề mục, nội dung được trình bày theo từng chương
dành cho từng chủ đề. Có lẽ cũng không có gì quá khó khăn để các bạn theo dõi.
Với một tập sách nhỏ, chắc chắn còn nhiều hạn chế và thiếu sót, rất mong
sự đánh giá và góp ý của các bạn. Chúc các bạn thành công! Xin chân thành cảm
ơn!
Mọi đóng góp và hổ trợ xin liên hệ:
Nguyễn Tấn Long
Trung Tâm GDTX Krông Năng-ĐăkLăk
ĐT: 0979178268
Giáo trình Xara Webstyle 3
Chương 1
Giới Thiệu Về Xara Webstyle
Nhóm hổ trợ các hiệu ứng và xử lý đồ hoạ của hãng phần mềm Xara gồm
có: Xara Webstyle, Xara3D, Xara X,…
Xara WebStyle là một chương trình ứng dụng hổ trợ tạo ra các file đồ hoạ
(Graphic) dùng để thiết kế WebSite bằng công cụ Dreamweaver và FrontPage
chạy dưới môi trường Windows.
Giao diện khởi động Xara WebStyle version 3.0

4  Nguyễn Tấn Long
Các đối tượng trong Xara WebStyle bao gồm:
Backgrounds: Ảnh nền.
BannerAds: Thanh tiêu đề.
Bullets: Chỉ mục.
Buttons: Nút nhấn.
Dividers: Đường phân cách.
3Dheadings(Headings): Tiêu đề 3 chiều.
Logos: Mẫu Logo.
NavBars&Menus: Bảng chọn lệnh.
Photos: Ảnh đồ hoạ.
Theme Sets: Chủ đề mẫu.
Các đối tượng chính trong Xara WebStyle.
Giáo trình Xara Webstyle 5
Nút lệnh Start để thay đổi nhóm chủ đề các đối tượng cần tạo.
Các đối tượng được tạo ra từ các Templates được lưu giữ lại cho các lần
dùng kế tiếp. Nếu muốn các bạn lưu lại các đối tượng này giống như các
Templates mẫu.
Một đối tượng trong Xara Webstyle bao gồm:
• Text: Văn bản trên đối tượng.
• Color: Màu sắc cho đối tượng.
• Texture: Màu nền mẫu cho đối tượng.
• Bevel: Độ bóng của đối tượng (cạnh vác).
• Shadow: Bóng đổ.
• Size: Kích thước của đối tượng.
Chú ý: Cách bài trí phối màu và đònh dạng con chữ phụ thuộc nhiều vào
yếu tố thẩm mỹ của từng người dùng.
Ngoài các đối tượng mẫu từ bộ cài đặt, các bạn có thể nhập (Import) các
đối tượng đồ hoạ từ các ứng dụng khác dưới Windows tạo ra các mẫu mới.
Chức năng Revert trả về dạng mẫu ban đầu của đối tượng trước khi thay đổi

các hiển thò.
Xara WebStyle cho phép xuất các đối tượng đồ hoạ dưới dạng các file:
*.GIF (GIF tónh và GIF Animation động), JPG ở chế độ tối đa 256 màu, PNG ở
chế độ tối đa 32 bits màu.
Chức năng Transparent cho phép xuất các đối tượng sang chế độ trong suốt
màu nền.
Có thể tải về và cập nhật phần mềm Xara tại đòa chỉ: wwwxara.com
Tổ Hợp Phím Tắt Trong Xara WebStyle
6  Nguyễn Tấn Long
Phím (Tổ hợp phím) Chức năng
F1 Open this Help Mở chức năng trợ giúp
F2 Select Start Gọi chức năng khởi động.
F3 Select Design or Load
Gọi chức năng thiết kế hoặc tải các đối tượng
mẫu từ Website www.xara.com
F4 Select Text or Import
Gọi chức năng thay đổi kiểu văn bản hoặc
chèn các đối tượng mới.
F5 Select Color Gọi chức năng thiết lập màu sắc.
F6 Select Texture Gọi chức năng thiết lập màu nền mẫu.
F7 Select Bevel Gọi chức năng thiết lập độ bóng.
F8 Select Shadow Gọi chức năng tạo bóng đổ.
F9 Select Size Gọi chức năng thiết lập kích thước.
F10 Select NavBars&Menus Gọi chức năng tạo bảng chọn lệnh.
F12 Select Save Gọi hộp thoại lưu trữ.
A BannerAds Mở các thanh tiêu đề mẫu.
B Buttons Mở các nút nhấn mẫu.
D Dividers Mở các đường ngăn cách mẫu.
G Backgrounds Mở các mẫu nền.
H Headings Mở các tiêu đề mẫu.

L Bullets Mở các đối tượng chỉ mục mẫu.
N NavBars&Menus Mở các bảng chọn lệnh mẫu.
O Logos Mở các Logo mẫu.
P Photos Mở các file đồ hoạ đã lưu.
T Theme Sets Mở các đối tượng mẫu theo chủ đề.
3 3Dheadings Mở các mẫu tiêu đề 3D mẫu.
CTRL+Z Revert Trả về đònh dạng ban đầu.
Giáo trình Xara Webstyle 7
Câu Hỏi Ôn Tập Chương 1
Câu 1: Phần mềm Xara bao gồm các ứng dụng nào? Chức năng của
Xara WebStyle?
Câu 2: Các dạng xuất của Xara WebStyle?
Câu 3: Thư mục mặc đònh lưu các file xuất của Xara WebStyle là thư
mục nào?
Câu 4: Có thể xuất các đối tượng Xara WebStyle lên Internet được
không? Xara WebStyle hổ trợ đồ hoạ cho các ứng dụng thiết kế WebSite
nào?
8 Nguyeón Taỏn Long
Chửụng 2
CAỉI ẹAậT Xara WebStyle VER 3.0
Chửụng 3
Giáo trình Xara Webstyle 9
CÁC CHỨC NĂNG CHÍNH
Là chức năng dùng để khởi tạo các đối tượng mẫu trong
Xara WebStyle. Khi làm việc với một chủ đề (Theme), các bạn có thể trở về hoặc
khởi tạo một chủ đề mới bằng cách chọn nút lệnh Start trên màn hình giao diện
chính của Xara WebStyle (hoặc nhấn phím tắt F2).
Chức năng dùng để “tải” một đối tượng bạn đã tạo ra
trước đó (Project). Hoặc hiển thò tất cả các đối tượng mẫu sẵn có (All) hay theo
một chủ đề (Theme Sets) cần lựa chọn. Các thay đổi trở nên dễ dàng và mau

chóng hơn.
10  Nguyễn Tấn Long
Chức năng Import cho phép các bạn chèn các đối tượng
không có trong mẫu Templates của bộ cài Xara WebStyle từ các ứng dụng đồ hoạ
dưới môi trường Windows. Các bạn sẽ làm phong phú thêm bộ sưu tập của chính
mình.
Hổ trợ cách trình duyệt các đối tượng Xara WebStyle
theo chủ đề. Cho phép các bạn xem và lựa chọn các đối tượng cần tạo theo một
chủ đề yêu thích.
Các bạn có thể xem các hướng dẫn chi tiết về Xara
WebStyle tại mục Tutorial này, có rất nhiều lý thú và bổ ích. Tuy nhiên đòi hỏi
bạn phải cần có một ít vốn liếng kha khá về Anh ngữ để nắm bắt được các vấn
đề.
Đôi dòng về phiên bản Xara WebStyle mà bạn đang
dùng, đòa chỉ trang chủ và hãng của ứng dụng đưa bạn ghé thăm trang chủ và cập
nhật phiên bản mới nhất từ đòa chỉ này.
Kết thúc phiên làm việc với Xara WebStyle bạn chọn
mục này hay kích chuột vào biểu tượng Close trên thanh tiêu đề như bất kỳ một
ứng dụng chạy dưới nền Windows.
Một khi bạn chọn một đối tượng bất kỳ theo một chủ đề, các chức năng hổ
trợ tương ứng sẽ xuất hiện.
Giáo trình Xara Webstyle 11
Các đối tượng mẫu trong một trang được chọn theo chủ đề
Chức năng thiết kế hổ trợ các mẫu đồ hoạ theo chủ đề
bạn chọn. Các đối tượng mẫu trong từng chủ đề được chứa trong các trang (Page).
Số lượng các trang nhiều hay ít trong mỗi chủ đề là khác nhau. Khi các bạn tạo ra
các đối tượng mới trong một chủ đề. Các đối tượng này được lưu lại và số trang
trong chủ đề đó cũng tăng lên.
Chức năng
hiệu chỉnh phần văn

bản trong một đối
tượng: Kiểu Font chữ,
kích thước, cách hiển
thò với các đối tượng
khác,v.v…
12  Nguyễn Tấn Long
Hiệu ứng thay đổi màu sắc chi tiết cho từng phần áp
dụng trên đối tượng các bạn tạo ra.
Ảnh nền (mặt nền) “Load” cho đối tượng được chọn.
Ngoài các nền mẫu, các bạn dễ dàng thay đổi các ảnh nền khác theo ý muốn bằng
cách chỉ ra đường dẫn đến tập tin cần tạo ảnh nền trên ổ đóa.
Chức năng thay đổi độ xiên, cạnh vác của một đối
tượng. Thường một điều các bạn hay nhầm lẫn giữa chức năng Bevel và chức
năng Shadow của một đối tượng. Tuy nhiên hai hiệu ứng này hoàn toàn khác
nhau, bạn sẽ nhận ra điều đó trong các bài tập thực hành.
Hiệu ứng tạo bóng đổ cho một đối tượng. Có nhiều lựa
chọn với các kiểu dáng bóng đổ phù hợp cho từng đối tượng.
Cho phép thay đổi kích thước của một đối tượng.
Lưu ý: Kích thước của một đối tượng trong Xara WebStyle nói riêng
và trong các ứng dụng Web nói chung được đo bằng đơn vò Pixel.
Hổ trợ xác lập các hiệu ứng cho thanh tiêu đề, các
thanh Menu ngang.
Giáo trình Xara Webstyle 13
Chương 4
Các THÀNH PHẦN trong
Xara WebStyle
Các đối tượng Backgrounds mẫu.
Đây là thành phần hổ trợ cho việc bạn tạo ra các ra các ảnh nền lý tưởng
cho trang Web của bạn. Từ các mẫu nền sẵn có với vài thao tác cơ bản như thay
đổi màu sắc, kích thước của đối tượng là bạn đã tạo ra được mẫu mới.