[MUSIC پخش] DAVID J مالان: خوب، خوش آمدید. این CS50 است. این پایان هفته هفت است. و این پایان است که روبنده شکار از مشکل تنظیم چهار که شما ممکن است به یاد. پس از دوره نقاهت بعد از همه کسانی که عکس JPEG از کارکنان، شما، به چالش کشیده شد اگر شما می خواهم، به خودتان عکس با عنوان بسیاری از از آن مردمی که می توانید. ما یک دسته کامل از ارسالی کردم در طول چند هفته گذشته، در واقع، کاملا چند درست قبل از ظهر امروز، که برخی از آنها کسانی که اینجا هستید، گرفتار در اینجا به نظر می رسد in-- like-- آننبرگ سالن در ساعات اداری، در اینجا در لاول خانه با نیک. در اینجا رامون که در تلفن گرفتار. این در ناهار CS50 بود. این جیسون Skyping با همکلاسی خلاق تر، که او را در این راه زنگ زد. ما نمی دانیم که آنچه در این بود. 

[خنده حضار] 

DAVID J مالان: اما که ارزش یک گیگابایت. در اینجا چانگ، است که به معنای واقعی کلمه فرار از صحنه برای جلوگیری از یک عکس روز، اما در نهایت گرفتار شد. در اینجا نیک است. در اینجا نیک است. در اینجا نیک است. و در اینجا آلیسون توسط زمینه است. و Zamyla حتی پیدا شد در یک رقابت سالن. بنابراین ما از طریق رفتن این عکس، کشف کردن کسی که مشاهده کنید بیشتر اولین، و پاداش جایزه یکی افسانه، به عنوان وعده داده شده در تنظیمات. و ما نیز پیگیری مورد فضای آن دست داشت. 

زن و شوهر از announcements-- تا ناهار است، باز هم، این جمعه در 13:15. اگر شما می خواهم برای پیوستن به ما، پاسخ دهید که در آن URL در اینجا. جیسون در اینجا به نظر می رسد دوباره از یک از بخش های یک زن و شوهر از سال بازگشت، که اتفاق افتاده است به هالووین می گیرند. و در واقع، او به عنوان یک لباس کدو تنبل که در آن سال خاص است. اگر این بخش را شما تماشا از سال 2011 از بخش خود را هشت، اگر شما کنجکاو هستند، در CS50.tv، من فکر می کنم این سال بود که در آن پمپ هوا خود مشغول به کار بود. 

اگر شما پس از تماشای بخش مشابه در سال 2012، شما این جیسون خیلی تخلیه خواهید دید، از کت و شلوار دیگر عمل، است که فقط می گویند این جمعه، اگر شما می خواهم دوست به حک کردن یک کدو تنبل با Daven و گیب و دیگران، پاسخ دهید به سر در آدرس cs50.harvard.edu. آن وعده را سرگرم کننده بزرگ است. Daven، به ما گفته، حک شده است کدو تنبل تمام عمر خود را. گابریل از برزیل هرگز یک کدو تنبل برای هالووین حک شده است. پس با آنها وجود داشته باشد به عنوان او می آموزد. 

سمینارها، meanwhile-- بنابراین شما به زودی یاد خواهید گرفت در مورد آنچه که انتظارات ما هستند پروژه نهایی، که در اصل به جوش خواهد شد طراحی و پیاده سازی بیشتر هر پروژه مورد علاقه شما، البته منوط به تایید و ارشاد از دیگر آموزش های خود را. در اواخر ترم، معرفی می کنیم به تعداد سمینارها، که کلاس های اختیاری هستند رهبری همراهان آموزش و دانشگاه هاروارد کارکنان، دوستان از این دوره در سراسر دانشگاه، در مورد موضوعات مختلف است که مماس هستند برنامه درسی زمینه درس اما با این وجود قابل اجرا، سرگرمی، و های مختلف برای پروژه های نهایی بالقوه است. 

به عنوان مثال، برای اولین بار، اگر شما می خواهم ثبت نام، سر به URL که وجود دارد. و این ترکیب برای است سمینارها این سال به تنهایی. اما متوجه ما ده ها تن از سمینارها از سال گذشته، همه از آن در منوی سمینارها مرتبط گزینه وب سایت درس. بنابراین اگر شما در حال فکر کردن در مورد فراتر رفتن از منطقه راحتی خود و یا برداشتن برخی از مهارت های جدید، به عنوان مثال، برنامه نویسی آیفون برنامه با سویفت، یک زبان جدید از اپل یا هدف-C و یا نرم افزار های آندرویید یا برنامه نویسی [؟ نشانه؟] لامپ، یا هر یک از موضوعات تا اینجا و بیشتر، به دلیل از صفحه ثبت نام. 

بنابراین ما آغاز شد و به این نتیجه رسیدند در دوشنبه با نگاه HTTP. بنابراین سریع HTTP refresher--، پروتکل انتقال ابرمتن. اما آنچه که واقعا چیست؟ چه که واقعا چیست؟ این است که یک دست؟ من می دانم که شما فقط سر خود را خراش. اما شما می خواهید به پیشنهاد چه HTTP است؟ 

رسید چگونه کامپیوتر ارتباط با [نامفهوم]. DAVID J مالان: من از دست رفته آخرین قسمت. کامپیوتر چگونه ارتباط برقرار with-- 

سرویس دهنده اینترنت: مخاطبان. DAVID J مالان: Good-- با اینترنت سرویس دهنده ها، و به طور خاص، سرویس دهنده وب است. از آنجا که به یاد بیاورید، یک دسته از وجود دارد خدمات در اینترنت، که برخی از آنها شما با استفاده از احتمالا روزانه بین چت و پیام، چت و وب و ایمیل، و مانند آن. و HTTP فقط پروتکلی است که مرورگرهای وب صحبت در هنگام برقراری ارتباط با وب سرور، و بالعکس. و آنالوگ در جهان انسان ممکن است، من دست نیاز خود را به لرزش برخی از دیگر انسان و او اذعان گسترش خود و یا دست خود را به عنوان به خوبی. به طوری که فقط یک پروتکل است، مجموعه ای از قراردادهای. 

و آنچه در واقع کسانی که کنوانسیون هستند؟ خوب، آن را فقط جوش پایین به ارسال پیام به عقب و جلو، همانطور که ما در اینجا به تصویر کشیده. و یک زن و شوهر از راه در آن وجود دارد که شما می توانید این پیام ارسال کنند. و شاید بیشتر به عنوان شایع است GET شناخته شده است. و ما کنتراست را ببینید این قبل از اینکه طولانی. 

اما یک درخواست GET از یک مرورگر به سرور مثل این به نظر می رسد. این یک دسته از متن است که در آن قرار می دهد در داخل یک پاکت مجازی. در خارج از پاکت به یک زن و شوهر قطعه از جزئیات. چه نیاز به رفتن در پاکت، پس به صحبت می کنند، به منظور رسیدن به یک درخواست مانند این را از من به یک وب سرور؟ آره. 

رسید آدرس IP شما. 

DAVID J مالان: آدرس IP من در از میدان، پس به صحبت می کنند، و البته، آدرس IP گیرنده. اما در مورد یک بسته وب، ما نیاز به یک کمی جزئیات بیشتر این کافی نیست فقط به ارسال یک پاکت نامه به سرور، چرا که ممکن است سرور گوش دادن به انواع مختلف از ترافیک اینترنت. پس چه چیز دیگری ما نیاز علاوه بر IP گیرنده؟ آره؟ 

رسید: آیا TCP؟ DAVID J مالان: خوب. TCP-- 

رسید آدرس. 

DAVID J مالان: آدرس، و یا پورت، آن را به عنوان نامیده می شود. نزدیک، اما شماره پورت TCP. و یک دسته از این وجود دارد. اما مطمئنا بیشتر آشنا باید نهایت 80، که به طور پیش فرض برای ترافیک وب استفاده می شود. و یکی دیگر از آشنا یکی به زودی خواهد شد 443، است که برای وب امن استفاده ترافیک، URL هایی که با https شروع می شود. 

پس این همان چیزی است که می رود در داخل آن پاکت. و / حالت فقط بدان معناست، را من صفحه وب به طور پیش فرض. من ریشه سخت است رانندگی که در وب سرور. و امیدوارم در وب سرور با، OK پاسخ خواهد داد و تعداد 200، است که فقط کنوانسیون و گفت: بله، همه در واقع خوب است. در اینجا صفحه. نوع صفحه وب است که به متن باشد، اما به طور خاص، HTML، که ما در مورد به شیرجه رفتن دوباره به هستی. و نقطه نقطه نقطه فقط ابزار، در اینجا HTML است. و این که در آن ما انتخاب کنید تا به داستان امروز، در واقع نوشتن HTML، زبان نشانه گذاری ابرمتن، که زبان است که در آن صفحات وب نوشته شده است. این یک زبان برنامه نویسی نیست. هیچ توابع وجود دارد و یا حلقه و یا شرایط. این یک زبان نشانه گذاری است، و همچنین امروز دوباره ببینم، که اجازه می دهد تا شما را به مشخص چگونه به ساختار و سبک خاصی دراوردن زیبا و یک صفحه وب. 

