Thứ Hai, 14 tháng 10, 2013

Học thiết kế web với notepad phần 5 hướng dẫn thêm cho các bạn chèn JavaAplets  vào bất kỳ một tài liệu HTML nào mà bạn muốn làm cho nó thêm sinh động độc đáo.

JavaApplets làm cho web đẹp hơn, nhưng lại tăng thời gian load lên.
Ðể đưa một applet vào trang web, bạn cần có những yếu tố sau:
Bản thân applet (file.class) 
Một đoạn HTML code 
Hình ảnh liên quan (nếu có) 
hoc-thiet-ke-web-voi-notepad-p5
Học thiết kế web với notepad phần 5
Ðể xem được applet, máy của người xem phải có Java Virtual Machine cài đặt sẵn. Windows XP hiện nay không hỗ trợ Java (không có Java Virtual Machine - lý do cạnh tranh của Microsoft với Sun) nên sự sử dụng Java Applets nên được hạn chế bởi rất ít người đi tìm và tải một fìle cỡ vài MB về chỉ để xem mấy trò chơi nhấp nháy của bạn. Tất nhiên, trong các phiên bản sau của Windows, có thể Microsoft sẽ bắt buộc phải hỗ trợ Java trở lại. Nếu máy bạn không có Java Virtual Machine, bạn có thể tới trang web của Sun ([Only registered and activated users can see links]) để download và install.
Java Applets một thời rất mốt (trong những năm 96 - 99), trang web nào cũng phải có một vài applets cho oai. Ngay cả trang chủ của VNN cũng có ảnh hồ Gươm bắn pháo hoa nổ đì đùng. Bây giờ (2000 - 2002) cũng vậy thôi, nhưng thế chỗ cho Java Applets là Flash ;-) Và đến một lúc nào đó, khi người ta chán thì cái đó lại mất tăm mất tích.
Tuy vậy trong trang web này tôi vẫn xin giới thiệu với bạn cách sử dụng những applets có sẵn trên web. Chắc bạn sẽ hỏi, sao không hướng dẫn luôn cách tạo applets? Ðể viết được Java Applets, bạn phải biết lập trình bằng ngôn ngữ Java (tương đối rắn).
Sau đây là đoạn code để đưa applet sóng vào trang web. Tôi sử dụng folder riêng cho Images (images/) và Applets (applets/) nên đường dẫn tới chúng phải có thêm: codebase = "applets/" và "images/"
<applet codebase="applets/"code="Lake.class" align="right" width="288" height="270" id="Lake">
<param name="image" value="images/paris.jpg">
<param name="href" value="[Only registered and activated users can see links]">
</applet> 
Khả năng của JavaApplets là khi kick vào hình sẽ hiện ra 1 trang web nào đó
 Trong quá trình học thiết kế web với HTML bạn nên đưa âm nhạc, video vào trang web của mình sinh động hơn bằng âm nhạc, video... Trang này sẽ giúp bạn thực hiện điều đó. Nhưng hãy đừng quên là internet còn đang tương đối chậm và sử dụng quá nhiều những thứ đó sẽ mang lại phản tác dụng. Video, sounds thường là những files lớn và cần rất nhiều thời gian dể load.
Có rất nhiều dạng audio (*.au, *.wav, *.mid....) và video (*.mpeg, *.avi...). Nhưng có lẽ chỉ có dạng midi (*.mid) là cỡ nhỏ nhất. Một bản nhạc 5 phút chiếm khoảng 30KB trong khi đó 5 phút dưới dạng wav lên tới 5MB. Ðể đưa chúng vào một trang web, bạn cần viết dòng html-code sau:
<embed src="music.mid" autostart="true" loop="true"> 
Trong đó "music.mid" là tên của file nhạc, autostart="true" chạy bản nhạc tự động, loop="true" tự động quay lại đầu bản nhạc khi và chạy tiếp, nếu bạn chỉ muốn bản nhạc chạy một số lần nhất định lần rồi dừng, hãy thay "true" bằng "1", "2"... 
Riêng Internet Explorer còn cho phép bạn tạo nhạc nền với tag đơn <bgsound> Dòng code sẽ được viết như sau: 
<bgsound src="music.mid" loop="infinite"> 
loop="infinite" cho phép browser chạy bản nhạc không ngừng.
Ngoài ra còn một cách đưa video vào trang web (chỉ dùng cho Internet Explorer) như một bức ảnh:
<img dynsrc="beany.mpg">
Nếu đã từng sử dụng RealPlayer chắc bạn sẽ hỏi, làm thế nào để nó tự động chạy một bài hát dưới dạng *.rm Ðiều đó không phức tạp lắm nhưng đòi hỏi người đến thăm trang web của bạn phải có RealPlayer cài trong máy, đó lại là điều ít xảy ra. Như vậy bạn phải tạo một link để người đọc có thể download phần mềm này từ RealNetwork server. Sau đây là dòng code bạn cần để đưa RealPlayer vào một trang web:
<embed src="finally.rm" type="audio/x-pn-realaudio-plugin" console="Clip1" controls="ControlPanel" height="30" width="400" autostart="true"><br>
<embed type="audio/x-pn-realaudio-plugin" console="Clip1" controls="StatusField" height="30" width="400" autostart="true"><br>
<embed type="audio/x-pn-realaudio-plugin" console="Clip1" controls="PositionField" height="30" width="400" autostart="true"><br>
Một điều dành cho các bạn học thiết kế web cần chú ý là tất cả các files nhạc, video... đều phải được upload cùng với trang web và cùng nằm trong một địa chỉ như trang web. Nếu sử dụng một file của trang web khác, bạn phải đưa địa chỉ đầy đủ của file đó vào html-code. Ví dụ: 
<embed src="[Only registered and activated users can see links]" autostart="true" loop="true">

CÔNG TY CỔ PHẦN THƯƠNG MẠI VÀ ĐẦU TƯ GIÁO DỤC VIỆT TIN
VPGD: Số 354A Tây Sơn - Đống Đa - Hà Nội
Điện thoại: Hotline: 0978007563
Email: vietnit.tin@gmail.com
Website: http://vietnit.com/

0 nhận xét :

Đăng nhận xét