1. Sơ lược về thành phần component
Để trang web thêm phần sinh động, linh hoạt và lôi cuốn người xem. Bạn nên chèn thêm các Component của FrontPage vào trang web như: tạo chữ chạy(marquee), tạo nút đa sắc(Interactive Button)
Thực ra đây là các mã lệnh được tạo sẵn trong FrontPage, khi bạn tạo các Component thì FrontPage sẽ chèn các đoạn mã lệnh vào code HTML. Các mã lệnh này có thể là Java Script, java Applet hay cấu trúc thẻ Tag của HTML.
Với các Component trong FrontPage là các lớp của java Applet, lớp này được gọi đến trong từ khóa <Applet code = “tên lớp”>. Do vậy tạo Component cho trang web, bạn cần chép các lớp này cùng cấp thư mục với trang web (file HTML) sử dụng Component đó. Với FrontPage khi bạn lưu lại trang web có sử dụng Component thì lớp tương ứng với Component đó sẽ tự động sao chép vào thư mục của trang web gọi chúng.
Nếu mở trang web có sử dụng Component mà Component đó không thi hành, bạn hãy kiểm tra lại lớp Component đó có nằm cùng cấp thư mục của trang web đó hay không. Hay đã có lớp Component đó không?
Lưu ý: Với trang web có sử dụng Component, trong môi trường FrontPage khi bạn xem thể hiện Preview thì Component đó sẽ không hoạt động. Do vậy bạn cần lưu lại sau đó dùng trình duyệt web và mở trang web cần xem.
2. Sử dụng các thành phần Component2.1 Tạo nút Interactive Button 2.1 Tạo nút Interactive Button
Để trang web được linh hoạt, sinh động và lôi cuốn người sử dụng bạn có thể tạo các liên kết bằng các nút Interactive Button. Nút Interactive Button cho phép thay đổi trạng thái của nút khi ta di chuyển chuột lên chính nó.
Cách tạo:
- Nhấn Insert\Web Component \ Interative Button
- Trong hộp thoại Interative Button, hãy đặt lại các giá trị của nút trong các ô. - Ngăn Button:
o Text: nội dung hiển thị trên text o Link: nhập vào địa chỉ trang web
hay web site mà nút cần liên kết o Button: chọn kiểu nút
- Ngăn Font: chọn font, size, color,... - Ngăn Image
o Width: thiết lập chiều dài cho nút o Height: thiết lập chiều cao cho
nút
2.2 Tạo chữ chạy Marquee
Để tạo dòng chữ chạy trong trang web ở bất cứ vị trí nào trong trang, bạn có thể dùng Component Marquee. Component này sẽ tạo ra thẻ Tag<Marquee> trong code HTML với các tham số cho phép ta định vị kiểu chạy chữ trong trang.
Cách tiến hành:
- Chọn Insert\Web Component\Dynamic Effect\Marquee
- Trong hộp thoại Marquee Properties, bạn có thể chỉnh nội dung văn bản, hướng di chuyển của dòng văn bản, tốc độ di chuyển cũng như kích thước và kiểu chữ thể hiện trên Marquee trong các ô:
o Text : nội dung văn bản của Marquee
o Direction : chọn giá trị Left nếu muốn dòng văn bản chạy từ phải qua trái, chọn giá trị Right nếu muốn dòng văn bản chạy từ trái qua phải.
o Speed : đặt lại tốc độ chạy của Marquee.
Lưu ý: giá trị trong ô Delay càng lớn thì tốc độ chạy của dòng văn bản càng chậm. Giá trị trong ô Amount biểu thị bước dịch chuyển của Marquee
o Behavior : tùy thuộc giá trị bạn chọn mà Marquee có cách chạy khác nhau.
Scroll : chạy theo dạng cuộn Slide : chạy theo dạng trượt
Alternate : chạy sang phải từ trái sang phải và ngược lại
Repeat : xác định số lần lặp của Marquee, nếu mục Continuously được chọn thì Marquee sẽ lặp liên tục, ngược lại sẽ lặp theo số lần lặp được xác lập trong khung Times.
Background color : đặt màu nền cho Marquee Style : các định dạng khác của Marquee