پس این یکی از آنها بود و تنها صفحه ما واقعا نگاه، اگر به طور خلاصه، در روز دوشنبه. و متوجه چند ویژگی های برجسته. در بسیاری از باز زاویه دار وجود دارد براکت براکت زاویه دار و نزدیک است. در بین کسانی که زاویه دار براکت کلمات هستند. و ما قصد داریم به شروع تماس کسانی که برچسب کلمات. سر براکت پس باز و سر براکت بسته تگ باز و بسته هستند، و یا شروع و پایان برچسب ها به ترتیب، یک عنصر HTML، به عنوان ما آن را، سر نامیده می شود. و اصطلاحات مخصوص یک صنف همین امر به بدن در HTML و غیره. 

و چه خوب است HTML-- و در واقع، ما به شما صرف زمان وحشتناکی بر روی آن، چون شما بیشتر فقط از شکل چه ویژگی آن است زمانی که شما در واقع یک مشکل بتن به solve-- پیدا خواهید کرد که یک مرورگر بسیار گنگ است. این فقط رفتن به do-- بر خلاف computer-- آنچه شما به آن بگویید تا انجام دهد. و تا زمانی که شما باز HTML براکت در بالاترین وجود دارد، که در اصل فقط بدان معناست، با سلام، مرورگر، در اینجا می آید یک صفحه وب نوشته شده در HTML. 

هنگامی که آن را می بیند براکت باز سر، فقط بدان معناست که، با سلام، مرورگر، در اینجا می آید سر، و یا بالاترین بخش از صفحه وب من است. هنگامی که آن را می بیند براکت بسته سر، فقط بدان معناست که، با سلام، که آن را برای سر. آماده به کار برای چیز دیگری. و این چیز دیگری است ظاهرا برای رفتن به بدن است. و هنگامی که شما یک برچسب، مانند ندارد شما فقط سلام، کاما، جهان، این فقط رفتن به متن اولیه که در نهایت در روی صفحه نمایش نمایش داده شود. 

در حال حاضر، شما توجه بیش از حد دندانه در اینجا. شما احتمالا می تواند استنباط چگونه ما آن را stylizing. هر بار که من باز یک برچسب، پس به صحبت، من تو رفتگی. و هر بار که من نزدیک برچسب، من غیر دندانه دار کردن، در روح به آکولاد مشابه. و فراتر از آن، من هستم نوع استفاده از قضاوت من. توجه کنید که من را خسته نکنید ضربه در داخل آن تگ عنوان را وارد کنید. چرا؟ خب، من فقط تصمیم گرفت از آن نگاه پاک کن کمی به من، انسان، فقط به زحمت نمی انجام این کار. بنابراین دوباره، وجود دارد برخی از قضاوت تماس ها فقط مثل این است که در C یا هر زبان وجود دارد. 

اما توجه کنید که این دندانه بیش از حد خود را به یک مدل ذهنی آشنایی، به بیش از نه پیچیده است. اما یک درخت، درست است؟ اگر شما از یک وب فکر می کنم صفحه، ظاهرا نوشته مانند این، به عنوان سادگی فاصله دار که در راه، شما تقریبا می توانید از براکت باز فکر می کنم HTML تگ براکت بسته است demarcating ریشه یک گره، یک شجره نامه گره سبک در سبک درختان ما در روز جمعه گذشته نگاه کرد. 

و در واقع، ما در سمت راست در اینجا آنچه که ما می خواهیم یک DOM، D-O-M، سند تماس بگیرید مدل شی، راه فانتزی گفتن یک درخت است که نشان دهنده که HTML. و توجه کنید که HTML است، ما به شما می گویند، مانند یک درخت خانواده، دو فرزند. در سمت چپ سر می باشد. در سمت راست بدن است. 

و فقط به عنوان یک ورزش فکری بی، سر، البته، است که چگونه بسیاری از کودکان با توجه به این ساختار؟ پس فقط یک، title-- و به همین دلیل ما فلش رفتن از سر به عنوان. پس از آن به عنوان هر چند که شخص در درخت خانواده فقط یک فرزند داشتند. و پس از آن عنوان خود را می توان گفت که یک کودک بیش از حد. 

به یاد بیاورید که HTML به حال سلام، کاما، جهان در زیر آن. و من به سادگی آن را در درون کشیده ام بیضی شکل به جای یک مستطیل فقط برای انتقال معنایی است که حتی اگر آن یک گره در درخت است، پس به صحبت می کنند، این نوع اساسا متفاوت است. این یک برچسب نیست. و یا به درستی بیشتر، آن را به یک عنصر نیست. این اگر شما فقط یک گره متن است. اما این ها به طور کامل کنوانسیون های دلخواه انسان است. این فقط در حال حاضر راه من است نمایندگی چیزی است که من به عنوان یک دانه سند تماس بگیرید. 

و به عنوان یک به کنار، چیزی که در گوشه سمت چپ فوق العاده بالا، براکت به علامت تعجب باز توضیحات نوع HTML، این به نظر می رسد مثل یک برچسب، اما در مورد گوشه احمق که در آن است آن است که فقط وجود دارد، کپی و جا به جا به منظور نشان دادن مرورگر این نسخه HTML 5 است. جهان را نگه می دارد در حال تغییر چه اولین خط از کد در یک صفحه باید باشد. این حالت فقط بدان معناست نسخه 5. پس از آن نه کاملا مانند دیگران نگاه کنید. 

همه حق است، بنابراین با توجه به گفت، اکنون شما قدردانی این نسبتا این احمق خال کوبی کسی کردم. 

[خنده حضار] 

DAVID J مالان: خوب، و در حال حاضر اجازه دهید در واقع شیرجه به انجام کاری با این. شما آن زمان گذشته به خاطر بیاورید من باز لوازم خانگی CS50 و من چیزی به عنوان انجام ساده باز کردن جیادیت. و من فایل حتی در ذخیره desktop-- من هیچ جا special-- به عنوان hello.html. 

بنابراین، اجازه دهید کار را انجام دهید again-- hello.html را وارد کنید. و در حال حاضر در این فایل، من قصد دارم به جلو بروید و تکرار چیزی است که ما فقط saw-- توضیحات نوع HTML سپس من قصد دارم به انجام براکت براکت HTML باز بسته. و پس از آن من قصد دارم به پیشگیرانه باز کردن و بستن تگ. چرا؟ فقط تا من فراموش نکنید که بعد از آن. این فقط عمل خوب است، مانند باز کردن و بسته شدن آکولاد همه در یک بار. 

و پس از آن چه شد که بعد؟ شما می توانید از خال کوبی فکر می کنم. 

رسید سر. 

DAVID J مالان: سر. و سپس در اینجا، من حال عنوان، من فکر می کنم. و عنوان را خودسرانه بود، سلام، عنوان نزدیک جهان است. و پس از آن در اینجا، بدن، از course-- پس ما تگ body بسته. و پس از آن فقط تا حدودی زیادی، من در اینجا به حال همین. 

پس من ادعا می کنند که این یک صفحه وب است. این چیزی است که در حال حاضر می تواند در وب زندگی می کنند، حتی اگر البته، آن را به معنای واقعی کلمه در حال حاضر زندگی می کنند را بر روی میز من است. اما در واقع، اگر جیادیت حداقل رساندن I، من بر روی میز من آیکون آن را مشاهده کنید. اگرچه این دستگاه است، شما می توانید از این در سیستم عامل مک انجام بدون TextEdit یا ویندوز با Notepad حتی. 

و اگر من به جلو و دوبار کلیک کنید که حتی، و select-- خوب، اجازه دهید را انتخاب کنید که به دلیل کروم باز کردن نیست. اجازه دهید پیش بروید و باز کردن کروم. و سپس فرمان-O برای باز و حرکت به دسکتاپ من و باز آن فایل. این است که چگونه از یک مرورگر تفسیر HTML، بالا به پایین، از چپ به راست. با سلام، در اینجا مرورگر HTML است. در اینجا سر است. در اینجا عنوان می شود. در اینجا بدن است. و در واقع، این است که چگونه ارائه آن را که صفحه وب. 

اما متوجه URL. هیچ یک از شما می تواند بالا بکشد این خاص صفحه بر روی لپ تاپ شما در حال حاضر، حتی در داخل خود لوازم خانگی از طریق URL که، زیرا فایل: // نشان می دهد که در واقع در فایل سیستم من، دیسک سخت من، نه مال شما. پس این همه که مفید نیست. 

اجازه دهید در حال حاضر به سمت حرکت با استفاده از یک وب سرور واقعی است. و معلوم CS50 لوازم خانگی بیش از یک محیط که در آن است شما می توانید کد C ارسال و تدوین و اجرای آن را مانند شما انجام شده است. این نیز بوده است توسط پیکربندی کارکنان برای نشان دادن یک وب سایت معمولی سرور که بر روی اینترنت، یکی که شما ممکن است برای پرداخت یا یکی که در ابر به اصطلاح. 

و آن را در حال اجرا استاندارد منبع باز رایگان نرم افزار، به عنوان مثال، چیزی به نام آپاچی، که شاید هنوز هم محبوب ترین وب نرم افزار سرور در جهان که هزاران نفر از وب سایت های امروز استفاده کنید. و آن را نیز حتی تا نرم افزار هایی همچون MySQL، که یک سرور پایگاه داده است که ما در نهایت شما را بگیرید، است که فقط می گویند من می توانم شروع درمان لوازم خانگی من به عنوان یک سرور کامل تکامل یافته که من در جاهای دیگر برای پرداخت نیست. این فقط بر روی لپ تاپ خود من برای زندگی توسعه و راحتی اهداف. 

