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. [...]... trong Xara WebStyle đảm nhiệm chức năng đó Các đối tượng mẫu trong Dividers Chức năng Browser Preview cho phép xem trước đối tượng trước khi lưu Một đối tượng được hiển thò trên trình duyệt Web bằng IE Giáo trình Xara Webstyle 27 Khi xem trước một đối tượng trên trình duyệt (tất nhiên trên máy của các bạn có cài đặt một chương trình duyệt Web nào đó phù hợp-thường thì Windows tích hợp chương trình. .. các biểu tượng mẫu của Xara WebStyle bạn đã có thể tạo ra cho mình một biểu tượng đáp ứng khái quát được yêu cầu của bạn mà không cần đòi hỏi bạn phải là nhà xử lý đồ hoạ hay không 33 Giáo trình Xara Webstyle Việc tạo ra các đối tượng tương tác và bảng chọn lệnh trong các chương trình lập trình ứng dụng như là một công việc khó khăn Công việc “hậu cảnh” đòi hỏi nhiều kỹ thuật lập trình phức tạp Trong... Buttons trong Xara WebStyle cũng tương tự như các đối tượng mẫu trong các thành phần khác Từ Menu lệnh Start chọn chức năng Buttons trên màn hình chính Chọn các đối tượng mẫu cần tạo sau khi duyệt qua các trang Thao tác hiệu chỉnh văn bản, màu sắc, kích thước,… và lưu đối tượng tương tự như các thành phần đã giới thiệu trước đó Giáo trình Xara Webstyle 25 Thành phần Buttlets trong Xara WebStyle cũng... 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 13 Giáo trình Xara Webstyle 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... đóa chương trình “Tuyển Tập Giáo Trình Đồ Hoạ” của nhóm phát triển phần mềm Sinh Viên-SSDG hoặc chạy tập tin “Gtrinhmythuat.EXE” được chép trên đóa CD kèm theo bộ sách này Sau khi thực hiện việc hiệu chỉnh các thành phần trên đối tượng, trước khi lưu đối tượng các bạn nên hiệu chỉnh lại kích thước sao cho phù hợp với mong muốn trong việc trình bày trên trang Web của bạn Giáo trình Xara Webstyle Chọn... 16  Nguyễn Tấn Long Một phần của File ảnh được chọn Một phần của đối tượng được cắt ra (Crop) từ file ảnh ban đầu Giáo trình Xara Webstyle 17 Chọn nút lệnh Save để lưu lại đối tượng ảnh sau khi được xử lý Có 3 lựa chọn dành cho bạn khi lưu lại một đối tượng đồ hoạ đã xử lý trong Xara WebStyle : *.GIF (Graphic Image File-Ứng dụng file đồ hoạ dưới môi trường Windows); JPEG hay *.JPG (File Interchange... ra các thanh tiêu đề thật sống động và bắt mắt Một thành phần không thể thiếu để làm cho trang Web của bạn thêm phần sinh động Giáo trình Xara Webstyle 19 Các bạn có thể tạo ra các thanh tiêu đề động từ chương trình ứng dụng nhỏ mang tên BannerGifAnimator có trong đóa chương trình kèm theo bộ sách này, rất hay Từ màn hình giao diện chính, chọn thành phần BannerAdr để khởi tạo các thanh tiêu đề mẫu Chọn... các bài giảng của mình hay các tựa trên Web của bạn Giáo trình Xara Webstyle 29 Ngay cả khi với thành phần Headings cũng không làm bạn hài lòng về cách trình bày cho một tiêu đề Khi đó không còn sự lựa chọn nào đáp ứng những yêu cầu của bạn tốt hơn các đối tượng từ thành phần 3D Headings Các đối tượng mẫu trong 3D Headings là các đối tượng Text được trình bày theo kiểu 3D Sự kết hợp hài hoà về màu sắc... để chèn file ảnh vào bộ sưu tập mẫu Template của Xara WebStyle Có nhiều chức năng giúp bạn hiệu chỉnh lại file ảnh vừa chèn theo mong muốn Đây là chức năng cho phép bạn hiệu chỉnh độ sáng tối (Brightness), sự bão hoà (Saturation), sự tương phản (Contrast), thay đổi độ bóng mờ (Blur Sharpen) và trạng thái (Tint) màu sắc của đối tượng Giáo trình Xara Webstyle 15 Ngoài ra chức năng Tranperent cho phép... năng áp dụng cho đối tượng mẫu trên màn hình chính Copy bitmap to clipboard: Sao chép đối tượng mẫu và gởi vào bộ nhớ đệm Đối tượng này được dán vào bất kỳ một chương trình nào có khả năng xử lý ảnh chạy dưới nền Windows Giáo trình Xara Webstyle 21 Chức năng Text áp dụng cho đối tượng được chọn Trở lại vấn đề thay đổi nội dung phần văn bản trên đối tượng Bạn chọn vào nút lệnh Text trên màn hình giao . 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, . 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