1 00:00:00,000 --> 00:00:00,310 2 00:00:00,310 --> 00:00:02,400 >> DAVID Malan: Vì vậy, tôi đã làm cho tôi công cụ tìm kiếm của riêng, nhưng tôi đã chỉ 3 00:00:02,400 --> 00:00:04,720 quyết định cơ cấu lại điều bên dưới mui xe. 4 00:00:04,720 --> 00:00:06,480 Chúng ta hãy có một cái nhìn. 5 00:00:06,480 --> 00:00:11,240 Ở đây trong HTML cho trang này, thông báo mà tôi có bây giờ trên trang gì 6 00:00:11,240 --> 00:00:15,390 dường như là một biểu tượng, logo.gif, và Tôi đã cho nó một văn bản thay thế của 7 00:00:15,390 --> 00:00:18,620 CS50 Tìm kiếm, chỉ trong trường hợp một người nào đó là không thể nhìn thấy hình ảnh đó. 8 00:00:18,620 --> 00:00:22,340 >> Nhưng nhận thấy rằng tôi đã đặt hình ảnh bên trong một div, và tôi đã giao nó 9 00:00:22,340 --> 00:00:27,060 một ID duy nhất của báo giá, unquote, "hàng đầu". Dưới đây, tôi có một div có 10 00:00:27,060 --> 00:00:31,020 ID duy nhất tôi đã quyết định là "trung lưu" nhưng tôi có thể xác định những divs 11 00:00:31,020 --> 00:00:32,360 như bất cứ điều gì tôi muốn. 12 00:00:32,360 --> 00:00:35,340 Và bên trong này "trung bình" div, nhận thấy rằng tôi có một hình thức. 13 00:00:35,340 --> 00:00:40,080 Hình thức mà dường như sẽ trình thông qua HTTP được đến các máy chủ Google 14 00:00:40,080 --> 00:00:45,150 đầu vào sau, một đầu vào mà loại là văn bản và có tên là q. 15 00:00:45,150 --> 00:00:48,520 Và điều đó sẽ xảy ra ngay sau khi lượt truy cập sử dụng Enter hoặc nhấn một nút 16 00:00:48,520 --> 00:00:50,410 nhãn CS50 Tìm kiếm. 17 00:00:50,410 --> 00:00:53,750 >> Bây giờ, ở dưới cùng của trang, tôi có một div thứ ba và cuối cùng mà độc đáo 18 00:00:53,750 --> 00:00:57,670 định danh là "đáy". Trong đó, Tôi có đề cập đến quyền tác giả, 19 00:00:57,670 --> 00:00:59,750 bao gồm một thực thể HTML. 20 00:00:59,750 --> 00:01:06,230 Nó chỉ ra rằng © là HTML tổ chức đại diện cho quyền tác giả 21 00:01:06,230 --> 00:01:08,410 biểu tượng, mà rất có thể bạn không có một 22 00:01:08,410 --> 00:01:10,210 chính thực tế trên bàn phím của bạn. 23 00:01:10,210 --> 00:01:12,560 Sau đó, tôi đề cập đến rằng đó là CS50 của. 24 00:01:12,560 --> 00:01:17,090 >> Bây giờ đầu, giữa và cuối tồn tại để mà tôi duy nhất có thể xác định đỉnh, 25 00:01:17,090 --> 00:01:20,400 giữa và dưới cùng của trang này để tôi có thể phong cách hóa chúng mỗi một 26 00:01:20,400 --> 00:01:21,370 chút khác nhau. 27 00:01:21,370 --> 00:01:23,320 Và tôi đã đưa ra những tự do làm điều đó. 28 00:01:23,320 --> 00:01:27,030 Lên cao hơn trong trang của tôi, tôi có một phong cách thẻ bên trong đó là một số CSS 29 00:01:27,030 --> 00:01:27,880 tài sản. 30 00:01:27,880 --> 00:01:28,980 Chúng ta hãy có một cái nhìn. 31 00:01:28,980 --> 00:01:33,450 >> Chú ý rằng trên trang này, tôi đã quy định rằng bất cứ HTML tag sẽ 32 00:01:33,450 --> 00:01:37,350 với các định danh duy nhất của hàng đầu như chỉ định bởi rằng dấu hiệu mạnh trước 33 00:01:37,350 --> 00:01:41,320 nó, cần phải có text-align: trung tâm, như một tài sản. 34 00:01:41,320 --> 00:01:45,000 Trong khi đó, giữa trang nên tương tự được làm trung tâm, nhưng bất kỳ 35 00:01:45,000 --> 00:01:48,870 đầu vào ở giữa trang nên có 5 điểm ảnh không gian trắng 36 00:01:48,870 --> 00:01:51,860 xung quanh họ, chỉ đơn giản là để cung cấp cho điều phòng hơn một chút. 37 00:01:51,860 --> 00:01:55,630 Trong khi đó, ở dưới cùng của trang, Tôi đã xác định rằng bất kỳ văn bản phải 38 00:01:55,630 --> 00:01:59,620 trong một phông chữ nhỏ hơn, mà trọng lượng của cho biết chữ phải được in đậm, rằng 39 00:01:59,620 --> 00:02:03,800 tỷ suất lợi nhuận trên dưới cùng của trang nên được 20 điểm ảnh, chỉ để cho nó một 40 00:02:03,800 --> 00:02:06,270 chút ít phòng thở là tốt, và rằng bất kỳ văn bản 41 00:02:06,270 --> 00:02:08,190 trong đó cần phải được làm trung tâm. 42 00:02:08,190 --> 00:02:09,580 >> Những gì sẽ có tác dụng net? 43 00:02:09,580 --> 00:02:11,620 Vâng, chúng ta hãy có một cái nhìn trong trình duyệt. 44 00:02:11,620 --> 00:02:14,160 Nếu tôi đi đây để Chrome, thì đấy. 45 00:02:14,160 --> 00:02:16,140 Bây giờ đó là một cái nhìn tốt công cụ tìm kiếm. 46 00:02:16,140 --> 00:02:18,539