1 00:00:00,000 --> 00:00:00,310 2 00:00:00,310 --> 00:00:02,400 >> DAVID مالان: حتى لقد تم صنع بلدي محرك البحث الخاص، ولكني فقط 3 00:00:02,400 --> 00:00:04,720 قررت لإعادة هيكلة الأمور تحت غطاء محرك السيارة. 4 00:00:04,720 --> 00:00:06,480 دعونا نلقي نظرة. 5 00:00:06,480 --> 00:00:11,240 هنا في HTML لهذه الصفحة، لاحظ أن لدي الآن على قمة الصفحة ما 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 >> ولكن لاحظ أنني قد وضعت تلك الصورة من داخل شعبة، ولقد تعيينه 9 00:00:22,340 --> 00:00:27,060 هوية فريدة من الاقتباس، نهاية الاقتباس، "من أعلى". دون ذلك، لدي آخر div الذي 10 00:00:27,060 --> 00:00:31,020 معرف فريد لقد قررت أن يكون "الوسط" لكنني يمكن تحديد هذه DIVS 11 00:00:31,020 --> 00:00:32,360 أي شيء أود. 12 00:00:32,360 --> 00:00:35,340 وداخل هذا "الوسط" شعبة، تلاحظ أن لدي نموذج. 13 00:00:35,340 --> 00:00:40,080 هذا النموذج هو ما يبدو ذاهب الى تقديم عبر HTTP الوصول إلى خوادم Google 14 00:00:40,080 --> 00:00:45,150 المدخلات التالية، مدخلا التي النوع هو النص واسمه ف. 15 00:00:45,150 --> 00:00:48,520 وهذا لن يحدث في أقرب وقت مشاهدات المستخدم أدخل أو ينقر على زر 16 00:00:48,520 --> 00:00:50,410 وصفت CS50 البحث. 17 00:00:50,410 --> 00:00:53,750 >> الآن في أسفل الصفحة، ولدي وشعبة الثالثة والأخيرة التي فريدة من نوعها 18 00:00:53,750 --> 00:00:57,670 المعرف هو "القاع". داخل ذلك، لدي ذكر حقوق التأليف والنشر، 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 الوسط، والجزء السفلي من هذه الصفحة حتى أستطيع أن أسلب لكل واحد منهم 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 يصل أعلى في الصفحة الخاصة بي، ولدي أسلوب العلامة داخل التي هي بعض 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 >> لاحظ أن على قمة هذه الصفحة، لقد المحدد أن كل ما من شأنه علامة HTML 32 00:01:33,450 --> 00:01:37,350 مع المعرف الفريد من أعلى كما الذي يعينه ذلك علامة حادة قبل 33 00:01:37,350 --> 00:01:41,320 ذلك، ينبغي أن يكون مواءمة النصوص: المركز؛ كخاصية. 34 00:01:41,320 --> 00:01:45,000 وفي الوقت نفسه، ينبغي أن منتصف الصفحة بالمثل أن تتركز، ولكن أي 35 00:01:45,000 --> 00:01:48,870 المدخلات في منتصف الصفحة ينبغي لديك 5 بكسل من المساحة البيضاء 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 بكسل، فقط لإعطائها 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 إذا ذهبت هنا لكروم، فويلا. 45 00:02:14,160 --> 00:02:16,140 الآن هذا هو حسن المظهر محرك البحث. 46 00:02:16,140 --> 00:02:18,539