بنابراین اجازه دهید پیش بروید و استفاده از این. من قصد دارم به جلو بروید و باز کردن یک پنجره ترمینال. و من قصد دارم به جلو بروید و move-- در واقع، برای اولین بار من رفتن به حرکت به دسکتاپ من. اگر من LS، در hello.html وجود دارد. و من قصد دارم برای رفتن جلو و شروع به استفاده از یک دایرکتوری جدید ایم قبل از امروز استفاده نمی شود. 

hello.html-- من قصد دارم به حرکت به ../vhosts برای hosts-- مجازی بیشتر در مورد که در future-- و سپس به یک دایرکتوری با نام localhost را، است که نام مستعار داده شده به تقریبا هر کامپیوتر، که آیا آن را مک، PC، یا کامپیوتر لینوکس، و پس از آن به طور خاص به یک دایرکتوری است که ما، کارکنان در حال حاضر برای شما در هنگام ایجاد شما دانلود دستگاه نام عمومی است. و به عنوان نام آن نشان می دهد، هر چیزی من در این پوشه، قرار دادن در تئوری، در حال رفتن به در حال حاضر است عمومی، حداقل به مردم که مستقیم اتصال به کامپیوتر من. 

بنابراین در حال حاضر اجازه دهید من به جلو و انجام سی دی است که همان بنابراین من می توانید ببینید چه چیزی رفتن و نوع LS. و در واقع، که تنها چیزی که در آن وجود دارد. من ادعا می کنم که در حال حاضر به خاطر من این قرار داده اند فایل hello.html درون یک دایرکتوری نام داخل عمومی از یک دایرکتوری localhost به نام درون یک دایرکتوری نام vhosts، که با تشکر از کارکنان CS50 شده است پیش پیکربندی شده باشد ریشه وب سرور شما، من در حال حاضر می تواند امیدوارم این کار. 

من قصد دارم به باز کردن یک تب جدید است. و من قصد دارم برای رفتن به فایل نیست: //. من قصد دارم به استفاده واقعی HTTP / localhost را، که دوباره، نام مستعار است برای سرور خود من. و پس از آن من قصد دارم برای رفتن به آنچه نام فایل، فقط به روشن باشد؟ که در آن است که این داستان احتمالا؟ hello.html. 

بنابراین به عبارت دیگر، من در حال حاضر به این می خواهید کامپیوتر خود من، دستگاه خود من است، به عنوان هر چند که یک سرور واقعی است. نام مستعار خود را localhost است. اما از localhost به فکر می کنم به عنوان مثل Facebook.com google.com، هر آنچه. این فقط نام محلی من است. و پس از آن نهایی من می خواهم در ریشه درایو سخت، پس به صحبت می کنند، یا ریشه وب سرور، بنابر اسلش و سپس hello.html نام فایل. 

به من اجازه زوم کردن و ضربه را وارد کنید. و در واقع، در حال حاضر صفحه وب من وجود دارد. پس از آن کمی متفاوت است. و آن را فقط به عنوان underwhelming. این نسخه قدیمی است. به من اجازه کوچک شدن فونت بازگشت. این قدیمی است. این جدید است. اما آنچه اساسا اتفاق می افتد در حال حاضر این است که HTTP استفاده شده است. 

اجازه دهید این است که یک کمی روشن تر و یا به آن، اگر شما خواهد شد، کمی پیچیده تر است. اجازه بدهید من به سمت راست پایین بروید گوشه از دستگاه من است. و توجه کنید که تمام این زمان، بوده است تعداد وجود دارد. که آدرس منحصر به فرد است لوازم CS50 شما. این آدرس خصوصی است، که توسط 172.16 ضمنی، که فقط فقط شما از لحاظ جسمی به این معنی است می توانید از این وب سرور دسترسی داشته باشید. همه چیز firewalled است و سادگی را از بقیه محافظت جهان به این دلیل پرداختن. 

و در حال حاضر متوجه هر چند اگر من به رفتن این آدرس، نه در دستگاه من، اما در مک OS-- من قصد دارم برای رفتن به عقب در اینجا. این مک من در حال حاضر است. و در حال حاضر من قصد دارم برای باز کردن این نسخه از کروم در اینجا. و من قصد دارم برای رفتن به http: //172.16.25 / و من را فراموش کرده ام rest-- 133. 

بنابراین من قصد دارم به مک از من مراجعه کنید که آدرس IP /hello.html را وارد کنید. و در حال حاضر من از مک من را ببینید لوازم خانگی CS50 که من، که آدرس IP است که تعداد، در واقع رفتار مانند یک وب سرور در اینترنت است. این کار آسان به خوبی نمی نام به یاد داشته باشید مانند Facebook.com، اما آن را با استفاده از HTTP ظاهرا، حتی اگر کروم از نوع ساده جهان برای ما، اما ما نشان نمی HTTP. اما این در واقع دقیقا همان است که. کروم است تنها صرفه جویی در برخی از کلید این روز است. و این چیزی است که ما در حال حاضر را مشاهده کنید. 

به طوری که همه خوب و خوب است. اما این صفحه بسیار underwhelming است. اجازه دهید من در رفته و کاری کمی متفاوت در حال حاضر. بنابراین، اجازه دهید به بازگشت به جیادیت. و به جای سلام، جهان، اجازه دهید یک تصویر قرار داده است. و من از before-- بذار ادعا به من دایرکتوری localhost به مردم است. و اجازه دهید من به جلو و کپی تمام دسته از فایل ها از امروز از پوشه Dropbox من به اینجا. 

اگر من به نوع LS، نگاه در تمام این فایل ها که من از توزیع ام وب سایت دوره پیش از امروز، که یکی از آنها هنوز هم hello.html. بنابراین است که یک وجود دارد. و به خاطر این احمقانه از آخرین cat.jpg time--. بنابراین، اجازه دهید سعی کنید به جاسازی cat.jpg داخل صفحه وب من است. 

من قصد دارم به جلو بروید و انجام cat.jpg، نجات دهد. به من اجازه بازگشت به کروم. و اجازه دهید من در زوم فونت و در حال حاضر بارگیری مجدد کنید. اوه، جایی که من این را؟ Standby-- من هنوز قدیمی نسخه از باز دسکتاپ من. بنابراین، اجازه دهید به vhost من، من در localhost، عمومی من، و hello.html. بنابراین در حال حاضر اجازه دهید من به جلو و می گویند در داخل بدن cat.jpg که در آن من می خواهم آن را به نمایش داده شده و دوباره بارگیری کنید. البته، این درست نیست. 

بنابراین من نیاز به مرورگر بگویید که کمی عمدا بیشتر آنچه من می خواهم آن را به انجام. به سادگی با تایپ نام است بدیهی است که کافی نیست. بنابراین به خاطر این بود که دیگر وجود دارد برچسب، تصویر، IMG برای کوتاه است. که فقط به خاطر انسان از نوع کلمات کامل را دوست ندارد. و پس از آن ما می توانیم منبع انجام = "cat.jpg". 

و در حال حاضر من قصد دارم به انجام یک چیز متفاوت است در اینجا. حتی اگر همه برچسب ها ما را تا کنون داشته حال این تصور از شروع تگ و تگ پایانی، که واقعا نمی را حس یک تصویر، درست است؟ یک تصویر است یا وجود دارد و یا وجود ندارد. و به این ترتیب انسان آمده اند با یک قرارداد ساده تر. هنگامی که شما یک تگ است که می تواند هر دو شروع و پایان در همان time-- می توان آن را خالی، تا به speak-- فقط قرار دادن اسلش داخل برچسب در پایان بسیار. حالا به من اجازه بازگشت به مرورگر. آمار بازنگری لعنت، چیزی اشتباه است. شما احتمالا این را دیده ام گاهی اوقات بر روی وب، حتی اگر تقصیر شما نبوده است. این گسل وب سرور است. چه غزل این به نظر می رسد نشان می دهد؟ این شکسته. این جایی است که تصویر تعلق دارد. آره؟ 

رسید اما آن را نمی کند دسترسی به تصویر داشته باشد. 

DAVID J مالان: آن را نمی کند دسترسی به تصویر داشته باشد. که، و یا حتی بدتر، شاید آن وجود ندارد. بیایید ببینیم که اگر ما می توانیم تشخیص نیست. به یاد بیاورید که از زمان گذشته است که اگر در کروم، در دستگاه، و یا حتی بر روی مک یا PC خود را، شما به منوی برنامه بروید و به ابزارهای برنامه نویسی گزینه، که احتمالا اید حد و یا تا به حال استفاده نشده است. و اگر من به شبکه و صفحه، اجازه دهید در واقع در HTTP نگاه درخواست که در حال ساخته شده است. 

به نظر می رسد hello.html است در واقع OK، از این رو 200. اما cat.jpg 403 است. پس از آن یک 404 نیست. فایل احتمالا وجود دارد. 403 به معنی ممنوع است. پس این است که کمی گیج کننده است. من قصد دارم برای رفتن به عقب به پنجره ترمینال من. به من اجازه زوم کردن در اینجا. و به من اجازه انجام LS. در این فایل وجود دارد. 

