Chào tất cả mọi người, chào mừng trở lại.
Trong quá khứ, chúng tôi đã thực hiện các đoạn mã cùng nhau, nơi tôi đã mã hóa,
bạn đã mã hóa cùng với tôi, và chúng tôi đã phạm rất nhiều sai lầm nhỏ với nhau.
Hôm nay, tôi thực sự muốn làm một đánh giá mã thay vào đó.
Tôi muốn các bạn ngồi lại và nhìn vào một số đoạn mã mà tôi đã viết và
xem những điều nhỏ bé mà chúng tôi đã học
được cộng lại với nhau để tạo ra những trang web phức tạp hơn.
Vì vậy, chúng ta hãy bắt đầu với một số HTML.
Ở đây, tôi có mã đó chỉ là sẽ tạo ra một loạt các divs khác nhau.
Một điều mà có thể là mới mà bạn chưa từng thấy trước đây là ý tưởng này của
chỉ mục tab.
Những gì chỉ mục tab làm là nó cho phép trình duyệt biết rằng nếu ai đó đang tab
thông qua trang của bạn,
bạn thực sự muốn đặt các yếu tố khác nhau trong tiêu điểm theo một thứ tự khác nhau.
Vì vậy, trong trường hợp này, điều đầu tiên sẽ là A, và sau đó C, và sau đó B, vv
Nó chỉ là một mức độ tiếp cận mà tôi
muốn giới thiệu với bạn trong mã của chúng tôi.
Điều duy nhất khác tôi muốn bạn biết trong HTML này là div cuối cùng
có một hoạt hình lớp trong đó.
Tôi đã làm cho cái này một chút khác biệt để bạn có thể nhìn vào quá trình chuyển đổi và
biến đổi trong hành động.
Vì vậy, chúng ta hãy đi trước và nhìn vào CSS, và chơi với trình duyệt.
Bây giờ, khi chúng ta bắt đầu ở đầu trang, bạn có thể thấy rằng tôi vừa gọi div để
họ là những hộp nhỏ, nơi bạn có thể nhìn thấy các nội dung, và
nó không phải là tất cả quá đè bẹp với nhau.
Một điều mà bạn có thể không sử dụng được nêu ra
chính mình trong mã của bạn là ý tưởng chuyển đổi hai giây dễ dàng.
Điều này sẽ cho trình duyệt biết rằng khi chúng ta thay đổi trạng thái,
chúng ta muốn mất khoảng hai giây và giảm bớt nó trong.
Nhưng trước tiên, chúng ta hãy nhìn vào trọng tâm.
Trong tập trung của tôi, tôi nói thay đổi màu nền.
Vì vậy, bây giờ, khi tôi đi đến trình duyệt của
tôi, tôi sẽ bắt đầu tabbing qua các yếu tố khác nhau.
Và khi tôi làm vậy, bạn có thể thấy rằng tất cả chúng sáng lên.
Tôi sẽ làm mới trang này, bởi vì trang mà tôi dự kiến sẽ đi trước thì không.
Đó là bởi vì tôi đã đánh bóng trước khi chúng tôi bắt đầu đánh máy.
Vậy chúng ta đi đây.
Một thay đổi màu sắc, và sau đó C, và sau đó B.
Đây là bạn cung cấp cho người dùng sức mạnh để nhảy đến các phần quan trọng nhất đầu tiên.
Được rồi, sau khi tập trung, chúng ta hãy nói về việc di chuột.
Bây giờ khi di chuột đi vào trường hợp, những gì tôi đang nói là làm cho chiều rộng 200 pixel,
nó là 100, và thay đổi màu nền.
Vì vậy, chúng ta hãy xem qua.
Tôi sẽ làm nổi bật trên C ngay đây, và sau đó B, và A.
Và bạn có thể thấy đó là một quá trình chuyển đổi rất tốt, suôn sẻ.
Nhưng một trong những điều tôi muốn các bạn chú ý là khi tôi không di chuyển
qua bất cứ điều gì, chúng ta thực sự có từ A đến F ở dòng trên cùng và
sau đó G đến I ở phía dưới.
Khi bạn bắt đầu đi một chút quá điên thay đổi kích thước của sự vật một cách
tự động, bạn có thể ném tất cả mọi thứ ra khỏi vị trí.
Vì vậy, hãy chắc chắn rằng bạn sử dụng điều này một cách tiết kiệm.
Được rồi, chúng ta hãy đến cái mát mẻ, cái cuối cùng.
Nếu bạn nhớ, Tôi đã thực hiện một div, và
tôi thiết lập nó để được hoạt hình bởi vì tôi đã sử dụng các lớp animate.
Ngay bây giờ, sự khác biệt duy nhất là màu nền là một chút màu xanh lá cây,
nhưng tôi muốn cho bạn thấy điều gì sẽ xảy ra khi tôi di chuột qua nó.
Khi tôi làm vậy, tôi sẽ khởi động một biến đổi nơi tôi sẽ nói
xoay 360 độ này.
Và ngoài ra, thay vì có độ mờ 0,4, có nghĩa là hơi mờ nó
ra, xóa nó ra một chút, đặt nó thành màu đầy đủ.
Chúng ta đi đây.
Tôi nghĩ điều đó khá tuyệt.
Chúng tôi đã xoay nó.
Khi chúng ta đi ra khỏi di chuột, nó quay trở lại.
Đây là những thứ thú vị mà bạn có thể thêm vào trang của bạn khi
bạn lần đầu tiên học cách lập trình mà thực sự cho bạn cảm giác này,
hey, tôi đang làm điều đó, tôi đang làm cho mọi thứ thay đổi.
Vì vậy, những gì tôi thực sự khuyến khích bạn làm bây giờ là quay lại, xem lại bài giảng chuyển
đổi, xem lại bài giảng chuyển đổi, đảm bảo và xem liệu những khái niệm đó có
hợp lý hơn một chút mà bạn đã thấy đoạn mã đang thực hiện.
Và tôi hy vọng bạn sẽ chơi với mã này, thay đổi các giá trị, và
thực sự có một số niềm vui với nó.
Vậy chúc may mắn.