Làm nút bấm cho trang Web bằng FrontPage 2003

Ở đây, chúng ta thử làm nút bấm bằng FrontPage 2003.

Đầu tiên, bạn phải mở FrontPage ra, tiếp theo vào menu Insert -> Interactive Buttons. Cửa sổ Interactive Buttons mở ra có ba nhãn chính Button, Font và Images.

Bước 1: Trong thẻ Button, bạn chọn các kiểu nút được liệt kê mục Buttons, hình của nút mà bạn chọn sẽ được hiển thị mục Preview. Tiếp theo, đánh dòng chữ sẽ hiển thị trên nút vào mục Text, sau đó chọn đường liên kết cho nút bằng nút Browse.

Bước 2: Ta chuyển qua thẻ Font, ở đây bạn có thể tạo ra các hiệu ứng cho Text. Bạn chọn kiểu phông, định dạng, cỡ chữ bình thường. Phần chọn màu sắc cho phông, chúng ta có ba lựa chọn:

- Original Font Color: màu bình thường của chữ.

- Hovered Font Color: màu hiển thị khi bạn lê chuột vào nút bấm.

- Pressed Font Color: màu hiển thị khi bạn bấm vào nút đó.

Bạn có thể xem kết quả ngay bằng cách rê chuột, nhấp vào nút bấm trong mục Preview. Còn mục Horizontal Alignment và Vertical Alignment cho phép bạn canh dòng chữ so với nút bấm.

Bước 3: Trong thẻ Image, bạn có thể thay đổi kích thước nút bấm, chọn Maintain proportions để thay đổi kích thước nút một cách tương đối. Còn các lựa chọn Create hover image, Create pressed image, Preload button images sẽ tạo ra nhiều hình ứng với các lựa chọn màu sắc Text và nút (ví dụ: khi bạn tạo một nút có ba hiệu ứng màu cho dòng chữ trong nút, nó sẽ tạo ra ba tấm hình tương ứng với mỗi màu đó). Còn lựa chọn Make the button a JPEG image and use this background color sẽ tạo ra các hình có đuôi dạng JPEG, với màu nền là màu bạn chọn trong bảng màu. Lựa chọn Make the button a Gif image and use a transparet background sẽ tạo ra các hình có dạng GIF với màu nền trong suốt.

Sau khi thực hiện ba bước trên là coi như bạn đã tạo ra được một nút bấm rồi đó. Cứ tiếp tục làm các nút bấm còn lại. Lưu ý: nếu bạn làm quá nhiều nút, nó sẽ tạo ra rất nhiều hình khiến tốc độ trang Web chậm đi và tên các nút có thể trùng nhau. Để khắc phục bạn nên lưu ảnh dưới dạng GIF bằng cách chọn Make the button a GIF image and use a transparet background ở bước 3.