حالا به من اجازه انجام LS-L، که شما احتمالا قبل از به فایل نگاه استفاده اندازه شاید یا مهر زمانی. و ما یک دسته کامل از دیدن اطلاعات قریب به اتفاق. اما متوجه چند جزئیات. در اینجا hello.html در این ردیف در اینجا و اینجا cat.jpg است. و آن را فقط به دستگاه بودن کاربر پسند با برجسته به JPEG در بنفش مثل این. اما چه چیز دیگری متفاوت است در کنار حجم فایل و نام فایل؟ 

رسید [نامفهوم]. DAVID J مالان: بله، وجود دارد دو R را اینجا. توجه کنید که چه hello.html تا به در رفتن. پس معلوم است که به نام این شاخه های عمومی مهم است. هر چیزی در این شاخه به معنای عمومی است. اما این کافی نیست فقط به رها کردن فایل در آن وجود دارد. شما همچنین نیاز به تغییر حالت از فایل ها، تغییر مجوز از فایل به نمیدهیم است تنظیمات پیش فرض، این است که فقط من می توانم به عنوان خوانده شده و ارسال آن، من به عنوان مالک. من می خواهم تمام دنیا را به همه قادر به خواندن فایل من است، پس به صحبت می کنند. فقط بدان معناست خوانده شده مشاهده آن. 

و در واقع، به عنوان شما را در مشکل را مشاهده کنید مجموعه هفت، که چه این R را است. میانگین این دو R است همه اجازه دیگری در جهان نیز آن را بخوانید، به ویژه حالا که آن را در این شاخه است. بنابراین ساده ترین راه برای حل این مشکل این است که به رفتن به موقع من و انجام سطح دسترسی برای تغییر حالت و سپس انجام یک + R، روی هم رفته، همه، همه، به علاوه R برای خواندن، و سپس cat.jpg را وارد کنید. هیچ چیز به نظر می رسد اتفاق می افتد، که معمولا به معنای چیز خوبی است. بنابراین LS-L again-- کن اجازه دهید نگاهی به cat.jpg نگاه کنید. و این اجازه به نظر می رسد تغییر کرده است. از سوی دیگر، اگر شما یک اشتباه و شما، به عنوان مثال، فقط your-- من مقاله know-- نمی عمومی به طور تصادفی در دسترس، شما می توانید در مقابل انجام دهید، سطح دسترسی-R. هر چند صادقانه بگویم، آن را باید نه در شاخه عمومی به هر حال اگر این نگرانی است. 

بنابراین در حال حاضر اجازه بازگشت به مرورگر و بارگذاری کنم. و من قصد دارم به کلیک کنید کمی شکارچیان روح نماد روشن است که بخشی از صفحه نمایش به طوری که ما می توانیم درخواست جدید را ببینید. و در واقع، در اینجا است گربه رنجیدگی از قبل. اما مهمتر از آن، فنی وجود دارد، تعداد 200، که معنی است که ما آن را OK کردم. همه حق است، به طوری که همه خوب و خوب است. اما ما در حال ساخت نیست بهترین وب سایت ها، و نه می خواهیم به تلاش بیش از حد سخت به را جذابترین وب سایت امروز. اما اجازه دهید حداقل انجام کاری فوق العاده قبل از تند آشنا یک چند تگ دیگر. بنابراین گمان می کنم نه تنها می خواهید یک گربه در اینجا. فرض کنید من در واقع می خواهم این گربه به لینک به چیزی. 

من، به عنوان مثال ممکن است چیزی شبیه به این. برای لنگر عکاس هنگام عکسبرداری برای equals-- بیش از حد مرجع و اجازه دهید فقط انجام کاری مانند www.google.com نزدیک نقل قول براکت نزدیک است. و در حال حاضر برای گربه جستجو. بستن برچسب Anchor. پس این تنها یک مرتب سازی بر جزئیات اساسا جدید. برچسب البته، متفاوت است. این نام برای لنگر است عکاس هنگام عکسبرداری و یا بیش از حد مرجع. 

اما مهمتر از آن، وجود دارد این ویژگی نحوی در اینجا. این چیزی است که ما شروع به تماس نه یک برچسب، اما یک ویژگی. و یک ویژگی چیزی است که تغییر رفتار برچسب. و این ویژگی، عکاس هنگام عکسبرداری، به معنای تغییر رفتار این لنگر به طوری که وقتی آن را کلیک، آن را به این URL در اینجا می رود. و البته، که URL گوگل است. 

در همین حال، این چیست متن خواهد بود؟ خوب، که برای رفتن به آنچه انسان در واقع می بیند به عنوان خط دار لینک، به همین سادگی است. بنابراین اجازه دهید این را امتحان کنید. اجازه دهید آن را ذخیره کنید به من. من هنوز هم در hello.html هستم. اما در نسخه های آنلاین، شما خواهید دید نام فایل واقعی ما از قبل آماده. اجازه بدهید من به جلو و دوباره. و در حال حاضر آن را بسیار صفحه underwhelming هنوز. اما اگر من موشواره را روی there-- و آن را کمی کوچک، but-- شما می توانید در پایین مشاهده کنید گوشه سمت چپ صفحه کلیک کنید، آن را در واقع رفتن به google.com. و اگر من کلیک کنید که آن را راه را به گوگل واقعی ماهوت پاک کن زدن من. 

اما متوجه یک فرصت برای اینجا بهره برداری، فقط به عنوان یک کنار. و ما به دیگر آمده مسائل امنیتی قبل از اینکه طولانی. از آنجا که این دوگانگی وجود دارد بین که در آن شما بروید و چه به شما می گویند، شما می توانید چیزی شبیه به انجام this-- http://www.google.com. OK، و در حال حاضر اگر من را مجدد بارگذاری پس از ذخیره آن صفحه، به نظر می رسد مانند من قصد دارم برای رفتن به گوگل. اما هیچ دلیلی وجود من برای رفتن به گوگل، درست است؟ من در واقع می تواند به چیزی شبیه به badguy.com، صفحه را دوباره بارگیری بیش از اینجا. و مقررات، آن را هنوز هم مانند گوگل به نظر می رسد. و تنها اگر من SHARP هستم به اندازه کافی به شناور در اینجا من آن را حتی از رفتن به رفتن به مکان های مختلف. 

بنابراین اگر شما همیشه بدست یک ایمیل، به خصوص یکی از پی پال، یا به ظاهر از پی پال درخواست شما را به سیستم وارد شوید به حساب کاربری خود، این به همین دلیل است که شما هرگز نباید تا کنون کلیک کنید لینک در ایمیل، رک و پوست کنده، هر لینک در ایمیل. اگر شما می دانید که شما باید واقعی پول در پی پال یا بانک از امریکا یا وفاداری یا هر وب سایت، دستی آن را در وارد کنید. از آنجا نگاه کنید که چگونه از آن آسان است به فریب کسی را به ارائه آنچه که به نظر می رسد مانند یک لینک. اما در واقع می تواند رفتن مطلقا در هر نقطه. 

و بسیار بیشتر وجود دارد تهدید از این. در واقع، این یک بیت است یک مماس در حال حاضر، اما یک از بهترین آنهایی که من تا به حال دیدم که از آن زمان بسته شده است، کسی به رهبری مردم است to-- بنابراین این ممکن است بگویید، اینجا کلیک کنید برای ورود به شما حساب، یک حساب بانکی. و این بانک از غرب بود. 

بنابراین کسی که این را خریدم. و آن را یک کمی آسان تر برای دیدن آن را در یک فونت تک فاصله زوم در یک پروژکتور 30-پا. اما زمانی که آن فونت کوچک در ایمیل که شما دریافت، این به نظر می رسد مانند bankofthewest.com، نمی bankofthevvest.com، که کسی 10 دلار خرید پرداخت کرده بود. و سپس این آنها را به رهبری معادل برخی از وب سایت بد است. 

و شما خواهید دید too-- در واقع ما می توانیم انجام this-- اگر من به وب سایت واقعی برود، bankofthewest.com، دوباره، فراخوان از زمان گذشته که اگر این صفحه وب خود است و شما کنجکاو که چگونه کار می کند هستید، شما قطعا می توانید به رفتن ابزارهای برنامهنویسی Chrome است. و شما می توانید تمام از دیدن HTML سادگی وجود دارد فرمت. 

اما بیشتر به این نقطه، شما cam-- اجازه دهید نزدیک this-- شما می توانید به مشاهده بروید توسعه مشخصات منبع. چرا من فقط کپی کنید همه از آن و پس از آن من می توانید به پنجره جیادیت من کمی در اینجا و در صفحه وب خود من را. ذخیره سازی این در hello.html. و احتمالا این است که برای شکستن، زیرا این این آسان معمولا نیست. اما در حال حاضر اگر من بازنگری صفحه خود من در خود من CS50 لوازم خانگی و بازنگری ضربه، OK، برخی از مسائل را شکست. اما من بسیار نزدیک به داشتن هستم وب سایت بانکی خود من، درست است؟ همه از این HTML-- 

[خنده حضار] 

