[MUSIC]
Đã qua đi là những ngày mà các trang web được sử dụng hoàn toàn
để cung cấp thông tin cho người dùng.
Những ngày này trên hầu hết các trang web, người dùng sẽ có thể tương tác với trang web để
cung cấp thông tin, ví dụ bằng cách nhấp vào nút hoặc bằng cách điền vào biểu mẫu
và bằng cách gõ một cái gì đó vào hộp tìm kiếm, v.v.
Vậy làm thế nào để chúng tôi hỗ trợ các loại tương tác này với người dùng?
Vì vậy, đó là những gì chúng ta sẽ giải quyết trong bài giảng đặc biệt này và
bài tập sau đó.
Ví dụ, nếu bạn truy cập trang web Coursera, bạn sẽ thấy rằng bạn có
các nút ở trên cùng ở đây mà bạn có thể nhấp vào để tiếp cận các địa điểm khác nhau.
Bạn có thể có một hộp tìm kiếm, trong đó bạn có thể nhập thông tin,
để tìm kiếm, ví dụ, phát triển web stack đầy đủ và, như vậy.
Vì vậy, những gì chúng tôi nhận thấy là tương tác người dùng cần được hỗ trợ
trên các trang web bằng cách sử dụng nhiều cách tiếp cận khác nhau bao gồm các nút
, biểu mẫu, hộp văn bản, hộp kiểm, và nhiều người khác.
Tương tác sớm với các trang web được cung cấp chủ yếu thông qua các siêu liên kết.
Vì vậy, bạn có thể nhấp vào một siêu liên kết và tiếp tục đến những nơi khác và vân vân, nhưng
điều này rõ ràng
là, siêu liên kết chỉ là một trong nhiều phương pháp tương tác với trang web của bạn.
Bạn có thể có các nút bao gồm trên trang web mà khi nhấp
vào, sẽ dẫn đến một số hành động được thực hiện trên trang web.
Bạn có thể có các biểu mẫu mà bạn điền vào để cung cấp thông tin cho trang web.
Vì vậy, khi bạn nhìn vào cách bạn sẽ bao gồm các
tính năng tương tác người dùng như vậy vào trang web của bạn, bạn sẽ thấy rằng bạn có thể sử dụng
một cái gì đó giống như một thẻ có ích cho việc cung cấp siêu liên kết,
sau đó bạn có các thẻ nút cho phép bạn bao gồm các nút trong trang web của bạn.
Bây giờ những gì chúng ta sẽ xem xét là làm thế nào để chúng ta định dạng với một thẻ trên
các thẻ nút sử dụng các lớp bootstrap
để bạn có thể phong cách chúng giả mạo chủ đề chung của bootstrap.
HTML đã bao gồm các yếu tố biểu mẫu và các yếu tố đầu vào trong đó.
Bây giờ, chúng ta có thể nhìn vào cách bootstrap tăng cường các yếu tố này bằng cách cung cấp các
tính năng kiểu dáng cho các biểu mẫu, và các yếu tố khác nhau đi vào các biểu mẫu.
Các nút hiển nhiên cung cấp một cách đơn giản để tương tác với trang web của bạn.
Vì vậy, khi bạn có một nút trên trang web của bạn, bạn có thể di chuột trên nút,
bạn có thể nhấp vào nút và mong đợi một cái gì đó xảy ra trong quá trình này.
Hành vi nút phụ thuộc vào vị trí của nó trong bootstrap.
Ví dụ, nếu nút nằm bên trong biểu mẫu, thông
thường nút bấm sẽ dẫn đến biểu mẫu được gửi đến máy chủ,
hoặc thông tin biểu mẫu bị hủy bỏ.
Một nút bên ngoài một biểu mẫu có thể có những cách khác để cung cấp tương tác.
Tương tự như vậy, < a > thẻ mà chúng tôi có truyền thống liên
kết với các siêu liên kết cũng có thể bị cướp để được tạo kiểu và
trình bày dưới dạng một nút.
Vì vậy, ở đây chúng ta sẽ thấy làm thế nào bootstrap cung cấp các lớp học có thể được
sử dụng để định dạng thẻ thành một nút để được trình bày trên trang web của bạn.
Chúng tôi cũng sẽ xem xét các yếu tố hình thức khác nhau, như các yếu tố đầu vào,
chọn, nút và cũng là các yếu tố AD văn bản, và
cách chúng tôi sử dụng chúng trong các biểu mẫu của chúng tôi để thiết kế và
xây dựng một biểu mẫu có thể được bao gồm trong trang web của chúng tôi.
Vì vậy, bài tập mà sau bài giảng đặc biệt này sẽ giới thiệu bạn để
hỗ trợ bootstrap cho các nút tạo kiểu, và
cũng nhìn vào cách các yếu tố hình thức khác nhau có thể được tăng cường bằng cách sử dụng các
lớp bootstrap để trình bày các biểu mẫu Bootstrap cổ điển.