1
00:00:03,260 --> 00:00:08,650
Đã đến lúc chuyển sang nhiệm vụ thứ hai trong khóa học này.

2
00:00:08,650 --> 00:00:13,599
Tuần này chúng tôi đã bao gồm các nút, biểu mẫu,

3
00:00:13,599 --> 00:00:20,095
bảng, thẻ, hình ảnh, và phương tiện truyền thông và sau đó cuối cùng chúng tôi đã bao gồm huy hiệu.

4
00:00:20,095 --> 00:00:23,870
Vì vậy, nhiệm vụ này chúng tôi sẽ xem xét cố gắng

5
00:00:23,870 --> 00:00:29,780
để khám phá sự hiểu biết của bạn về tất cả các chủ đề này.

6
00:00:30,010 --> 00:00:33,920
Nhiệm vụ thứ hai của bạn bao gồm ba nhiệm vụ.

7
00:00:33,920 --> 00:00:37,120
Chúng ta hãy đi qua mỗi người trong số họ từng bước.

8
00:00:37,120 --> 00:00:44,160
Nhiệm vụ đầu tiên của bạn là tạo một biểu mẫu trong bảng chiến lược chỉ mục của bạn.

9
00:00:44,160 --> 00:00:48,110
Vì vậy, đây là ngay sau khi các mô tả mà chúng tôi có để

10
00:00:48,110 --> 00:00:53,345
sử dụng một hàng với các nội dung hàng có.

11
00:00:53,345 --> 00:00:57,850
Tạo một thẻ trong đó với một tiêu đề.

12
00:00:57,850 --> 00:01:01,065
Đặt một bảng, và sau đó bên trong thẻ đó,

13
00:01:01,065 --> 00:01:04,460
trong khối thẻ, bao gồm một hình thức.

14
00:01:04,460 --> 00:01:08,095
Biểu mẫu sẽ chứa các nút radio.

15
00:01:08,095 --> 00:01:13,280
Bạn có thể kiểm tra tài liệu cho các biểu mẫu để hiểu làm thế nào để tạo ra các nút radio.

16
00:01:13,280 --> 00:01:14,620
Họ là khá đơn giản.

17
00:01:14,620 --> 00:01:19,100
Vì vậy, chúng tôi có các nút radio nội tuyến tất cả các cách khác nhau, từ một đến

18
00:01:19,100 --> 00:01:25,400
sáu và bạn sẽ cho phép người dùng chọn bất kỳ một trong các nút radio này.

19
00:01:25,400 --> 00:01:26,780
Vì vậy, nhấp vào một trong số họ,

20
00:01:26,780 --> 00:01:29,455
sẽ cho phép bạn chọn số lượng khách.

21
00:01:29,455 --> 00:01:32,900
Và mẩu thông tin thứ hai là ngày tháng,

22
00:01:32,900 --> 00:01:35,055
và mẩu thông tin thứ ba là thời gian.

23
00:01:35,055 --> 00:01:40,480
Vì vậy, ngày và thời gian sẽ được hỗ trợ bởi hai lĩnh vực đầu vào

24
00:01:40,480 --> 00:01:44,040
ở đây và sau đó chúng tôi có một nút gửi ở đây có tên là

25
00:01:44,040 --> 00:01:47,955
“dự trữ” với nút có màu xanh lam.

26
00:01:47,955 --> 00:01:52,855
Vì vậy, hãy nhớ tất cả những chi tiết khác nhau ở đây và đây là trong một thẻ.

27
00:01:52,855 --> 00:01:59,980
Bây giờ, thẻ này nếu nó là trên một kích thước màn hình nhỏ đến cực lớn,

28
00:01:59,980 --> 00:02:08,000
nó sẽ được tập trung trong hàng này và nó sẽ chiếm tám cột.

29
00:02:08,000 --> 00:02:11,180
Vì vậy, bạn có hai cột còn lại ở đây và hai cột còn lại ở đó.

30
00:02:11,180 --> 00:02:14,915
Đây là một số manh mối về cách bạn sẽ định vị điều này.

31
00:02:14,915 --> 00:02:17,020
Đối với kích thước màn hình nhỏ thêm,

32
00:02:17,020 --> 00:02:20,900
bạn chiếm toàn bộ chiều rộng màn hình,