DAVID J مالان: --I آیا actually-- نیست و شما می دانم که کسی وجود دارد خارج وجود دارد که که در واقع این لینک ها کلیک کنید بیش از حد. بنابراین به وضوح، برخی چیزهای شکست. اما این که در آینده منجر به ما را به بحث و گفتگو، بی ارزش در حال حاضر، به آنچه به عنوان CSS، شیوه نامه آبشاری، هستند، و چگونه شما در واقع دانلود سایر فایل های HTML و JPEG فایل های GIF که وب سایت ممکن است با استفاده از. اما همه که accomplishable است. اما واقعا جوش پایین به این فن آوری هوشمند بسیار ساده است. 

بنابراین در حال حاضر اجازه دهید فقط از طریق یک شیر خامه گرفته چند مثال دیگر از HTML فقط به شما یک حس را از چه چیز دیگری می توانید انجام دهید. به عنوان مثال، این list.html است. فرض کنید من می خواستم به یک صفحه وب با یک لیست از خانه ها در چهار. من ممکن است از تگ UL برای استفاده بدون شماره لیست و پس از آن کودک از اقلام لیست قلم و پس از آن تکرار over-- یا لیست، rather-- خانه در سوال. 

و اگر من این باز کردن، اجازه دهید این کار را انجام. بیایید به hello.html نیست، اما به list.html. لعنت به آن. چگونه می توانم این مشکل را رفع کنم؟ این همان موضوع را به عنوان قبل از، درست است؟ بنابراین به من اجازه انجام oops-- chmod-- سطح دسترسی + R از list.html. و در حال حاضر اگر من به بازگشت به مرورگر من کلیک کنید و بازنگری، وجود دارد آن است. بنابراین اگر شما همیشه می خواستم به یک لیست، شما می توانید انجام دهید. اگر می خواهید فوق العاده فانتزی و لیست مرتب شده است و نه یک لیست نامرتب، تغییر آن به OL، بارگیری مجدد صفحه، و در حال حاضر مرورگر آن را برای شما شماره. 

چه چیز دیگری می توانیم انجام دهیم؟ خوب، یک زن و شوهر از others-- اگر شما پاراگراف طولانی text-- کردم به عنوان مثال، برخی از متن لاتین مانند this-- و شما آن را می خواهم در پاراگراف جداگانه، P باز، ص نزدیک برای برچسب پاراگراف. و این کار را دوباره و دوباره. و اگر من در حال حاضر باز کردن این فایل، paragraphs.html، خوب، این گرفتن آزار دهنده است. بنابراین در حال حاضر اجازه دهید فقط به بازگشت به من سریع، سطح دسترسی + R R ستاره .html-- یک کارت وحشی کمی خوب پس به صحبت می کنند. آن را باید همه از تعمیر این مشکلات برای من. بیایید دوباره بارگیری کنید. سه پاراگراف وجود دارد. 

و در حال حاضر اجازه دهید پیش بروید و باز کردن یکی دیگر. چگونه در مورد جدول؟ شما به نظر می رسد جدول متوجه کمی پیچیده تر است. اما این همان است idea-- تگ باز، برچسب باز، باز، باز، باز، برچسب نزدیک، برچسب باز. و این اتفاق می افتد برای ایستادن جدول، که مرز ظاهرا برای رفتن به یک ضخامت 1-- هر که سطر جدول means--، جدول داده ها، که به معنی یک سلول. و اگر من به بازگشت به مرورگر من در اینجا و به table.html، شما می توانید چیزی را ببینید مثل این، زشت. اما ما به نقطه که در آن ما می تواند در حقیقت همه چیز زیباتر از آن. 

بنابراین اجازه دهید من در حال حاضر تصریح. این مجموعه ای از برچسب های بیشتر وجود دارد. و HTML فوق العاده را انتخاب کنید تا است زیرا، رک و پوست کنده، همه شما باید انجام دهید در صفحات وب موجود نگاه که شما با آن آشنا هستید. و تو مثل هستیم، آه، این که چگونه آنها این زیبا بود. 

یا شما می توانید نگاه کردن به هر آنلاین منابع که چگونه کار می کند HTML، و شما خواهید دید که وجود دارد تمام واژگان دیگر برچسب ها. اما با مدل ذهنی ساده تنهایی که تقریبا هر تگ را باز می کنید تا به بسته می شود، آن را واقعا کافی به خود آموزش HTML پس از درک این ایده اساسی برچسب ها و صفات و برجستگی خوش که ما در مورد صحبت کردیم، بسته شدن هر چیزی را که ما ممکن است باز به طوری که ما می توانم در یک مرورگر را گیج نکنید. بنابراین اجازه دهید در حال حاضر این را به سطح جالب تر با رفتن به واقعی. و اجازه دهید به مک من به در اینجا، به google.com. و در حال حاضر notice-- اجازه دهید این کار را انجام. من گونگ برای رفتن به تنظیمات، تنظیمات جستجو. من می خواهم برای خاموش کردن این طریق مسنجر مزاحم نتایج چیزی که آن را بلافاصله شروع می شود در پاسخ به تایپ کردن خود را. اجازه دهید این کار را تا مدرسه قدیمی ما در واقع ببینید چه خبر است. 

من می خواهم برای صرفه جویی در من تنظیمات Google اینجا. و در حال حاضر notice-- من قصد دارم به جستجو برای چیزی شبیه به گربه. و هنوز هم انجام خودکار کامل در اینجا، اما بر اساس همه چیز مردم در گذشته تایپ. اما متوجه چه چیزی اتفاق خواهد افتاد. 

در URL در حال حاضر این است، فقط google.com. و به لحاظ فنی، آن بریده بریده است. گوگل فقط صرفه جویی در شخصیت و ما که نشان نیست. آنها به ما نشان HTTPS، فقط به فوق العاده اطمینان بخش است که ما هستیم در یک صفحه امن و یا رمزگذاری شده است. 

بنابراین، اجازه دهید پیش بروید و جستجو برای گربه. در حال حاضر این واقعا قریب به اتفاق به سرعت. در طول این URL است. اما معلوم است که بسیاری از این مسائل در URL است که در واقع کاملا بی فایده است. من قصد دارم برای شروع حذف چیزهایی که من نمی فهمم. من گربه ها را ببینید. من درک می کنم گربه. من نمی دانم که چرا گربه دوباره وجود دارد. من واقعا نمی دانم آنچه این بی معنی است. بنابراین من فقط رفتن به نگه داشتن برجسته و حذف مواد که من نمی فهمم، تقطیر URL را فقط این. 

حالا اجازه دهید من دوباره وارد کنید. به نظر می رسد گوگل هنوز هم کار می کند. بنابراین برای برخی از این دلیل، آنها با اضافه کردن بسیاری از مسائل را به طور پیش فرض URL خود را. اما آن را به شدت مورد نیاز نیست. پس چه خوب است در مورد این؟ خوب، اجازه دهید پیش بروید و باز کردن بازرس کروم. یک میانبر موس کمی برای آن وجود دارد. 

رفتن به برگه شبکه. و در حال حاضر اجازه دهید من دوباره بارگذاری این صفحه یک بار دیگر. و من نگه داشتن Shift. از سوی دیگر، مرورگرهای تمایل به کش یا ذخیره اطلاعات فقط به خاطر بهره وری است. اما معمولا، نگه داشتن Shift و بارگذاری مجدد همه چیز را به زور به بیش از شروع از ابتدا. و این چیزی است که من می خواهم به انجام این کار در اینجا. 

و متوجه همه این ردیف که فقط به نظر می رسد. به نظر می رسد که در هر وب داده صفحه، ممکن است فقط یک فایل وجود دارد involved-- hello.html-- و یا وجود دارد ممکن است 52، به عنوان در این مورد. وقتی که من بازدید google.com، ظاهرا، مرورگر من آغاز 52 درخواست HTTP جداگانه. است که چرا؟ 

خب، در چه در داخل نگاه از این صفحه وب تا بالا. فقط متن وجود ندارد، اما تصاویر واقعی وجود دارد گربه را به سمت راست. یک لوگوی رنگارنگ تا در اینجا در سمت چپ وجود دارد. همه از این آیکون ها وجود دارد برای یک میکروفون و غیره. در بسیاری از قطعات وجود دارد، ساختمان بلوک، قطعه ابتدا، اگر شما خواهد شد، این صفحه وب است. و آنچه را که مرورگر در حال انجام بر گرفتن فایل اول که این سطر در اینجا این است، آن است که اساسا شمارش بالای HTML به پایین، چپ به راست، به دنبال چیزهایی مثل برچسب یا تصویری برچسب ها که به ذکر سایر فایل ها و هنگامی که آن را می بیند آنها را، می رود و بازخوانی آنها از طریق HTTP، تمام زنده استعاره پاکت، و سپس آنها را در نمایش محل مناسب در صفحه وب. 

اما متوجه اینجا اگر تمرکز من بر روی اولین گربه پرتاب، جستجو، توجه کنید که، در واقع آن را با استفاده از HTTP 1.1. و متاسفانه، گوگل کروم در حال حاضر در نسخه 39 نوع چیز dumbing پایین و ما هدر واقعی نشان دادن نیست. اما آنچه در واقع فرستاده شده یک درخواست است برای بریده بریده نیست، اما / جستجو کنم؟ Q = گربه. 

در حال حاضر، به همین دلیل مهم است که؟ خب، من قصد دارم برای پی بردن به از این که اگر شما گوگل پشتیبانی از نمایش داده شد از این فرم، به همین دلیل من نمی توانم جستجوی خود من اجرا موتور برای CS50، اما فقط در جبهه پایان، فقط رابط کاربر گرافیکی. و ما در پایان به برون سپاری، جستجو واقعی نتایج را به گوگل. 

