1 00:00:00,000 --> 00:00:00,260 2 00:00:00,260 --> 00:00:01,900 >> DAVID مالان: حتى لقد تم صنع بلدي محرك البحث الخاص. 3 00:00:01,900 --> 00:00:04,100 وفي الوقت الراهن، يبدو مثل هذا. 4 00:00:04,100 --> 00:00:05,265 لدي هنا عنوان الصفحة. 5 00:00:05,265 --> 00:00:06,580 انها CS50 البحث. 6 00:00:06,580 --> 00:00:10,380 لدي نموذج HTML داخل منها يبدو أن مدخلا نوعه هو 7 00:00:10,380 --> 00:00:13,650 النص وإدخال آخر نوع هو الذي يقدم. 8 00:00:13,650 --> 00:00:17,180 >> إذا نحن الآن نلقي نظرة على مصدر لل هذه الصفحة، لاحظ أن، في الواقع، ونحن 9 00:00:17,180 --> 00:00:20,260 لها H1 وعلامة العنوان الذي ونقل أن هذا 10 00:00:20,260 --> 00:00:22,020 هو في الواقع CS50 البحث. 11 00:00:22,020 --> 00:00:25,940 لدينا علامة النموذج الذي تم تحديد أن النموذج ينبغي أن تقدم إلى 12 00:00:25,940 --> 00:00:27,140 أصدقائنا في غوغل. 13 00:00:27,140 --> 00:00:30,430 وداخل هذا الشكل، لدينا تلك نوعين الإدخال. 14 00:00:30,430 --> 00:00:33,770 >> ولكن لاحظ الآن نحو الجزء العلوي من صفحة، داخل رأس الصفحة، و 15 00:00:33,770 --> 00:00:36,750 هناك علامة الاسلوب، داخل وهو خاصية CSS ل 16 00:00:36,750 --> 00:00:38,570 الجسم من الصفحة. 17 00:00:38,570 --> 00:00:41,580 ماذا لو، على الرغم من أننا أردنا أن جعل كل من النص محاذاة 18 00:00:41,580 --> 00:00:43,050 عبر صفحات متعددة؟ 19 00:00:43,050 --> 00:00:46,640 وبعبارة أخرى، كنت أرغب في إعادة استخدام هذا خاصية CSS مرة أخرى ومرة ​​أخرى ومرة ​​أخرى 20 00:00:46,640 --> 00:00:50,030 في صفحات الويب المختلفة، وكلها منهم لديهم علامة الجسم؟ 21 00:00:50,030 --> 00:00:53,660 حسنا أنا يمكن بالتأكيد نسخ ولصق المغلق في كل من تلك الصفحات، ولكن 22 00:00:53,660 --> 00:00:57,730 انها تريد ان تكون أفضل تصميم لعامل هذا للخروج الى بعض الملفات المركزية وثم 23 00:00:57,730 --> 00:01:01,100 وتشمل بطريقة أو بأخرى هذا الملف في كل من تلك الصفحات بحيث إذا أريد من أي وقت مضى 24 00:01:01,100 --> 00:01:04,840 إجراء تغيير ومحاذاة النص على بلدي اليسار أو محاذاة النص بلدي على حق، وأنا 25 00:01:04,840 --> 00:01:07,220 يمكن القيام بذلك بسهولة أكثر من ذلك بكثير. 26 00:01:07,220 --> 00:01:08,860 دعونا نحاول القيام بذلك. 27 00:01:08,860 --> 00:01:12,520 >> أولا، دعونا قطع هذا العلامة النمط تماما. 28 00:01:12,520 --> 00:01:16,820 والآن دعونا فتح ملف يسمى، مثلا، البحث 3.css ووضع ذلك 29 00:01:16,820 --> 00:01:18,970 نفس CSS في هذا الملف. 30 00:01:18,970 --> 00:01:23,500 الجسم ستكون لدينا مواءمة النصوص: مركز؛ 31 00:01:23,500 --> 00:01:24,760 دعونا حفظ هذا الملف. 32 00:01:24,760 --> 00:01:30,950 >> دعونا الآن نعود للبحث-3.html و، في الرأس مرة أخرى، إضافة علامة صلة 33 00:01:30,950 --> 00:01:33,630 تحديد مرجع فرط البحث-3.css. 34 00:01:33,630 --> 00:01:38,650 CSS ودعونا تحديد أن العلاقة أن هذا الملف له مع 35 00:01:38,650 --> 00:01:41,880 الصفحة هو بمثابة ورقة أسلوبه. 36 00:01:41,880 --> 00:01:44,840 دعونا الآن إغلاق هذه العلامة، وحفظ الملف، وإعادة تحميل 37 00:01:44,840 --> 00:01:46,910 هذه الصفحة في المتصفح. 38 00:01:46,910 --> 00:01:49,700 >> ذلك إعادة ترتيب النص على غادر وكأن CSS 39 00:01:49,700 --> 00:01:50,905 لم يطبق حتى الممتلكات. 40 00:01:50,905 --> 00:01:53,020 الآن لماذا يمكن أن يكون؟ 41 00:01:53,020 --> 00:01:54,590 دعونا نلقي نظرة على أذونات الملف - 42 00:01:54,590 --> 00:01:58,630 لا أذونات ملف HTML، و ولكن أذونات ملف CSS ل. 43 00:01:58,630 --> 00:02:02,740 >> الى هنا في gedit، دعنا نذهب الى إطار المحطة الطرفية ونوع يرة سورية، ل 44 00:02:02,740 --> 00:02:04,720 البحث 3.css. 45 00:02:04,720 --> 00:02:09,810 آه، في الواقع، على الرغم من انني، للملف المالك، ويمكن قراءة وكتابة هذا الملف، 46 00:02:09,810 --> 00:02:11,110 لا أحد يستطيع قراءتها. 47 00:02:11,110 --> 00:02:17,570 ولكن يمكننا إصلاح هذا التصريح مع و+ ص البحث 3.css، والآن دعونا إعادة تنفيذ- 48 00:02:17,570 --> 00:02:20,970 LS-L البحث 3.css - 49 00:02:20,970 --> 00:02:21,910 وأفضل من ذلك بكثير. 50 00:02:21,910 --> 00:02:24,380 الآن العالم كله يمكن قراءة هذا الملف. 51 00:02:24,380 --> 00:02:26,950 >> دعونا نعود إلى المتصفح، تحميل. 52 00:02:26,950 --> 00:02:29,220 فويلا، نعود إلى محورها محرك البحث. 53 00:02:29,220 --> 00:02:32,450 بطبيعة الحال، وهذا هو المكان الذي بدأت القصة، مع نصنا تركزت بالفعل. 54 00:02:32,450 --> 00:02:36,000 ولكن ما هو تصميم أفضل الآن هو أن لقد الحسبان إلى أن CSS إلى 55 00:02:36,000 --> 00:02:39,690 ملف مركزي، في مكان ما في وسعنا ثم تدرج في صفحات الويب الأخرى التي 56 00:02:39,690 --> 00:02:41,580 نحن يمكن أن يحدث لجعل في المستقبل. 57 00:02:41,580 --> 00:02:45,430 لذلك إذا كنا نريد من أي وقت مضى إلى recenter أو restylize أعم صفحاتنا، ونحن 58 00:02:45,430 --> 00:02:48,570 تستطيع ان تفعل ذلك ببساطة شديدة في مكان مركزي واحد. 59 00:02:48,570 --> 00:02:50,902