1 00:00:00,000 --> 00:00:01,390 2 00:00:01,390 --> 00:00:04,890 >> [عزف الموسيقى] 3 00:00:04,890 --> 00:00:10,955 4 00:00:10,955 --> 00:00:12,580 DAVID J مالان: حسنا، مرحبا بكم إلى الوراء. 5 00:00:12,580 --> 00:00:13,600 هذا هو CS50. 6 00:00:13,600 --> 00:00:15,540 هذا هو نهاية الأسبوع السبعة. 7 00:00:15,540 --> 00:00:18,180 وانها نهاية ذلك زبال مطاردة من مشكلة تعيين أربعة 8 00:00:18,180 --> 00:00:19,220 التي قد تذكر. 9 00:00:19,220 --> 00:00:21,650 بعد تعافيه من جميع تلك صور JPEG من الموظفين، 10 00:00:21,650 --> 00:00:24,820 كنت قد تحدى، إذا كنت ترغب، لتصوير نفسك مع أكبر عدد ممكن 11 00:00:24,820 --> 00:00:25,981 من هؤلاء الناس ما تستطيع. 12 00:00:25,981 --> 00:00:28,480 وصلنا في مجمله مجموعة من المذكرات على مدى الأسابيع القليلة الماضية، 13 00:00:28,480 --> 00:00:32,980 في الواقع، عدد قليل جدا الحق قبل الظهر اليوم، والبعض منها هي تلك هنا، 14 00:00:32,980 --> 00:00:37,670 اشتعلت هنا in-- يبدو like-- أننبرغ قاعة في ساعات العمل، واحدة هنا 15 00:00:37,670 --> 00:00:39,530 لويل في البيت مع نيك. 16 00:00:39,530 --> 00:00:41,750 هنا هو رامون الوقوع على الهاتف. 17 00:00:41,750 --> 00:00:43,870 كان هذا في مأدبة غداء CS50. 18 00:00:43,870 --> 00:00:46,840 كان هذا جيسون Skyping مع زميل أكثر إبداعا، 19 00:00:46,840 --> 00:00:48,280 الذي اتصل به بهذه الطريقة. 20 00:00:48,280 --> 00:00:49,690 نحن لا نعرف ما هو هذا. 21 00:00:49,690 --> 00:00:51,940 >> [ضحك] 22 00:00:51,940 --> 00:00:54,570 >> DAVID J مالان: ولكن أن يستحق جيجابايت. 23 00:00:54,570 --> 00:00:56,960 هنا هو تشانغ، الذي ركض حرفيا قبالة المرحلة 24 00:00:56,960 --> 00:01:00,480 لتجنب تصويرهم واحد اليوم، ولكن ألقي القبض عليه في نهاية المطاف. 25 00:01:00,480 --> 00:01:02,050 هنا هو نيك. 26 00:01:02,050 --> 00:01:03,480 هنا هو نيك. 27 00:01:03,480 --> 00:01:04,080 هنا هو نيك. 28 00:01:04,080 --> 00:01:05,090 29 00:01:05,090 --> 00:01:07,670 وهنا أليسون بنسبة الحقول. 30 00:01:07,670 --> 00:01:11,840 وZamyla حتى وجد في مسابقة رقص. 31 00:01:11,840 --> 00:01:14,100 ولذا فإننا سوف تذهب من خلال هذه الصور ومعرفة 32 00:01:14,100 --> 00:01:16,690 الذي قدم أكثر أقرب، ومكافأة 33 00:01:16,690 --> 00:01:20,662 الجائزة الرائعة واحد، كما وعد في المواصفات. 34 00:01:20,662 --> 00:01:23,120 وسنقوم أيضا متابعة حول المساحة التي كان متورطا. 35 00:01:23,120 --> 00:01:26,860 >> زوجان من announcements-- الغداء حتى هو، مرة أخرى، يوم الجمعة في 1:15 AM. 36 00:01:26,860 --> 00:01:30,420 إذا كنت ترغب في الانضمام إلينا، أجبني في ذلك URL هنا. 37 00:01:30,420 --> 00:01:33,730 جيسون يظهر مرة أخرى هنا من واحد الأقسام بضع سنوات 38 00:01:33,730 --> 00:01:35,510 إلى الوراء، وهذا ما حدث أن يسقط على هالوين. 39 00:01:35,510 --> 00:01:38,950 وبالفعل، كان يرتدي زي اليقطين تلك السنة بالذات. 40 00:01:38,950 --> 00:01:42,700 إذا كنت مشاهدة هذا القسم له من 2011 مقطع 41 00:01:42,700 --> 00:01:46,480 ثمانية، إذا كنت غريبة، في CS50.tv، وأعتقد أن 42 00:01:46,480 --> 00:01:49,730 كان هذا العام الذي وكان له مضخة الهواء تعمل. 43 00:01:49,730 --> 00:01:52,490 >> إذا كنت ثم مشاهدة قسم مماثل في عام 2012، 44 00:01:52,490 --> 00:01:55,620 سترى هذه جيسون قلصت كثيرا، منذ الدعوى لم تعد تعمل، 45 00:01:55,620 --> 00:01:58,060 الذي لا يبعد سوى القول يوم الجمعة، إذا كنت 46 00:01:58,060 --> 00:02:02,720 أحب لنحت اليقطين مع Daven وغابي وغيرها، أجبني إلى رؤساء 47 00:02:02,720 --> 00:02:04,480 في عنوان cs50.harvard.edu. 48 00:02:04,480 --> 00:02:06,200 ما تعد به متعة كبيرة. 49 00:02:06,200 --> 00:02:08,660 Daven، يقال لنا، ومنحوتة اليقطينة كل حياته. 50 00:02:08,660 --> 00:02:11,930 جبرائيل من البرازيل لديها أبدا منحوتة من اليقطين لجميع القديسين. 51 00:02:11,930 --> 00:02:14,700 حتى يكون هناك معهم كما انه يتعلم. 52 00:02:14,700 --> 00:02:16,830 >> الندوات وmeanwhile-- لذلك عليك أن تتعلم قريبا 53 00:02:16,830 --> 00:02:20,650 ما هي توقعاتنا ل المشروع النهائي، والتي في جوهرها 54 00:02:20,650 --> 00:02:23,150 سوف تختزل ل تصميم وتنفيذ 55 00:02:23,150 --> 00:02:26,440 أكثر من أي مشروع من تهم لك، وإن كان رهنا بموافقة 56 00:02:26,440 --> 00:02:28,490 والتوجيه من زميل التدريس الخاص. 57 00:02:28,490 --> 00:02:32,110 نحو نهاية فصل دراسي، ونحن نقدم عددا 58 00:02:32,110 --> 00:02:35,610 الحلقات الدراسية والتي هي دروس اختيارية بقيادة زملاء التدريس وهارفارد 59 00:02:35,610 --> 00:02:38,570 الموظفين والأصدقاء من جميع أنحاء بالطبع الحرم الجامعي، في مختلف الموضوعات التي 60 00:02:38,570 --> 00:02:41,470 هي عرضية ل المنهج الأساسي بالطبع ل 61 00:02:41,470 --> 00:02:45,590 ولكن مع ذلك منطبقا، والمرح، و تختلف عن المشاريع النهائية المحتملة. 62 00:02:45,590 --> 00:02:49,530 >> على سبيل المثال، أولا، إذا كنت ترغب للتسجيل، توجه إلى هذا العنوان هناك. 63 00:02:49,530 --> 00:02:53,010 وهذه هي تشكيلة ل ندوات هذا العام وحده. 64 00:02:53,010 --> 00:02:56,060 ولكن ندرك لدينا العشرات من حلقات من السنوات الماضية، وكلها 65 00:02:56,060 --> 00:02:59,774 ترتبط في القائمة الندوات الخيار من موقع الدورة على. 66 00:02:59,774 --> 00:03:02,190 حتى إذا كنت تفكر في تجاوز منطقة الراحة الخاصة بك 67 00:03:02,190 --> 00:03:05,060 أو التقاط بعض المهارات الجديدة، على سبيل المثال، البرمجة فون 68 00:03:05,060 --> 00:03:08,100 التطبيقات مع سويفت، وهي لغة جديدة من أبل أو الهدف جيم 69 00:03:08,100 --> 00:03:11,230 أو أندرويد أو تطبيقات البرمجة [؟ جديلة؟] المصابيح الكهربائية، أو أي من المواضيع 70 00:03:11,230 --> 00:03:15,490 هنا وأكثر، والاختيار المناسب من صفحة التسجيل. 71 00:03:15,490 --> 00:03:19,730 >> هكذا بدأنا واختتمت يوم الاثنين مع النظر إلى HTTP. 72 00:03:19,730 --> 00:03:22,675 حتى HTTP refresher-- سريع، بروتوكول نقل النص التشعبي. 73 00:03:22,675 --> 00:03:24,045 ولكن ماذا يعني ذلك حقا؟ 74 00:03:24,045 --> 00:03:26,805 75 00:03:26,805 --> 00:03:27,930 ماذا يعني ذلك حقا؟ 76 00:03:27,930 --> 00:03:30,665 77 00:03:30,665 --> 00:03:31,290 هو أن اليد؟ 78 00:03:31,290 --> 00:03:33,074 79 00:03:33,074 --> 00:03:34,740 وأنا أعلم أنك كنت مجرد الخدش رأسك. 80 00:03:34,740 --> 00:03:36,400 ولكنك تريد أن تقترح ما هو HTTP؟ 81 00:03:36,400 --> 00:03:37,792 82 00:03:37,792 --> 00:03:40,576 >> الجمهور: كيف أجهزة الكمبيوتر التواصل مع (غير مسموع). 83 00:03:40,576 --> 00:03:41,517 84 00:03:41,517 --> 00:03:43,100 DAVID J مالان: فاتني الجزء الأخير. 85 00:03:43,100 --> 00:03:45,774 كيفية اتصال أجهزة الكمبيوتر with-- 86 00:03:45,774 --> 00:03:47,325 >> خوادم الإنترنت: الجمهور. 87 00:03:47,325 --> 00:03:50,450 DAVID J مالان: Good-- مع الإنترنت خوادم، وعلى وجه التحديد، خوادم الويب. 88 00:03:50,450 --> 00:03:53,533 لأن الاستدعاء، وهناك مجموعة من خدمات على الانترنت، وبعضها 89 00:03:53,533 --> 00:03:57,349 ربما كنت تستخدم يوميا بين دردشة ورسالة، والدردشة، وشبكة الإنترنت، والبريد الإلكتروني، و 90 00:03:57,349 --> 00:03:57,890 وما شابه ذلك. 91 00:03:57,890 --> 00:04:00,900 وHTTP هو مجرد بروتوكول متصفحات الويب 92 00:04:00,900 --> 00:04:03,750 الكلام عند الاتصال مع خوادم الويب، والعكس بالعكس. 93 00:04:03,750 --> 00:04:05,580 والتناظرية في العالم البشري قد يكون، 94 00:04:05,580 --> 00:04:08,730 أنا أمد يدي لزعزعة بعض البعض البشري وانه أو انها 95 00:04:08,730 --> 00:04:11,970 وتقر من خلال توسيع له أو لها اليد أيضا. 96 00:04:11,970 --> 00:04:13,970 ذلك أن مجرد بروتوكول، مجموعة من الاتفاقيات. 97 00:04:13,970 --> 00:04:15,630 >> وبالفعل ما هي تلك الاتفاقيات؟ 98 00:04:15,630 --> 00:04:18,640 حسنا، انها مجرد الدمامل وصولا الى إرسال رسائل ذهابا وإيابا، 99 00:04:18,640 --> 00:04:19,770 ونحن مبين هنا. 100 00:04:19,770 --> 00:04:22,520 وهناك بضعة طرق في والتي من الممكن أن ترسل هذه الرسائل. 101 00:04:22,520 --> 00:04:24,360 وربما كان الأكثر ومن المعروف شيوعا مثل GET. 102 00:04:24,360 --> 00:04:26,510 وسنرى تباين لهذا قبل فترة طويلة. 103 00:04:26,510 --> 00:04:30,010 >> ولكن طلب GET من مستعرض إلى خادم يبدو تماما مثل هذا. 104 00:04:30,010 --> 00:04:32,960 انها مجموعة من النص أنه يضع داخل مظروف الظاهري. 105 00:04:32,960 --> 00:04:35,854 على السطح الخارجي للأن الظرف تقطع قطع زوجين من التفاصيل. 106 00:04:35,854 --> 00:04:37,770 ما يجب أن يذهب على المغلف، إذا جاز التعبير، 107 00:04:37,770 --> 00:04:41,820 من أجل الحصول على مثل هذا الطلب هذا مني لخادم الويب؟ 108 00:04:41,820 --> 00:04:42,320 نعم. 109 00:04:42,320 --> 00:04:43,270 >> الجمهور: عنوان IP الخاص بك. 110 00:04:43,270 --> 00:04:45,890 >> DAVID J مالان: عنوان IP الخاص بي في الحقل، إذا جاز التعبير، 111 00:04:45,890 --> 00:04:49,490 وبطبيعة الحال، عنوان IP المستلم. 112 00:04:49,490 --> 00:04:52,710 ولكن في حالة وجود حزمة على شبكة الإنترنت، نحتاج بشيء من التفصيل 113 00:04:52,710 --> 00:04:55,254 انها ليست كافية فقط ل إرسال مغلف إلى ملقم، 114 00:04:55,254 --> 00:04:57,670 لأنه قد يكون هذا الخادم الاستماع لأنواع مختلفة 115 00:04:57,670 --> 00:04:59,180 من حركة المرور على الإنترنت. 116 00:04:59,180 --> 00:05:01,370 لذلك ماذا نحتاج إلى جانب IP المستلم؟ 117 00:05:01,370 --> 00:05:02,723 118 00:05:02,723 --> 00:05:03,222 نعم؟ 119 00:05:03,222 --> 00:05:04,241 >> الجمهور: هل من برنامج التعاون الفني؟ 120 00:05:04,241 --> 00:05:05,074 DAVID J مالان: جيد. 121 00:05:05,074 --> 00:05:06,470 TCP-- 122 00:05:06,470 --> 00:05:07,340 >> الجمهور: العناوين. 123 00:05:07,340 --> 00:05:09,340 >> DAVID J مالان: عنوان، أو منفذ، كما يطلق عليه. 124 00:05:09,340 --> 00:05:11,010 وثيق، ولكن رقم منفذ TCP. 125 00:05:11,010 --> 00:05:12,220 وهناك مجموعة من هؤلاء. 126 00:05:12,220 --> 00:05:14,310 ولكن من المؤكد أن معظم مألوفة ينبغي في نهاية المطاف 127 00:05:14,310 --> 00:05:17,590 يكون 80، والذي هو الافتراضي واحدة تستخدم لحركة المرور على الشبكة. 128 00:05:17,590 --> 00:05:20,040 ومألوفة أخرى واحد قريبا سيكون 443، 129 00:05:20,040 --> 00:05:24,280 الذي يستخدم لتأمين الويب حركة المرور، وعناوين المواقع التي تبدأ ب https. 130 00:05:24,280 --> 00:05:26,650 >> لذلك هذا هو ما يدور داخل ذلك الظرف. 131 00:05:26,650 --> 00:05:29,780 والحصول على / فقط يعني، وإعطاء لي صفحة الويب الافتراضية. 132 00:05:29,780 --> 00:05:32,700 تعطيني جذر الصعب القيادة على أن خادم الويب. 133 00:05:32,700 --> 00:05:36,050 ونأمل، وشبكة الإنترنت الخادم سترد، OK 134 00:05:36,050 --> 00:05:39,630 ورقم 200، الذي هو مجرد اتفاقية القول، نعم، كل 135 00:05:39,630 --> 00:05:40,470 هو في الواقع موافق. 136 00:05:40,470 --> 00:05:41,680 وهنا الصفحة. 137 00:05:41,680 --> 00:05:45,510 نوع صفحة ويب سوف يكون النص، ولكن بشكل أكثر تحديدا، HTML، 138 00:05:45,510 --> 00:05:47,010 ونحن على وشك الغوص مرة أخرى في. 139 00:05:47,010 --> 00:05:49,877 ونقطة نقطة نقطة فقط الوسائل، وهنا هو HTML. 140 00:05:49,877 --> 00:05:51,710 وذلك حيث أننا تلتقط القصة اليوم، 141 00:05:51,710 --> 00:05:55,740 الكتابة فعلا HTML، لغة توصيف النص التشعبي، والذي 142 00:05:55,740 --> 00:05:57,727 هي اللغة التي تتم كتابة صفحات الويب. 143 00:05:57,727 --> 00:05:59,060 انها ليست لغة برمجة. 144 00:05:59,060 --> 00:06:01,270 لا يوجد وظائف أو حلقات أو شروط. 145 00:06:01,270 --> 00:06:03,800 انها لغة الترميز، كذلك نرى مرة أخرى اليوم، 146 00:06:03,800 --> 00:06:07,240 التي تسمح لك بتحديد كيفية هيكلة وأسلب 147 00:06:07,240 --> 00:06:09,300 جماليا صفحة على شبكة الإنترنت. 148 00:06:09,300 --> 00:06:11,470 >> لذلك كان هذا واحد والصفحة الوحيدة التي يمكننا حقا 149 00:06:11,470 --> 00:06:13,930 نظرت، إذا لفترة وجيزة يوم الاثنين. 150 00:06:13,930 --> 00:06:16,250 ولاحظ عدد قليل الخصائص البارزة. 151 00:06:16,250 --> 00:06:20,170 هناك الكثير من الزاوية المفتوحة قوس وإغلاق قوس الزاوية. 152 00:06:20,170 --> 00:06:23,160 في تلك الزاوية بين بين قوسين هي الكلمات. 153 00:06:23,160 --> 00:06:25,660 ونحن في طريقنا للبدء داعيا تلك الكلمات العلامات. 154 00:06:25,660 --> 00:06:28,800 رئيس قوس مفتوح حتى ورئيس قوس مغلق 155 00:06:28,800 --> 00:06:33,620 هي علامات المفتوحة والمغلقة، أو علامات البداية والنهاية 156 00:06:33,620 --> 00:06:37,660 على التوالي، عنصر HTML، ونحن سوف يطلق عليه، دعا رئيس. 157 00:06:37,660 --> 00:06:41,760 وتنطبق نفس المصطلحات لجسم في HTML وهكذا دواليك. 158 00:06:41,760 --> 00:06:43,970 >> وما هو الجميل هو HTML-- والواقع، سنقوم 159 00:06:43,970 --> 00:06:47,187 يقضون وقتا قليلا رهيب على ذلك، لأنك في الغالب مجرد معرفة 160 00:06:47,187 --> 00:06:49,770 ما هي الميزات له عند فعلا مشكلة ملموسة 161 00:06:49,770 --> 00:06:52,820 لsolve-- ستجد أن المتصفح هو غبية جدا. 162 00:06:52,820 --> 00:06:56,450 انها مجرد الذهاب الى do-- لا تختلف وcomputer-- ما كنت أقول أن تفعله. 163 00:06:56,450 --> 00:06:59,279 وحتى عندما يكون لديك مفتوحة قوس HTML في أعلى جدا 164 00:06:59,279 --> 00:07:01,320 هناك، والتي في جوهرها فقط يعني، مهلا، المتصفح، 165 00:07:01,320 --> 00:07:04,090 هنا يأتي صفحة ويب مكتوب بلغة HTML. 166 00:07:04,090 --> 00:07:06,130 >> عندما ترى قوس مفتوح الرأس، وهذا يعني فقط، 167 00:07:06,130 --> 00:07:10,350 مهلا، ومتصفح، وهنا يأتي الرأس، أو والعلوي جزء من صفحة الويب الخاصة بي. 168 00:07:10,350 --> 00:07:14,192 عندما يرى قوس مغلق الرأس، وهذا يعني فقط، مهلا، 169 00:07:14,192 --> 00:07:15,150 هذا كل شيء على الرأس. 170 00:07:15,150 --> 00:07:16,420 الاستعداد لشيء آخر. 171 00:07:16,420 --> 00:07:18,878 وشيء آخر هو على ما يبدو سيكون الجسم. 172 00:07:18,878 --> 00:07:22,630 وعندما لم يكن لديك بطاقة، مثل لديك فقط مرحبا، فاصلة، العالم، 173 00:07:22,630 --> 00:07:26,610 أن مجرد سيكون النص الخام التي يتم عرضه في نهاية المطاف في الشاشة. 174 00:07:26,610 --> 00:07:29,220 >> الآن، ستلاحظ أيضا المسافة البادئة هنا. 175 00:07:29,220 --> 00:07:32,160 ربما يمكنك استنتاج كيف نقوم stylizing ذلك. 176 00:07:32,160 --> 00:07:34,850 في كل مرة أقوم بفتح علامة، إذا جاز التعبير، وأنا بمحاذاة أطراف. 177 00:07:34,850 --> 00:07:38,540 وفي كل مرة أغمض علامة، وأنا من الامم المتحدة والمسافة البادئة، 178 00:07:38,540 --> 00:07:40,690 مماثلة في الروح إلى الأقواس المعقوفة. 179 00:07:40,690 --> 00:07:43,470 وأبعد من ذلك، انا من النوع استخدام رأيي. 180 00:07:43,470 --> 00:07:48,380 لاحظ أن لم أكن عناء ضرب يدخل داخل تلك علامة العنوان. 181 00:07:48,380 --> 00:07:48,990 لماذا؟ 182 00:07:48,990 --> 00:07:51,920 حسنا، أنا فقط قررت بدا و أنظف قليلا بالنسبة لي، والإنسان، 183 00:07:51,920 --> 00:07:53,181 ليست مجرد عناء القيام بذلك. 184 00:07:53,181 --> 00:07:54,930 ذلك مرة أخرى، هناك بعض الحكم يدعو فقط 185 00:07:54,930 --> 00:07:57,670 كما يوجد في C أو أي لغة. 186 00:07:57,670 --> 00:08:04,110 >> لكن لاحظ أيضا أن هذه المسافة البادئة يفسح المجال لنموذج عقلي، 187 00:08:04,110 --> 00:08:05,670 عدم الإفراط تعقيد ذلك. 188 00:08:05,670 --> 00:08:07,020 ولكن شجرة، أليس كذلك؟ 189 00:08:07,020 --> 00:08:09,290 إذا كنت تعتقد أن لشبكة الإنترنت صفحة، وكتب على ما يبدو 190 00:08:09,290 --> 00:08:12,050 مثل هذا، كما يجري بادئة طيف بهذه الطريقة، 191 00:08:12,050 --> 00:08:17,390 يمكن ان يخطر لك تقريبا من قوس مفتوح HTML علامة قوس مغلقة وبترسيم 192 00:08:17,390 --> 00:08:21,380 جذر عقدة، شجرة العائلة عقدة النمط في النمط من الأشجار 193 00:08:21,380 --> 00:08:22,900 ونحن ننظر في يوم الجمعة الماضي. 194 00:08:22,900 --> 00:08:27,630 >> والواقع، لدينا على حق هنا ما سنقوم استدعاء DOM، D-O-M، وثيقة 195 00:08:27,630 --> 00:08:31,680 نموذج كائن، وهي طريقة أخرى للقول شجرة تمثل ذلك HTML. 196 00:08:31,680 --> 00:08:36,140 وتلاحظ أن لديه HTML، فإننا سوف أقول، مثل شجرة عائلة، طفلان. 197 00:08:36,140 --> 00:08:37,659 على اليسار هو الرأس. 198 00:08:37,659 --> 00:08:39,179 على اليمين هو الجسم. 199 00:08:39,179 --> 00:08:44,220 >> ومثلما الفكر ممارسة الطائش، الرأس، وبطبيعة الحال، لديه عدد الأطفال 200 00:08:44,220 --> 00:08:46,070 وفقا لهذا الهيكل؟ 201 00:08:46,070 --> 00:08:48,200 حتى واحد فقط، title-- وهذا هو السبب لدينا 202 00:08:48,200 --> 00:08:50,580 السهم الذهاب من الرأس إلى اللقب. 203 00:08:50,580 --> 00:08:55,110 لذلك كما لو أن الشخص في كانت شجرة العائلة ذرية واحدة فقط. 204 00:08:55,110 --> 00:08:58,230 ثم لقب نفسه يمكن أن يقال لإنجاب طفل أيضا. 205 00:08:58,230 --> 00:09:01,780 >> نذكر بأن HTML لها مرحبا، فاصلة، العالم تحته. 206 00:09:01,780 --> 00:09:06,090 ولقد لفت ببساطة داخل البيضاوي بدلا من المستطيل فقط 207 00:09:06,090 --> 00:09:10,559 لنقل غويا أنه على الرغم من انها عقدة في شجرة، إذا جاز التعبير، 208 00:09:10,559 --> 00:09:12,100 انها نوع من اختلافا جذريا. 209 00:09:12,100 --> 00:09:12,800 انها ليست علامة. 210 00:09:12,800 --> 00:09:14,780 أو أكثر بشكل صحيح، انها ليست عنصرا. 211 00:09:14,780 --> 00:09:16,590 انها مجرد عقدة النص، اذا صح التعبير. 212 00:09:16,590 --> 00:09:18,990 ولكن هذه هي تماما الاتفاقيات الإنسان التعسفية. 213 00:09:18,990 --> 00:09:23,180 هذا هو الآن فقط طريقتي في تمثل ما سوف أكون باعتبارها مجموع 214 00:09:23,180 --> 00:09:24,340 استدعاء الوثيقة. 215 00:09:24,340 --> 00:09:27,750 >> وبوصفها جانبا، والشيء في السوبر أعلى الزاوية اليسرى، 216 00:09:27,750 --> 00:09:32,080 قوس مفتوح تعجب ثيقة نوع HTML، وهذا يبدو وكأنه علامة، 217 00:09:32,080 --> 00:09:35,560 ولكن هذا هو الحال الزاوية غبية حيث هذا هو فقط هناك، نسخ ولصق 218 00:09:35,560 --> 00:09:38,460 للإشارة المتصفحات هذا هو نسخة HTML 5. 219 00:09:38,460 --> 00:09:41,540 العالم يحتفظ تغيير ما يجب أن يكون السطر الأول من التعليمات البرمجية في الصفحة. 220 00:09:41,540 --> 00:09:43,820 هذا يعني فقط الإصدار 5. 221 00:09:43,820 --> 00:09:45,950 لذلك لا ليس تماما تبدو مثل الآخرين. 222 00:09:45,950 --> 00:09:48,120 >> كل الحق، حتى مع أن قال: عليك أن نقدر الآن 223 00:09:48,120 --> 00:09:50,767 هذا إلى حد ما هذا الغباء حصلت على وشم شخص. 224 00:09:50,767 --> 00:09:51,990 >> [ضحك] 225 00:09:51,990 --> 00:09:54,210 >> DAVID J مالان: حسنا، والآن دعونا فعلا الغوص 226 00:09:54,210 --> 00:09:55,710 إلى القيام بشيء مع هذا. 227 00:09:55,710 --> 00:09:58,610 عليك أن تتذكر أن آخر مرة أنا فتحت الأجهزة CS50 228 00:09:58,610 --> 00:10:01,650 وكما فعلت شيئا البساطة الانفتاح جي إديت. 229 00:10:01,650 --> 00:10:05,190 وأنا بحفظ الملف حتى على بلدي desktop-- مكان special-- 230 00:10:05,190 --> 00:10:05,870 كما hello.html. 231 00:10:05,870 --> 00:10:07,100 232 00:10:07,100 --> 00:10:10,984 >> لذلك اسمحوا لي أن تفعل ذلك again-- hello.html أدخل. 233 00:10:10,984 --> 00:10:13,900 والآن في هذا الملف، وانا ذاهب ل المضي قدما وتكرار ما كنا فقط 234 00:10:13,900 --> 00:10:18,850 saw-- ثيقة نوع HTML ثم انا ذاهب الى القيام HTML قوس قوس مفتوح مغلق. 235 00:10:18,850 --> 00:10:21,890 ثم انا ذاهب الى استباقي فتح وإغلاق علامة. 236 00:10:21,890 --> 00:10:22,390 لماذا؟ 237 00:10:22,390 --> 00:10:23,598 فقط حتى لا ننسى في وقت لاحق. 238 00:10:23,598 --> 00:10:26,850 انها ممارسة جيدة فقط، مثل افتتاح وإغلاق الأقواس المعقوفة في كل مرة. 239 00:10:26,850 --> 00:10:28,900 >> ثم ما جاء بعد ذلك؟ 240 00:10:28,900 --> 00:10:30,582 يمكنك التفكير في الوشم. 241 00:10:30,582 --> 00:10:31,450 >> الجمهور: الرأس. 242 00:10:31,450 --> 00:10:32,500 >> DAVID J مالان: الرأس. 243 00:10:32,500 --> 00:10:36,020 ثم هنا، وأنا كان العنوان، على ما أعتقد. 244 00:10:36,020 --> 00:10:39,886 وكان عنوان تعسفا، مرحبا، عنوان وثيق العالم. 245 00:10:39,886 --> 00:10:42,760 ثم إلى هنا، الجسم، ل course-- ثم نغلق العلامة الجسم. 246 00:10:42,760 --> 00:10:45,660 وبعد ذلك فقط بوفرة إلى حد ما، كان لي نفس الشيء هنا في الأسفل. 247 00:10:45,660 --> 00:10:47,150 >> لذلك أزعم أن هذا هو صفحة ويب. 248 00:10:47,150 --> 00:10:49,050 هذا هو الشيء الذي يمكن أن يعيش الآن على شبكة الإنترنت، 249 00:10:49,050 --> 00:10:51,925 على الرغم من وبطبيعة الحال، انها حرفيا الذين يعيشون على سطح المكتب الآن. 250 00:10:51,925 --> 00:10:55,837 ولكن في الواقع، إذا كنت التقليل جي إديت، سوف ترى على مكتبي الرمز الخاص به. 251 00:10:55,837 --> 00:10:58,420 على الرغم من هذا الجهاز، هل يمكن القيام بذلك على نظام التشغيل Mac OS 252 00:10:58,420 --> 00:11:01,580 بدون برنامج TextEdit أو نوافذ مع المفكرة حتى. 253 00:11:01,580 --> 00:11:06,115 >> وإذا كنت المضي قدما وانقر مرتين حتى أن وselect-- جيدا، دعنا 254 00:11:06,115 --> 00:11:07,990 يتم تحديد ذلك ل الكروم ليس فتح. 255 00:11:07,990 --> 00:11:09,281 دعونا نمضي قدما وفتح كروم. 256 00:11:09,281 --> 00:11:10,160 257 00:11:10,160 --> 00:11:14,040 ثم نفذ الأوامر يا لمفتوحا وانتقل إلى سطح المكتب 258 00:11:14,040 --> 00:11:15,320 وفتح هذا الملف. 259 00:11:15,320 --> 00:11:20,120 هذه هي الطريقة التي يفسر متصفح HTML، الأعلى إلى الأسفل، من اليسار إلى اليمين. 260 00:11:20,120 --> 00:11:21,314 مهلا، هنا متصفح HTML. 261 00:11:21,314 --> 00:11:21,980 وهنا الرأس. 262 00:11:21,980 --> 00:11:23,250 وهنا العنوان. 263 00:11:23,250 --> 00:11:24,090 وهنا الجسم. 264 00:11:24,090 --> 00:11:26,620 وبالفعل، هذه هي الطريقة ذلك أن يجعل صفحة الويب. 265 00:11:26,620 --> 00:11:27,800 >> لكن لاحظ عنوان URL. 266 00:11:27,800 --> 00:11:32,430 لا أحد منكم يمكن سحب ما يصل هذا تحديدا صفحة على أجهزة الكمبيوتر المحمول الخاص بك الآن، 267 00:11:32,430 --> 00:11:34,910 حتى داخل الخاص بك الأجهزة عبر هذا العنوان، 268 00:11:34,910 --> 00:11:40,130 لأن ملف: // يشير انها فعلا في نظام الملفات الخاص بي، والقرص الصلب بلدي، 269 00:11:40,130 --> 00:11:40,990 ليس لك. 270 00:11:40,990 --> 00:11:42,440 لذلك هذا ليس كل ما مفيد. 271 00:11:42,440 --> 00:11:44,940 >> دعونا الآن التحرك نحو باستخدام ملقم ويب الفعلي. 272 00:11:44,940 --> 00:11:48,309 واتضح من الأجهزة CS50 هو أكثر من مجرد بيئة حيث 273 00:11:48,309 --> 00:11:51,100 يمكنك كتابة التعليمات البرمجية C و ترجمة وتشغيله وكأنك لم تفعل. 274 00:11:51,100 --> 00:11:55,500 كما أنه قد تم تكوينها من قبل الموظفين لتمثيل نموذجي على شبكة الإنترنت 275 00:11:55,500 --> 00:11:58,290 خادم على شبكة الإنترنت، واحد التي قد تدفع ل 276 00:11:58,290 --> 00:12:00,210 أو واحدة هذا في ما يسمى السحابة. 277 00:12:00,210 --> 00:12:02,600 >> وانها تعمل معيار حر مفتوح المصدر 278 00:12:02,600 --> 00:12:06,160 برنامج، على سبيل المثال، شيء دعا أباتشي، والتي هي ربما 279 00:12:06,160 --> 00:12:08,700 لا يزال الأكثر شعبية على شبكة الإنترنت برنامج الخادم في العالم 280 00:12:08,700 --> 00:12:11,030 إن الآلاف من المواقع تستخدم اليوم. 281 00:12:11,030 --> 00:12:13,420 وأيضا لديها حتى البرمجيات مثل الخلية، 282 00:12:13,420 --> 00:12:16,240 وهو خادم قاعدة البيانات أننا سنصل في النهاية إلى، 283 00:12:16,240 --> 00:12:18,330 الذي لا يبعد سوى القول يمكنني بدء علاج 284 00:12:18,330 --> 00:12:22,040 الأجهزة بلدي كخادم متكامل أنني لا تدفع في مكان آخر. 285 00:12:22,040 --> 00:12:25,980 أنه يعيش فقط على جهاز الكمبيوتر المحمول الخاص ل أغراض التنمية والراحة. 286 00:12:25,980 --> 00:12:27,870 >> لذلك دعونا نمضي قدما و الاستفادة من هذا. 287 00:12:27,870 --> 00:12:30,120 انا ذاهب الى المضي قدما و فتح نافذة الصالة. 288 00:12:30,120 --> 00:12:33,030 وانا ذاهب الى المضي قدما و move-- في الواقع، أولا أنا 289 00:12:33,030 --> 00:12:34,860 الذهاب للانتقال إلى سطح المكتب. 290 00:12:34,860 --> 00:12:36,400 إذا كنت تفعل ليرة سورية، هناك hello.html. 291 00:12:36,400 --> 00:12:37,022 292 00:12:37,022 --> 00:12:38,730 وانا ذاهب الى الذهاب وقبل البدء في استخدام 293 00:12:38,730 --> 00:12:40,800 دليل جديد قمنا لم تستخدم من قبل اليوم. 294 00:12:40,800 --> 00:12:46,840 >> hello.html-- انا ذاهب الى التحرك ل../vhosts لhosts-- الظاهري 295 00:12:46,840 --> 00:12:50,940 أكثر على ذلك في future-- ثم في دليل يسمى المضيف المحلي، 296 00:12:50,940 --> 00:12:54,420 وهو الاسم الذي يطلق على ما يقرب من أي جهاز كمبيوتر، سواء كان جهاز ماكنتوش، وأجهزة الكمبيوتر، 297 00:12:54,420 --> 00:12:57,560 أو كمبيوتر لينكس، ومن ثم على وجه التحديد إلى دليل على أننا، 298 00:12:57,560 --> 00:13:01,260 الموظفين خلقت بالفعل بالنسبة لك عندما قمت بتحميل الأجهزة يسمى 299 00:13:01,260 --> 00:13:01,760 جمهور. 300 00:13:01,760 --> 00:13:04,551 وكما يوحي اسمها، أي شيء أنا وضعت في هذا المجلد، من الناحية النظرية، 301 00:13:04,551 --> 00:13:07,790 ستكون الآن الجمهور، على الأقل إلى الناس 302 00:13:07,790 --> 00:13:10,030 الذين لديهم مباشرة اتصال إلى جهاز الكمبيوتر الخاص بي. 303 00:13:10,030 --> 00:13:13,160 >> وحتى الآن اسمحوا لي أن تمضي قدما و قيام مؤتمر نزع السلاح إلى هذا الدليل نفسه 304 00:13:13,160 --> 00:13:15,490 حتى أستطيع أن أرى ما يجري ونوع ليرة سورية. 305 00:13:15,490 --> 00:13:17,630 وبالفعل، وهذا هو الشيء الوحيد هناك. 306 00:13:17,630 --> 00:13:23,250 أزعم الآن أن لأنني وضعت هذا ملف hello.html داخل دليل 307 00:13:23,250 --> 00:13:26,940 ودعا الجمهور من داخل دليل دعا المضيف المحلي داخل دليل 308 00:13:26,940 --> 00:13:29,810 دعا vhosts، التي بفضل الموظفين CS50 309 00:13:29,810 --> 00:13:34,390 تم تهيئتها قبل أن يكون جذر خادم الويب الخاص بك، 310 00:13:34,390 --> 00:13:36,900 يمكنني الآن نأمل القيام بذلك. 311 00:13:36,900 --> 00:13:38,390 >> انا ذاهب لفتح علامة تبويب جديدة. 312 00:13:38,390 --> 00:13:40,090 وانا ذاهب للذهاب ليس إلى الملف: //. 313 00:13:40,090 --> 00:13:44,520 انا ذاهب الى الاستخدام الفعلي HTTP / المضيف المحلي، الذي 314 00:13:44,520 --> 00:13:47,470 مرة أخرى، هو الاسم المستعار لخدمة بلدي. 315 00:13:47,470 --> 00:13:51,085 ثم انا ذاهب الى الذهاب الى ما اسم ملف، لمجرد أن يكون واضحا؟ 316 00:13:51,085 --> 00:13:52,680 317 00:13:52,680 --> 00:13:54,320 حيث هذه القصة ربما ذاهب؟ 318 00:13:54,320 --> 00:13:56,066 319 00:13:56,066 --> 00:13:56,565 hello.html. 320 00:13:56,565 --> 00:13:58,350 321 00:13:58,350 --> 00:14:04,270 >> لذلك وبعبارة أخرى، أريد أن الآن هذا هو جهاز الكمبيوتر الخاص بي، يا الأجهزة الخاصة، 322 00:14:04,270 --> 00:14:05,660 كما لو انها خادم الفعلي. 323 00:14:05,660 --> 00:14:07,490 وLOCALHOST كنية لها. 324 00:14:07,490 --> 00:14:10,210 ولكن اعتقد من المضيف المحلي كما مثل Facebook.com google.com، أيا كان. 325 00:14:10,210 --> 00:14:11,600 انها مجرد اسمي المحلي. 326 00:14:11,600 --> 00:14:14,810 ومن ثم المباراة النهائية أريده هو في الجذر من القرص الصلب، إذا جاز التعبير، 327 00:14:14,810 --> 00:14:17,729 أو جذر خادم الويب، إرجو مائلة للأمام ثم 328 00:14:17,729 --> 00:14:18,770 اسم الملف hello.html. 329 00:14:18,770 --> 00:14:19,880 330 00:14:19,880 --> 00:14:21,930 >> اسمحوا لي تصغير وهاهنا. 331 00:14:21,930 --> 00:14:24,266 وبالفعل، هناك الآن صفحة الويب الخاصة بي. 332 00:14:24,266 --> 00:14:25,390 حتى انها مختلفة قليلا. 333 00:14:25,390 --> 00:14:26,880 وانها مثلما مخيب. 334 00:14:26,880 --> 00:14:27,904 هذه هي النسخة القديمة. 335 00:14:27,904 --> 00:14:29,070 اسمحوا لي أن يتقلص الخط الخلفي. 336 00:14:29,070 --> 00:14:29,745 هذا هو القديم. 337 00:14:29,745 --> 00:14:30,890 هذا هو الجديد. 338 00:14:30,890 --> 00:14:35,430 ولكن ما يحدث في الأساس الآن هو أن HTTP يتم استخدامه. 339 00:14:35,430 --> 00:14:39,344 >> دعونا جعل هذا قليلا أكثر وضوحا أو، اذا صح التعبير، قليلا أكثر تعقيدا. 340 00:14:39,344 --> 00:14:41,760 اسمحوا لي أن انتقل إلى أسفل اليمين الزاوية يد الأجهزة بلدي. 341 00:14:41,760 --> 00:14:44,000 وتلاحظ أن جميع هذه الوقت، كان هناك عددا. 342 00:14:44,000 --> 00:14:47,330 هذا هو عنوان فريد من الأجهزة CS50 الخاص بك. 343 00:14:47,330 --> 00:14:50,800 انها عنوان الخاص، كما ضمنية من قبل 172.16، 344 00:14:50,800 --> 00:14:53,860 وهو ما يعني فقط أنت فقط جسديا يمكن الوصول إلى خادم الويب هذا. 345 00:14:53,860 --> 00:14:56,340 وجدار ناري كل شيء و محمية بشكل جيد من الراحة 346 00:14:56,340 --> 00:14:58,130 من العالم بسبب هذا التصدي. 347 00:14:58,130 --> 00:15:01,920 >> والآن نلاحظ على الرغم اذا ذهبت الى هذا العنوان، وليس في الأجهزة الخاصة بي، 348 00:15:01,920 --> 00:15:04,340 ولكن في ماك OS-- سأشارك أن أعود إلى هنا. 349 00:15:04,340 --> 00:15:05,930 هذا هو بلدي ماك الآن. 350 00:15:05,930 --> 00:15:08,460 والآن انا ذاهب لفتح هذا الإصدار من كروم هنا. 351 00:15:08,460 --> 00:15:17,370 وانا ذاهب للذهاب إلى http: //172.16.25 / وأنسى rest-- 133. 352 00:15:17,370 --> 00:15:25,210 >> لذلك أنا ذاهب لزيارة بلدي من ماك إن عنوان IP /hello.html أدخل. 353 00:15:25,210 --> 00:15:29,850 والآن أرى من وجهة نظري ماك أن بلدي الأجهزة CS50، الذي هو 354 00:15:29,850 --> 00:15:32,600 عنوان IP هو أن العدد، تتصرف في الواقع 355 00:15:32,600 --> 00:15:34,320 مثل الخادم على شبكة الانترنت على شبكة الإنترنت. 356 00:15:34,320 --> 00:15:36,944 لم يكن لديك لطيفة سهلة ل تذكر اسم مثل Facebook.com، 357 00:15:36,944 --> 00:15:40,370 لكنها باستخدام HTTP على ما يبدو، على الرغم من كروم 358 00:15:40,370 --> 00:15:43,560 هو نوع من تبسيط العالم بالنسبة لنا ولكن لا يظهر لنا HTTP. 359 00:15:43,560 --> 00:15:46,210 ولكن هذا هو الواقع بالضبط. 360 00:15:46,210 --> 00:15:48,470 الكروم هو مجرد توفير بعض المفاتيح هذه الأيام. 361 00:15:48,470 --> 00:15:50,530 وهذا ما نراه الآن. 362 00:15:50,530 --> 00:15:51,890 >> ذلك أن كل شيء على ما يرام وجيدة. 363 00:15:51,890 --> 00:15:53,740 ولكن من صفحة مخيب جدا. 364 00:15:53,740 --> 00:15:56,230 اسمحوا لي أن أذهب في وتفعل شيئا مختلفة قليلا الآن. 365 00:15:56,230 --> 00:15:57,910 لذلك اسمحوا لي أن أعود إلى جي إديت. 366 00:15:57,910 --> 00:16:00,580 وبدلا من الترحيب، العالم، دعونا نضع صورة. 367 00:16:00,580 --> 00:16:05,880 وأنا ادعى من before-- اسمحوا لي ان اذهب في بلدي دليل الجمهور المضيف المحلي. 368 00:16:05,880 --> 00:16:10,580 واسمحوا لي أن تمضي قدما ونسخ مجموعة كاملة من الملفات من اليوم 369 00:16:10,580 --> 00:16:15,633 من مجلد دروببوإكس بلدي إلى هنا. 370 00:16:15,633 --> 00:16:19,470 371 00:16:19,470 --> 00:16:21,680 >> الآن إذا كنت اكتب ليرة سورية، والبحث في كل هذه الملفات 372 00:16:21,680 --> 00:16:24,940 التي كنت وزعتها موقع بالطبع في وقت مبكر من اليوم، 373 00:16:24,940 --> 00:16:26,830 واحد منها لا يزال hello.html. 374 00:16:26,830 --> 00:16:27,830 حتى أن هناك واحد. 375 00:16:27,830 --> 00:16:30,730 وأذكر هذا واحد سخيف من الماضي cat.jpg time--. 376 00:16:30,730 --> 00:16:34,550 لذلك اسمحوا لي في محاولة لتضمين cat.jpg داخل صفحة الويب الخاصة بي. 377 00:16:34,550 --> 00:16:37,690 >> انا ذاهب الى المضي قدما والقيام cat.jpg، حفظ. 378 00:16:37,690 --> 00:16:38,950 اسمحوا لي أن أعود إلى كروم. 379 00:16:38,950 --> 00:16:41,140 واسمحوا لي أن التكبير في الخط وتحميل الآن. 380 00:16:41,140 --> 00:16:43,090 381 00:16:43,090 --> 00:16:45,030 عفوا، أين أضع هذا؟ 382 00:16:45,030 --> 00:16:48,210 383 00:16:48,210 --> 00:16:51,520 Standby-- لا يزال لدي القديم نسخة مفتوحة من بلدي سطح المكتب. 384 00:16:51,520 --> 00:16:56,020 لذلك اسمحوا لي ان اذهب الى بلدي عشقتك يا المضيف المحلي، يا جمهور، وhello.html. 385 00:16:56,020 --> 00:16:57,320 386 00:16:57,320 --> 00:17:00,670 وحتى الآن اسمحوا لي أن تمضي قدما و يقول cat.jpg داخل الجسم 387 00:17:00,670 --> 00:17:02,830 حيث أريد لها أن تكون عرض وإعادة تحميل. 388 00:17:02,830 --> 00:17:04,560 بالطبع، هذا ليس صحيحا. 389 00:17:04,560 --> 00:17:08,050 >> لذلك أنا بحاجة لتخبر المتصفح قليلا أكثر عمدا ما أريد القيام به. 390 00:17:08,050 --> 00:17:10,210 ببساطة كتابة الاسم من الواضح أنه لا يكفي. 391 00:17:10,210 --> 00:17:15,134 لذلك أذكر أنه كان هناك آخر العلامة، الصورة، IMG قصيرة. 392 00:17:15,134 --> 00:17:17,550 ذلك لأن البشر فقط لا أحب الكلمات نوع كاملة. 393 00:17:17,550 --> 00:17:19,050 ومن ثم يمكننا القيام به مصدر = "cat.jpg". 394 00:17:19,050 --> 00:17:21,470 395 00:17:21,470 --> 00:17:23,550 >> والآن انا ذاهب الى القيام به شيء واحد مختلف هنا. 396 00:17:23,550 --> 00:17:25,390 على الرغم من كل علامات لدينا حتى الآن 397 00:17:25,390 --> 00:17:28,086 كانت هذه فكرة تبدأ علامة وعلامة نهاية، 398 00:17:28,086 --> 00:17:30,210 هذا لا يجعل حقا شعور لصورة، أليس كذلك؟ 399 00:17:30,210 --> 00:17:32,430 صورة إما هناك أو لم يكن هناك. 400 00:17:32,430 --> 00:17:36,650 وهكذا فقد حان البشر حتى مع أبسط الاتفاقية. 401 00:17:36,650 --> 00:17:40,310 عندما يكون لديك علامة من شأنهما تبدأ وتنتهي في نفس time-- 402 00:17:40,310 --> 00:17:43,790 يمكن أن يكون فارغا، لذلك لspeak-- فقط وضع مائل إلى الأمام داخل علامة 403 00:17:43,790 --> 00:17:44,710 في النهاية. 404 00:17:44,710 --> 00:17:45,776 405 00:17:45,776 --> 00:17:47,150 والآن اسمحوا لي أن أعود إلى متصفحي. 406 00:17:47,150 --> 00:17:50,377 ضرب تحديث اللعنة، ما هو الخطأ. 407 00:17:50,377 --> 00:17:52,460 ربما كنت قد رأيت هذا في بعض الأحيان على شبكة الإنترنت، 408 00:17:52,460 --> 00:17:53,600 حتى لو انه لم يكن خطأك. 409 00:17:53,600 --> 00:17:54,766 انها خطأ خادم الإنترنت. 410 00:17:54,766 --> 00:17:56,240 ما قصائد هذا يبدو للإشارة إلى؟ 411 00:17:56,240 --> 00:17:57,450 412 00:17:57,450 --> 00:17:58,009 انها مكسورة. 413 00:17:58,009 --> 00:17:59,300 هذا هو المكان الذي تنتمي إليه الصورة. 414 00:17:59,300 --> 00:17:59,700 نعم؟ 415 00:17:59,700 --> 00:18:01,560 >> الجمهور: لكنه لا الحصول على الصورة. 416 00:18:01,560 --> 00:18:03,070 >> DAVID J مالان: لا الحصول على الصورة. 417 00:18:03,070 --> 00:18:05,230 ذلك، أو أسوأ من ذلك، ربما بل لا وجود لها. 418 00:18:05,230 --> 00:18:06,729 دعونا نرى ما اذا كنا لا يمكن تشخيص ذلك. 419 00:18:06,729 --> 00:18:09,390 أذكر آخر مرة من أنه إذا في كروم، في الجهاز، 420 00:18:09,390 --> 00:18:11,870 أو حتى على جهاز Mac أو PC، تذهب إلى القائمة المطور 421 00:18:11,870 --> 00:18:14,650 والذهاب إلى أدوات المطور الخيار، والتي ربما كنت قد 422 00:18:14,650 --> 00:18:16,850 لا تستخدم كثيرا أو من أي وقت مضى. 423 00:18:16,850 --> 00:18:20,780 وإذا ذهبت إلى اتصالات شبكة وإعادة تحميل الصفحة، 424 00:18:20,780 --> 00:18:24,110 دعونا ننظر في الواقع في HTTP الطلبات التي يتم إجراؤها. 425 00:18:24,110 --> 00:18:28,400 >> يبدو hello.html غير في الواقع موافق، وبالتالي 200. 426 00:18:28,400 --> 00:18:30,630 لكن cat.jpg هو 403. 427 00:18:30,630 --> 00:18:31,650 لذلك ليست 404. 428 00:18:31,650 --> 00:18:33,490 ربما يوجد ملف. 429 00:18:33,490 --> 00:18:35,250 403 يعني ممنوع. 430 00:18:35,250 --> 00:18:37,790 لذلك هذا هو مربكة قليلا. 431 00:18:37,790 --> 00:18:42,340 انا ذاهب الى العودة لنافذتي المحطة. 432 00:18:42,340 --> 00:18:43,700 اسمحوا لي في التكبير هنا. 433 00:18:43,700 --> 00:18:44,750 واسمحوا لي أن تفعل ليرة سورية. 434 00:18:44,750 --> 00:18:46,430 هناك تلك الملفات نفسها. 435 00:18:46,430 --> 00:18:49,410 >> الآن اسمحوا لي أن تفعل LS-L، التي قمت ربما 436 00:18:49,410 --> 00:18:53,350 استخدمت من قبل للنظر في ملف أحجام ربما أو الطوابع الزمنية. 437 00:18:53,350 --> 00:18:55,590 ونحن نرى مجموعة كاملة من معلومات الساحقة. 438 00:18:55,590 --> 00:18:57,040 ولكن لاحظت وجود بعض التفاصيل. 439 00:18:57,040 --> 00:19:01,660 وهنا في هذا hello.html صف هنا وهنا cat.jpg. 440 00:19:01,660 --> 00:19:02,934 441 00:19:02,934 --> 00:19:05,850 وانها مجرد كونه الأجهزة سهل الاستخدام من خلال تسليط الضوء على JPEG 442 00:19:05,850 --> 00:19:07,380 في مثل هذا الأرجواني. 443 00:19:07,380 --> 00:19:11,470 ولكن ماذا يختلف بجانب حجم الملف واسم الملف؟ 444 00:19:11,470 --> 00:19:13,438 445 00:19:13,438 --> 00:19:14,754 >> الجمهور: [غير مسموع]. 446 00:19:14,754 --> 00:19:16,920 DAVID J مالان: نعم، هناك اثنين من أكثر R في أكثر من هنا. 447 00:19:16,920 --> 00:19:20,170 لاحظ ما hello.html قد يحدث. 448 00:19:20,170 --> 00:19:24,050 هكذا اتضح أن اسم هذا دليل الجمهور هو المهم. 449 00:19:24,050 --> 00:19:26,400 أي شيء في هذا الدليل ومن المفترض أن يكون الجمهور. 450 00:19:26,400 --> 00:19:28,790 ولكنها ليست كافية فقط لإسقاط الملفات في هناك. 451 00:19:28,790 --> 00:19:31,480 تحتاج أيضا إلى تغيير وضع الملفات، 452 00:19:31,480 --> 00:19:35,180 تغيير أذونات الملف استباقي لا 453 00:19:35,180 --> 00:19:37,650 يكون الإعداد الافتراضي، وهو أن فقط أستطيع أن أقرأ 454 00:19:37,650 --> 00:19:39,220 والكتابة، وأنا كونه المالك. 455 00:19:39,220 --> 00:19:43,540 أريد من الجميع أن العالم كله أن تكون قادرا على قراءة الملف الخاص بي، إذا جاز التعبير. 456 00:19:43,540 --> 00:19:44,950 قراءة يعني مجرد مشاهدته. 457 00:19:44,950 --> 00:19:49,780 >> والواقع، كما سترى في المشكلة ضبط سبعة، وهذا ما تعنيه هذه آر. 458 00:19:49,780 --> 00:19:53,160 السماح متوسط ​​هذين آر الجميع آخر في العالم قراءته أيضا، 459 00:19:53,160 --> 00:19:55,300 خصوصا ان انها في هذا الدليل. 460 00:19:55,300 --> 00:19:59,620 حتى أبسط طريقة لإصلاح هذا هو الذهاب إلى بلدي موجه والقيام شمود للتغيير 461 00:19:59,620 --> 00:20:05,580 وضع ثم القيام + R، تماما، الجميع، كل شيء، بالإضافة إلى R للقراءة، 462 00:20:05,580 --> 00:20:07,944 ثم أدخل cat.jpg. 463 00:20:07,944 --> 00:20:10,360 لا شيء يبدو أن يحدث، والذي عادة ما يعني هذا شيء جيد. 464 00:20:10,360 --> 00:20:13,850 حتى LS-L again-- الآن دعونا ننظر في cat.jpg. 465 00:20:13,850 --> 00:20:15,750 وهذا الإذن يبدو أن تغيرت. 466 00:20:15,750 --> 00:20:18,670 بوصفها جانبا، إذا قمت بإجراء خطأ وأنت، على سبيل المثال، 467 00:20:18,670 --> 00:20:23,210 أدلى به للتو your-- أنا لا know-- المقال علنا الوصول إليها عن طريق الصدفة، 468 00:20:23,210 --> 00:20:25,480 يمكنك أن تفعل العكس، شمود-R. 469 00:20:25,480 --> 00:20:25,909 470 00:20:25,909 --> 00:20:28,200 رغم بصراحة، فإنه لا ينبغي تكون في الدليل العام 471 00:20:28,200 --> 00:20:29,760 على أي حال إذا كان هذا هو القلق. 472 00:20:29,760 --> 00:20:32,475 >> حتى الآن دعونا نعود ل بلدي المتصفح وإعادة تحميل. 473 00:20:32,475 --> 00:20:32,904 474 00:20:32,904 --> 00:20:34,820 وانا ذاهب الى انقر ويذكر غوستبوسترس 475 00:20:34,820 --> 00:20:38,030 رمز لمسح هذا الجزء من الشاشة حتى نتمكن من معرفة طلبات جديدة. 476 00:20:38,030 --> 00:20:40,630 وبالفعل، وهنا القط Grump من قبل. 477 00:20:40,630 --> 00:20:43,010 ولكن الأهم من ذلك، من الناحية الفنية، هناك 478 00:20:43,010 --> 00:20:45,565 العدد 200، التي يعني وصلنا هو موافق. 479 00:20:45,565 --> 00:20:47,190 كل الحق، لذلك هذا كل شيء بخير وجيدة. 480 00:20:47,190 --> 00:20:48,940 لكننا لا يجعل أفضل المواقع، 481 00:20:48,940 --> 00:20:51,967 ولا نحن ذاهبون لمحاولة من الصعب جدا ل جعل راقيا من المواقع اليوم. 482 00:20:51,967 --> 00:20:54,550 ولكن دعونا على الأقل نفعل شيئا دراية فائقة قبل قعقعة 483 00:20:54,550 --> 00:20:56,030 من بضع علامات أخرى. 484 00:20:56,030 --> 00:20:58,470 لذلك أفترض أنني لا أريد مجرد القط هنا. 485 00:20:58,470 --> 00:21:02,530 لنفترض أنا فعلا أريد هذا القط لربط شيء. 486 00:21:02,530 --> 00:21:07,210 >> أنا ربما، على سبيل المثال تفعل شيئا من هذا القبيل. 487 00:21:07,210 --> 00:21:08,580 488 00:21:08,580 --> 00:21:12,890 وعن مرساة أ href ل فرط equals-- المرجعية 489 00:21:12,890 --> 00:21:17,440 ودعونا فقط أن تفعل شيئا مثل www.google.com قريبة 490 00:21:17,440 --> 00:21:19,540 أقتبس قوس وثيق. 491 00:21:19,540 --> 00:21:22,000 والآن البحث عن القطط. 492 00:21:22,000 --> 00:21:23,520 وثيقة مرساة العلامة. 493 00:21:23,520 --> 00:21:26,760 لذلك هذا لديه نوع واحد فقط التفاصيل من جديد تماما. 494 00:21:26,760 --> 00:21:28,190 العلامة بالطبع هو مختلف. 495 00:21:28,190 --> 00:21:31,770 انها اسم لمرساة إشارة HREF أو فرط. 496 00:21:31,770 --> 00:21:35,269 >> ولكن الأهم من ذلك، هناك هذه الميزة النحوية هنا. 497 00:21:35,269 --> 00:21:37,810 هذا ما سنبدأ الدعوة لا علامة، ولكن سمة. 498 00:21:37,810 --> 00:21:40,830 وسمة هي شيء بتعديل السلوك للعلامة. 499 00:21:40,830 --> 00:21:45,400 وهذه السمة، أ href، الوسائل تعديل سلوك هذا مرساة 500 00:21:45,400 --> 00:21:48,430 بحيث عند النقر فوقه، فإنه يذهب إلى هذا الرابط هنا. 501 00:21:48,430 --> 00:21:50,330 وبالطبع، هذا العنوان هو جوجل. 502 00:21:50,330 --> 00:21:53,951 >> وفي الوقت نفسه، ما هو هذا النص هنا ستكون؟ 503 00:21:53,951 --> 00:21:55,950 حسنا، هذا سيكون ما الإنسان في الواقع 504 00:21:55,950 --> 00:21:58,470 يرى مثل المسطر رابط، بهذه البساطة. 505 00:21:58,470 --> 00:21:59,220 لذلك دعونا نحاول ذلك. 506 00:21:59,220 --> 00:21:59,980 اسمحوا لي حفظه. 507 00:21:59,980 --> 00:22:01,650 ما زلت في hello.html. 508 00:22:01,650 --> 00:22:05,360 ولكن في الإصدارات على شبكة الإنترنت، سترى أسماء الملفات الفعلية أننا معدة سلفا. 509 00:22:05,360 --> 00:22:06,805 اسمحوا لي المضي قدما وإعادة تحميل. 510 00:22:06,805 --> 00:22:08,680 والآن انها جدا الصفحة مخيب يزال. 511 00:22:08,680 --> 00:22:10,910 ولكن إذا كنت تحوم فوق there-- وانها صغيرة قليلا، 512 00:22:10,910 --> 00:22:13,576 but-- تستطيع أن ترى في الجزء السفلي الزاوية اليسرى من الشاشة، 513 00:22:13,576 --> 00:22:15,242 انها تسير بالفعل إلى google.com. 514 00:22:15,242 --> 00:22:19,280 وإذا كنت فوق هذا، وسوف خفقت لي الطريق إلى جوجل الفعلية. 515 00:22:19,280 --> 00:22:22,610 >> لكن لاحظ هنا فرصة لل استغلال، تماما كما جانبا. 516 00:22:22,610 --> 00:22:25,150 وسوف نعود إلى الآخر قضايا الأمن قبل فترة طويلة. 517 00:22:25,150 --> 00:22:29,290 لأنه لا يوجد هذا الانقسام بين أين تذهب وما تقول، 518 00:22:29,290 --> 00:22:34,722 هل يمكن أن تفعل شيئا مثل this-- http://www.google.com. 519 00:22:34,722 --> 00:22:37,134 حسنا، والآن إذا كنت تحميل بعد حفظ هذه الصفحة، 520 00:22:37,134 --> 00:22:38,800 يبدو انا ذاهب للذهاب إلى Google. 521 00:22:38,800 --> 00:22:40,966 ولكن ليس هناك سبب أنا يجب أن أذهب إلى Google، أليس كذلك؟ 522 00:22:40,966 --> 00:22:47,460 أنا يمكن أن تذهب في الواقع إلى شيء من هذا القبيل badguy.com، إعادة تحميل الصفحة أكثر من هنا. 523 00:22:47,460 --> 00:22:49,750 والإخطار، فإنه لا تزال تبدو مثل جوجل. 524 00:22:49,750 --> 00:22:52,020 وإلا إذا أنا شارب ما يكفي لتحوم فوق هنا 525 00:22:52,020 --> 00:22:54,770 أرى انها حتى الذهاب الى الذهاب إلى موقع مختلف. 526 00:22:54,770 --> 00:22:57,400 >> حتى إذا كنت قد حصلت من أي وقت مضى رسالة بالبريد الالكتروني، خصوصا 527 00:22:57,400 --> 00:22:59,610 واحد من باي بال، أو على ما يبدو من باي بال 528 00:22:59,610 --> 00:23:01,830 نطلب منك تسجيل الدخول إلى حسابك، وهذا 529 00:23:01,830 --> 00:23:06,380 هذا هو السبب يجب عليك أبدا من أي وقت مضى فوق الارتباطات في البريد الإلكتروني، 530 00:23:06,380 --> 00:23:07,930 بصراحة، أي الروابط في رسائل البريد الإلكتروني. 531 00:23:07,930 --> 00:23:10,380 إذا كنت تعرف لديك الفعلي المال في باي بال أو بنك 532 00:23:10,380 --> 00:23:14,250 من أمريكا أو الإخلاص أو أي الموقع، واكتب يدويا في. 533 00:23:14,250 --> 00:23:17,530 لأن ننظر كم هو سهل ل خداع شخص ما في تقديم ما 534 00:23:17,530 --> 00:23:18,526 يشبه الارتباط. 535 00:23:18,526 --> 00:23:20,400 ولكن في الواقع ما في وسعها الذهاب إلى أي مكان على الاطلاق. 536 00:23:20,400 --> 00:23:23,301 >> وهناك أكبر بكثير تهديدات من هذا. 537 00:23:23,301 --> 00:23:25,300 في الواقع، وهذا هو قليلا من الظل الآن، ولكن واحدة 538 00:23:25,300 --> 00:23:28,430 من أفضل منها رأيتها ومنذ ذلك الحين تم إغلاقها، 539 00:23:28,430 --> 00:23:34,060 هو شخص قاد الناس علي: حتى هذا يمكن القول، 540 00:23:34,060 --> 00:23:37,660 انقر هنا لتسجيل الدخول الى حسابك الحساب، حساب مصرفي. 541 00:23:37,660 --> 00:23:40,985 وكان هذا البنك من الغرب. 542 00:23:40,985 --> 00:23:43,030 543 00:23:43,030 --> 00:23:44,250 >> لذلك شخص اشترى هذا. 544 00:23:44,250 --> 00:23:47,090 وانها أسهل قليلا لنرى في خط أحادي متباعدة التكبير 545 00:23:47,090 --> 00:23:49,190 في على جهاز عرض 30 قدما. 546 00:23:49,190 --> 00:23:51,720 ولكن عندما يكون الخط صغير في البريد الإلكتروني التي كنت تتلقى، 547 00:23:51,720 --> 00:23:54,690 هذا يبدو وكأنه bankofthewest.com، لا bankofthevvest.com، 548 00:23:54,690 --> 00:23:58,230 وكان شخص ما دفعت 10 دولارا الى شراء. 549 00:23:58,230 --> 00:24:00,840 ثم هذا قادهم إلى ما يعادلها من بعض المواقع السيئة. 550 00:24:00,840 --> 00:24:05,540 >> وسترى too-- في الواقع يمكننا القيام به this-- إذا ذهبت إلى الموقع الفعلي، 551 00:24:05,540 --> 00:24:10,335 bankofthewest.com، مرة أخرى، أذكر من آخر مرة 552 00:24:10,335 --> 00:24:13,210 أنه إذا كان هذا هو صفحة ويب و كنت غريبة عن كيفية عمله، 553 00:24:13,210 --> 00:24:15,610 أنت بالتأكيد يمكن أن تذهب إلى أدوات المطورين كروم. 554 00:24:15,610 --> 00:24:18,890 ويمكنك ان ترى كل من تنسيق HTML لطيف هناك. 555 00:24:18,890 --> 00:24:20,890 >> ولكن أكثر لهذه النقطة، كنت cam-- دعونا إغلاق 556 00:24:20,890 --> 00:24:24,760 this-- يمكنك الذهاب إلى عرض مطور عرض المصدر. 557 00:24:24,760 --> 00:24:25,770 558 00:24:25,770 --> 00:24:28,350 لماذا لا يمكنني نسخ فقط كل ذلك وبعد ذلك 559 00:24:28,350 --> 00:24:31,630 يمكنك الذهاب الى بلدي قليلا نافذة جي إديت وهنا جعل صفحة الويب الخاصة بي. 560 00:24:31,630 --> 00:24:33,210 حفظ هذا في hello.html. 561 00:24:33,210 --> 00:24:36,770 وربما هذا هو الذهاب الى كسر، لأنها ليست بهذه السهولة عادة. 562 00:24:36,770 --> 00:24:41,590 ولكن الآن إذا كنت إعادة تحميل الصفحة الخاصة بي على بلدي CS50 الأجهزة وتحديث ضرب، 563 00:24:41,590 --> 00:24:42,990 موافق، وكسر بعض الاشياء. 564 00:24:42,990 --> 00:24:45,750 ولكن أنا قريب جدا إلى وجود موقعي المصرفية الخاصة، أليس كذلك؟ 565 00:24:45,750 --> 00:24:46,570 كل هذا HTML-- 566 00:24:46,570 --> 00:24:47,370 >> [ضحك] 567 00:24:47,370 --> 00:24:49,210 >> DAVID J مالان:-و لم actually-- ولك 568 00:24:49,210 --> 00:24:52,210 أعرف أن هناك شخص ما هناك الذين ان الواقع فوق هذه الروابط أيضا. 569 00:24:52,210 --> 00:24:54,864 بكل وضوح، وكسر بعض الاشياء. 570 00:24:54,864 --> 00:24:56,780 ولكن هذا سوف يؤدي بنا إلى مناقشة، 571 00:24:56,780 --> 00:25:00,810 غير ضروري في الوقت الراهن، على ما CSS، أوراق الأنماط المتتالية، هي، 572 00:25:00,810 --> 00:25:03,410 وكيف كنت في الواقع تحميل ملفات HTML أخرى 573 00:25:03,410 --> 00:25:06,140 وJPEG الملفات ملفات GIF التي الموقع قد تستخدم. 574 00:25:06,140 --> 00:25:07,960 ولكن كل ذلك هو محقق. 575 00:25:07,960 --> 00:25:11,110 ولكنه يغلي في الواقع إلى هذه الاستدلال بسيطة جدا. 576 00:25:11,110 --> 00:25:14,450 >> حتى الآن دعونا فقط المقشود من خلال بضعة أمثلة أخرى من HTML 577 00:25:14,450 --> 00:25:16,680 فقط لإعطائك الإحساس ما الذي يمكنك فعله. 578 00:25:16,680 --> 00:25:18,670 على سبيل المثال، وهذا هو list.html. 579 00:25:18,670 --> 00:25:23,240 لنفترض أنني أردت لجعل صفحة الويب مع قائمة من المنازل في رباعية. 580 00:25:23,240 --> 00:25:28,960 وأود أن استخدام علامة UL للغير مرتبة القائمة ثم عنصر القائمة الطفل 581 00:25:28,960 --> 00:25:33,760 وأعاد ثم over-- أو قائمة، rather-- المنازل في السؤال. 582 00:25:33,760 --> 00:25:36,080 >> وإذا قمت بفتح هذا الأمر، دعونا نفعل هذا. 583 00:25:36,080 --> 00:25:40,670 دعونا نذهب لا hello.html، ولكن لlist.html. 584 00:25:40,670 --> 00:25:42,160 اللعنة. 585 00:25:42,160 --> 00:25:43,000 كيف يمكنني تصحيح هذا؟ 586 00:25:43,000 --> 00:25:45,679 587 00:25:45,679 --> 00:25:47,220 انها نفس القضية كما كان من قبل، أليس كذلك؟ 588 00:25:47,220 --> 00:25:52,510 لذلك اسمحوا لي أن تفعل oops-- chmod-- شمود + R من list.html. 589 00:25:52,510 --> 00:25:54,610 590 00:25:54,610 --> 00:25:59,610 والآن اذا عدت لمتصفحي وانقر على تحديث، ومن هناك. 591 00:25:59,610 --> 00:26:02,360 حتى إذا كنت تريد من أي وقت مضى لجعل قائمة ذات تعداد نقطي، يمكنك أن تفعل ذلك. 592 00:26:02,360 --> 00:26:06,210 إذا كنت تريد أن تكون فائقة الهوى وجعل قائمة مرتبة، وليس قائمة غير مرتبة، 593 00:26:06,210 --> 00:26:10,170 لتغيير تلك رأ، إعادة تحميل الصفحة، و الآن المتصفح سوف يبلغ عدد لانها لكم. 594 00:26:10,170 --> 00:26:11,241 >> ماذا يمكننا أن نفعل؟ 595 00:26:11,241 --> 00:26:13,990 حسنا، وزوجين من بالآخرين إذا كنت قد حصلت على فقرات طويلة من text-- 596 00:26:13,990 --> 00:26:15,698 على سبيل المثال، بعض النص اللاتيني مثل this-- 597 00:26:15,698 --> 00:26:20,730 وتريد في فقرات منفصلة، صفحة مفتوحة، ص الوثيق للعلامة الفقرة. 598 00:26:20,730 --> 00:26:22,010 وتفعل ذلك مرارا وتكرارا. 599 00:26:22,010 --> 00:26:26,600 وإذا كنت الآن فتح هذا الملف، paragraphs.html، حسنا، هذا 600 00:26:26,600 --> 00:26:27,570 هو الحصول على مزعج. 601 00:26:27,570 --> 00:26:34,320 حتى الآن دعونا فقط العودة إلى بلدي موجه، شمود A + نجم ص ص .html-- 602 00:26:34,320 --> 00:26:36,099 لطيفة بطاقة البرية قليلا إذا جاز التعبير. 603 00:26:36,099 --> 00:26:37,890 ينبغي أن إصلاح كافة هذه المشاكل بالنسبة لي. 604 00:26:37,890 --> 00:26:38,990 دعونا إعادة تحميل. 605 00:26:38,990 --> 00:26:40,500 هناك ثلاث فقرات. 606 00:26:40,500 --> 00:26:42,930 >> والآن دعونا نمضي قدما وفتح الآخر. 607 00:26:42,930 --> 00:26:44,310 كيف حول الطاولة؟ 608 00:26:44,310 --> 00:26:46,440 ستلاحظ تبدو الطاولة أكثر من ذلك بقليل معقدة. 609 00:26:46,440 --> 00:26:49,110 ولكن من نفس idea-- علامة مفتوحة، علامة مفتوحة، 610 00:26:49,110 --> 00:26:51,360 مفتوحة، مفتوحة، مفتوحة، وثيقة علامة، علامة مفتوحة. 611 00:26:51,360 --> 00:26:54,410 وهذه يحدث على الوقوف ل الجدول الذي على ما يبدو الحدود 612 00:26:54,410 --> 00:26:58,500 ستكون سماكة 1-- أيا كان هذا الصف means-- الجدول، الجدول 613 00:26:58,500 --> 00:27:00,320 البيانات، مما يعني خلية. 614 00:27:00,320 --> 00:27:03,840 وإذا أعود إلى متصفحي هنا واذهب إلى table.html، 615 00:27:03,840 --> 00:27:05,840 يمكنك ان ترى شيئا مثل هذا، البشعة. 616 00:27:05,840 --> 00:27:07,840 لكننا سنصل إلى نقطة حيث يمكننا فعلا 617 00:27:07,840 --> 00:27:09,260 جعل الأمور أجمل من ذلك. 618 00:27:09,260 --> 00:27:10,530 >> لذلك اسمحوا لي أن تنص في الوقت الراهن. 619 00:27:10,530 --> 00:27:11,870 هناك باقات من أكثر العلامات. 620 00:27:11,870 --> 00:27:15,225 وHTML هي رائعة لالتقاط لأنه، بصراحة، كل ما عليك القيام به 621 00:27:15,225 --> 00:27:17,600 وننظر إلى صفحات الويب الحالية التي كنت معتادا. 622 00:27:17,600 --> 00:27:20,340 وكنت مثل، أوه، هذه هي الطريقة فعلوا هذا من الناحية الجمالية. 623 00:27:20,340 --> 00:27:23,159 >> أو يمكنك البحث عن أي الانترنت مورد لكيفية عمل HTML، 624 00:27:23,159 --> 00:27:25,700 وسترى أن هناك المفردات كاملة من العلامات الأخرى. 625 00:27:25,700 --> 00:27:30,110 ولكن مع هذا النموذج العقلي البسيط وحده أن أي علامة تقريبا فتح 626 00:27:30,110 --> 00:27:33,620 قد تكون مغلقة، انها حقا لا يكفي أن يعلم نفسه 627 00:27:33,620 --> 00:27:36,950 HTML يفهم بعد هذه الأفكار الأساسية من الأكواد 628 00:27:36,950 --> 00:27:40,520 والصفات و-formedness جيدا التي تحدثنا عنها، 629 00:27:40,520 --> 00:27:44,697 إغلاق أي شيء أننا قد فتح بحيث أننا لا نخلط بين المتصفح. 630 00:27:44,697 --> 00:27:46,780 لذلك دعونا الآن اتخاذ هذا على مستوى أكثر إثارة للاهتمام 631 00:27:46,780 --> 00:27:48,100 عن طريق الذهاب إلى الفعلية. 632 00:27:48,100 --> 00:27:51,095 ودعنا نذهب إلى بلدي ماك هنا، إلى google.com. 633 00:27:51,095 --> 00:27:52,280 634 00:27:52,280 --> 00:27:54,020 والآن دعونا notice-- نفعل هذا. 635 00:27:54,020 --> 00:27:57,280 أنا غونغ للذهاب الى الإعدادات، إعدادات البحث. 636 00:27:57,280 --> 00:28:01,070 أريد أن أوقف هذه اللحظة مزعج النتائج الشيء حيث فورا 637 00:28:01,070 --> 00:28:02,450 يبدأ الاستجابة لكتابتك. 638 00:28:02,450 --> 00:28:05,300 دعونا نفعل هذه المدرسة القديمة جدا ونحن نرى في الواقع ما يحدث. 639 00:28:05,300 --> 00:28:08,260 >> لذلك أنا ذاهب لإنقاذ بلدي إعدادات جوجل هنا. 640 00:28:08,260 --> 00:28:11,160 والآن notice-- أنا ذاهب ل بحث عن شيء مثل القطط. 641 00:28:11,160 --> 00:28:14,500 وانها لا تزال تفعل السيارات كاملة هنا، ولكن على أساس الأشياء 642 00:28:14,500 --> 00:28:15,970 وكتابة الناس في الماضي. 643 00:28:15,970 --> 00:28:17,490 لكن لاحظ ما الذي سيحدث. 644 00:28:17,490 --> 00:28:20,272 >> في عنوان الموقع في الوقت الحالي هذا، مجرد google.com. 645 00:28:20,272 --> 00:28:22,650 وتقنيا، انها مائل. 646 00:28:22,650 --> 00:28:25,910 جوجل مجرد إنقاذ الطابع و لا يظهر لنا ذلك. 647 00:28:25,910 --> 00:28:30,400 فهي تبين لنا HTTPS، فقط أن تكون فائقة مطمئنة بأننا 648 00:28:30,400 --> 00:28:32,850 في صفحة آمنة أو مشفرة. 649 00:28:32,850 --> 00:28:35,690 >> لذلك اسمحوا لي المضي قدما والبحث عن القطط. 650 00:28:35,690 --> 00:28:37,670 الآن هذا حصل فعلا الساحق بسرعة. 651 00:28:37,670 --> 00:28:39,470 نظرة على طول هذا URL. 652 00:28:39,470 --> 00:28:43,070 ولكن تبين أن معظم هذه الاشياء في عنوان الموقع هو في الواقع غير مجدية جدا. 653 00:28:43,070 --> 00:28:45,320 انا ذاهب لبدء حذف أشياء لا أفهم. 654 00:28:45,320 --> 00:28:46,560 655 00:28:46,560 --> 00:28:47,360 أرى القطط. 656 00:28:47,360 --> 00:28:48,470 أنا أفهم القطط. 657 00:28:48,470 --> 00:28:50,380 أنا لا أعرف لماذا القطط هناك مرة أخرى. 658 00:28:50,380 --> 00:28:52,620 أنا حقا لا أعرف ما هذا الهراء. 659 00:28:52,620 --> 00:28:56,030 لذلك أنا ذاهب لمجرد إبقاء تسليط الضوء على وحذف الاشياء 660 00:28:56,030 --> 00:28:59,905 إنني لا أفهم، تقطير URL في هذا فقط. 661 00:28:59,905 --> 00:29:00,920 662 00:29:00,920 --> 00:29:02,270 >> الآن اسمحوا لي أن الحصول على الدخول مرة أخرى. 663 00:29:02,270 --> 00:29:03,814 يبدو أن جوجل لا يزال يعمل. 664 00:29:03,814 --> 00:29:06,980 وذلك لسبب ما، فإنها تقوم بإضافة الكثير من الاشياء لافتراضيا URL الخاصة بهم. 665 00:29:06,980 --> 00:29:09,000 ولكنها ليست المطلوبة بدقة. 666 00:29:09,000 --> 00:29:10,340 فما هي لطيفة حول هذا الموضوع؟ 667 00:29:10,340 --> 00:29:13,630 حسنا، اسمحوا لي أن تمضي قدما و فتح المفتش كروم. 668 00:29:13,630 --> 00:29:15,960 هناك الاختصار الفأر الصغير لذلك. 669 00:29:15,960 --> 00:29:17,360 >> انتقل إلى علامة التبويب الشبكة. 670 00:29:17,360 --> 00:29:19,340 والآن اسمحوا لي أن تحميل هذه الصفحة مرة أخرى. 671 00:29:19,340 --> 00:29:20,280 وأنا عقد التحول. 672 00:29:20,280 --> 00:29:22,520 بوصفها جانبا، متصفحات تميل إلى تخزين أو حفظ 673 00:29:22,520 --> 00:29:24,697 المعلومات فقط من أجل الكفاءة و. 674 00:29:24,697 --> 00:29:27,280 ولكن عادة، وعقد التحول و إعادة سيجبر كل شيء 675 00:29:27,280 --> 00:29:28,994 لنبدأ من البداية. 676 00:29:28,994 --> 00:29:30,410 وهذا ما أريد القيام به هنا. 677 00:29:30,410 --> 00:29:33,550 >> وتلاحظ كل هذه الصفوف التي ظهرت فقط. 678 00:29:33,550 --> 00:29:37,920 اتضح أنه في أي ويب معينة الصفحة، قد يكون هناك ملف واحد فقط 679 00:29:37,920 --> 00:29:43,500 involved-- hello.html-- أو هناك قد يكون 52، كما في هذه الحالة. 680 00:29:43,500 --> 00:29:45,820 عندما أزور google.com، على ما يبدو، متصفحي 681 00:29:45,820 --> 00:29:49,650 تنطلق 52 طلبات HTTP منفصلة. 682 00:29:49,650 --> 00:29:50,520 لماذا هذا؟ 683 00:29:50,520 --> 00:29:53,380 >> حسنا، ننظر إلى ما هو داخل من هذا أعلى صفحة الويب يصل. 684 00:29:53,380 --> 00:29:55,620 ليس هناك نص فقط، ولكن هناك صورا حقيقية 685 00:29:55,620 --> 00:29:57,130 من القطط إلى اليمين. 686 00:29:57,130 --> 00:29:59,110 هناك شعار الملونة هنا في اليسار. 687 00:29:59,110 --> 00:30:01,750 هناك كل هذه الرموز للميكروفون وهكذا دواليك. 688 00:30:01,750 --> 00:30:05,130 هناك الكثير من القطع، بناء كتل، وقطع الصفر، إذا صح التعبير، 689 00:30:05,130 --> 00:30:06,250 لصفحة الويب هذه. 690 00:30:06,250 --> 00:30:10,310 وما يقوم به المتصفح على الحصول على الملف الأول جدا، والتي 691 00:30:10,310 --> 00:30:16,180 هذا الصف هو هنا، هو الأساس بالتكرار عبر الجزء العلوي HTML 692 00:30:16,180 --> 00:30:19,880 إلى الأسفل، من اليسار إلى اليمين، وتبحث عن أشياء مثل علامات الصورة أو العلامات الأخرى 693 00:30:19,880 --> 00:30:23,160 التي يتم الإشارة إلى ملفات أخرى و عندما يراهم، يذهب ويجلب لهم 694 00:30:23,160 --> 00:30:26,050 عبر HTTP، كلها قابلة للحياة استعارة المغلف، 695 00:30:26,050 --> 00:30:29,670 ثم يعرضها في الموقع المناسب في صفحة الويب. 696 00:30:29,670 --> 00:30:33,370 >> لكن لاحظ هنا إذا كنت تركز على أول رمي القطط، والبحث، 697 00:30:33,370 --> 00:30:37,090 تلاحظ أنه، في الواقع انها تستخدم HTTP 1.1. 698 00:30:37,090 --> 00:30:41,690 ولسوء الحظ، وجوجل الكروم الآن في الإصدار 39 699 00:30:41,690 --> 00:30:45,110 هو نوع من الأشياء تخفيف لهجة و لا يظهر لنا رؤوس الفعلية. 700 00:30:45,110 --> 00:30:49,680 ولكن ما تم ارساله بالفعل هو الطلب لعدم خفض، ولكن / بحث؟ ف = القطط. 701 00:30:49,680 --> 00:30:52,830 702 00:30:52,830 --> 00:30:54,340 >> الآن، لماذا هو مهم؟ 703 00:30:54,340 --> 00:30:57,110 حسنا، انا ذاهب الى استنتاج من هذا أنه إذا جوجل 704 00:30:57,110 --> 00:31:01,520 يدعم الاستفسارات من هذا النموذج، لماذا لا أستطيع تنفيذ بحثي الخاص 705 00:31:01,520 --> 00:31:06,420 محرك للCS50، ولكن مجرد واجهة نهاية، مجرد واجهة المستخدم الرسومية. 706 00:31:06,420 --> 00:31:09,610 وسنقوم الاستعانة بمصادر خارجية النهاية الخلفية، نتائج البحث الفعلي لجوجل. 707 00:31:09,610 --> 00:31:10,510 >> فكيف يمكنني أن أفعل هذا؟ 708 00:31:10,510 --> 00:31:13,820 حسنا، اسمحوا لي أن انتقل إلى جي إديت أكثر من هنا. 709 00:31:13,820 --> 00:31:19,180 واسمحوا لي أن تمضي قدما وفتح يصل، دعنا نقول، ملف جديد. 710 00:31:19,180 --> 00:31:22,280 وانا ذاهب لإنقاذ هذا مؤقتا عن البحث، 0.html. 711 00:31:22,280 --> 00:31:25,111 712 00:31:25,111 --> 00:31:27,860 ثم في نهاية المطاف، وسوف نقوم بسرعة إلى الأمام إلى واحد قبل أنا على استعداد. 713 00:31:27,860 --> 00:31:30,190 >> وانا ذاهب الى سوط بسرعة نوع الوثيقة 714 00:31:30,190 --> 00:31:33,840 أتش تي أم أل HTML قوس مفتوح وثيق HTML قوس. 715 00:31:33,840 --> 00:31:38,390 ثم انا ذاهب للقيام رئيس رئيس الوثيق عنوان مفتوح CS50 716 00:31:38,390 --> 00:31:40,150 بحث بدلا من البحث جوجل. 717 00:31:40,150 --> 00:31:43,480 إلى هنا أنا ذاهب لديك الجسم، والجسم إلى هنا وثيق. 718 00:31:43,480 --> 00:31:45,835 والآن أنا بحاجة CS50 البحث. 719 00:31:45,835 --> 00:31:47,710 وفعلا، دعونا بناء هذا تدريجيا. 720 00:31:47,710 --> 00:31:51,043 انا ذاهب الى المضي قدما وإغلاق هذا و وضع فعلا في الدليل العام بلدي. 721 00:31:51,043 --> 00:31:52,730 حتى تعطيني لحظة واحدة فقط. 722 00:31:52,730 --> 00:31:55,390 البحث 0.html---أنا ذاهب ل استدعاء زمنيا أنه search.html. 723 00:31:55,390 --> 00:31:56,600 724 00:31:56,600 --> 00:31:59,750 انا ذاهب الى شمود عليه search.html + ص. 725 00:31:59,750 --> 00:32:01,072 726 00:32:01,072 --> 00:32:02,280 والآن انا ذاهب لفتحه. 727 00:32:02,280 --> 00:32:03,224 728 00:32:03,224 --> 00:32:04,390 كل الحق، حتى أنه كان سريع. 729 00:32:04,390 --> 00:32:06,800 لكن الهدف كان ببساطة ان يوصلنا الى نقطة 730 00:32:06,800 --> 00:32:09,630 وجود هذا النص ملف يسمى search.html. 731 00:32:09,630 --> 00:32:10,940 732 00:32:10,940 --> 00:32:12,790 لذلك ليس كثيرا أن ننظر بعد. 733 00:32:12,790 --> 00:32:16,970 في الواقع، إذا ذهبت لمتصفحي، و الذهاب إلى search.html، هذا كل ما هو عليه. 734 00:32:16,970 --> 00:32:17,720 ولكن هل تعرف لماذا؟ 735 00:32:17,720 --> 00:32:19,000 أنا يمكن أن تكون مربي الحيوانات قليلا. 736 00:32:19,000 --> 00:32:22,710 قرأت في كتاب أن هناك علامة العنوان دعت H1. 737 00:32:22,710 --> 00:32:26,100 وانا ذاهب الى المضي قدما و استخدام هذا H1 H1 مفتوحة وثيق. 738 00:32:26,100 --> 00:32:27,220 إعادة تحميل الصفحة. 739 00:32:27,220 --> 00:32:29,600 والآن حان أكبر وأكثر جرأة، ليس كل ما مثيرة للاهتمام، 740 00:32:29,600 --> 00:32:32,399 إلا أنها على الأقل هيكليا أكثر إثارة للاهتمام. 741 00:32:32,399 --> 00:32:33,940 ولكن الآن اسمحوا لي أن أعرض علامة أخرى. 742 00:32:33,940 --> 00:32:36,500 اتضح هناك علامة النموذج. 743 00:32:36,500 --> 00:32:38,400 واسمحوا لي أن إغلاق هذه العلامة. 744 00:32:38,400 --> 00:32:40,830 واتضح وجود ل علامة الإدخال الذي 745 00:32:40,830 --> 00:32:44,600 لديه سمة يسمى النوع الذي هو نوع بيانات الحقل، 746 00:32:44,600 --> 00:32:45,200 اذا صح التعبير. 747 00:32:45,200 --> 00:32:47,050 وستكون من نوع النص. 748 00:32:47,050 --> 00:32:52,200 وقيمتها تسير أن تكون CS50 البحث. 749 00:32:52,200 --> 00:32:53,850 وثيقة العلامة. 750 00:32:53,850 --> 00:32:57,100 وهناك ستكون أي فكرة فتح وإغلاق مع به منفصلة. 751 00:32:57,100 --> 00:33:00,300 >> اسمحوا لي أن أعود إلى هنا و نرى ما يحدث، تحميل. 752 00:33:00,300 --> 00:33:01,380 الحصول مثيرة للاهتمام. 753 00:33:01,380 --> 00:33:02,950 يبدو أنه من حقل النص. 754 00:33:02,950 --> 00:33:04,080 755 00:33:04,080 --> 00:33:06,999 وفعلا، لم أكن أريد لوضع قيمة هناك حتى الان. 756 00:33:06,999 --> 00:33:10,040 اسمحوا لي أن أعود هنا وفعلا الحصول على التخلص من هذه القيمة ليبقيه بسيط. 757 00:33:10,040 --> 00:33:12,939 بدلا من قيمة، ما أردت لإعطاء هذا الشيء كان اسما. 758 00:33:12,939 --> 00:33:15,230 وأنا لا أعرف ما هو عليه، ولذا فإنني سوف أعود إلى ذلك. 759 00:33:15,230 --> 00:33:18,270 >> ولكن أقل من ذلك، أريد للقيام نوع المدخلات = تقدم. 760 00:33:18,270 --> 00:33:19,840 761 00:33:19,840 --> 00:33:22,120 وسوف تكون هذه القيمة CS50 البحث. 762 00:33:22,120 --> 00:33:24,850 وسنرى لماذا أنا انتقل القيمة إلى هذا. 763 00:33:24,850 --> 00:33:28,900 عندما كنت تحميل، ويبدو لي أن لديهم الآن بدايات بحثي الخاص 764 00:33:28,900 --> 00:33:30,820 المحرك، سوبر البشعة، رغم بصراحة، انها ل 765 00:33:30,820 --> 00:33:34,260 لا رمي بكثير من ما الصفحة الافتراضية جوجل يبدو. 766 00:33:34,260 --> 00:33:37,950 >> إذا ذهبت هنا الآن، ويمكنني أن اكتب في القطط ونأمل انقر بحث. 767 00:33:37,950 --> 00:33:40,380 ولكن أنا لم تفعل تماما بعد، لأنني لم تنفذ، 768 00:33:40,380 --> 00:33:41,045 من الواضح، وقاعدة بيانات. 769 00:33:41,045 --> 00:33:42,940 أنا لم زحف و على شبكة الإنترنت للحصول على نتائج البحث. 770 00:33:42,940 --> 00:33:44,840 لذلك أنا بحاجة إلى أن الاستعانة بمصادر خارجية لجوجل. 771 00:33:44,840 --> 00:33:46,290 فكيف أفعل ذلك؟ 772 00:33:46,290 --> 00:33:49,170 >> حسنا، أولا وقبل كل شيء تحتاج إلى إضافة والعمل 773 00:33:49,170 --> 00:33:58,460 نسبتها الى بلدي شكل العلامة التي هو http://www.google.com/search. 774 00:33:58,460 --> 00:34:01,180 وأنا أعلم أن فقط من وجود يستدل من خلال النظر عن كثب 775 00:34:01,180 --> 00:34:02,505 في اجتماعهم في URL. 776 00:34:02,505 --> 00:34:03,380 والآن تأخذ تخمين. 777 00:34:03,380 --> 00:34:09,090 ما ينبغي هذا المجال النص على الارجح أن يطلق عليه، استنادا إلى حيث جئنا 778 00:34:09,090 --> 00:34:09,754 من قبل؟ 779 00:34:09,754 --> 00:34:11,896 780 00:34:11,896 --> 00:34:13,290 >> الجمهور:؟ س. 781 00:34:13,290 --> 00:34:14,370 >> DAVID J مالان:؟ س. 782 00:34:14,370 --> 00:34:17,800 ونحن لا نحتاج في الواقع السؤال بمناسبة اتضح، بل هو في الواقع ف ذلك، 783 00:34:17,800 --> 00:34:20,489 ف لربما عن طريق الاستعلام افتراضيا، فقط لأن هذا 784 00:34:20,489 --> 00:34:23,060 ما اري وسيرجي خرجت منذ سنوات. 785 00:34:23,060 --> 00:34:24,739 وحتى الآن اسمحوا لي أن تحميل هذه الصفحة. 786 00:34:24,739 --> 00:34:26,409 لا يبدو كل ما مختلفة. 787 00:34:26,409 --> 00:34:28,120 ولكن الآن مشاهدة ما يحدث. 788 00:34:28,120 --> 00:34:32,360 >> إذا كنت اكتب في القطط وانقر CS50 بحث وترك، 789 00:34:32,360 --> 00:34:35,770 تلاحظ أحصل على نقله بعيدا إلى Google الفعلية. 790 00:34:35,770 --> 00:34:38,150 الآن، وجوجل يجري قليلا مزعج في أنهم 791 00:34:38,150 --> 00:34:41,877 إلحاق معلمة إضافية، اذا صح التعبير، إلى URL. 792 00:34:41,877 --> 00:34:43,960 هذا كل ما يحدث تلقائيا على الجانب جوجل. 793 00:34:43,960 --> 00:34:48,730 >> الجزء المهم هو أن يبدو لي لقد ولدت هذا الطلب هنا. 794 00:34:48,730 --> 00:34:50,179 وبالفعل، وهذا ما يحدث. 795 00:34:50,179 --> 00:34:53,040 عندما يكون لديك HTML التي يشبه هذا، وهذا 796 00:34:53,040 --> 00:34:57,620 هو نوع من تدوين مطوري الويب لقوله، والمضي قدما في إنشاء نموذج 797 00:34:57,620 --> 00:34:59,990 هذا عندما يكون تقديمه، انها سوف تذهب الى هذا الرابط. 798 00:34:59,990 --> 00:35:03,430 وعندما قدمت URL قيم أشياء مثل س، 799 00:35:03,430 --> 00:35:05,440 لا تذهب فقط لهذا URL. 800 00:35:05,440 --> 00:35:08,210 في الواقع، انتقل إلى السؤال علامة ثم س = القطط. 801 00:35:08,210 --> 00:35:09,590 802 00:35:09,590 --> 00:35:13,060 إلحاق المعلمة، المعلمة HTTP من هذا القبيل. 803 00:35:13,060 --> 00:35:15,590 >> ومجرد أن تكون فائقة الدقة، ما يجري الاستدلال here-- 804 00:35:15,590 --> 00:35:18,130 ولكن سأكون أكثر explicit-- هو أن طريقة أريد استخدام 805 00:35:18,130 --> 00:35:22,270 هو الحصول عليها، بدلا من شيء من هذا القبيل آخر، والتي سنرى في نهاية المطاف. 806 00:35:22,270 --> 00:35:27,710 هكذا وباختصار، ببساطة عن طريق التفاهم وHTML باستخدام بعض العلامات بسيطة إلى حد ما، 807 00:35:27,710 --> 00:35:30,610 يمكننا الآن البدء في إنشاء منطقتنا المستخدم الأمامية 808 00:35:30,610 --> 00:35:32,850 واجهة مع البحث المحرك وراء ذلك. 809 00:35:32,850 --> 00:35:34,800 >> لكن هذا بالطبع هو بشع جدا. 810 00:35:34,800 --> 00:35:37,259 لذلك اسمحوا لي فتح فعليا حتى نسخة أفضل قليلا. 811 00:35:37,259 --> 00:35:39,800 هذا هو واحد أنا أعد التقدم الذي لديه بعض التعليقات. 812 00:35:39,800 --> 00:35:41,900 ولكن سترى بأنني صوغه كثيرا جدا عليه. 813 00:35:41,900 --> 00:35:44,150 لذلك هذا هو متاح بالفعل على الانترنت. 814 00:35:44,150 --> 00:35:48,050 وأنا لم يحدث استباقي الذهاب إلى https فقط ليبقيه بسيط. 815 00:35:48,050 --> 00:35:50,610 >> والآن دعونا فتح التكرار التالي من هذا. 816 00:35:50,610 --> 00:35:52,510 هو الإصدار 1 بدلا من 0. 817 00:35:52,510 --> 00:35:55,315 ما يقفز في لكم وقليلا مختلفة في هذا المثال؟ 818 00:35:55,315 --> 00:35:59,480 819 00:35:59,480 --> 00:36:00,440 >> الجمهور: [غير مسموع]. 820 00:36:00,440 --> 00:36:03,020 >> نعم، يوجد هذا المركز محاذاة النص. 821 00:36:03,020 --> 00:36:04,590 هذا غريب قليلا هنا. 822 00:36:04,590 --> 00:36:06,150 ولكن هذا هو الواقع الجديد. 823 00:36:06,150 --> 00:36:07,800 وربما تخمين ما سيحدث. 824 00:36:07,800 --> 00:36:11,730 اذا ذهبت الى متصفحي الآن وزيارة-1.html البحث، 825 00:36:11,730 --> 00:36:13,090 انها تقريبا نفس الشيء. 826 00:36:13,090 --> 00:36:15,705 بل انها خطوة أقرب إلى يجري قليلا أكثر جميلة. 827 00:36:15,705 --> 00:36:19,150 انها لا تزال القبيح، ولكن أجمل من ذلك لقد تركزت كل شيء الآن على الأقل. 828 00:36:19,150 --> 00:36:23,470 >> هكذا اتضح أن ما أنا باستخدام ولغة أخرى تسمى تماما 829 00:36:23,470 --> 00:36:25,680 CSS، أوراق الأنماط المتتالية. 830 00:36:25,680 --> 00:36:28,310 وCSS، بصراحة، هو نوع من، في رأيي الشخصي، 831 00:36:28,310 --> 00:36:29,775 لغة تصميم بوحشية. 832 00:36:29,775 --> 00:36:33,110 وهو أمر مزعج جدا أن نتذكر كل التفاصيل المختلفة. 833 00:36:33,110 --> 00:36:38,479 ولكن ما stylizes و في جميع أنحاء العالم على شبكة الإنترنت اليوم بأكمله. 834 00:36:38,479 --> 00:36:39,270 أنا شخص بالإهانة. 835 00:36:39,270 --> 00:36:39,769 حسنا. 836 00:36:39,769 --> 00:36:43,180 لذلك دعونا نعود ونرى هنا كيف أننا فعلا باستخدام هذا. 837 00:36:43,180 --> 00:36:45,940 وكما تبين، على الأقل انها في الواقع لغة بسيطة جدا. 838 00:36:45,940 --> 00:36:49,470 انها مجرد أزواج قيمة المفتاح والممتلكات والقيم والممتلكات والقيم. 839 00:36:49,470 --> 00:36:52,080 في الواقع، وهنا هي واحدة هذه الممتلكات وقيمة. 840 00:36:52,080 --> 00:36:55,890 >> ببساطة باستخدام أسلوب السمة على بلدي علامة الجسم 841 00:36:55,890 --> 00:37:00,360 ويعطيها قيمة كلمة القولون وكلمة أخرى، 842 00:37:00,360 --> 00:37:03,730 أو خاصية وقيمة، أنا يمكن أن يؤثر على جماليات 843 00:37:03,730 --> 00:37:06,210 من صفحة الويب، لا بالضرورة الهيكل بعد، 844 00:37:06,210 --> 00:37:07,550 لكن جماليات ذلك. 845 00:37:07,550 --> 00:37:10,960 وفقط من خلال غوغلينغ حولها، وأنا أدرك أن ورقة CSS، الأنماط المتتالية، 846 00:37:10,960 --> 00:37:14,170 يدعم خاصية تسمى مواءمة النصوص، التي يمكن قيمة 847 00:37:14,170 --> 00:37:16,980 أن اليسار واليمين، أو الوسط، على سبيل المثال. 848 00:37:16,980 --> 00:37:19,990 >> حتى الآن عندما كنت تحميل هذه الصفحة، ما لم يحصل 849 00:37:19,990 --> 00:37:22,730 وكانت صفحة تركز، ولكن لا يزال قبيحة جدا. 850 00:37:22,730 --> 00:37:25,770 دعونا نمضي قدما وفتح يصل الإصدار 2 من البحث. 851 00:37:25,770 --> 00:37:28,570 والآن تلاحظ لقد فعلت أكثر من ذلك بقليل. 852 00:37:28,570 --> 00:37:33,760 لاحظ أن هنا داخل الرأس العلامة، يمكن أن يكون هناك أكثر من عنوان. 853 00:37:33,760 --> 00:37:35,400 في الواقع، هناك علامة النمط. 854 00:37:35,400 --> 00:37:38,630 وهذا هو المكان الذي تحصل عليه فقط يذكر فوضوي أحيانا رؤية CSS. 855 00:37:38,630 --> 00:37:41,971 >> لاحظ أن ويبدو لي أن لديك شيء التي تبدو مختلفة جدا من الناحية الهيكلية. 856 00:37:41,971 --> 00:37:44,095 ولكن هنا هو اسم العلامة أريد أن منسق. 857 00:37:44,095 --> 00:37:47,570 وهنا لدينا الأصدقاء القدامى مجعد الأقواس ومتعرج المغلقة. 858 00:37:47,570 --> 00:37:50,290 ثم هنا هو أن الممتلكات وقيمتها. 859 00:37:50,290 --> 00:37:56,300 >> إذا كنت تحميل هذا الملف، search2.html، والنتيجة النهائية هي متطابقة. 860 00:37:56,300 --> 00:37:59,300 بل انها خطوة نحو تصميم أفضل. 861 00:37:59,300 --> 00:38:04,560 من قبل العوملة من هذه CSS، لقد ليس مختلطة مع بلدي HTML. 862 00:38:04,560 --> 00:38:07,560 والواقع، كما سنرى، لم أستطع إعادة استخدام هذه الخصائص والقيم. 863 00:38:07,560 --> 00:38:10,420 إذا أردت أن تجعل عناقيد أجزاء من صفحة الويب الخاصة بي تركزت، 864 00:38:10,420 --> 00:38:13,630 أنا لم يكن لديك لكتابة النمط = محاذاة النص وسط كل مكان. 865 00:38:13,630 --> 00:38:16,580 أنا يمكن وضعها في مكان واحد ربما ترغب في أعلى. 866 00:38:16,580 --> 00:38:18,210 >> ولكن حتى هذا ليس أفضل تصميم. 867 00:38:18,210 --> 00:38:21,720 في الواقع، واحدة من الأشياء التي ستعرف كما يمكنك قضاء المزيد والمزيد من الوقت مع 868 00:38:21,720 --> 00:38:25,730 برمجة الويب هي أن أكثر ما يمكن modularize أشياء وأشياء عامل خارج 869 00:38:25,730 --> 00:38:30,610 مثل ملفات .H دعونا عامل الاشياء، أحب helpers.c دعونا عامل الامور 870 00:38:30,610 --> 00:38:31,880 قبل بضعة psets. 871 00:38:31,880 --> 00:38:34,200 وبالمثل، ربما نحن نريد لتحقيق ذلك. 872 00:38:34,200 --> 00:38:37,920 >> لذلك نلاحظ في الإصدار ثلاثة من search.html لدي 873 00:38:37,920 --> 00:38:40,610 تنظيف رأس هذه الصفحة وضعت للتو 874 00:38:40,610 --> 00:38:43,320 في هذا، علامة الارتباط، والتي خلافا للاسم، 875 00:38:43,320 --> 00:38:44,700 لا تعطيك ارتباط تشعبي. 876 00:38:44,700 --> 00:38:49,150 يربط إلى ملف آخر عن طريق وأ href قيمتها في هذه الحالة، 877 00:38:49,150 --> 00:38:51,586 هو البحث، 3.css 878 00:38:51,586 --> 00:38:52,960 حتى وأنا أدرك أننا ذاهبون بسرعة. 879 00:38:52,960 --> 00:38:54,600 ولكن كل ما أفعله هو نوع تحريك الأشياء حولها. 880 00:38:54,600 --> 00:38:55,760 اسمحوا لي أن فتح بحث-3.css. 881 00:38:55,760 --> 00:38:57,114 882 00:38:57,114 --> 00:38:58,530 ومن هناك، لا شيء حقا لذلك. 883 00:38:58,530 --> 00:39:02,270 أنا مجرد نسخ ولصق قبل أن تتحول إلى الجديد ملف، مثل الكثير الذي يؤخذ الاشياء 884 00:39:02,270 --> 00:39:03,509 إلى ملفات أخرى من قبل. 885 00:39:03,509 --> 00:39:05,300 وresult-- underwhelming-- تماما 886 00:39:05,300 --> 00:39:06,730 سوف يكون بالضبط نفس الشيء. 887 00:39:06,730 --> 00:39:10,490 ولكننا نسير toward-- لا، انها ليست. 888 00:39:10,490 --> 00:39:11,930 أوه، أنا أعرف لماذا. 889 00:39:11,930 --> 00:39:13,790 >> لذلك يبدو أن يكون خطأ. 890 00:39:13,790 --> 00:39:15,010 وأنه في بعض معانيها. 891 00:39:15,010 --> 00:39:17,730 ولكن اسمحوا لي أن فتح علامة التبويب شبكة بلدي. 892 00:39:17,730 --> 00:39:19,660 اسمحوا لي أن إعادة تحميل الصفحة. 893 00:39:19,660 --> 00:39:23,315 آه، لماذا هو CSS لا يتم تطبيقه؟ 894 00:39:23,315 --> 00:39:26,920 أيضا، الملف المغلق، وبالمثل، لتكون قابلة للقراءة العالم، إذا جاز التعبير. 895 00:39:26,920 --> 00:39:28,440 وذلك أيضا ممنوع حاليا. 896 00:39:28,440 --> 00:39:33,760 لذلك اسمحوا لي أن تفعل شمود + R نجم نقطة CSS-- whoops-- 897 00:39:33,760 --> 00:39:37,067 نحن CSS نقطة هو مجرد ملحق الملف لملفات CSS. 898 00:39:37,067 --> 00:39:38,900 والآن اسمحوا لي أن أعود إلى بلدي المتصفح وإعادة تحميل. 899 00:39:38,900 --> 00:39:40,910 موافق، أفضل قليلا. 900 00:39:40,910 --> 00:39:42,282 >> الآن اسمحوا لي أن تفعل شيء واحد آخر. 901 00:39:42,282 --> 00:39:42,990 بحثا-4.html. 902 00:39:42,990 --> 00:39:44,550 903 00:39:44,550 --> 00:39:48,220 لدي النسخة التي فكرت فقط كان الطريق برودة، وإن كان بطريقة أكثر 904 00:39:48,220 --> 00:39:48,980 تعقيدا. 905 00:39:48,980 --> 00:39:50,690 دعونا ننظر في النتيجة أولا. 906 00:39:50,690 --> 00:39:52,290 إغلاق هذا أن يعطينا مساحة أكبر. 907 00:39:52,290 --> 00:39:54,275 تغيير هذا للبحث-4، أدخل. 908 00:39:54,275 --> 00:39:55,430 909 00:39:55,430 --> 00:39:57,200 >> والآن يتم تقسيم مجموعة من الأشياء. 910 00:39:57,200 --> 00:39:59,910 انا ذاهب الى العودة إلى دليل بلدي هنا. 911 00:39:59,910 --> 00:40:04,190 والآن أنا ذاهب لمجرد القيام وشمود ل+ R على الملف-- 912 00:40:04,190 --> 00:40:07,450 لأنني أعلم أنه دعا exists-- logo.gif، وهو الصورة. 913 00:40:07,450 --> 00:40:08,590 وإعادة تحميل الآن. 914 00:40:08,590 --> 00:40:11,040 وwow-- حتى الآن أنا قريبا جدا، وبصراحة، 915 00:40:11,040 --> 00:40:15,860 لمثل النسخة 1999 من جوجل، و بصراحة، نسخة 2014 من جوجل، 916 00:40:15,860 --> 00:40:16,360 أليس كذلك؟ 917 00:40:16,360 --> 00:40:21,920 >> لذلك يجري الآن على موقعه على الانترنت، في النهاية، إذا كنت تبحث عن القطط. 918 00:40:21,920 --> 00:40:23,900 والواقع هو. 919 00:40:23,900 --> 00:40:26,410 ولكن ماذا أفعل بشكل مختلف في هذا الإصدار 4؟ 920 00:40:26,410 --> 00:40:28,020 لذلك نحن لن أتطرق كثيرا على ذلك هنا. 921 00:40:28,020 --> 00:40:30,100 سترى في هذه المشكلة مجموعة السبع في نهاية المطاف. 922 00:40:30,100 --> 00:40:31,350 لكن لاحظ فعلت بعض الأشياء. 923 00:40:31,350 --> 00:40:33,690 >> أنا أدخلت شعبة العلامة، وهو تقسيم، 924 00:40:33,690 --> 00:40:35,450 تشبه في روح لعلامة الفقرة. 925 00:40:35,450 --> 00:40:38,220 ولكن التقسيم هو مجرد مثل، وهنا منطقة غير مرئية مستطيلة 926 00:40:38,220 --> 00:40:39,150 من الشاشة. 927 00:40:39,150 --> 00:40:41,680 دعونا إعطائها فريدة من نوعها معرف، تذييل، فقط 928 00:40:41,680 --> 00:40:44,700 حتى نتمكن من الحديث عن انها في منطقتنا HTML في مكان آخر. 929 00:40:44,700 --> 00:40:47,952 هنا هو شعبة أخرى من الصفحة ID الذي سيكون المحتوى. 930 00:40:47,952 --> 00:40:49,160 انها لمحتوى الصفحة. 931 00:40:49,160 --> 00:40:51,090 وهنا هو رأس الصفحة. 932 00:40:51,090 --> 00:40:54,960 >> وبعبارة أخرى، لقد أساسا أنا في HTML عقليا 933 00:40:54,960 --> 00:40:57,700 عرض صفحة الويب هذه كما ثلاثة مكونات، رأس 934 00:40:57,700 --> 00:41:01,200 هنا في هذا المستطيل غير مرئية، المحتوى في الوسط، ثم 935 00:41:01,200 --> 00:41:04,800 تذييل أسفل أدناه، حتى على الرغم من أننا لا نرى تلك الأشياء. 936 00:41:04,800 --> 00:41:09,940 لأنني أريد أن في رأسي ل الصفحة هنا، أو في ملف المغلق، 937 00:41:09,940 --> 00:41:11,460 يمكنني استخدام هذا النحو. 938 00:41:11,460 --> 00:41:13,070 >> رأس ليس علامة. 939 00:41:13,070 --> 00:41:17,060 انها معرف حتى يتحول إلى أنه من خلال القيام #header، 940 00:41:17,060 --> 00:41:20,840 أستطيع الآن تطبيق واحد أو أكثر عقارات للرأس. 941 00:41:20,840 --> 00:41:24,130 أستطيع أن أفعل نفس المضمون، الشيء نفسه بالنسبة المحتوى هنا. 942 00:41:24,130 --> 00:41:27,230 >> هكذا على سبيل المثال، في تذييل، إشعار كل هذه الخصائص أنا مضيفا. 943 00:41:27,230 --> 00:41:30,660 وأنا أعلم أنها موجودة فقط عن طريق القراءة حتى على وثائق CSS. 944 00:41:30,660 --> 00:41:33,450 حجم الخط ستكون smaller-- وحتى بعض حجم الخط النسبي. 945 00:41:33,450 --> 00:41:34,741 الوزن ستكون جريئة. 946 00:41:34,741 --> 00:41:37,340 Margin-- كم بكسل حول it-- 20 بكسل. 947 00:41:37,340 --> 00:41:38,590 وانها سوف تكون محورها. 948 00:41:38,590 --> 00:41:40,256 >> ولكن الآن، تبدو الصفحة من هذا القبيل. 949 00:41:40,256 --> 00:41:42,840 إذا لم أكن مسرور نسخة حقي هناك، 950 00:41:42,840 --> 00:41:46,560 أنا يمكن أن تفعل شيئا مثل اللون الأحمر. 951 00:41:46,560 --> 00:41:50,570 وبعد ذلك يمكن أن ينقذ هذا، تحميل، والآن لقد منمنمة تذييل. 952 00:41:50,570 --> 00:41:54,130 لذلك هذا هو مجرد ملمحا الى السلطة ما يمكنك القيام به في صفحة ويب 953 00:41:54,130 --> 00:41:55,510 لتغيير الامور. 954 00:41:55,510 --> 00:41:59,080 >> وحتى أكثر برودة من ذلك، إذا كنت تريد لكزة حولها مع المواقع الفعلية، 955 00:41:59,080 --> 00:42:00,810 لا يمكنك تغييرها بشكل دائم. 956 00:42:00,810 --> 00:42:03,640 ولكن إذا كنت فتح المفتش الكروم مرة أخرى 957 00:42:03,640 --> 00:42:07,610 وأنا لا أذهب إلى الجانب الأيسر هنا، مما يدل HTML الفيسبوك و 958 00:42:07,610 --> 00:42:11,380 ولكن يظهر على اليمين الجانب كل من CSS لها، 959 00:42:11,380 --> 00:42:13,789 يمكنك إما و تغيير الامور على الطاير. 960 00:42:13,789 --> 00:42:15,080 لذلك اسمحوا لي أن نمضي قدما ونفعل ذلك. 961 00:42:15,080 --> 00:42:18,670 >> اسمحوا لي أن تمضي قدما والسيطرة انقر على هذه الكلمة العشوائية هنا، 962 00:42:18,670 --> 00:42:21,230 التوقيع، ثم انقر فوق فحص العنصر. 963 00:42:21,230 --> 00:42:25,130 الكروم يقفز مريح جدا ل العلامة H1 التي تستخدم الفيسبوك. 964 00:42:25,130 --> 00:42:27,290 ونلاحظ هنا الفيسبوك لديه نوع من بتكاسل 965 00:42:27,290 --> 00:42:29,960 الثابت ترميز حجم الخط كخاصية هنا. 966 00:42:29,960 --> 00:42:33,530 >> ذلك الشيء هو بارد على الرغم أنه إذا أنا فعلا ذهبت هنا 967 00:42:33,530 --> 00:42:39,560 ونقول، أوه، الفيسبوك، أنا لا أحب أن 64 بكسل، يمكننا الآن تغيير الفيسبوك. 968 00:42:39,560 --> 00:42:42,590 بالطبع، نحن فقط تغييره بالنسبة لي شخصيا في الوقت الراهن. 969 00:42:42,590 --> 00:42:45,150 ولكن هذا هو مجرد أداة في مجموعة من الأدوات لدينا 970 00:42:45,150 --> 00:42:48,360 هذا ما سوف تسمح لنا لقرص وأيضا معرفة وتشخيص 971 00:42:48,360 --> 00:42:49,729 قضايا في صفحات الويب الخاصة بنا. 972 00:42:49,729 --> 00:42:52,270 وبالمثل يمكن أن نذهب أكثر من هنا، وهو نفس الشيء. 973 00:42:52,270 --> 00:42:55,830 إذا كنت تريد حقا أن تحصل على الهوى، و يعني، الآن يمكنك حقا يتحور الصفحة 974 00:42:55,830 --> 00:42:57,380 وتفعل أشياء مجنونة. 975 00:42:57,380 --> 00:42:59,870 >> فلماذا كل هذا مفيد؟ 976 00:42:59,870 --> 00:43:02,330 حسنا، في نهاية المطاف، ونحن ذاهب الى تريد أن تكون 977 00:43:02,330 --> 00:43:07,110 القدرة على إنشاء صفحات الويب التي ومدفوعا لدينا نهايات الخلفية الخاصة، 978 00:43:07,110 --> 00:43:10,520 ليس فقط عن طريق غوغل و الاستعانة بمصادر خارجية النهاية الخلفية هناك. 979 00:43:10,520 --> 00:43:13,510 نريد فعلا قيمة، على سبيل المثال، 980 00:43:13,510 --> 00:43:18,830 عمل محرك بحثنا ل السمة للذهاب ليس لشخص آخر، 981 00:43:18,830 --> 00:43:24,270 ولكن لشيء من هذا القبيل search.php، حيث search.php على الخادم الخاص بنا، 982 00:43:24,270 --> 00:43:25,670 ليس على شخص آخر. 983 00:43:25,670 --> 00:43:30,316 >> وذلك للوصول إلى هناك، ونحن في الواقع تحتاج إلى إدخال لغة جديدة. 984 00:43:30,316 --> 00:43:33,190 لذلك قمنا بدا بالفعل في واحدة جديدة اللغة هنا، أو اثنين حقا، HTML 985 00:43:33,190 --> 00:43:33,700 وCSS. 986 00:43:33,700 --> 00:43:36,330 لكنها في الحقيقة مجرد اللغات الهيكلية والجمالية. 987 00:43:36,330 --> 00:43:38,360 انهم لا البرمجة اللغات في حد ذاتها. 988 00:43:38,360 --> 00:43:41,160 وهذا حول بقدر رسمية مرة ونحن سوف تنفق عليهم. 989 00:43:41,160 --> 00:43:44,910 لأننا سوف نبدأ الآن الانتقال إلى PHP. 990 00:43:44,910 --> 00:43:48,160 >> حتى PHP هو فعلي لغة البرمجة. 991 00:43:48,160 --> 00:43:50,750 انها لغة البرمجة بمعنى أنه 992 00:43:50,750 --> 00:43:52,855 من المفترض أن تكون أخف وزنا من شيء من هذا القبيل C. 993 00:43:52,855 --> 00:43:56,082 وانها لغة تفسيرها، وهو ما يعني أنها ليست جمعها. 994 00:43:56,082 --> 00:43:58,790 لذلك باختصار، ماذا يعني ذلك عندما استخدمنا لغة مثل C 995 00:43:58,790 --> 00:44:00,290 وكان علينا أن ترجمة عليه؟ 996 00:44:00,290 --> 00:44:02,120 ماذا يعني ل تجميع C الشفرة المصدرية؟ 997 00:44:02,120 --> 00:44:03,864 998 00:44:03,864 --> 00:44:04,780 الجمهور: [غير مسموع]. 999 00:44:04,780 --> 00:44:06,184 DAVID J مالان: قل ذلك مرة أخرى؟ 1000 00:44:06,184 --> 00:44:07,100 الجمهور: [غير مسموع]. 1001 00:44:07,100 --> 00:44:07,962 1002 00:44:07,962 --> 00:44:08,920 DAVID J مالان: الكمال. 1003 00:44:08,920 --> 00:44:10,180 فإنه يحولها إلى ثنائي. 1004 00:44:10,180 --> 00:44:14,200 فإنه يحولها إلى أصفار ومنها من الإنجليزية مثل شفرة المصدر الفعلي. 1005 00:44:14,200 --> 00:44:16,424 ومن ثم يمكننا فعلا تشغيل تلك الاصفار منها و 1006 00:44:16,424 --> 00:44:18,840 قبل تمريرها من خلال وحدة المعالجة المركزية عن طريق النقر المزدوج على أيقونة 1007 00:44:18,840 --> 00:44:19,980 أو تشغيل الأوامر. 1008 00:44:19,980 --> 00:44:23,770 >> PHP و Python و Ruby وبيرل وجافا سكريبت 1009 00:44:23,770 --> 00:44:26,250 وعناقيد من الآخر يتم تفسير اللغات 1010 00:44:26,250 --> 00:44:29,290 لغات، وهو ما يعني كنت لا تجمع لهم. 1011 00:44:29,290 --> 00:44:34,220 بدلا من ذلك، كنت إطعامهم كمدخل ل دعا برنامج مترجم. 1012 00:44:34,220 --> 00:44:36,640 وأن مترجم، الذي كتب شخص آخر، 1013 00:44:36,640 --> 00:44:40,930 يقرأ شفرة المصدر الخاصة بك أعلى إلى أسفل، من اليسار إلى اليمين وتفسر فقط 1014 00:44:40,930 --> 00:44:43,000 تلك الخطوط وتفعل ما تقوله. 1015 00:44:43,000 --> 00:44:45,360 >> لذا إذا واجهتك الخط الذي يقول الطباعة، 1016 00:44:45,360 --> 00:44:48,660 فإنه لا يتم تحويل بالضرورة الطباعة إلى الأصفار المقابلة ومنها. 1017 00:44:48,660 --> 00:44:51,910 انها مجرد مثل هذا مترجم واذا كان الشرط الكبيرة التي تقول، 1018 00:44:51,910 --> 00:44:56,110 إذا تعليمات مبرمج هو الطباعة، ثم القيام بما يلي. 1019 00:44:56,110 --> 00:44:58,170 لذلك يفسر أنها مجرد بواسطة نوع من المنطق 1020 00:44:58,170 --> 00:44:59,800 من خلال ما كنت أقول أن تفعله. 1021 00:44:59,800 --> 00:45:01,320 >> وPHP هي واحدة من هذه اللغات. 1022 00:45:01,320 --> 00:45:05,310 وقبل سنوات تم تصميم PHP على وجه التحديد لبرمجة الويب. 1023 00:45:05,310 --> 00:45:08,160 وكان في البداية قذرة جدا اللغة فوضوي. 1024 00:45:08,160 --> 00:45:10,940 وبالفعل، هناك ضخمة كمية سيئة كود PHP هناك. 1025 00:45:10,940 --> 00:45:13,520 لكن اللغة نفسها قد نضجت على مر السنين، 1026 00:45:13,520 --> 00:45:16,200 لدرجة أن الآن حان في الواقع الخطوة التالية رائعة 1027 00:45:16,200 --> 00:45:19,970 تربويا من C لأنه مرتق حتى تتعرف على كل شيء 1028 00:45:19,970 --> 00:45:22,380 كنت قد رأيت فقط في الأسابيع القليلة الماضية. 1029 00:45:22,380 --> 00:45:25,724 >> الفرق الأولي احدة سنرى وليس هناك وظيفة رئيسية بعد الآن. 1030 00:45:25,724 --> 00:45:28,890 عند بدء كتابة التعليمات البرمجية، انها مجرد الذهاب الى الحصول على تنفيذها مهما كانت، 1031 00:45:28,890 --> 00:45:30,220 كما سنرى في لحظة. 1032 00:45:30,220 --> 00:45:33,320 وفي الوقت نفسه، وهنا ما متغير يشبه في PHP. 1033 00:45:33,320 --> 00:45:35,840 الأمر مختلف قليلا، لكن بالكاد فقط. 1034 00:45:35,840 --> 00:45:39,380 >> في PHP، ليس هناك كتابة قوية. 1035 00:45:39,380 --> 00:45:41,430 هناك الكتابة الأسبوع، الذي يعني أن هناك فقط 1036 00:45:41,430 --> 00:45:44,030 هي أنواع البيانات مثل الجمل والأرقام وغيرها من الامور. 1037 00:45:44,030 --> 00:45:47,030 ولكنك لا تهتم بتحديد ما هي عليه الآن. 1038 00:45:47,030 --> 00:45:48,980 PHP أرقام بها بالنسبة لك. 1039 00:45:48,980 --> 00:45:52,030 الدولار هو مجرد قرار ان الشعب PHP جعلت سنوات 1040 00:45:52,030 --> 00:45:54,890 قبل ذلك أن أي متغير في PHP يبدأ فقط مع علامة الدولار. 1041 00:45:54,890 --> 00:45:58,130 انها في الواقع نوع من المفيد في هذا كان يقفز في لكم أكثر من ذلك بقليل. 1042 00:45:58,130 --> 00:46:01,315 >> ولكن بعد ذلك، وهذا هو شرط في PHP. 1043 00:46:01,315 --> 00:46:03,140 1044 00:46:03,140 --> 00:46:04,730 ما هو مختلف في مقابل C؟ 1045 00:46:04,730 --> 00:46:07,180 1046 00:46:07,180 --> 00:46:09,600 خداع question-- شيء، الذي هو في الواقع لطيف حقا. 1047 00:46:09,600 --> 00:46:12,140 التعبيرات المنطقية في PHP-- نفسه. 1048 00:46:12,140 --> 00:46:19,354 تعبيرات منطقية مع ومقابل أو، ومفاتيح، حلقات، حلقات، loops-- موافق، 1049 00:46:19,354 --> 00:46:20,270 هذا هو واحد مختلف. 1050 00:46:20,270 --> 00:46:22,660 >> هكذا اتضح هناك زوجين من الميزات الأخرى في PHP. 1051 00:46:22,660 --> 00:46:25,243 واحد منهم هو في الواقع هذا، وهو مناسب بشكل رائع. 1052 00:46:25,243 --> 00:46:29,250 إذا $ الأرقام هي مجموعة التي قمت أعلن مسبقا في البرنامج، 1053 00:46:29,250 --> 00:46:33,350 لديك هذه نزوة لكل بناء بدلا من أن تفعل كل ذلك 1054 00:46:33,350 --> 00:46:37,020 مزعج لي يساوي 0، أنا هو أقل من ذلك، [؟ أنا + +؟]، 1055 00:46:37,020 --> 00:46:40,320 لكل الأرقام كرقم، حيث كل هذه القيم هي مجرد علامة الدولار 1056 00:46:40,320 --> 00:46:42,790 متغير، وهذا الأخير يمكن ان يخطر لك كما I. 1057 00:46:42,790 --> 00:46:44,290 هل يمكن أن نسميها أي شيء تريده. 1058 00:46:44,290 --> 00:46:45,770 دعوت ذلك العدد. 1059 00:46:45,770 --> 00:46:48,825 هذا هو الذهاب الى تكرار عبر مجموعة تسمى الأرقام. 1060 00:46:48,825 --> 00:46:51,200 وعلى كل التكرار، انها الذهاب لتحديث تلقائيا 1061 00:46:51,200 --> 00:46:54,340 للك رقم علامة الدولار متغير حتى يتسنى لك باستمرار 1062 00:46:54,340 --> 00:46:58,210 الحصول على المتغير الذي تريد دون الحاجة إلى القيام بأي قوس مربع 1063 00:46:58,210 --> 00:47:00,980 التدوين أو الفهرسة في صفيف. 1064 00:47:00,980 --> 00:47:04,950 >> أبعد من ذلك، ونحن لدينا حتى أشياء مثل المصفوفات، التي تبدو تقريبا نفس الشيء، 1065 00:47:04,950 --> 00:47:08,210 إلا أنه من الشائع جدا، كما سنقوم ترى، سواء في PHP و JavaScript 1066 00:47:08,210 --> 00:47:10,750 إلى ما قبل تهيئة مجموعة باستخدام الأقواس المربعة. 1067 00:47:10,750 --> 00:47:12,040 C يستخدم الأقواس المعقوفة. 1068 00:47:12,040 --> 00:47:15,330 حتى انها مختلفة قليلا، على الرغم من لم نستخدم حقا أن خدعة من ذلك بكثير. 1069 00:47:15,330 --> 00:47:20,090 >> ولكن حتى أكثر بقوة، PHP لديه صفائف النقابي، 1070 00:47:20,090 --> 00:47:23,100 وهي طريقة الهوى لقول الجداول التجزئة. 1071 00:47:23,100 --> 00:47:31,610 في الواقع، إذا كنت تريد أن تعلن تجزئة الجدول في PHP، خلافا لما حدث في C-- كم 1072 00:47:31,610 --> 00:47:34,775 الأسطر من التعليمات البرمجية أنها لم تتخذ ل في الواقع تنفيذ جدول تجزئة في C؟ 1073 00:47:34,775 --> 00:47:38,310 أو كم عدد الأسطر من التعليمات البرمجية غير ذلك مع الأخذ في تنفيذ جدول تجزئة في C؟ 1074 00:47:38,310 --> 00:47:39,820 لذلك فمن المحتمل كثيرا، أليس كذلك؟ 1075 00:47:39,820 --> 00:47:41,680 انها بضع عشرات، وربما 100 أو 200. 1076 00:47:41,680 --> 00:47:42,980 انها غير بديهي. 1077 00:47:42,980 --> 00:47:45,420 أو أنها على وشك أن تكون، و سترى قريبا، غير بديهي 1078 00:47:45,420 --> 00:47:48,080 لتنفيذ جدول تجزئة [غير مسموع] وأيضا المحاولة. 1079 00:47:48,080 --> 00:47:50,580 ولكن في PHP-- وبصراحة، أنا ربما لا ينبغي أن أقول لكم هذا 1080 00:47:50,580 --> 00:47:53,630 حتى Monday-- في PHP، إذا كنت ترغب في الجدول، وفعلت. 1081 00:47:53,630 --> 00:47:56,431 هذا هو تجزئة table-- ذلك مع سطر واحد من التعليمات البرمجية. 1082 00:47:56,431 --> 00:47:56,930 و 1083 00:47:56,930 --> 00:47:58,810 >> وهناك الكثير من اللغات يفعل ذلك. 1084 00:47:58,810 --> 00:48:00,190 نلهو مع PSET خمسة. 1085 00:48:00,190 --> 00:48:01,980 لذلك الكثير من اللغات تفعل هذا. 1086 00:48:01,980 --> 00:48:03,050 1087 00:48:03,050 --> 00:48:06,140 أنها تعطيك هذه التجريدات أن الآخرين، المبرمجين الآخرين، 1088 00:48:06,140 --> 00:48:09,870 وقد خلق لكم بحيث يمكنك الوقوف على أكتافهم 1089 00:48:09,870 --> 00:48:13,290 والبدء في استخدام الأفكار التي هي السوبر مقنعة، مثل الجداول التجزئة والأشجار 1090 00:48:13,290 --> 00:48:14,140 ويحاول. 1091 00:48:14,140 --> 00:48:17,790 ولكن لم يكن لديك بالضرورة ل تنفيذ تلك الأشياء بنفسك. 1092 00:48:17,790 --> 00:48:20,850 >> وذلك في نهاية المطاف، ما نحن ذاهبون الى استخدام PHP ل 1093 00:48:20,850 --> 00:48:23,580 ويحتمل أن تكون كتابة برامج من ما يسمى سطر الأوامر. 1094 00:48:23,580 --> 00:48:26,600 نحن يمكن إعادة كل برنامج نحن قد كتبت هذا الفصل الدراسي حتى الآن، 1095 00:48:26,600 --> 00:48:30,410 ربما باستثناء اندلاع الذي يستخدم SPL، وهي تخص C في الوقت الراهن. 1096 00:48:30,410 --> 00:48:33,100 ولكن كل مشكلة أخرى مجموعة، بالتأكيد ماريو وقيصر 1097 00:48:33,100 --> 00:48:35,300 وVigenere و [؟ الكراك؟] وما بعده، فإننا 1098 00:48:35,300 --> 00:48:39,520 يمكن إعادة تنفيذ في PHP، و ربما أكثر من ذلك بقليل بسهولة. 1099 00:48:39,520 --> 00:48:43,050 >> ولكن ما نحن ذاهبون في نهاية المطاف لاستخدام PHP لبرمجة الويب هي. 1100 00:48:43,050 --> 00:48:46,420 ونحن في طريقنا لتقديم المقبل الأسبوع نموذجا العقلي، نموذج يسمى 1101 00:48:46,420 --> 00:48:49,610 MVC، تحكم عرض نموذج، وإذا كنت قد فعلت البرمجة 1102 00:48:49,610 --> 00:48:51,610 قبل أو في بيثون روبي أو أي مكان آخر، كنت 1103 00:48:51,610 --> 00:48:54,112 يمكن أن نعرف من هذا الفريق مع و القضبان وجانغو، وما شابه ذلك. 1104 00:48:54,112 --> 00:48:55,820 ولكن إذا كنت جديدا على هذا أيضا، وسترى 1105 00:48:55,820 --> 00:48:59,652 أن هذا هو الواقع الطبيعي جدا تمديد التعميل 1106 00:48:59,652 --> 00:49:01,360 وهذا النوع من التصميم من التعليمات البرمجية التي قمنا 1107 00:49:01,360 --> 00:49:04,670 تم القيام في C. ونحن في طريقنا إلى الآن تطبيق بعض من هذه الدروس لPHP 1108 00:49:04,670 --> 00:49:07,190 حتى أنه في نهاية المطاف، نحن تنفيذ المواقع الخاصة بنا. 1109 00:49:07,190 --> 00:49:09,080 وإذا كنت من النوع فتن أو عن دهشتها 1110 00:49:09,080 --> 00:49:10,954 أننا في طريقنا للقيام كل ذلك بسرعة، 1111 00:49:10,954 --> 00:49:13,410 ندرك أن كل تقريبا الفصل الدراسي، ما يقرب من 90٪ 1112 00:49:13,410 --> 00:49:16,560 الطلاب CS50، بما فيها تلك الذين لم يسبق لهم مبرمجة من قبل، 1113 00:49:16,560 --> 00:49:20,329 في نهاية المطاف جعل المشاريع النهائية التي تقوم على برمجة الويب. 1114 00:49:20,329 --> 00:49:23,120 وهكذا سترى أن العوائد هي عالية في الأسابيع المقبلة. 1115 00:49:23,120 --> 00:49:24,965 ولذا فإننا سوف نرى لك ثم يوم الاثنين. 1116 00:49:24,965 --> 00:49:27,260 1117 00:49:27,260 --> 00:49:30,120 >> رئيس 1: والآن، ديب الأفكار قبل Daven فارنهام. 1118 00:49:30,120 --> 00:49:34,055 1119 00:49:34,055 --> 00:49:34,780 الجداول التجزئة. 1120 00:49:34,780 --> 00:49:37,180 1121 00:49:37,180 --> 00:49:38,402 >> [ضحك] 1122 00:49:38,402 --> 00:49:38,902