پس چگونه می توانم این را انجام دهید؟ خوب، اجازه دهید من به جیادیت بروید اینجا. و اجازه دهید من به جلو و باز کردن تا، اجازه دهید بگویم، یک فایل جدید. و من قصد دارم برای نجات این به طور موقت به عنوان جستجو 0.html. و سپس در نهایت، ما سریع به جلو به یک من از قبل آماده. 

و من قصد دارم به سرعت تا شلاق زدن از نوع توضیحات HTML غیر براکت باز HTML HTML غیر براکت نزدیک است. سپس من قصد دارم به سر سر نزدیک عنوان باز CS50 جستجو به جای جستجوی گوگل. در اینجا من قصد دارم به بدن، بدن را در اینجا نزدیک است. و اکنون من باید CS50 جستجو. و در واقع، اجازه دهید ساخت این تدریجی. من قصد دارم به جلو بروید و بستن این و در واقع آن را در دایرکتوری های عمومی من. بنابراین من فقط یک لحظه به من بدهید. جستجو 0.html-- من قصد دارم به موقت آن search.html تماس بگیرید. من قصد دارم به سطح دسترسی آن search.html + R. و در حال حاضر من قصد دارم آن را باز کنید. همه حق است، به طوری که سریع بود. اما هدف، به سادگی بود تا ما را به نقطه داشتن این متن فایل با نام search.html. خیلی نیست که در عین حال نگاه کنید. در واقع، اگر من به مرورگر من، و رفتن به search.html، که همه در آن است. اما شما می دانید چه؟ من می تواند یک کمی خیال باف. من در یک کتاب خواندن وجود دارد که برچسب عنوان H1 نامیده می شود. و من قصد دارم به جلو بروید و استفاده از آن H1 باز و H1 نزدیک است. بازنگری صفحه. و در حال حاضر از آن بزرگتر و جسورانه، نه همه که جالب توجه است، اما حداقل به لحاظ ساختاری جالب تر. اما در حال حاضر اجازه تگ دیگری را معرفی کنم. به نظر می رسد یک تگ فرم وجود دارد. و اجازه دهید که برچسب را ببندید. و معلوم وجود دارد برچسب های ورودی است که دارای ویژگی به نام نوع، که نوع داده از میدان است، اگر شما خواهد شد. و در حال رفتن به از نوع متن باشد. و ارزش آن در جریان است به CS50 جستجو. بستن تگ. و در آنجا برای رفتن به هیچ مفهوم باز و بسته شدن با تگ های جداگانه. 

به من اجازه بازگشت به اینجا و ببینید چه خبر است، دوباره بارگیری کنید. جالب. به نظر می رسد آن است که یک فیلد متنی است. و در واقع، من نمی خواستم برای قرار دادن یک مقدار وجود ندارد. به من اجازه بازگشت به اینجا بروید و در واقع خلاص شدن از شر این مقدار را به نگه داشتن آن ساده است. به جای ارزش، چیزی است که من می خواستم به این چیزی که یک نام بود. و من نمی دانم آنچه در آن است، بنابراین من به آن می گردد. 

اما زیر که، من می خواهم به انجام نوع ورودی = ارسال کنید. و این مقدار خواهد بود CS50 جستجو. و ما به همین دلیل من را ببینید ارزش این نقل مکان کرد. وقتی که من را مجدد بارگذاری، من به نظر می رسد در حال حاضر آغاز جستجو خود من موتور، فوق العاده زشت، هر چند رک و پوست کنده، آن را نه پرتاب دور از آنچه صفحه پیش فرض گوگل به نظر می رسد. 

اگر من در حال حاضر در اینجا، من می توانم تایپ گربه و امیدوارم کلیک کنید جستجو. اما من کاملا انجام نشده است، چرا که من اجرا نمی کند، بدیهی است، یک پایگاه داده. من نمی خزید وب را برای نتایج جستجو. بنابراین من نیاز به برون سپاری است که به گوگل. پس چگونه این کار را انجام دهم؟ 

خب، اول از همه من نیاز به اضافه کردن و عمل نسبت به تگ فرم من که http://www.google.com/search است. و من می دانم که تنها از داشتن استنباط با نگاه از نزدیک در خود URL است. و در حال حاضر یک حدس را. این فیلد متنی چه باید احتمالا به نام، بر اساس آن ما آمد از قبل؟ 

رسید؟ س. 

DAVID J مالان: س. و ما در واقع نیاز به سوال نیست علامت که معلوم است، اما پرسش این است که در واقع آن، پرسش برای پرس و جو احتمالا توسط به طور پیش فرض، فقط به خاطر این که چه لری و سرگئی با سال پیش آمد. بنابراین در حال حاضر اجازه دهید من این صفحه را مجدد بارگذاری. این کار که متفاوت به نظر نمی آید. اما در حال حاضر به تماشای چه اتفاقی می افتد. 

اگر من در گربه ها و کلیک تایپ CS50 جستجو و اجازه رفتن، متوجه من whisked دور تا واقعی گوگل. در حال حاضر، گوگل است که کمی آزار دهنده که آنها در افزودن یک پارامتر اضافی، اگر شما خواهد شد، به URL. که همه اتفاق می افتد است به طور خودکار در کنار گوگل. 

بخش مهم این است که من به نظر می رسد به این درخواست در اینجا تولید کرده اند. و در واقع، این چیزی است که اتفاق می افتد. هنگامی که شما HTML که به نظر می رسد شبیه به این، این مرتب کردن بر اساس نماد توسعه دهندگان وب است برای گفتن، به جلو و ایجاد یک فرم که هنگامی که آن را مشاهده کنید، آن را برای رفتن به این URL. و زمانی که URL را فراهم کرده است ارزش برای چیزهایی مانند Q، فقط به این URL نیست. در واقع، به سوال علامت و سپس Q = گربه. اضافه کردن پارامتر، پارامتر HTTP که می خواهم. 

و تنها به فوق العاده دقیق، آنچه که استنباط here-- اما من explicit-- تر است که روش من می خواهم به استفاده از این است که، به جای چیزی شبیه به پست، که ما در نهایت خواهید دید. بنابراین در کوتاه مدت، به سادگی با درک HTML و با استفاده از برچسب ها نسبتا ساده است، ما در حال حاضر می توانید شروع به ایجاد خود کاربر نهایی مقابل ما رابط با جستجو موتور در پشت آن. 

اما این البته، بسیار زشت. بنابراین، اجازه دهید در واقع باز کردن نسخه کمی بهتر است. این که من آماده در است پیشبرد است که برخی از نظرات. اما شما که من می بینم تقریبا آن را دوباره. پس این است که در حال حاضر در دسترس آنلاین. و من پیشگیرانه اتفاق می افتد به به رفتن به صفحه ی تنها به نگه داشتن آن ساده است. 

و در حال حاضر اجازه دهید باز کردن تکرار بعد از این. آیا نسخه 1 به جای 0. چه بیرون می پرد در شما به عنوان کمی در این مثال های مختلف؟ 

رسید [نامفهوم]. 

بله، در این تراز به مرکز متن وجود دارد. این است که کمی عجیب و غریب اینجا. اما این در واقع جدید. و شاید حدس بزنید چه اتفاقی خواهد افتاد. اگر من در حال حاضر به مرورگر من برو و بازدید از جستجو 1.html، آن را تقریبا همان چیزی است. ولی این یک قدم نزدیک تر به که کمی زیبا تر. این هنوز هم زشت است، اما در آن زیباتر حداقل در حال حاضر همه چیز متمرکز شده است. 

پس معلوم است که من با استفاده از زبان دیگر در دسترس نباشد نام CSS، شیوه نامه آبشاری. و CSS، رک و پوست کنده است نوع، از، به نظر شخصی من، زبان طرز فجیعی طراحی شده است. این بسیار آزار دهنده است به خاطر داشته باشید تمام جزئیات مختلف است. اما این چیزی است که stylizes کل وب در سراسر جهان است. من کسی به جرم. همه راست. بنابراین اجازه دهید به عقب بروید اینجا و ببینید چگونه ما در واقع با استفاده از این. و معلوم است، حداقل آن را در واقع یک زبان بسیار ساده است. این فقط جفت ارزش کلیدی، خواص است و ارزش ها، خواص و ارزش ها. در واقع، در اینجا یکی است مانند اموال و ارزش. 

به سادگی و با استفاده از سبک ویژگی در تگ body من و به آن مقدار یک روده کلمه و کلمه ای دیگر، یا یک ویژگی و یک مقدار، من می توانم از زیبایی شناسی را تحت تاثیر قرار از صفحه وب، نه لزوما ساختار در عین حال، اما زیبایی شناسی آن است. و فقط با گوگل کردن به اطراف، من می دانم که ورق CSS، سبک آبشاری، پشتیبانی از یک ویژگی به نام تراز متن را، که می تواند ارزش به سمت چپ، راست، یا مرکز، به عنوان مثال. 

