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

Video được xem nhiều nhất

Trái Đất có thể sắp trải qua thời kỳ "tiểu băng hà"
00:00 / --:--

Video nổi bật

TIN Công Nghệ NỔI BẬT

Để thiết bị Android an toàn đối với trẻ nhỏ

Bạn hoàn toàn có thể cho trẻ sử dụng điện thoại hoặc máy tính bảng Android mà không lo chúng nghịch, tải/cài đặt các ứng dụng không mong muốn, thực hiện cuộc gọi … chỉ với vài thiết lập cơ bản dưới đây.

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
Xem tiếp: Công Nghệ


  • Xe may vo chu chua 1 6 ty dong
    Xe máy 'vô chủ' chứa 1,6 tỷ đồng

    Công an huyện Hương Sơn cho biết, mặc dù đã xác định được chủ đăng ký của chiếc xe máy có 1,6 tỉ đồng bỏ lại bên đường là ai. Tuy nhiên chủ chiếc xe cho biết đã chuyển chiếc xe lại cho chồng, người chồng đang thụ án tù về tội..

  • Be gai bi me tuoi xang thieu song
    Bé gái bị mẹ tưới xăng thiêu sống

    Chỉ vì bán không hết vé số, bé Nguyễn Thị Kim L. ( 13 tuổi ) bị mẹ ruột tưới xăng. Trong lúc bị phỏng nặng, cháu bé đã lao tới ôm lấy mẹ để cầu cứu.

  • Nghi van ban trai bi mat cua HH Ky Duyen
    Nghi vấn "bạn trai bí mật" của HH Kỳ Duyên

    Kỳ Duyên đã lên tiếng khi thông tin "bạn trai bí mật" bất ngờ được hé lộ.

  • Nhung vu canh sat giao thong bat cuop
    Những vụ cảnh sát giao thông bắt cướp

    Đã có rất nhiều trường hợp vận chuyển ma túy, đối tượng truy nã bị bắt giữ ngay trên đường di chuyển và dĩ nhiên ở góc độ này, Cảnh sát giao thông chính là những người đấu tranh trực tiếp với những kẻ phạm tội

  • Bangkok rung chuyen vi danh bom
    Bangkok rung chuyển vì đánh bom

    19 giờ tối 17/8, một quả bom được cài ngay bên trong khuôn viên ngôi đền Hindu giáo ở trung tâm thủ đô Bangkok của Thái Lan đã phát nổ, gây ra một cảnh tượng tang hoang, hỗn loạn. Chưa có tổ chức nào nhận trách nhiệm gây ra vụ..

  • Nghin le chuyen tuan qua 2308 2908
    Nghìn lẻ chuyện tuần qua (23/08 - 29/08)

    Lịch cấm đường tại Hà Nội để phục vụ Quốc Khánh 2/9; Bữa ăn 5.000 đồng của bệnh nhân tâm thần; Taxi điên gây náo loạn phố Hà Nội; Bé gái bị mẹ tưới xăng thiêu sống; Chuyện lạ về 40 chiếc ví rơi ở Đà Nẵng, Hội An; Người Việt đang đầu độc cả trí óc con trẻ...là những tin tức nổi bật được dư luận quan tâm trong tuần qua. ------------ Xem thêm: Nghìn lẻ chuyện tuần qua (23/08 - 29/08), http://vietbao.vn/Xa-hoi/Nghin-le-chuyen-tuan-qua-2308-2908/2147593370/157/ Tin nhanh Việt Nam ra thế giới vietbao.vn

  • Toan canh kinh te tuan 2308 29082015
    Toàn cảnh kinh tế tuần 23/08 - 29/08/2015

    Theo Cục Điều tiết điện lực, giá mua điện của EVN hiện là 1087,3 đ/kWh nhưng giá điện mà EVN bán ra thị trường tới 1.622,05 đồng/kW/h và từ năm 2016 thị trường bán buôn cạnh tranh sẽ chính thức vận hành nhưng mới chỉ là vận hành trên giấy; ngày 24/8 NHNN phát đi thông điệp khẳng định sẽ không tiến hành điều chỉnh tỉ giá nữa và sẽ áp dụng các biện pháp để ổn định tỉ giá cuối năm 2015 và đầu 2016; ------------ Xem thêm: Toàn cảnh kinh tế tuần 23/08 - 29/08/2015, http://vietbao.vn/Kinh-te/Toan-canh-kinh-te-tuan-2308-29082015/2147593361/47/ Tin nhanh Việt Nam ra thế giới vietbao.vn

  • Tin An ninh Phap luat tuan qua 2308 2908
    Tin An ninh - Pháp luật tuần qua (23/08 - 29/08)

    Xe máy 'vô chủ' chứa 1,6 tỷ đồng; Rùng mình với những quái chiêu đòi nợ 'vô tiền khoáng hậu'; Trộm cắp tài sản dịp nghỉ Lễ: Giúp bạn đề phòng; Đại gia mua dâm trẻ em ở miền Tây được tại ngoại; Phạm nhân hồi hộp chờ ngày đặc xá; Số phận đau thương của bé gái bị mẹ dùng xăng đốt;.....là những tin đáng chú ý trong tuần. ------------ Xem thêm: Tin An ninh - Pháp luật tuần qua (23/08 - 29/08), http://vietbao.vn/An-ninh-Phap-luat/Tin-An-ninh-Phap-luat-tuan-qua-2308-2908/2147593334/218/ Tin nhanh Việt Nam ra thế giới vietbao.vn

  • Diem lai tin Suc khoe quan trong tuan qua 2208 2908
    Điểm lại tin Sức khỏe quan trọng tuần qua (22/08 - 29/08)

    Việt Nam là điểm nóng của các bệnh truyền nhiễm mới nổi; Bé sơ sinh bị đâm xuyên sọ đã xuất viện; Thực hư thông tin xem điện thoại trong đêm bị ung thư mắt; Tiếp tục cảnh báo mối nguy về bệnh sốt xuất huyết; Những lưu ý không thể bỏ qua khi ăn bánh Trung thu; Cảnh báo lỗi của bố mẹ khiến con dậy thì sớm;... là những tin Sức khỏe quan trọng tuần qua. ------------ Xem thêm: Điểm lại tin Sức khỏe quan trọng tuần qua (22/08 - 29/08), http://vietbao.vn/Suc-khoe/Diem-lai-tin-Suc-khoe-quan-trong-tuan-qua-2208-2908/2147593388/248/ Tin nhanh Việt Nam ra thế giới vietbao.vn

  • Su kien quoc te noi bat 238298
    Sự kiện quốc tế nổi bật (23/8-29-8)

    Hai miền Triều Tiên đạt thỏa thuận 6 điểm nhằm giảm căng thẳng; Mỹ điều 3 máy bay ném bom tàng hình hỗ trợ Hàn Quốc; MC truyền hình Mỹ bị bắn chết khi đang dẫn trực tiếp; Xả súng kinh hoàng ở miền Bắc nước Pháp làm 7 người thương vong... là những tin chính trong tuần qua. ------------ Xem thêm: Sự kiện quốc tế nổi bật (23/8-29-8), http://vietbao.vn/The-gioi/Su-kien-quoc-te-noi-bat-238298/2147593385/433/ Tin nhanh Việt Nam ra thế giới vietbao.vn