Chủ nhật, 30 Tháng năm 2004, 16:52 GMT+7

Bài 3: Tạo nút bấm – Button cho trang web.

Bai 3 Tao nut bam Button cho trang web
Các nút bấm – button là một phần không thể thiếu của 1 trang web. Chúng thật ra là những file ảnh có dạng giống 1 cái nút bấm được kết nối đến 1 trang web khác hay 1 file khác. Có rất nhiều cách tạo ra các nút bấm như là tự vẽ bằng các phần mềm như Paint, Photoshop, Corel Draw hay Foto Canvas; sử dụng các chương trình tạo nút bấm như 1Cool Button; và tạo các button từ các trang web cung cấp dịch vụ tạo button.

Trong phạm vi bài viết này, tôi sẽ giới thiệu cho các bạn cách cuối sau vì cách đầu thì quá dễ, còn cách thứ 2 thì có quá nhiều người nhắc đến rồi.

1. http://www.coolarchive.com/buttons.cfm : khi vào trang này, bạn sẽ được cung cấp khoảng trên 20 kiểu nút bấm. Click chọn kiểu nào mà bạn thấy ưng ý nhất. Sau đó, bạn sẽ được chọn cách trình bày nền – background của nút (trong suốt, nền đen, nền màu), kích thước. Việc của bạn là gõ vào ô Text những chữ trên nút bấm. Bạn có được tới 63 fonts chữ độc đáo để lựa chọn. Sau cùng, click submit. Ở trang web mới, bạn sẹ thấy được kết quả của mình. Click phải chuột và save hình trong cùng ổ chứa với các trang web. Hình được save dưới dạng file JPEG. Và đây là kết quả của tôi:

2. http://www.flashbuttons.com : các nút bấm file JPEG không bao giờ hấp dẫn bằng các button flash cả. Dĩ nhiênm ngoài việc có thể chuyển động được, công nghệ flash tạo đuợc nhiều hiệu ứng rất độc đáo và vì thế gây được sự thú vị nơi người sử dụng. Trang web Flashbuttons sẽ giúp bạn tạo những nút bấm bằng flash, dưới dạng file SWF. Nhưng bù lại các file SWF chiếm nhiều dung lượng hơn các file JPEG. Căn bản, việc tạo nút bấm cũng giống như ở trên đã đề cập, chọn kiểu nút, chọn cách trình bày, hiệu ứng, mầu sắc…. Nhưng trang web này còn cho bạn nhiều tiện ích khác như: tạo một lúc nhiều nút bấm, mỗi nút sẽ được liên kết đến sẵn trang web của bạn. Sau khi chọn tên cho nút bấm, bạn phải gõ vào ô “Links to assign to your button” đường dẫn của trang web mà nút của bạn liên kết (ví dụ như hinhanh.html; amnhac.html, …). Sau đó, bạn sẽ được cung cấp 1 đường dẫn để download các button mà bạn vừa mới tạo ra xuống máy. Đó là một file SWF. Hãy lưu ở cùng ổ chứa với các trang web. Ở cuối trang, có một đoạn mã rất khó hiểu (dĩ nhiên rồi !!!) nhưng hãy save lại.