بنابراین در حال حاضر زمانی که من را مجدد بارگذاری این صفحه، آنچه که من انجام می یک صفحه متمرکز بود، اما هنوز هم بسیار زشت است. اجازه دهید پیش بروید و باز تا نسخه (2) جستجو. و در حال حاضر متوجه من کمی بیشتر انجام داده ام. توجه کنید که در اینجا در داخل سر برچسب وجود دارد، می تواند بیش از عنوان. در واقع، یک برچسب به سبک وجود دارد. و این جایی است که آن را فقط می شود یک کمی کثیف CSS دیدن گاهی اوقات. 

توجه کنید که من به نظر می رسد چیزی به نظر می رسد که از لحاظ ساختاری بسیار متفاوت است. اما در اینجا به نام است برچسب من می خواهم به تلطیف. در اینجا دوستان قدیمی ما هستند مجعد پرانتز و آکولاد بسته. و سپس در اینجا این است که اموال و ارزش خود را. 

اگر من این فایل بار، search2.html، نتیجه نهایی یکسان است. اما این یک گام به سوی طراحی بهتر است. با فاکتورگیری از این CSS، من آن را با من مخلوط HTML نیست. و در واقع، به عنوان خواهیم دید، من می توانم استفاده مجدد از این خواص و ارزش ها. اگر من می خواستم به مجموعه ای از بخش های صفحه وب من محور، من لازم نیست به نوع سبک = تراز متن مرکز همه جا. من می توانم در یک مکان قرار داده شاید، خواهم تا در بالای صفحه. 

اما حتی این بهترین طراحی نیست. در واقع، یکی از چیزهایی که شما باید یاد بگیرند که شما صرف زمان بیشتر و بیشتر با برنامه نویسی تحت وب می باشد که بیشتر شما می توانید modularize چیز و همه چیز از عامل مانند فایل های حسین اجازه دهید ما چیزهای عامل است، دوست helpers.c اجازه دهید ما همه چیز عامل از چند psets پیش. به طور مشابه، ممکن است ما می خواهم برای رسیدن به این. 

بنابراین اطلاع در نسخه سه search.html من تمیز کردن سر صفحه و فقط با قرار دادن در این، یک برچسب لینک، که بر خلاف نام، به شما یک لینک را نمی دهد. آن را به یک فایل دیگر لینک از طریق عکاس هنگام عکسبرداری که ارزش در این مورد، جستجو 3.css است بنابراین من می دانم که ما قصد داریم به سرعت. اما همه من انجام است نوع حرکت همه چیز در اطراف. اجازه بدهید من باز جستجو 3.css. آن، هیچ چیز واقعا به آن وجود ندارد. من فقط کپی و آن را به یک جدید جا به جا فایل، بسیار شبیه به ما چیزهای عامل از به فایل های دیگر قبل از. و result-- به طور کامل underwhelming-- در حال رفتن به دقیقا همان. اما ما در حال حرکت toward-- نه، این طور نیست. آه، من می دانم چرا. 

پس از آن به نظر می رسد اشکال. و آن را در برخی از حس است. اما به من اجازه باز کردن زبانه های شبکه من. به من اجازه دهید صفحه را بارگیری مجدد. آه، چرا که اعمال CSS نه؟ خب، فایل CSS، به طور مشابه، دارای به جهان قابل خواندن، پس به صحبت می کنند. و آن را بیش از حد در حال حاضر ممنوع است. بنابراین اجازه دهید من می توانم در یک سطح دسترسی + R ستاره نقطه CSS-- whoops-- ما نقطه CSS تنها فرمت فایل برای فایل های CSS. حالا به من اجازه بازگشت به مرورگر و بارگذاری کنم. OK، کمی بهتر است. 

حالا به من اجازه انجام یک کار. در جستجوی-4.html. من نسخه ای که من فقط فکر راه کولر، البته راه بود پیچیده است. اجازه دهید در نتیجه در اولین نگاه. بستن این برای ما فضای بیشتری به شما بدهد. این را به جستجو-4، وارد کنید. 

و در حال حاضر یک دسته از چیزهای شکسته. من قصد دارم برای رفتن به عقب به پوشه من در اینجا. و در حال حاضر من فقط رفتن را به انجام سطح دسترسی یک + R در file-- چون من می دانم آن exists-- نام logo.gif است که یک تصویر. و در حال حاضر بارگیری مجدد کنید. و wow-- بنابراین در حال حاضر من بسیار نزدیک، رک و پوست کنده، به دوست نسخه 1999 از گوگل، و رک و پوست کنده، نسخه 2014 از گوگل، درست است؟ 

پس از آن در حال حاضر رفتن به وب سایت خود را، در نهایت، اگر من برای گربه جستجو. و در واقع آن است. اما چی کار کردم متفاوت در این نسخه 4؟ بنابراین ما نمی خواهد در آن ساکن بیش از حد در اینجا. شما این مشکل را مشاهده کنید در مجموعه هفت در نهایت. اما توجه کنید من چند چیز را انجام داد. 

من معرفی یک div برچسب، که تقسیم بندی، در روح به یک تگ پاراگراف مشابه. اما تقسیم بندی شده است درست مثل، در اینجا منطقه نامرئی مستطیل از روی صفحه نمایش. اجازه دهید آن را منحصر به فرد شناسه، بالا و پایین صفحه، فقط به طوری که ما می توانیم در مورد آن صحبت آن را در HTML ما در جای دیگر. در اینجا DIV دیگری از صفحه است که ID است برای رفتن به محتوا. این محتوای صفحه است. و در اینجا هدر از صفحه است. 

به عبارت دیگر، من اساسا در HTML ذهنی هستم مشاهده این صفحه وب به عنوان سه قسمت، یک ضربه تا اینجا با این مستطیل نامرئی، محتوای در وسط، و پس از آن در پایین صفحه به پایین، حتی هر چند ما آن چیزهایی را نمی بینند. از آنجا که من در سر من از می خواهید صفحه در اینجا، و یا در یک فایل شخصی .css، من می توانم این نحو استفاده کنید. 

هدر است یک برچسب نیست. این یک ID است بنابراین آن را تبدیل که با انجام #header، من در حال حاضر می توانید یک یا چند اعمال می شود خواص به هدر. من می توانم محتوای مشابه انجام دهید، همین کار را برای محتوا در اینجا. 

بنابراین به عنوان مثال، در بالا و پایین صفحه، اطلاع همه این خواص من اضافه کردن. و من می دانم که فقط با خواندن وجود دارد تا در اسناد و مدارک برای CSS. اندازه فونت در حال رفتن به smaller-- بنابراین برخی از اندازه فونت نسبی. وزن در حال رفتن به تیره می کند. Margin-- که چگونه بسیاری از پیکسل اطراف it-- 20 پیکسل است. و آن را به محور شود. 

اما در حال حاضر، به نظر می رسد صفحه مثل این. اگر من با خوشحال نیستم کپی من سمت راست وجود دارد، من می تواند چیزی شبیه به رنگ قرمز انجام دهد. و پس از آن من می توانم این را نجات دهد، بازنگری، و در حال حاضر من در پایین صفحه را تلطیف کرده است. پس این است که فقط اشاره به قدرت از آنچه شما می توانید در یک صفحه وب انجام به چیزهای اطراف تغییر دهید. 

و حتی سردتر از این، اگر شما می خواهید به بهم زدن در اطراف با وب سایت های واقعی، شما نمی توانید به طور دائم آنها را تغییر دهید. اما اگر باز من بازرس کروم دوباره و من به سمت چپ نمی در اینجا، نشان می دهد که HTML فیس بوک، اما نشان می دهد در سمت راست سمت تمام CSS های آن، شما می توانید هر دو و همه چیز در پرواز تغییر دهید. بنابراین، اجازه دهید پیش بروید و این کار را. 

اجازه بدهید من به جلو و کنترل به در این کلمه اینجا را کلیک کنید، ثبت نام کنید، بر روی بازرسی عنصر. کروم بسیار به راحتی به میپرد برچسب H1 که فیس بوک با استفاده از. و در اینجا متوجه فیس بوک دارای نوع lazily سخت به عنوان یک ملک در اینجا رمزی اندازه فونت. 

بنابراین نکته جالب این است که اگر من در واقع در اینجا و می گویند، آه، فیس بوک، من دوست ندارم که 64 پیکسل، ما در حال حاضر می توانید تغییر دهید فیس بوک. البته، ما تنها تغییر آن برای من شخصا در حال حاضر. اما این فقط یک ابزار در جعبه ابزار ما که رفتن به ما اجازه می دهد به نیشگون گرفتن و کشیدن و کشف کردن و نیز تشخیص مسائل در صفحات وب خود ما. و ما به همین ترتیب می تواند بیش از در اینجا، که همان چیزی است. اگر شما واقعا می خواهید برای دریافت فانتزی، I معنی، در حال حاضر شما می توانید واقعا جهش به صفحه و انجام کارهای دیوانه. 

پس چرا این همه مفید است؟ خب، در نهایت، ما هستیم رفتن به می خواهم به قادر به ایجاد صفحات وب است که توسط قسمت عقب خود ما رانده می شود، نه تنها گوگل و برون سپاری پایان عقب وجود دارد. ما در واقع می خواهیم ارزش، به عنوان مثال، عمل موتور جستجو ما نسبت به رفتن به کسی نمی دیگری، اما به چیزی شبیه به search.php می، که در آن search.php می باشد را بر روی سرور خود ما، نه بر شخص دیگری. 

