1 00:00:00,000 --> 00:00:00,310 2 00:00:00,310 --> 00:00:02,400 >> დავით Malan: ასე რომ მე უკვე მიღების საკუთარი საძიებო სისტემა, მაგრამ მე უბრალოდ 3 00:00:02,400 --> 00:00:04,720 გადაწყდა რესტრუქტურიზაციის რამ ქვევმოთ hood. 4 00:00:04,720 --> 00:00:06,480 ავიღოთ სახეს. 5 00:00:06,480 --> 00:00:11,240 აქ HTML ამ გვერდზე, ცნობა რომ მაქვს ახლა atop გვერდზე რა 6 00:00:11,240 --> 00:00:15,390 როგორც ჩანს, ლოგო, logo.gif და მე მოცემულ ის ალტერნატიული ტექსტი 7 00:00:15,390 --> 00:00:18,620 CS50 ძებნა, მხოლოდ იმ შემთხვევაში თუ ვინმე ვერ ვხედავ, რომ იმიჯი. 8 00:00:18,620 --> 00:00:22,340 >> მაგრამ შეამჩნია, რომ მე განთავსებული, რომ გამოსახულება შიგნით div, და მე დაავალა ის 9 00:00:22,340 --> 00:00:27,060 უნიკალური ID of ციტირებით unquote, "დაბრუნება". ქვემოთ რომ, მაქვს კიდევ ერთი div რომლის 10 00:00:27,060 --> 00:00:31,020 უნიკალური ID მე გადავწყვიტე, რომ იყოს "შუა" მაგრამ მე შეიძლება იდენტიფიცირება ამ divs 11 00:00:31,020 --> 00:00:32,360 როგორც არაფერი მინდა. 12 00:00:32,360 --> 00:00:35,340 და შიგნით ამ "შუა" div, შეამჩნევთ, რომ მაქვს ფორმით. 13 00:00:35,340 --> 00:00:40,080 ეს ფორმა, როგორც ჩანს, აპირებს წარმოადგინოს მეშვეობით HTTP მიიღოთ Google სერვერები 14 00:00:40,080 --> 00:00:45,150 შემდეგი input, input, რომლის ტიპის ტექსტი და რომლის სახელიც არის q. 15 00:00:45,150 --> 00:00:48,520 და რომ მოხდება, როგორც კი პროფაილი hits Enter ან დააჭერს ღილაკს 16 00:00:48,520 --> 00:00:50,410 შეაფასა CS50 ძებნა. 17 00:00:50,410 --> 00:00:53,750 >> ახლა ბოლოში გვერდზე, მაქვს მესამე და საბოლოო div რომლის უნიკალური 18 00:00:53,750 --> 00:00:57,670 იდენტიფიკატორი წარმოადგენს "ბოლოში." Inside რომ, მაქვს ნახსენები საავტორო, 19 00:00:57,670 --> 00:00:59,750 მათ შორის, HTML პირი. 20 00:00:59,750 --> 00:01:06,230 თურმე © არის HTML პირი, რომელიც წარმოადგენს საავტორო 21 00:01:06,230 --> 00:01:08,410 სიმბოლო, რომელიც, სავარაუდოდ, თქვენ არ გაქვთ 22 00:01:08,410 --> 00:01:10,210 ფაქტობრივი გასაღები თქვენს კლავიატურაზე. 23 00:01:10,210 --> 00:01:12,560 ამის შემდეგ, მე აღვნიშნო რომ ეს CS50-ს. 24 00:01:12,560 --> 00:01:17,090 >> ახლა ზედა, შუა და ქვედა არსებობს, ასე რომ რომ მე შემიძლია ცალსახად იდენტიფიცირება დაბრუნება, 25 00:01:17,090 --> 00:01:20,400 შუა და ბოლოში ამ გვერდზე ასე რომ შემიძლია stylize მათ ყოველ 26 00:01:20,400 --> 00:01:21,370 ცოტა განსხვავებულად. 27 00:01:21,370 --> 00:01:23,320 და მე უკვე მიღებული თავისუფლების აკეთებს, რომ. 28 00:01:23,320 --> 00:01:27,030 Up მაღალია ჩემს გვერდზე, მაქვს სტილი tag შიგნით რომლებიც ზოგიერთი CSS 29 00:01:27,030 --> 00:01:27,880 თვისებები. 30 00:01:27,880 --> 00:01:28,980 ავიღოთ სახეს. 31 00:01:28,980 --> 00:01:33,450 >> გაითვალისწინეთ, რომ atop ამ გვერდზე, მე მითითებული, რომ რაც HTML tag იქნებოდა 32 00:01:33,450 --> 00:01:37,350 უნიკალური იდენტიფიკატორი top როგორც მითითებულია, რომ მკვეთრი ნიშანი ადრე 33 00:01:37,350 --> 00:01:41,320 ის, უნდა ჰქონდეს text-align: ცენტრი; როგორც საკუთრება. 34 00:01:41,320 --> 00:01:45,000 იმავდროულად, შუა გვერდზე უნდა ასეთივე იყოს ორიენტირებული, მაგრამ ნებისმიერი 35 00:01:45,000 --> 00:01:48,870 საშუალებებით შუა გვერდზე უნდა 5 pixels თეთრი სივრცე 36 00:01:48,870 --> 00:01:51,860 მათ გარშემო, უბრალოდ მისცეს რამ ცოტა მეტი ოთახი. 37 00:01:51,860 --> 00:01:55,630 იმავდროულად, ბოლოში გვერდზე, მე მითითებული, რომ ნებისმიერი ტექსტი უნდა იყოს 38 00:01:55,630 --> 00:01:59,620 პატარა შრიფტის, რომ წონის განაცხადა შრიფტი უნდა იყოს გაბედული, რომ 39 00:01:59,620 --> 00:02:03,800 ზღვარი გარშემო ბოლოში გვერდზე უნდა იყოს 20 pixels, უბრალოდ მისცეს მას 40 00:02:03,800 --> 00:02:06,270 ცოტა სუნთქვის ოთახი ასევე, და რომ ნებისმიერი ტექსტით 41 00:02:06,270 --> 00:02:08,190 მასში უნდა იყოს ორიენტირებული. 42 00:02:08,190 --> 00:02:09,580 >> რა იქნება წმინდა ეფექტი? 43 00:02:09,580 --> 00:02:11,620 კარგად, მოდით შევხედოთ ბრაუზერში. 44 00:02:11,620 --> 00:02:14,160 თუ მე აქ Chrome, voila. 45 00:02:14,160 --> 00:02:16,140 ახლა, რომ არის კარგი ეძებს საძიებო სისტემა. 46 00:02:16,140 --> 00:02:18,539