3. Cách chèn nút vào trang web: bạn mở Start/Programs Files/Accessories/Notepad. Sau đó, chọn Open và mở trang web mà bạn muốn chèn các nút bấm vào (file HTML). Đừng ngạc nhiên khi thấy một rừng chữ hiện lên trước mắt bạn, đơn giản thôi, cách trang web HTML thực ra được tạo bằng ngôn ngữ HTML. Cái mà chúng ta thấy qua Internet Explorer là phần trình bày của trang web (Preview, tạm hình dung là vẻ bề ngoài của 1 chiếc xe; còn cái chúng ta đang có trước mắt là phần máy xe. Đến phần quan trọng: bạn bấm nút “End” trên bàn phím để về cuối dòng đầu tiên (dòng đầu tiên chỉ có chữ thôi). Bấm Enter. Chèn dòng mã mà bạn đã copy vào. Sau đó save lại “văn bản” vừa thay đổi. Dùng Internet Explorer mở trang web đó xem thành quả của mình, bạn chắc chắn sẽ cảm thấy hài lòng.

Tuệ Thức

Việt Báo

Nhận xét tin Bài 3: Tạo nút bấm – Button cho trang web.

Ý kiến bạn đọc

Viết phản hồi

Bạn có thể gửi nhận xét, góp ý hay liên hệ về bài viết Bài 3: Tạo nút bấm – Button cho trang web. bằng cách gửi thư điện tử tới Lien He Bao Viet Nam. Xin bao gồm tên bài viết Bai 3 Tao nut bam Button cho trang web ở dạng tiếng Việt không dấu. Hoặc Bài 3: Tạo nút bấm – Button cho trang web. ở dạng có dấu. Bài viết trong chuyên đề Kinh Nghiệm của chuyên mục Công Nghệ.

Lesson 3: Creating buttons - Button to the site.
1Cool Button, Foto Canvas, Corel Draw, service providers, connected, creating programs, buttons, web pages, create, and then, using, you, file, choose

The button - a button indispensable part of a web page. They are actually the same as an image file on the button to be connected to a different site or a different file. There are many ways to create own buttons as drawn by software ...





  • Nghin le chuyen tuan qua 137 197
    Nghìn lẻ chuyện tuần qua (13/7 - 19/7)

    TQ rời giàn khoan HD-981 ra khỏi khu vực Hoàng Sa; Bão Rammasun đổ bộ Việt Nam, bão quét từ Quảng Ninh tới các tỉnh biên giới; Vỡ đường ống dẫn nước Sông Đà lần thứ 9...là những tin tức thời sự nổi bật trong tuần qua (13/7 - 19/7).

  • Ban tin suc khoe tuan tu 13197
    Bản tin sức khỏe tuần (từ 13-19/7)

    Vì sao người dân phải mòn mỏi đợi vaccine dịch vụ?; Cảnh giác với chiêu giả nhân viên y tế đến nhà lừa tiền; Mực ống bày bán trên vỉa hè ướp hóa chất lạ; Ngáp ngủ nhiều giúp tăng trí nhớ; Quan hệ trong bao lâu để cả hai đều thỏa mãn?; Mẹ bầu ăn nhạt sinh con thần đồng... là những tin sức khỏe nổi bật tuần qua.

  • Toan canh Showbiz tuan 1307 1907
    Toàn cảnh Showbiz tuần (13/07 – 19/07)

    Thí sinh "Nữ hoàng sắc đẹp Việt Nam 2014" ném danh hiệu vào xe rác, Baggio thừa nhận từng lén lút qua lại với Andrea khi đã kết hôn, Tiễn đưa nhà văn Tô Hoài về nơi an nghỉ cuối cùng, Cường đôla tung ảnh hạnh phúc, Lý Nhã Kỳ phát âm tiếng Anh sai, Phạm Băng Băng từng bị băng huyết vì phá thai ở nhà,...là những thông tin nổi bật của showbiz trong tuần qua.

  • Tin An ninh Phap luat tuan qua 1307 1907
    Tin An ninh – Pháp luật tuần qua (13/07 – 19/07)

    Tổng cục Cảnh sát kiểm tra tin đồn Lê Văn Luyện trốn trại; Vụ Cát Tường: 'Tôi có niềm tin lần này sẽ tìm thấy xác con'; Vợ cùng "phi công trẻ" lập mưu giết chồng; Những cuộc 'xóa số' tàn bạo của giang hồ đất Cảng; Hàng nghìn người xem xử tội phạm hiếp dâm hàng loạt; Người tâm thần phạm tội: Những vụ án kinh hoàng; ........là những tin đáng chú ý trong tuần.

  • Toan canh kinh te tuan 1307 1907
    Toàn cảnh kinh tế tuần (13/07 - 19/07)

    Sau sự tăng giá bất ngờ của xăng, giá thực phẩm leo thang chóng mặt, WB dự báo kinh tế Việt nam tăng trưởng 5.4%, lợi nhuận ngành ngân hàng được công bố không có mấy điểm sáng, lãi suất được dự báo tiếp tục giảm... là những tin tức - sự kiện kinh tế nổi bật trong tuần vừa qua.