و به این ترتیب برای رسیدن به آنجا، ما در واقع نیاز به معرفی یک زبان جدید است. بنابراین ما در حال حاضر در یکی از جدید نگاه کرده ام زبان در اینجا، یا دو واقعا، HTML و CSS. اما آنها واقعا تنها زبان ساختاری و زیبایی. آنها برنامه نویسی نمی زبان به خودی خود. و این در مورد به اندازه رسمی زمان به عنوان ما بر روی آنها صرف می کنند. از آنجا که ما در حال حاضر شما شروع انتقال به PHP. 

بنابراین PHP واقعی است زبان های برنامه نویسی. این یک زبان اسکریپت به این معنا که این به معنای وزن سبک تر از چیزی شبیه C. و آن را یک زبان تفسیر شده است، که بدان معنی است که آن را وارد نمی کند. بنابراین به طور خلاصه، آنچه که آن را هنگامی که ما یک زبان مانند C استفاده و ما تا به حال به آن کامپایل؟ به چه معنی است کد منبع C؟ رسید [نامفهوم]. DAVID J مالان: بگو دوباره آن را؟ رسید [نامفهوم]. DAVID J مالان: کامل. آن را تبدیل به باینری. آن را تبدیل به صفر و یک از کد منبع واقعی انگلیسی مانند. و سپس ما در واقع می تواند اجرای آن صفر و با عبور آنها را از طریق CPU توسط دوبار کلیک روی آیکون و یا در حال اجرا یک دستور. 

PHP و Python و Ruby و پرل و جاوا اسکریپت و مجموعه ای از دیگر زبان تفسیر زبان است که می گویند شما آنها را کامپایل کند. در عوض، شما به آنها غذا به عنوان ورودی به برنامه ای به نام مترجم. و مترجم، که شخص دیگری نوشت، خواند منبع کد بالا خود را به پایین، چپ به راست و درست تفسیر کسانی که خطوط و آنچه به شما می گویند. 

بنابراین اگر شما روبرو می شوند خط که می گوید چاپ، این لزوما به تبدیل چاپ نمی به صفر متناظر و آنهایی. این فقط به این مفسر مانند اگر شرط بزرگ است که می گوید، اگر آموزش برنامه نویس است چاپ، پس از انجام موارد زیر. بنابراین آن را فقط تفسیر توسط نوع استدلال از آنچه شما را به گفتن انجام دهد. 

و PHP یکی از این زبان است. و سال PHP پیش طراحی شده بود دقیقا برای برنامه نویسی وب. و آن را در ابتدا بود زبان کثیف بسیار درهم و برهم. و در واقع، یک بزرگ وجود دارد مقدار کد PHP بد وجود دارد. اما خود زبان در طول سال بالغ، به طوری که در حال حاضر آن را در واقع در گام بعدی فوق العاده آموزشی را از C به خاطر آن تا سر در گم به همه چیز آشنا شما فقط در چند هفته گذشته دیده می شود. 

یک تفاوت اولیه خواهیم دید از آن دیگر هیچ عملکرد اصلی وجود دارد. هنگامی که شما شروع به نوشتن کد، آن را فقط رفتن به اعدام بدون توجه به آنچه دریافت، که ما را در یک لحظه ببینید. در همین حال، در اینجا چه متغیر به نظر می رسد در PHP. این کمی متفاوت است، اما تنها به سختی. 

در پی اچ پی، را تایپ قوی وجود ندارد. هفته تایپ وجود دارد، که فقط به معنی وجود دارد انواع داده ها مانند رشته و شماره و چیزهای دیگر. اما شما را به زحمت نمی مشخص آنچه که آنها دیگر می باشد. PHP آن ارقام را برای شما. علامت دلار فقط یک تصمیم است که مردم PHP سال ساخته شده پیش چنین است که هر متغیر در PHP فقط با یک علامت دلار شروع می شود. این در واقع نوعی در آن مفید این جهش در شما کمی بیشتر است. 

اما پس از آن، این وضعیت در PHP است. چه در مقابل C متفاوت است؟ فریب question-- هیچ چیز، که در واقع واقعا خوب. عبارات بولی در PHP-- همان. عبارات بولی و در مقابل یا، سوئیچ ها، حلقه ها، حلقه ها، loops-- OK، این یکی متفاوت است. 

پس از آن که معلوم است وجود دارد زن و شوهر از ویژگی های دیگر در PHP. یکی از آنها است که در واقع این، که زیبا و راحت است. اگر $ اعداد یک آرایه که شما ام پیش از این در یک برنامه اعلام کرد، شما این فانتزی را برای هر سازه که به جای انجام همه از آن من مزاحم برابر 0، I است کمتر از این، [؟ من ++، برای هر شماره به عنوان شماره، که در آن هر از آن ارزشها علامت دلار است که فقط یک متغیر و دومی شما می توانید از فکر می کنم به عنوان I. شما می توانید هر چیزی را که می خواهید تماس بگیرید. من آن را به نام تعداد. این است که به تکرار بیش از آرایه به نام اعداد. و در هر تکرار، آن را رفتن به طور خودکار به روز رسانی برای شما تعداد علامت دلار متغیر به طوری که شما به طور مداوم دسترسی به متغیر که شما می خواهید بدون نیاز به انجام هر گونه براکت نماد و یا نمایه سازی را به یک آرایه. 

فراتر از آن، ما حتی چیزهایی مثل دارند آرایه، که نگاه تقریبا یکسان است، به جز آن بسیار معمول است، به عنوان ما به شما ببینید، هر دو در PHP و جاوا اسکریپت به قبل از مقداردهی اولیه آرایه ای با استفاده از براکت مربع است. C با استفاده از آکولاد. پس از آن کمی متفاوت است، حتی اگر ما واقعا بسیار استفاده از ترفندی که هم نیست. 

اما حتی بیشتر قدرت، PHP دارای آرایه های انجمنی، که راه فانتزی گفت: جداول هش. در واقع، اگر شما می خواهید به اعلام هش جدول در PHP برخلاف سی-- که چگونه بسیاری از خط کد آن را به جدول هش در C واقع پیاده سازی؟ و یا چه تعداد خط از کد آن را گرفتن به پیاده سازی یک جدول هش در C؟ پس از آن به احتمال فراوان، درست است؟ این چند ده است، شاید 100 یا 200. این کوچک اما با اهمیت. و یا آن را در مورد می شود، به عنوان شما به زودی خواهید دید، کوچک اما با اهمیت برای پیاده سازی یک جدول هش [نامفهوم] و نیز امتحان کنید. اما در PHP-- و رک و پوست کنده، من احتمالا باید به شما بگویم این نه تا Monday-- در PHP، اگر شما می خواهید یک جدول، انجام می شود. که یک رشته هش table-- تا با یک خط کد. و 

بسیاری از زبان انجام دهد. از آن لذت ببرید با pset پنج. بنابراین تعداد زیادی از زبان این کار. آنها به شما این انتزاعی را که افراد دیگر، دیگر برنامه نویسان، را برای شما ایجاد به طوری که شما می توانید بر روی شانه های خود تحمل و شروع به استفاده از ایده هایی که فوق العاده هستند فوتی و فوری، مانند جداول هش و درختان و تلاش می کند. اما شما لزوما به کسانی که همه چیز خود را اجرا می کنند. 

و به این ترتیب در نهایت، آنچه ما در حال رفتن به استفاده از PHP برای است به طور بالقوه نوشتن برنامه از به اصطلاح خط فرمان. ما می تواند هر برنامه از نو خلق ما این ترم نوشته ام تا کنون، به جز شاید برک آوت استفاده می کند که SPL، که مخصوص C در حال حاضر است. اما هر مشکل دیگر تعیین می کنند، قطعا ماریو و سزار و Vigenere و [؟ کرک؟] و بعد، ما می تواند دوباره اجرا در PHP، و احتمالا کمی آسان تر. 

اما آنچه که ما در حال رفتن در نهایت برای استفاده از PHP برای برنامه نویسی تحت وب می باشد. و ما قصد داریم به معرفی بعدی هفته یک مدل ذهنی، یک الگوی نام MVC، مدل کنترل مشاهده، که اگر شما برنامه نویسی انجام داده ام قبل از در پایتون یا روبی و یا در جای دیگر، شما ممکن است از این تیم با دانم ریل و جنگو و مانند آن. اما اگر شما تازه به هستی این بیش از حد، شما خواهید دید که این است که در واقع بسیار طبیعی گسترش فاکتور و نوع طراحی کد ایم که در C. انجام ما قصد داریم به کن درخواست برخی از کسانی که درس به PHP به طوری که در نهایت، ما اجرای وب سایت های خود ما. و اگر شما مرتب کردن بر اساس هستید مسخ شده و یا شگفت زده که ما قصد انجام همه تا به سرعت، متوجه است که تقریبا در هر ترم، نزدیک به 90٪ از CS50 دانش آموزان، از جمله که قبل از برنامه ریزی کرده اند هرگز، تا پایان پروژه نهایی که در برنامه نویسی مبتنی بر وب. و به این ترتیب خواهید دید که بازده بالا در هفته به آمده است. بنابراین ما به شما در روز دوشنبه ببینید. 

SPEAKER 1: و اکنون، عمیق افکار توسط Daven فارنام، کبک. جداول هش. 

[خنده حضار]