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

Chủ đề liên quan

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 ...

CÓ THỂ BẠN QUAN TÂM


  • Thoi su 24h2010 2 may bay suyt dam nhau tai SG
    Thời sự 24h(20/10): 2 máy bay suýt đâm nhau tại SG

    Đổi chứng minh thư thành thẻ căn cước công dân;Hai máy bay suýt đụng nhau trên không;Thuê người giả mạo Thứ trưởng Y tế để lừa tiền tỷ; Sát hại con tin để quỵt nợ 50 triệu đồng; "100 nghìn/cô" - cuộc định giá đau xót trong ngày 20/11?... là những thông tin thời sự nổi bật trong ngày 20/11.

  • Thoi su 24h1911 Chang trai dam cuoi co tich qua doi
    Thời sự 24h(19/11): Chàng trai "đám cưới cổ tích" qua đời

    Phạt 252 triệu đồng NXB in hình Công Lý cởi trần; Chơi ngông Tàng "Keangnam": Mời ca sỹ ngoại về đãi cả bản; Nữ phượt thủ 9x tử nạn trên cung đường Hà Giang; Chàng trai trong "đám cưới cố tích" đột ngột qua đời...

  • Thoi su 24h1811 BS quen kim mo trong bung benh nhan
    Thời sự 24h(18/11): BS quên kim mổ trong bụng bệnh nhân

    Đường sắt trên cao "tuyệt đối an toàn"; Mổ đẻ, BS ‘quên’ kim trong bụng bệnh nhân 9 năm; Bé sơ sinh văng khỏi bụng mẹ ra viện; Lật mặt hàng chục cửa hàng xăng dầu lắp đặt IC giả; Mạo nhận con trai Bí thư HN "quỵt" hàng trăm triệu... là những thông tin thời sự nổi bật trong ngày 18/11.

  • Thoi su 24h1711 Cong Ly mac quan nho len bia sach luat
    Thời sự 24h(17/11): Công Lý mặc quần nhỏ lên bìa sách luật

    Bình Dương lên tiếng về cáo buộc của ông Dũng "lò vôi"; Công Lý bức xúc vì bìa sách in hình anh cởi trần; Nữ "đại gia" Hà thành bị đánh thuốc mê cướp kim cương?; "Kho" sừng tê giác trong nhà đại gia Hà Tĩnh...

  • Thoi su tuan qua Di hai nan nhan vu MH17 ve VN
    Thời sự tuần qua: Di hài nạn nhân vụ MH17 về VN

    Kết quả lấy phiếu tín nhiệm; Tết âm lịch 2015 dự kiến được nghỉ 9 ngày; Điều tra việc làm ăn của Đại gia Dũng “lò vôi”; Bắt cóc con tin, đòi 700 triệu rồi giết hại dã man; "Ngày về" của 3 mẹ con người Việt vụ MH17...

  • Nghin le chuyen tuan qua 0911 1511
    Nghìn lẻ chuyện tuần qua (09/11 - 15/11)

    Quốc hội lấy phiếu tín nhiệm 50 chức danh lãnh đạo; Hai tàu va chạm 8 thuyền viên mất tích; Hà Nội vẫn sẽ khởi công đường “dát vàng” ở Long Biên; Vụ bé sơ sinh văng khỏi bụng mẹ: Nghẹn ngào giây phút cha gặp con; Hành trình cạn nước mắt đưa con về quê sau vụ rơi MH17 ... là những tin tức nổi bật được dư luận quan tâm trong tuần qua.

  • Toan canh Showbiz tuan 0911 1511
    Toàn cảnh Showbiz tuần (09/11 – 15/11)

    David Beckham ‘gây náo loạn’ khi đến Việt Nam, Đặng Thu Thảo ‘trắng tay’ tại Hoa hậu Quốc tế 2014, Live concert của Mỹ Tâm được khen ngợi ở giải thưởng quốc tế

  • Tin An ninh Phap luat tuan qua 0911 1511
    Tin An ninh - Pháp luật tuần qua (09/11 - 15/11)

    Những thủ đoạn của tội phạm cướp giật Sài Gòn; Trùm ma túy khét tiếng bị phát hiện vì sở hữu xe siêu sang; Những lá thư xin lỗi gửi từ trại giam; Hàng loạt cụ già bị “nữ quái” chuốc thuốc mê cướp tiền; Diễn biến mới nhất vụ nữ trưởng phòng bị giết chết; CSGT trả lại bọc tiền cho chị đồng nát đánh rơi;.......là những tin đáng chú ý trong tuần.

  • Tong hop Doi song tuan qua 911 1611
    Tổng hợp Đời sống tuần qua (9/11 - 16/11)

    Đám cưới của chàng trai tật nguyền, của người lính biển hay của cặp đôi đồng tính nữ là những hình ảnh đôi lứa thật đẹp; Nhiều câu chuyện tình xúc động với bao thăng trầm;

  • Nghin le chuyen tuan qua 0211 0811
    Nghìn lẻ chuyện tuần qua (02/11 - 08/11)

    Tai nạn chết người ở dự án Đường sắt trên cao HN; Quỳ gối khóc vì ... iPhone 6; Chiến sỹ còn lại trong tai nạn máy bay Mi-171 đã bình phục; Chủ tịch Hà Nội yêu cầu làm rõ quy hoạch đường "dát vàng 70 lần"; Giảm lương hưu để cân đối quỹ BHXH ... là những tin tức nổi bật được dư luận quan tâm trong tuần qua.