Thuyết Trình Môn Học Công Nghệ Web
Thuyết Trình Môn Học Công Nghệ Web
Đề Tài :
Kết hợp hiệu ứng Jquery & CSS3
Lớp : 08CT01
GV:
Trương Hoài Phan
JQuery ?
- JQuery là một Javascript Framework
-
JQuery được khởi xướng bởi John Resig (hiện là trưởng dự án của Mozzila) vào năm
2006.
-
JQuery có mã nguồn mở và hoàn toàn miễn phí.
Tại sao dùng JQuery ?
•
JQuery đơn giản hóa cách viết Javascript.
•
JQuery giúp giải quyết tốt vấn đề xung đột giữa các trình duyệt web.
•
Học jQuery rất đơn giản.
•
jQuerymooToolsPrototypeDojojQuery
!"#!$!%&'()*+
JQuery có thể làm được những gì ?
Hướng tới các thành phần trong HTML
•
Thay đổi giao diện của một trang web:
•
Thay đổi nội dung của tài liệu:
•
Tương tác với người dùngjQuery",)-&.*+&/0
#1234!%#!56
•
Tạo hiệu ứng độngjQuery-7-",$8#9%:);.*<0
#=$'#!>-$'#!? @AB
•
Hỗ trợ Ajax
Làm sao để sử dụng jQuery?
•
C+$8#9D!%",-2;#D!%:-"E%F-
G-HHDI!%*+? 'J#-K"2/:
•
L+$8#9%MN-D!%'%O,D!%JP'!QR*SJT$J
•
G-HH#!DI!%HDI!%UVWXD$
•
G-HHJDJY'!J-$HJDJYH'"$HDI!%HVWXHDI!%D$
Mặt hạn chế :
- Sử dụng quá nhiều Jquery sẽ làm chậm các máy Silent có cấu hình yếu.
- Không tốt cho SEO.
Z#!5[J
CSS3 khác gì CSS ??
•
\]]^*_Y`#M#MJ\]]Ra%/*
•
-7-MKV$bc/
•
Việcd%("!-'J!eJ",$f%gK##&%:)
Một số thuộc tính mới của CSS 3
•
Đường viền có góc tròn (Rounded Borders)
•
hF#9\]]*+'*_%#!#"%#!%iNhưng %:#d';/
\]]^
•
Code m u
•
"%#!%j%#!#k
•
background-colorl##"Xm
•
UnU"%#!%U%J#$X-Ym
•
U !"dU"%#!%U%J#$X-Ym
•
borderR-Y$'#lWopaqWm
•
paddingVa-Ym
•
width^Va-Ym
•
r
•
Gradients
•
P%J#!"%#!%$+,%JO;.;0*_#1sF
C,3#/*`-",[$%J#!"%#!%
•
\#!t
Z#!5[J
Lợi ích của JQuery & CSS3
•
CSS3 thường được kết hợp với HTML5, vì tính hợp lý, phù hợp vì cả 2 điều là công
nghệ mới, như vậy thì có gì khác biệt khi kết hợp Jquery và CSS3 ?
•
CSS3 cho s n gi n code, Jquery là th vi n javascript m nh m .
•
S t ng quan gi a t c và rank trên các công c
1/ Tốc độ
2/ Tương thích trình duyệt