Các thành phần Component 1 Sơ lược về thành phần component

Một phần của tài liệu bài giảng thiết kế webside (Trang 39)

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

(adsbygoogle = window.adsbygoogle || []).push({});

Một phần của tài liệu bài giảng thiết kế webside (Trang 39)