33
00:02:20,900 --> 00:02:25,670
nếu không biểu mẫu của bạn không thể được cung cấp một cách có ý nghĩa ở đó.

34
00:02:25,670 --> 00:02:31,505
Vì vậy, đó là nhiệm vụ đầu tiên trong nhiệm vụ thứ hai của anh.

35
00:02:31,505 --> 00:02:38,285
Nếu bạn nhớ lại, bên trái vẽ thứ hai của nội dung của chúng tôi không được phong cách,

36
00:02:38,285 --> 00:02:41,980
bạn sẽ sử dụng đối tượng phương tiện bây giờ để tạo kiểu nội dung này.

37
00:02:41,980 --> 00:02:43,790
Lưu ý đặc biệt rằng,

38
00:02:43,790 --> 00:02:47,460
đối với đối tượng phương tiện, hình ảnh của bạn sẽ xuất hiện ở phía bên phải,

39
00:02:47,460 --> 00:02:50,365
vì vậy hãy sử dụng tập hợp các

40
00:02:50,365 --> 00:02:55,800
lớp học bên phải để làm cho hình ảnh của bạn xuất hiện ở phía bên phải của nội dung,

41
00:02:55,800 --> 00:03:00,275
không giống như những hình ảnh khác mà hình ảnh xuất hiện ở phía bên trái.

42
00:03:00,275 --> 00:03:02,930
Và nó phải được tập trung theo chiều dọc ở đây.

43
00:03:02,930 --> 00:03:08,665
Ngoài ra, lưu ý rằng bạn cần phải bao gồm một huy hiệu ở đây với từ “mới”.

44
00:03:08,665 --> 00:03:11,530
Và vì vậy chúng tôi đã thấy điều này đã có

45
00:03:11,530 --> 00:03:15,025
trong bài tập trước đây vì vậy điều này không phải là rất khó khăn để đạt được.

46
00:03:15,025 --> 00:03:16,780
Vì vậy, nhiệm vụ thứ hai của bạn, một lần nữa,

47
00:03:16,780 --> 00:03:21,030
là sử dụng đối tượng phương tiện truyền thông để tạo kiểu này thông qua.

48
00:03:21,030 --> 00:03:24,545
Nhiệm vụ cuối cùng trong nhiệm vụ thứ hai,

49
00:03:24,545 --> 00:03:27,455
là tạo một nút ở đây.

50
00:03:27,455 --> 00:03:29,735
Đây sẽ là một nút chặn.

51
00:03:29,735 --> 00:03:32,635
Vì vậy, nút khối lớp mà bạn sẽ sử dụng.

52
00:03:32,635 --> 00:03:38,430
Bây giờ, những gì bạn có thể làm là bạn có thể định vị lại nội dung này

53
00:03:38,430 --> 00:03:41,170
ở đây để chiếm một nửa màn hình và

54
00:03:41,170 --> 00:03:44,770
sau đó hai sẽ thích phần còn lại của màn hình.

55
00:03:44,770 --> 00:03:47,910
Và sử dụng bảng dự trữ từ trong đó.

56
00:03:47,910 --> 00:03:50,815
Không chỉ vậy, khi bạn nhấp vào nút này,

57
00:03:50,815 --> 00:03:55,085
bạn sẽ được đưa xuống biểu mẫu ở cuối trang,

58
00:03:55,085 --> 00:03:57,340
cho phép bạn thực hiện đặt phòng.

59
00:03:57,340 --> 00:04:01,150
Vì vậy, đây là nơi bạn cần sử dụng các cách HTML để

60
00:04:01,150 --> 00:04:05,695
xác định ID để đạt được hành động này.

61
00:04:05,695 --> 00:04:12,940
Vì vậy, đi trở lại một lần nữa, nút này nên được đặt theo chiều dọc trong

62
00:04:12,940 --> 00:04:21,610
bảng và nên chia sẻ không gian màn hình một nửa với logo của bạn ở đây.

63
00:04:21,610 --> 00:04:25,550
Các từ ngữ ở đây có thể chiếm nửa còn lại của các kịch bản.

64
00:04:25,550 --> 00:04:30,930
Vì vậy, bạn có thể sử dụng các lớp cột để điều chỉnh những điều này.