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
Xem tiếp chủ đề: Thiết kế Web.

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

5 tính năng thú vị của ứng dụng photos trên iPhone

Cùng với sự ra đời của iOS 8, ứng dụng hình ảnh đã nhận được một vài thay đổi nhằm đáp ứng nhu cầu sử dụng ngày một cao của người dùng. Vậy đâu là những thay đổi quan trọng nhất? Các bạn có thể khám phá một vài tính năng thú vị của ứng dụng photos trên iPhone trong bài viết dưới đây

2 cách vào Google khi bị hack DNS

Nhóm hacker Lizardsquad tấn công DNS dẫn đến chuyện không thể truy cập vào Google Việt Nam sáng nay. Tạm thời, bạn có thể tự khắc phục sự cố này theo hai cách.

Có nên nâng cấp ipad air lên ipad air 2 không?

Năm ngoái, iPad Air là chiếc tablet khá hoàn hảo được người dùng rất ưa chuộng. Vì thế, những nâng cấp trên iPad Air 2 đang tạo ra rất nhiều tò mò cho người dùng. Nhưng thay đổi được Apple nhắc đến nhiều nhất là kiểu dáng mỏng và nhẹ hơn so với người tiền nhiệm, có cảm biến vân tay, camera sắc nét hơn, cấu hình tốt hơn cũng như hỗ trợ nền tảng 64 bit.

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ệ


  • Thoi su 24h282 Dam dai phan cach o to bi xuyen toac
    Thời sự 24h(28/2): Đâm dải phân cách, ô tô bị xuyên toạc

    'Để công an xã điều tra dễ bỏ lọt, oan sai'; Đâm vào dải phân cách, ô tô bị xuyên toạc trên cao tốc; Tịch thu bán đấu giá hòn đá gần 30 tấn, giá chục tỷ đồng;... là những thông tin thời sự đáng chú ý ngày 27/2.

  • Thoi su 24h272 Giang chuc 2 PGD So
    Thời sự 24h(27/2): Giáng chức 2 PGĐ Sở

    Giảm gần 3 tỷ USD xây sân bay Long Thành; Bán sân bay Phú Quốc lấy vốn xây sân bay Long Thành; Thanh Hóa bắt xe giường nằm ‘nhồi" 117 khách; Hai PGĐ sở đánh nhau bị giáng chức, cảnh cáo;Đắk Nông: Đào được hòn đá quý 27 tấn...

  • Thoi su 24h 262 Vietjet muon mua lai nua san bay Noi Bai
    Thời sự 24h (26/2): Vietjet muốn mua lại nửa sân bay Nội Bài

    ATM của Agribank bị phá, lấy đi gần 1 tỷ đồng; Vietjet muốn mua lại nửa sân bay quốc tế Nội Bài; Phá sàn vàng "hút" 180 tỷ đồng của nhà đầu tư; Ùn tắc kéo dài: Hà Nội tháo rào chắn; Tháng 3, có 4 đợt không khí lạnh...

  • Thoi su trong ngay Cuong do la len tieng ve vu tai nan
    Thời sự trong ngày: Cường đô la lên tiếng về vụ tai nạn

    Ông Nguyễn Quang Lập được tại ngoại điều tra; Siêu xe gây tai nạn đứng tên sở hữu Cường “đô la”; Sáp nhập ngân hàng: Những chuyện hậu trường; Cụ ông tử vong sau một giờ thuê khách sạn...

  • Thoi su 24h092 Hai xe khach tong nhau 10 nguoi chet
    Thời sự 24h(09/2): Hai xe khách tông nhau, 10 người chết

    Hai xe khách tông nhau, 10 người chết; Đề nghị cách chức TBT báo Người cao tuổi; Sập hầm khai thác đá xanh, 3 người tử vong; 2 người Việt lọt danh sách tỷ phú thế giới; Nơi củ sâm to bằng… củ sắn... là những thông tin thời sự nổi bật trong ngày 9/2.

  • Su kien quoc te noi bat 222 282
    Sự kiện quốc tế nổi bật (22/2 - 28/2)

    Lãnh đạo Đảng đối lập Nga bị ám sát ngay tại Moscow; kết quả vòng đám phán thứ 2 giữa Mỹ và Cuba; Mỹ xác nhận thông tin Trung Quốc đang tiến hành xây dựng các cảng hải quân và sân bay trên các đảo trên Biển Đông... là những tin chính trong tuần qua.

  • Nghin le chuyen tuan qua 2202 2802
    Nghìn lẻ chuyện tuần qua (22/02 - 28/02)

    Hàng loạt tai nạn thảm khốc trong 9 ngày nghỉ Tết; Mùng 6 Tết, dân làng Ném Thượng vẫn chém lợn ở sân đình; Hỗn chiến tại Lễ hội Đền Gióng; Tiền lẻ, chen lấn: Nét đặc trưng “mới” của lễ hội Việt? ... 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 2202 2802
    Toàn cảnh Showbiz tuần (22/02 – 28/02)

    ó nên chỉ trích hình ảnh GS Vũ Khiêu 'thơm' má hoa hậu Kỳ Duyên?,Vợ Baggio tiết lộ sảy thai 2 lần, bị 'cắm vài ba chục cái sừng', Các ngôi sao tranh cãi về “Chiếc váy màu gì?”, Kim Hyun Joong sắp có con với bạn gái bị hành hung, “Thiên thần” Karlie Kloss bỏ Victoria’s Secret,...là những thông tin giải trí nổi bật trong tuần.

  • Tin An ninh Phap luat tuan qua 2202 2802
    Tin An ninh - Pháp luật tuần qua (22/02 - 28/02)

    Ly kỳ chuyện đời các tướng cướp; Bị cáo về nhà ăn tết với… người bị hại; Vụ án khó điều tra bậc nhất lịch sử phá án Công an Hải Phòng; Những lá thư xin lỗi nức nở từ trại giam; 200 bánh heroin và những người đón Tết muộn; Các tổ 141 bắt nhiều vụ vận chuyển ma túy trong dịp Tết;......là những tin đáng chú ý trong tuần. ------------ Xem thêm: Tin An ninh - Pháp luật tuần qua (22/02 - 28/02), http://vietbao.vn/An-ninh-Phap-luat/Tin-An-ninh-Phap-luat-tuan-qua-2202-2802/2147540033/218/ Tin nhanh Việt Nam ra thế giới vietbao.vn

  • Tong hop Doi song tuan qua 232 292
    Tổng hợp Đời sống tuần qua (23/2 - 29/2)

    Dư âm của Tết Nguyên Đán vẫn còn đọng lại trong những câu chuyện gia đình, không khí lễ hội khắp mọi nơi. Những phong tục thờ cúng, giải hạn đầu năm trong dân gian; Những câu chuyện về ngày Thầy thuốc Việt Nam 27/2; Nhiều tấm gương sáng trong đời sống... và những tin tức an toàn thực phẩm bẩn là những thông tin nổi bật tuần vừa qua... ------------ Xem thêm: Tổng hợp Đời sống tuần qua (23/2 - 29/2), http://vietbao.vn/Doi-song-Gia-dinh/Tong-hop-Doi-song-tuan-qua-232-292/2147540036/111/ Tin nhanh Việt Nam ra thế giới vietbao.vn