[عزف الموسيقى]
ALLISON BUCHHOLTZ والاتحاد الافريقي: كل الحق، والجميع.
أهلا بكم من جديد إلى القسم.
لذلك جدول أعمالنا لهذا اليوم هو الذهاب على مدى أكثر من ذلك بكثير على شبكة الإنترنت الاشياء ديف.
أنا لا أعرف كم رأيتم psets بك
منذ أن تم الإفراج عنه في وقت سابق من صباح اليوم.
كما أود كم الناس قرأت المواصفات،
ولكن كما نرى كيف لقد كان لكم جميعا من، مثل، سبع ساعات للنظر في ذلك
وانها الاثنين و لقد ربما كان لديك الدرجة،
أنا ذاهب لنفترض أن معظمكم لم تفعل ذلك.
إذا كان لديك، شهرة إضافية.
>> كنت في الأساس مساعدة تطبيق بسيط على شبكة الإنترنت
الخادم في C، وهو PSET العلامة التجارية الجديدة، لذلك يا رفاق الحصول على أن تكون الخنازير غينيا.
انها ستكون ممتعة، الأسبوع البرية، ولكن اعتقد انه سوف يكون هناك الكثير من المرح
وأنه سوف يكون حقا تجربة جيدة فعلا.
لذلك لإعدادك ل هذا، في القسم اليوم
ونحن في طريقنا للذهاب شمود، TCP / IP، و ثم قليلا من HTML و CSS.
>> في النهاية، وسنقوم فعلا كود حتى صفحة ويب بسيطة معا
لمساعدتك في الحصول على نوع من الرجال أكثر إطلاع على ذلك.
ثم إذا لم تكن قد التقطت مسابقات الخاص بك، وانهم في الجبهة،
ولكن أنا متأكد من الجميع وهنا المسابقة الخاصة بهم.
وأيضا في تلك المذكرة، الحلول لم يصل بعد،
ولكن بمجرد أننا finish-- تحب، و آخر عدد قليل من الناس على اتخاذ quizzes--
أنها سوف يصل.
إذا كان لديك أي أسئلة في هذه الأثناء،
لا تتردد في الكتابة لي شخصيا.
وسوف تستجيب مع الفرد الخاص الأسئلة، كما أفعل دائما.
>> لذلك على تلك المذكرة، شمود.
وذلك أساسا كل ما تحتاج لمعرفته حول شمود
هو انها تستخدم لتغيير أذونات الملف، أليس كذلك؟
حتى انها مجرد بعض الأنظمة تتطلب منه تغيير الأذونات، كما جاء هنا.
وإذا كنت تريد من أي وقت مضى لرؤية ما الأذونات ملف ديه،
بدلا من القيام فقط ليرة سورية، هل يمكن أن تفعل ليرة سورية -l.
ل يقف لفترة طويلة.
>> لذلك عليك أن تفعل قوائم طويلة من كل شيء، و
سيعطي أكثر تفصيلا لك معلومات حول كل الملفات.
وسترى something-- أنا الذهاب إلى القفز إلى الأمام لsecond--
ولكن سترى شيئا مشابها ل هذا الخط العلوي هناك لكل ملف.
وسوف تذهب من خلال ما يعني ذلك.
>> ذلك أساسا، لتغيير أذونات الملف الخاص بك،
كنت ترغب فقط في استخدام شمود.
يمكنك التفكير في الأمر مثل غيره يونيكس مثل الدعوة ليرة سورية أو CD أو غيرها.
انها مجرد نوع من الدعوة تشبه أخرى.
>> لذلك نحن لا شمود ثم سنقوم لدينا ثلاثة أرقام عادة.
هناك بضعة طرق للقيام ذلك، واحدة منها سنذهب انتهى.
ولكن عادة، سيكون لديك ثلاثة تتراوح الأرقام 0-7 في كل مرة.
>> ذلك شيء واحد هو أن هناك ثلاثة أذونات مختلفة
أننا يمكن أن تعطي كل ملف.
وانها قابلة للقراءة، وهو ممثلة ص، والذي لن يكون له معنى
في قليلا. ث، وهو للكتابة. وقابل للتنفيذ، وهو العاشر.
وأنا أعلم أن ه واحد، قابل للتنفيذ، ربما لا اكثر احساسا، ولكن نحن
تمثل ذلك مع x.
>> ثم ما يحدث هو كل من هذه لدينا أيضا تمثيل العدد.
لذلك لدينا 1 و 2 و 4.
وأساسا ما يحدث هو كل من هذه الأرقام الثلاثة
هنا يناظر مجموعة مختلفة من المستخدمين
أن هذه الأذونات تتعلق.
>> لذلك يمكن ان يخطر لك أن الأول عدد يتوافق مع المستخدم الفعلي
أو صاحب الملف، والثاني وعدد تتوافق مع المجموعة،
وآخر واحد يشير للعالم، موافق؟
فما يحدث هو أن نتذكر تلك ص numbers-- هو 4، ث هو 2،
x هو 1، أليس كذلك؟
This-- إذا كنت ألخص هذه تصل، التي تمنحك هذا العدد الأول
أننا قد دخل في شمود لدينا.
>> حتى في هذه الحالة، ما سيكون هذا العدد؟
انها تريد ان تكون 4 زائد 2 زائد 1، وهو 7، أليس كذلك؟
وفي هذه الحالة، فإن هذه لم يكن لديك أي شيء،
حتى هذا الحق هنا سوف تترجم إلى شمود 700، موافق؟
وما الذي يفعله هو أنه يمنح جميع من هذه الأذونات إلى المستخدم الخاص بك.
>> لذلك هذا يعني المستخدم لدينا يمكن أن يفعلوا ما يريدون.
يمكنهم قراءة هذا الملف.
يمكنهم تنفيذ هذا الملف.
يمكنهم الكتابة إلى هذا الملف.
لكن مجموعة والعالم، لا أذونات الإطلاق، موافق؟
>> حتى طريقة أخرى لإرسال هذا، يمكننا القيام شمود من ثلاثة أرقام، ولكل منها
يقابل أيا كان المبلغ أو أن مجموعة معينة هي، فرعية محددة.
أو يمكننا القيام به في الواقع شيء آخر.
عقد يوم.
يمكننا أن نفعل شيئا مع هؤلاء هنا.
>> كم منكم رأى مثالا حيث كانت تشبه إلى شمود زائد س؟
هل ترى أن في المحاضرة، وأنا أعتقد؟
لذلك تقف على الإطلاق.
وهو ما يعني إعطائها لجميع المستخدمين، الذي نسيت أن تضع هنا.
>> ولكن بالإضافة إلى السينية، إذا كنا نلاحظ هنا، واذا لم نفعل
لماذا مجموعة chmod-- نحن نتحدث عن بالإضافة إلى أذونات
نريد أن نعطيهم.
ولذلك فإن هذا يمكن أن يكون زائد أو ناقص.
بالإضافة إلى يضيف إذن.
ناقص يأخذ بعيدا إذن.
بديهية جدا، على ما أعتقد.
>> حتى زائد س تعني شمود.
حتى تغيير الأذونات لجميع الناس إذا كان هذا هو أذونات إضافة a--.
وx-- هذا يعني إذن ما نحن منح الجميع.
القراءة والكتابة، أو تنفيذ؟
>> الجمهور: تنفيذ.
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: تنفيذ.
لذلك نحن إعطاء جميع المستخدمين إذن لتنفيذ هذا الملف، موافق؟
حتى إذا ما أردنا أن نفعله مع أن شكل رقمي؟
لذلك تذكر مع رقمية، نحن نريد ثلاثة أعداد.
>> الجمهور: 4.
ALLISON BUCHHOLTZ والاتحاد الافريقي: ماذا كان ذلك؟
الجمهور: 4.
ALLISON BUCHHOLTZ والاتحاد الافريقي: ليس 4.
الجمهور: 0، 0، 4.
ALLISON BUCHHOLTZ والاتحاد الافريقي: حسنا، نريد لاعطائها لجميع المستخدمين، أليس كذلك؟
لذلك نحن ذاهبون الى رقم في كل فتحة.
وهذا ما سوف يكون نفس العدد في كل فتحة
لأننا نريد فقط أن يعطي الأذونات القابلة للتنفيذ الجميع.
لذلك هو قابل للتنفيذ 1، ولكن على الطريق الصحيح.
>> حتى لو أننا لم شمود 111 التي من شأنها أن يكون ما يعادل CHMOD زائد س.
فهل يعقل أن الجميع؟
ونحن في طريقنا للذهاب من خلال بضعة أمثلة.
>> لذلك الوجبات الجاهزة كبيرة هنا هو ليس هنا،
بل يعني فقط اعطائها لجميع المستخدمين.
ش هو إذا كنت ترغب فقط ليعطي أو يأخذ بعيدا
إذن محدد من المستخدم أو المالك.
ز هو للجماعة، بحيث الرقم الأوسط.
ومن ثم يمكن للآخرين أن تفكر في والعالم، أن الرقم الأخير.
>> حتى مع ذلك، سنذهب إلى كمثال على ذلك، لأنني أشعر دائما مثل الأمثلة
جعل هذه الأمور أسهل للفهم.
rwx-- ذلك ذهبنا من خلال this-- يمكن أن يكون أيضا تمثل 700.
هذا المثال بحثنا في أكثر من صورة.
حتى شمود 444 على بعض الملفات ما من شأنه أن يعطي أذونات؟
كنت قريبة جدا.
الجمهور: المقروءه للجميع.
ALLISON BUCHHOLTZ والاتحاد الافريقي: قابل للقراءة.
قراءة لذلك على الجميع، أليس كذلك؟
ثم ما هي طريقة أخرى للقيام بذلك؟
إذا كنا نريد أن نفعل مع أي شمود ص أو لواط، بالإضافة إلى وسلبيات،
ما من شأنه أن الدعوة تبدو وكأنها؟
سيتم شمود أنه ماذا؟
>> الجمهور: لص زائد.
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: أ ص زائد على 5.
موافق، لذلك هذا هو نفس هذا، اثنين فقط الترجمات المختلفة
من نفس الشيء.
حتى مع ذلك، لدينا هذه.
لذلك أريد يا رفاق لمحاولة والكتابة هذا النوع من في طريقها المعاكس.
>> حتى مع شمود 555، ماذا سيكون مثل؟
قد يكون زائد أو ش زائد أو هتنوت؟
لأجلك زائد س، أعطني ثلاثة أرقام.
ثم أخبرني عن ما أذونات نحن في الواقع منح والى من؟
>> لذلك سأعطيك اثنين من اللاعبين دقيقة للعمل على ذلك.
لا تتردد في التحدث مع بعضهم البعض.
لأولئك منكم الذين جاءوا في قليلا في وقت متأخر، لا يوجد الحلوى والقمصان.
لقد تركت ثلاثة قمصان، و لدينا مجموعة كاتس والانفجارات النجمية.
لذا لا تتردد في انتزاع تأتي البعض في هذا فاصلة صغيرة.
>> أيضا، آخر واحد هو صعب.
انها اثنين chmods لآخر واحد.
في الواقع، اسمحوا لي أن يغلق الباب بينما رفاق يعملون على ذلك.
الحلوى دائما ضرورية بعد ظهر يوم الاثنين.
>> موافق، لذلك شمود 555.
ما هي طريقة أخرى يمكننا أن كتبت ذلك؟
أي أفكار؟
نعم.
>> الجمهور: على RX زائد.
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: ص زائد RX.
هل تريد أن تفسر لماذا تريد ان تكون RX ذلك؟
>> الجمهور: لأن لديك 5، لذلك هذا هو 4 زائد 1،
بحيث نقرأ بالإضافة إلى قابل للتنفيذ، وانها للجميع.
ALLISON BUCHHOLTZ والاتحاد الافريقي: الحق.
لذلك فقط أن أكرر، هنا 5 نحن نعرف بأنها مجموع 4 و 1،
لأن كل رقم في الثلاثي دينا هو مجموع الأذونات لهذا فرعية،
أليس كذلك؟
إما المستخدم، و مجموعة، أو العالم.
حتى في هذه الحالة، ونحن نعلم أن 5 يجب أن يشكلها 4 و 1.
>> و4 و 1 تتوافق مع قراءة وتنفيذ.
نعطي به الجميع، حتى نتمكن من القيام شمود RX زائد.
وبالطبع، ذهبنا فقط من خلال الأسئلة هناك،
حتى الآن هذا الملف قابل للتنفيذ ومقروء للجميع.
>> فماذا عن الثانية؟
ما قد عدد واحد لذلك أن يكون؟
أي أفكار؟
المضي قدما.
>> الجمهور: 100 [غير مسموع].
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: 100.
بالضبط.
لذلك أردت أن أشرح لماذا 100؟
الجمهور: لأنه ل المستخدم، لذلك هو في المركز الأول.
ثم خ للتنفيذ هو 1.
ALLISON BUCHHOLTZ والاتحاد الافريقي: بالضبط.
لذلك نحن منح قابل للتنفيذ أذونات لمجرد مستخدم.
حتى في هذه الحالة، سيكون من 100.
ولدي كل الإجابات حتى على الشريحة التالية في حالة
كنت أكتب الكثير من الأمور.
>> حسنا، هذا واحد القادم هو في الواقع القيام به مع اثنين من chmods، هل يمكن أن تفعل ذلك.
لذلك هل لديها أي فكرة كيف يمكن
الحصول شمود 640 إعادة صياغة في طريقة أخرى؟
يمكنك تغيير المستخدم أولا ثم يمكنك تغيير المجموعة هي بلدي تلميح.
>> حتى لو كنا مجرد تغيير المستخدم، وهو هذا واحد الأول هنا،
ما يمكن أن دعوتنا؟
حتى المستخدم هو ش، أليس كذلك؟
ذلك بالاضافة الى شمود ش ماذا؟
Mmhmm؟
>> الجمهور: RW.
ALLISON BUCHHOLTZ والاتحاد الافريقي: RW.
الحق، على القراءة والكتابة، لأن القراءة هو 4، ث 2، تلك المبلغ معا 6.
حتى نحصل على شمود ش زائد RW، ونحن الحصول على أول 6 هناك.
>> حتى ذلك الحين للحصول على 4، ونحن نريد الآن لتغيير إعدادات مجموعتنا.
لذلك نحن في طريقنا للقيام شمود ز بالإضافة إلى ما؟
ما هو 4؟
>> الجمهور: ص.
ALLISON BUCHHOLTZ والاتحاد الافريقي: ص.
على وجه التحديد.
لذلك نحن إعطاء المالك القراءة والكتابة أذونات
ونحن إعطاء المجموعة مقروءة الأذونات التي لدينا كل شيء هنا.
Mmhmm؟
>> الجمهور: إذا كنت يمكن أن يكتب شيئا، فإنه لا يعني أنك يمكن تنفيذ ذلك؟
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: أنت يمكن الكتابة إلى something--
لا أعتقد أنه يعني يمكنك تنفيذ ذلك.
بارد.
ذلك أن كل ما نقوم فقط ذهبت من خلال.
لذلك على هذا واحد القادم، انها الحالات مجرد نوع من شائعة
إن كنت تريد أن تبقي في الذهن لمشكلتك مجموعة.
وعادة ما تكون هذه الأذونات نحب أن تتمكن من استخدامها.
>> لذلك 711، الذي يعطي علينا، بالطبع، المستعمل
كافة الأذونات التي يميل إلى أن يكون له معنى.
ثم انها قابلة للتنفيذ من قبل مجموعة في العالم، الأمر الذي يجعل الشعور
إذا كان لديك بعض الدليل، كنت تريد أن تكون قادرة على اجتياز فيه.
الناس بحاجة إلى الوصول.
>> عن أي ملف غير PHP، وأنت تسير استخدام 644، التي من شأنها أن تفعل ما؟
ماذا يعني هذا، أو ما الأذونات التي لا تعطي؟
لذلك يمكن للمالك ماذا؟
الجمهور: القراءة والكتابة.
ALLISON BUCHHOLTZ والاتحاد الافريقي: القراءة والكتابة.
ثم المجموعة وغيرها يمكن قراءة فقط، أليس كذلك؟
ثم شمود 600 لأي ملفات PHP التي تستخدمها،
المالك الخاص بك، ومرة ​​أخرى، يمكن لل القراءة والكتابة إليه
ولكن الجميع هو مجرد سد نوع من الخروج.
>> ولذلك فإن هذا سوف فعلا تكون أكثر فائدة عندما
تحصل لمشكلتك تحدد الاسبوع المقبل حيث
كنت فعلا بناء موقع على شبكة الانترنت.
حتى إذا كنت من أي وقت مضى واجهت أي مشاكل غريبة
حيث انها ليست تحميل صحيح، ربما كنت
تحتاج إلى إضافة قابل للتنفيذ إذن، أو ربما كنت في حاجة الى قراءة
أو إرسال إذن.
الأشياء الصغيرة التي تميل لرحلة الشعب ، ولكن هذا هو نوع من مثل الذهاب إلى
عند بدء تشغيل PSET الأسبوع المقبل.
وأود أن أعطيك أكثر تلميحات على PSET هذا الأسبوع،
ولكن ليس لدي حتى الآن لننظر في الأمر منذ صدر هذا الصباح.
ولكن يمكنك الكتابة لي، وأنا سوف قد بدا في ذلك الوقت من قبل أرد غدا.
>> حتى الآن، هو جيدة مع الجميع شمود؟
أي الأسئلة العالقة؟
واضحة جدا.
مجرد نوع من تتبع ما القراءة والكتابة، وتنفيذ الأرقام
وربما كان الجزء الأصعب.
>> حتى مع TCP / IP، كل هذه البروتوكولات، نوع من مثل مع هياكل البيانات الخاصة بك
في الاسبوع الماضي، انها أكثر من ذلك بكثير المهم الحصول على نوع من
الحدس مستوى أعلى منهم.
هذا ليس CS143 أين نحن ذاهبون أن أسألك لتنفيذ شبكة،
لذلك عليك أن تكون على ما يرام إذا أنت لا تفهم
نيتي] رملية من جميع البروتوكولات.
ما هو مهم هو أن نفهم نوع من مثل ما يمثلونه
والسبب في انهم مهم.
>> لذلك TCP / IP، بالطبع، هو بروتوكول التحكم بالإرسال
أو بروتوكول الإنترنت، والذي هو في الأساس مجرد مجموعة من القوانين الأساس
أو المعايير التي تحكي البيانات كيف ينبغي التعامل معها،
كيف ينبغي packetized ذلك، تنتقل، واستقبالها.
لذلك في الأساس، تماما كما يقول هنا، ويزيد من فرص
يحصل على تلك البيانات حيث تريد أن تحصل على.
>> أنا متأكد لو ذهبت يا رفاق ل محاضرة أو شاهد على الانترنت،
انه has-- لا أعرف إذا فعل ذلك هذا العام،
لكنني أعرف في العام الماضي، كان لديه التجريبي حيث كان لديه صورة لروب
وكان تقسيمه إلى أربعة ووضعها في مغلفات
وحاولت الحصول عليه عبر ساندرز.
ويمكنك النوع من التفكير في الأمر بهذه الطريقة.
انها مجرد مجموعة من القواعد التي أقول بيانات كيفية الحصول على مكان ما
ويتيح لك معرفة ما إذا كنت في عداد المفقودين البيانات،
في بنفس الطريقة التي إذا كنت أخذ عدة صفحات من المذكرات
ويمكنك تسمية لهم صفحة 104، صفحة 204، وكنت أعود للدراسة في وقت لاحق
والتي تفتقد something-- لم تتمكن من العثور الصفحة 304-- تعلمون
ما هو الخطأ، لذلك أنت يمكن أن ننظر من خلال الملاحظات الخاصة بك
مرة أخرى، أو اطلب من شخص لإعادة إرسال لك تلاحظ محاضرة من ذلك اليوم.
بنفس الطريقة مع البيانات على شبكة الانترنت.
إذا أنا أسأل ل شيء من بعض الخادم
ويحتاج لإرسال في حزم متعددة،
الارجح الى عدد في بعض الطريق، والسماح
لي أن أعرف كم يجب علي تلقيتها، ويقول لي، أوه، هذا هو واحد من 10
أو هذا هو واحد من 10،000.
بهذه الطريقة عندما أذهب إلى يحشدوا جميع القطع معا،
أعرف إذا كان هناك شيء مفقود وأستطيع أن أطلب ذلك مرة أخرى.
هل هذا يعقل؟
مجرد مجموعة من القواعد.
في أساسه، مجموعة من القواعد، موافق؟
>> حتى أننا تحدثنا أيضا قليلا عن الموانئ.
هذا هو حقا مجرد معيار يتيح لك معرفة ما هو نوع من البيانات
تم بثها في هذه الحزم.
اذا ذهبنا مع شركائنا مثال الظرف، ونحن لا
أعلم أنه صورة ل سرقة في وجود ما لم نكتب عليه
على السطح الخارجي للغلاف دينا.
لذلك الموانئ هي في الأساس نفس الشيء.
انها مجرد وسيلة لمعرفة ما وتحال نوع من البيانات.
>> لذلك لدينا جميع معظم تلك الشائعة هنا.
حتى 21-- هذه هي أيضا نوع من مثل الأشياء الجيدة لمعرفته.
انها نوع من سؤال مسابقة سهلا.
يكون مثل، ماذا تفعل المنفذ 80؟
أو، ماذا تفعل الميناء 443؟
من الأشياء الجيدة أن يعرف.
>> لذلك لدينا هنا، هو ملف 21 بروتوكول نقل، لذلك فقط
القواعد التي تحكم نقل الملفات.
25، وهو أننا جميعا استخدام أكثر مما ينبغي، والبريد الإلكتروني.
53 هو اسم المجال النظام، الذي هو في الأساس
مجرد نوع من البحث ل عنوان IP لاسم المجال.
>> لذلك أنا متأكد من أنه كان ذكر في المحاضرة، إذا كنت
اذهب إلى شيء من هذا القبيل google.com، ولديه عنوان IP
المقترن به.
انها ليست في الواقع google.com.
وحتى 53 هو المنفذ التي تأخذ الواقع
رعاية نوع من ترجمتها إلى أن عنوان IP بالنسبة لك.
ومن ثم 80 و 443 شائعة جدا.
اما أن يكون صفحة الويب الخاصة بك أو لديك صفحة ويب آمنة،
فيه الكثير من صفحات الويب و نقل أكثر من الآن.
>> لذلك هذا هو نوع من ارتفاع مستوى نظرة عامة على بروتوكول نقل.
أنا لا أرى أكثر من ذلك بكثير في العمق.
انها نوع من الاشياء باردة إذا كنت مهتما.
هناك الكثير من الموارد.
ويكيبيديا هي في الواقع صفحة جيدة.
لذلك أنا أبحث في ذلك فقط قبل قليل،
لذلك أود أن أوصي النظر في ذلك إذا كنت مهتما
أو تأخذ 143 في غضون عامين بسبب أعتقد أنه من مرة كل سنتين.
>> هكذا نهاية هذا، ونحن نتحدث عن صفحات الويب وHTTP،
الذي هو في الواقع موضوعنا القادم ل اليوم قبل أن نذهب إلى HTML و CSS
ويمكنك رمز فعليا حتى صفحة على شبكة الإنترنت.
أنه سوف يكون متعة.
سيتعين علينا صورا ل الأرانب وانها سوف تكون كبيرة.
>> لذلك HTTP، كما ترون هنا، هو واحد من الاختصارات الجميلة
خلال هذا الأسبوع، وهو بروتوكول نقل النص التشعبي.
ذلك مرة أخرى، انها مجرد مجموعة أخرى من القواعد التي
يحكم النص التشعبي نقل، في هذه الحالة.
لذلك أفضل طريقة لتعلم حول هذا الموضوع هو مجرد نوع من
لكسرها نزولا إلى هذه الكلمات الفردية
لأن هناك الكثير من كلمات على الشاشة هناك.
>> لذلك نحن في طريقنا للبدء مع النص التشعبي.
حتى "المفرط" يمكن ان يخطر لك "فوق"، مثل من نوع سوبر شيء.
حتى انها في الحقيقة مجرد نص مأخوذ من المستوى التالي، لذلك مثل النص السوبر،
مثل النص التالي.
حتى انها في الاساس فقط النص الذي يعطي لنا
معلومات أكثر النص العادي لا، موافق؟
>> حتى في هذه الحالة هنا، وهذا هو النص التشعبي.
هذا يخبرنا أن لدينا بعض الارتباط الذي نحن ذاهبون إليه،
وهو cs50.net، التي هو الآن cs50.harvard.edu.
هذه الشرائح هي قديمة بعض الشيء.
وانه سيكون لعرضه ذلك لأن هذا، كما ارتباط تشعبي،
ثم موقع رائع حقا.
>> لذلك من النص، الذي هو قليلا شيء من الأشياء باردة حقا هناك.
حتى تتمكن من ربط الأمور ويمكنك إدراج الصور ويمكنك أسلوب الأشياء.
والشيء الأكثر دراية بأنك الرجال ربما يكون مع النص التشعبي
هي لغة توصيف النص التشعبي، HTML، وهو بطبيعة الحال كل من الانترنت
التي نراها من حولنا، منح مع بعض القيت في اسلوب CSS.
>> ولكن إذا كان أي شخص كبيرة حقا مع ماي سبيس،
أنا متأكد من أنكم جميعا المستخدمة HTML كل الوقت لخلق
تلك الشخصية المثالية، أليس كذلك؟
أشعر أن ذلك ربما يكون إشارة عفا عليها الزمن الآن، ولكن أيا كان.
مجرد little-- يا رفاق لا أن أصغر سنا بكثير.
بعض من أنك أكبر مني.
ماي سبيس كان لا يزال عندما كنت صغيرا الشيء.
أنا لست هذا العمر.
>> على أي حال، HTML مجرد شكل من أشكال التشعبية.
حتى النص التشعبي هو فقط النص مع الميزات المضافة.
لذلك بروتوكول نقل هو على الارجح الشيء الأكثر مشكوك فيها لشرح.
من الواضح، transfer-- مجرد نقل البيانات.
لذلك إما بين العميل، مثل شقيق الويب الخاص بك، وخادم.
وذلك أساسا فقط طريقة عمل الإنترنت.
>> لذلك طلب الدقيق لل كيف يمكن لهذه الأعمال، ونحن
يحدث فعلا أن ننظر إلى طلب سبيل المثال والاستجابة لها.
ولكن كيف نطلب المعلومات من الخادم
وكيف يستجيب ملقم بالنسبة لنا هو ما يحكم هذا البروتوكول نقل.
لذلك الطلب والاستجابة لها لاتباع هذه مجموعة محددة من القواعد.
لقد موحدة بحيث لا يهم حيث كنت تستخدم شبكة الانترنت،
كان دائما يعمل نفسه، موافق؟
>> مرة أخرى، والبروتوكول، مجموعة من القواعد.
انها مجرد وضعها الطبيعي التفاعل بنفس الطريقة
أستاذ مالان أن يتحدث عن اذا كان شخص ما يمتد أيديهم،
أنت تعرف أنه من باب المجاملة مشتركة ل توصل لك الخروج ويهز أيديهم.
هذا البروتوكول، أليس كذلك؟
>> لذلك أعطي بعض طلبات موحد، وهو أريد أن يهز يدك،
وتعطي بعض موحدة ردا على ذلك، وهي إما لا شكرا
أو هل يمكن أن تحاول ويهز بلدي اليد أو ربما كنت ذاهب الى محاولة
وقبضة عثرة لي.
وليس لدينا بروتوكول لذلك.
ينهار.
ولكن إذا كان الجميع يتبع نفس البروتوكول، وبطبيعة الحال،
يذهب أكثر من ذلك بكثير بسلاسة.
الناس للتعرف على بعضهم البعض.
الجميع سعداء.
>> حتى في عالم الويب، كل شخص يتبع نفس rules--
أفضل قليلا من المعايير الاجتماعية.
ولكن مع ذلك، ونحن سوف ننظر على سبيل المثال طلب هنا.
ولذلك لا يوجد هذا الشيء المفتاح هنا في الأسفل
تخبرك ألوان مختلفة، ما الذي من المفترض أن يعني.
>> أبيض وذلك هو تماما مثل طريقتك طلب وبروتوكول version--
لذلك طلب طريقة الإصدار.
ثم وهذا هو بعض اسم الحقل وقيمة
في هذا المجال، ونحن سوف الذهاب إلى جدا، قريبا جدا.
لذلك هذا هو الطلب المثال.
هذا هو مثلي تمتد خارج، يريد أن أقدم نفسي.
>> هذا ما العميل أو ما متصفح الويب الخاص بك
سيرسل إلى الخادم الخاص بك.
لذلك هذا هو طلب GET، حتى انها ل يسأل عن شيء من الخادم.
وانها، بالطبع، HTTP وانه من الإصدار 1.1.
>> حتى بقية هذا هنا هو ما نسميه رأس، ومعلوماتها اضافية
هذا يعطينا فكرة أفضل ما نطلبه في الواقع ل،
أو المعلومات التي نريد أن نمنح الخادم الذي قد يكون من المناسب.
لذلك عامل المستخدم يعطي بعض أكثر وصف on-- على سبيل المثال، هنا،
حليقة / 7.24.0 هي في طريقها فعلا لأقول الخادم الذي نستخدمه جوجل
كروم المتصفح لدينا.
حتى إذا كنت تسمع من أي وقت مضى عن الناس الذين يتحدثون
حول جعل التطبيق استجابة لمتصفحات متعددة،
هذا هو الشيء الذي كانوا ستستخدم لأنه إذا
لا أعرف ما المتصفح طلب يأتي من،
لا يمكنك تفصيل البيانات إلى ذلك.
حتى في هذه الحالة، المستعمل هو مجرد إعطاء هذا النوع
تحديد المعلومات حول ما المتصفح
المستخدم يستخدم حاليا، موافق؟
>> حتى ذلك الحين لدينا أيضا المضيف، الذي هو حيث أننا في الواقع يريد أن يذهب إلى.
في هذه الحالة، نحن نريد أن تذهب إلى apple.com، وشراء بعض لاب توب باردة جديدة
أو شيء من هذا، ربما لطيف أضواء على غرف النوم لدينا.
وقيمة اسم في النهاية هو فقط حشو، مجرد شيء العام
ليا رفاق لنرى.
لم يحدث ذلك فعلا تتوافق مع أي شيء هنا.
>> لذلك يمكن أن يكون بقدر أو قليلا كما تريد في كل حالة.
في معظم الوقت، وهذه هي اختيارية.
ذلك يعتمد فقط على ما تحتاج من المتصفح،
من المستخدم ل إعطاء الطلب بشكل صحيح.
أو أنه يعتمد على ما المستخدم الخاص بك يريد فعلا للتخلي إلى الملقم.
لذلك قد تضطر الكثير والكثير من هذه الأسماء حقل رأس
أو قد يكون مجرد زوجين.
كما هو الحال مع أشياء كثيرة لقد قلت في هذا القسم،
انها حقا يتوقف على السياق لكيفية استخدامك هذا.
>> فهل من المنطقي أن على الجميع؟
هذا مجرد مثال طلب، رؤوس، غيرها.
حسنا، مع ذلك، لدينا بعض الاستجابة.
>> مرة أخرى، لدينا قانون الأحوال، والبروتوكول نسخة، ومن ثم اسم الحقل والميدان
قيمة كما هو الحال دائما.
حتى إصدار بروتوكول لدينا وقانون الأحوال لدينا هو 200.
OK، وهو ما يعني أن، نعم، ذهب كل شيء بشكل جيد.
وهنا ما تريد.
>> نوع الخادم، والمحتوى type-- أنه يخبرنا، حسنا، كنت
يذهب للحصول على بعض النص HTML.
هنا هو طول منه وهنا ما يجب عليك القيام به مع الاتصال.
حسنا، مرة أخرى، اعتمادا على البيانات كنت
طلب، اعتمادا على ما ل الخادم يريد أن يعود لكم،
قد يكون لديك أكثر من هذه المجال أسماء، قد يكون أقل من ذلك.
تماما السياق المعالين.
>> وبقدر هذا الوضع كود هنا، بالطبع،
200 هو ليس الوحيد هل يمكن أن يكون، أليس كذلك؟
لدينا الكثير من رموز الحالة.
لا أحد يتذكر أي من آخرون أن ذكرنا في المحاضرة؟
وهناك الكثير منهم يبدأ 4.
>> الجمهور: 404.
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: 404، والتي هي؟
>> الجمهور: لم يتم العثور على الملف؟
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: ملف غير موجود.
بالضبط.
فماذا عن 403؟
الجمهور: المحرمة.
ALLISON BUCHHOLTZ والاتحاد الافريقي: المحرمة.
فما رأيكم وهذا يعني مع chmods؟
>> الجمهور: فهذا يعني أنك لم يكن لديك إذن لقراءته.
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: بالضبط.
بطريقة ما، لم يكن لديك إذن للوصول إلى ذلك، أليس كذلك؟
حتى 404، 403.
هناك مضحك حقا واحد أننا دائما
إدخال كل عام أن وأرجو أن يكون طرح هنا،
مثل 413، الذي هو أنا إبريق الشاي.
يمكنك جوجل هذا.
انه مضحك مثل، وهذا هو متاحة 413 وانها أنا إبريق الشاي.
وأنا لا أعرف لماذا كنت من أي وقت مضى بحاجة إلى ذلك على شبكة الانترنت،
لكنني استطرادا.
الجمهور: ربما كنت وعاء الشاي.
ALLISON BUCHHOLTZ والاتحاد الافريقي: ربما الخادم هو وعاء الشاي.
من يدري؟
كل الحق، لذلك نحن على وشك الانتقال إلى الترميز الحقيقي.
أشعر يا رفاق ذاهبون ل نخرج من هنا بسرعة كبيرة.
>> الجمهور: لماذا يفعل ذلك يقول "الخادم: مرتين؟
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: جلالة الملك؟
الخادم مرتين؟
هذا هو سؤال جيد.
ولست متأكدا.
وسوف معرفة و وسوف البريد الإلكتروني لكم جميعا.
>> OK، أي أسئلة أخرى إلى جانب ذلك؟
خير؟
بارد.
>> HTML و CSS، ونحن الآن وصول إلى جميع أجزاء ممتعة.
لذلك وكما ذكرت من قبل، HTML هو على الارجح واحدة من الأشياء
يا رفاق هي الأكثر دراية.
لذلك لدينا لغة توصيف النص التشعبي.
>> أفضل طريقة لتعلم this-- أنا لا لديك أي الشرائح المحضرة أو أي شيء
ليا رفاق مع HTML.
انها حقا لتعلم بناء الجملة.
وإذا كنت في ماي سبيس اليوم، سيكون لديك هذا إلى أسفل.
>> ذلك حقا، وأهم شيء هو فقط للممارسة والتجربة.
واحدة من موارد كبيرة وأود نوصي بشدة باستخدام هو W3Schools.
حتى مجرد W، 3، ومن ثم المدارس.
لديهم الكثير من الموارد على HTML، CSS على،
وأنها في الواقع لديها تقسيم الشاشة النوع من الشيء
حيث أنها سوف تعطيك رمز المثال.
يمكنك كمان مع ذلك، تغييره، واضغط تحديث،
وسوف تظهر لك ما في الواقع لا إلى صفحة الويب.
>> لذلك أود أن أوصي باستخدام ذلك.
انها باردة جدا.
أنك لن تحصل أخطاء SEG هنا عندما تسوء الأمور.
إذا كنت تدير للحصول خطأ SEG مع HTML،
لا اسمحوا لي أن أعرف لأنني ستكون مفتون حقيقية.
ولكن هذا رائع حقا ل يمكنك تغيير الأشياء،
يمكنك ان ترى لهم تحديثها مباشرة.
وأعتقد أنك سوف تحصل على الكثير فهم أكثر بديهية من HTML
إذا كنت في الواقع مجرد قضاء بعض الوقت تجريب ذلك.
ولهذا السبب قلت، الممارسة والتجربة.
>> جوجل، من هنا بها، من المحتمل أن يكون
واحدة من أفضل الموارد وأصدقائك.
أو Bing-- أنا أعمل في شركة مايكروسوفت، لذلك ربما ينبغي أن أقول بنج.
لكن حد كبير أي شيء هو فقط سيكون لغوي،
لذلك فهم ما هي العلامات، understanding-- على الأقل مع CSS--
كيفية تغيير سمات معينة.
أنه سوف يكون من المفيد السوبر.
>> ذلك على الرغم من أننا لا لديك أي الأشياء المعدة،
نحن لدينا نوع من بعض أفضل الممارسات أننا نريد يا رفاق لمحاولة والالتزام
by-- أو بالأحرى، يجب عليك تلتزم حتى إشعار آخر.
حتى إغلاق كافة الخاص به.
نأمل الجميع has-- تعلمون ما، إذا كان هذا لا معنى له الآن،
أعدكم أنه لن يكون له معنى عندما نقوم الترميز حتى الصفحة.
ولكن إغلاق كافة الخاص به.
حتى إذا كان لديك أي وقت مضى بعض رأس هذا القوس،
H1، قوس، والتأكد من أن كلما كنت فعلت مع ذلك،
قمت بإغلاق هذا الرأس.
التحقق من صحة صفحتك مع W3 المصادقة.
إذا كنت لا يغلق العلامات الخاصة، يمكنك الحصول على سلوك غير متوقع.
انها سوف نقول أن صفحتك غير صالحة إذا قمت بتشغيل من خلال هذه المصادقة.
حتى عندما تكون في doubt-- وخاصة في هذا الأسبوع والأسبوع المقبل
pset-- بنفس الطريقة التي نطلب يمكنك استخدام تحقق 50 و 50 أسلوب،
هل يمكن التفكير في هذا باعتبارها واحدة من الشيكات الخاصة بك، موافق؟
>> حتى لو كان لا يمر على W3 المصادقة.
هذا شيء نحن سوف ترسو دخولك.
أو أنا أقول لك الحق الآن، وسوف ترسو دخولك.
لذلك تأكد من أنه يصدق.
ليس من الصعب.
أنت فقط لصق في التعليمات البرمجية وسوف نقول إما بعمل جيد
أو كنت في عداد المفقودين شيء بنفس الطريقة
هذا النمط 50 يخبرك أين أنت لخبطة.
>> ثم آخر شيء واحد هي تريد فصل
العلامات الخاص بك، والذي هو كل ما HTML أو النص الخاص بك، والتصميم الخاص بك.
ولذا فإننا سوف تفعل مثال هذا الحق بعد ذلك.
لذلك HTML و CSS ينبغي أن يكون منفصلا.
ونحن في طريقنا لأن نتحدث عن MVC، وهو نموذج عرض المراقب المالي،
الاسبوع المقبل.
ينبغي يا رفاق ربما تعلم عن ذلك في محاضرة
غدا إذا كان لديك تعلمت بالفعل اليوم.
>> وانها مجرد نوع من نموذج أننا نميل
لاستخدامه عند إنشاء الويب صفحات لفصل الامور.
يمكنك التفكير في الأمر بنفس الطريقة أننا نميل إلى مهام منفصلة في C
حيث أننا تجزئة للعثور على الأشياء.
انها مجرد وسيلة ل تجعل حياتك أسهل.
أنه يفصل من سمات أو التعليمات البرمجية التي كنت سوف تستخدم مرارا وتكرارا،
ولكن في هذه الطريقة، فإنه نوع من يحتفظ لطيفة وأنيق.
وإذا أردت تغيير شيء واحد، تقوم بتغييره مرة واحدة
والذي تغير في كل مكان آخر.
لذلك فمن أكثر لديك سهولة ومرونة.
>> حتى مع CSS، انها مشابهة جدا إلى HTML، ولكن بدلا من الأكواد
التي ذكرتها للتو، ونحن استخدام ما يسمى المختارون.
وأنهم في الأساس نوع فقط من المنتسبين علامة معينة
في HTML مع سمات مختلفة.
وعندما أقول الصفات، أعني أشياء مثل لون الخط، نمط الخط،
لون الخلفية، لون النص الخاص بك.
هذه الأنواع من الأشياء.
كما لو انها تركز عليه، لو كان خارج للحق،
اذا كان كل inverted-- من هذه الأشياء باردة.
أي أشياء الأسلوبية ما تفعله إلى النص الخاص بك،
وهذا هو ما أعنيه مع الصفات.
>> ثم أمرين رئيسيين لمعرفة أن selectors-- اثنين من factors-- الرئيسية
هي الهوية، والتي هي فريدة من نوعها.
يمكنك فقط استخدام هذا لشيء واحد.
خلاف ذلك، انها سوف يصيح في لكم.
وعندما نعرف ذلك في ملف CSS، وسوف
يكون ID التجزئة ثم ما الصفات التي نريدها.
أعدكم أننا في طريقنا لل تذهب من خلال مثال.
انها سوف تجعل الكثير من معانيها.
>> الطبقة يمكن أن يشير إلى كتل متعددة.
لذلك يمكن أن يكون لديك الفقرة الأولى والثالثة
لديها نفس النوع من سمات إذا إقران لهم نفس الفئة.
وعندما نحدد لهم في CSS، ونحن نفعل فئة نقطة،
مع الطبقة ما يجري تريد أن يكون اسمه.
>> إذا كنت لا تعرف هذا هو الحق الآن مجردة جدا.
هذا هو السبب في أننا ذاهبون إلى رمز.
أنا أعلم يا رفاق الحب هذا، ولكم جميعا
الذهاب لمساعدتي ل هذه هي صفحة الويب الخاصة بك.
هذه هي صفحة ويب القسم لدينا، والرجال.
هل هناك أي أسئلة قبل أن هكذا إيقاف PowerPoint أو أي شيء
تريد مني أن انتقل إلى الوراء لنبدأ قبل الترميز؟
>> الجمهور: عندما تقول علامات مباراة، تقصد محددات أو علامات؟
ALLISON BUCHHOLTZ والاتحاد الافريقي: يمكنك نفكر بها نفس الشيء.
انها مجرد كلمات مختلفة.
أعني، مثل محددات.
ولكن أيضا لمحددات خريطة العلامات.
حتى تتمكن نفكر بها فعالية الشيء نفسه.
أعدك انه سيكون لجعل أكثر منطقية عندما كنا التعليمات البرمجية.
أي شيء من باور بوينت أو أي أسئلة
الآن قبل أن الواقع إنشاء صفحة القسم لدينا؟
الجميع مستعد؟
بارد.
>> حتى لقد بدأت احدة.
اسمحوا لي زيادة الخط ليا رفاق.
حسنا، حتى الآن، لدينا فقط العظام العارية صفحة الويب هنا.
>> لدينا بعض HTML.
لدينا بعض الرأس، وهو ما نرى هنا كصفحة ويب المثال.
بعض العنوان، وبعض الخط.
هذه العلامات هي، موافق؟
لذلك عندما يعني إغلاق العلامات الخاصة بك، ونحن نرى هنا هذا الرأس هو قوس الافتتاح الخاص
العلامة، وهذه الفئة / رئيس تضيق عليه، موافق؟
>> لذلك يمكن أن أفكر في هذا الأمر المشابك الدخول إذا شروطكم
أو للحصول على الحلقات.
إذا كان لديك واحدة في البداية، أنت تريد واحدة في نهاية المطاف.
وسوف لا تزال تعمل معظم الوقت إذا لم يكن لديك علامة مغلقة،
ولكن أفضل الممارسات إغلاق العلامات الخاصة بك.
>> حتى في هذه الحالة، دعونا تغيير هذا.
نحن ذاهبون الى الباب السابع.
"القسم صفحة ويب".
لذلك أنا ذاهب لمجرد تغيير هذا.
>> وإذا ذهبنا إلى هنا، ونحن فلدي reload-- حفظ وreload--
نلاحظ أن يصل هنا أنها تغيرت، أليس كذلك؟
بارد.
ولذلك فإن هذا يغير العنوان.
هذا هو كل ما على التبويب الخاص بك.
>> لذلك هذا هو نوع من أبحث نوع من السأم.
أنا لا أعرف عن الرجال.
أعتقد أننا نريد شيئا آخر هنا.
>> وذلك ما يمكن أن نفعله هو الرأس هو فقط هناك.
دعونا نفعل نوعا من الجسم.
لذلك لدينا بعض الجسم هنا.
أفعل دائما مفتوحة و إغلاق علامات بلدي للبدء، و
في بنفس الطريقة التي أفعل الأقواس.
آه.
الانتظار، ما هي؟
>> الجمهور: [غير مسموع].
ALLISON BUCHHOLTZ والاتحاد الافريقي: آه.
يا رفاق حصل لي.
وظيفة جيدة.
نجمة ذهبية.
>> موافق، لذلك لدينا بعض الجسم هنا.
والآن دعونا نبدأ بإضافة بعض النص.
بحيث يكون لديك زوجين مختلفة خيارات لإضافة نص.
لدينا أشياء مثل رؤوس.
لدينا فقط نص عادي.
لذلك دعونا نبدأ من ضربة رأس.
في الواقع، إذا كنت ترغب الرجال لسحب ما يصل HTML مدرسة W3، و
يمكنك النوع من ننظر حولنا وإذا كان هناك أي شيء
لا سيما ان كنت تريد لمحاولة الخروج مع صفحة الويب هذه، يمكننا أن نفعل ذلك.
حتى في هذه الحالة، دعونا فقط القيام ببعض H1.
حتى H1 هو مثل أعلى الرأس.
وسوف تعطيك شيئا هذا هو كبير جدا وجريء.
>> وفي هذه الحالة، ماذا نريد لأول نص على صفحة الويب لدينا؟
أي شيء.
يا رفاق ذاهبون لإنشاء هذا.
أنا ذاهب لمجرد الكتابة.
الجمهور: مرحبا.
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: أهلا وسهلا.
موافق، لذلك إذا كنا حفظه ونحن تحميل، لدينا ترحيبا كبيرا عظيما.
هكذا فقط حتى تستطيع أن ترى الخلافات، دعونا نفعل شيئا على H6.
ماذا نريد هنا؟
أليس كذلك؟
>> موافق، لذلك فقط حتى تتمكن من انظر الفرق.
نعم، سبحانه.
لذلك إذا لاحظت، H1، جدا، كبيرة جدا.
H6، مثل جريئة، ولكن أصغر بكثير، وكان لديك كل شيء في بين.
لذلك يمكن أن يكون H2، H3، H4.
وهؤلاء هم رؤوس فقط، حتى إذا كنت تحاول
لإنشاء صفحة على شبكة الإنترنت أن لديها أقسام مختلفة،
ربما كنت ترغب في استخدام الرؤوس في مكان ما هناك.
>> بارد.
لذلك سنقوم بإضافة بعض أكثر أشياء في جسمنا.
أرى أنه سيكون من نوع من بارد إذا كان لدينا صورة.
أشعر مثل أي شخص يمكن أن تستخدم ربما صورة الأرنب لطيف عن الحق الآن،
لذلك نحن ذاهبون الى ايجاد صورة الأرنب أولا.
>> أنا لا أعرف إذا يا رفاق له أي الأفضليات في أي واحد نريد.
هل لديك أي تفضيلات؟
هذا واحد هنا؟
إلى أسفل.
موافق.
هذا هو واحد.
خيارات جيدة.
>> موافق، لذلك نحن ذاهبون لعرض صورتنا.
ننظر في ذلك.
ننظر إلى هذا الشيء رائعتين.
كيف يمكن أن تكون حزينا يوم الاثنين مع هذا؟
>> لذلك نحن مجرد الذهاب نسخ عنوان URL الخاص بالصورة.
وما نريد القيام به هو، دعونا فقط نقول لدينا بعض ع للفقرة.
نحن ذاهبون الى القول "انظروا نظرت إلى الأرنب لطيف.
دي awwww ".
أنا أحب بلدي الأرانب.
لدي الأرنب في المنزل.
افتقد بلدي الأرنب.
فما نحن في طريقنا لdo-- أنا لا أعرف ما إذا كنت الرجال يريدون
لجوجل this-- لكن مع HTML، كيفية تضمين صورة؟
حرفيا، إذا كنت جوجل "ادراج صورة HTML"
لماذا لا يقول لي يا رفاق ما ينبغي أن يكون هذا الوسم؟
>> الجمهور: IMG source--
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: IMG source--
الجمهور: --equals--
ALLISON BUCHHOLTZ والاتحاد الافريقي: --equals--
الجمهور: نعم --quote--.
ALLISON BUCHHOLTZ والاتحاد الافريقي: الكمال.
جميل.
ترى، جيل ماي سبيس، أليس كذلك؟
الجمهور: كوكب توداي.
ALLISON BUCHHOLTZ والاتحاد الافريقي: كوكب توداي.
أوه، حسنا.
نجاح باهر.
انها كانت مجنونة.
موافق.
>> لذا تأكد من الحصول على هذا الحق.
بارد.
لذلك هذا يجب أن يكون هنا.
ثم إذا كنا تحميل، لدينا الأرنب على الصفحة أليس هذا رائعتين؟
>> هذا هو لطيف جدا.
اخترت كبيرة، صور كبيرة.
أنا حفر عليه.
>> موافق، لذلك لدينا هذا الأرنب رائعتين الآن.
كنا قادرين على إضافة الصورة، تماما مثل ذلك.
وذلك أساسا إذا كان هناك أي صورة تريد إضافته إلى صفحة الويب الخاصة بك،
يمكنك إضافته تماما مثل هذا.
شيء آخر من شأنه أن يكون إذا لديك الصورة المخزنة
في نفس المجلد مثل هذا الملف، يمكنك فقط
إرسال مهما كان اسم تلك الصورة وبدلا من وجود وصلة على شبكة الإنترنت.
>> لا تزال يكون في الاقتباس.
سيكون تماما مثل إذا كنا قد عين this--
إذا كانت هذه الصورة قد تم حفظها في المجلد مع هذا الملف HTML
انني تحرير و وقد دعا bunny.jpg.
يمكننا أن نفعل أيضا أن وسوف تظهر.
ومع ذلك، ليس لدي هذا المحفوظة في ملف وأريد أن تبقي الارنب،
لذلك نحن ذاهبون للحفاظ على الارتباط.
>> الجمهور: ما هو rabbit.org؟
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: rabbit.org.
انها appropriate-- انظر، يمكنك اعتماده.
اعتماد.
bunny.jpg.
أريد أن تبني هذا الأرنب.
يا إلهي، انها لطيف جدا.
>> موافق، لذلك تمكنا من إضافة رؤوس.
واضاف لدينا صورة.
من الواضح، واضاف نحن بعض النصوص هنا، أليس كذلك؟
إذا أردنا أن تضيف الآخر النصوص، لكنا مثل هذا التوجه.
لذلك هذا هو فقرة أخرى.
>> ونحن نقول "هذا هو فقرة أخرى".
أيضا، أنا سبيلر الرهيبة، ولذا فإنني قد كتابتها الأشياء.
فقط لمعلوماتك.
>> لذلك لدينا آخر الفقرة هنا، أليس كذلك؟
لذلك ربما كنت تريد أن تفعل شيئا أكثر قليلا من مجرد اهتمام
لدينا كل ما تبذلونه من نص، مثل الانحياز الحق.
ربما تريد توسيط النص الخاص بك، موافق؟
>> حتى اذا كان شخص يريد استخدام تلك أجهزة يدوية أمامك
وقل لي كيف كنت الذهاب إلى مركز هذا النص،
>> الجمهور: ص محاذاة.
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: هكذا ص محاذاة يساوي "مركز".
انه قتله، والرجال.
ي 'الل بحاجة إلى تكثيف.
ولدينا "ويتركز هذا."
والآن لدينا شيء محورها.
>> بنفس الطريقة، إذا كان ل تريد أن ترك الانحياز،
هل يمكن أن تفعل متساوين محاذاة اليسار، محاذاة يساوي الصحيحة.
تماما متروك لكم.
إذا فعلت هنا، فإن هذا should-- الآن انها محاذاة اليمين.
>> الجمهور: أليسون؟
حسب مصدر الصورة، لماذا لا هناك على مقربة من مصدر IMG؟
ALLISON BUCHHOLTZ والاتحاد الافريقي: عذرا.
وينبغي أن يكون هذا واحد هناك الآن كنت جيدة.
الآن نحن في حالة جيدة.
الجمهور: لا عليك لإغلاقه هناك، أم لا؟
ALLISON BUCHHOLTZ والاتحاد الافريقي: حسنا، لذلك IMG المصدر، وهذا واحد هو just-- مع الصورة،
انه ينظر فقط كعنصر واحد، في حين إذا لاحظت لبقية هذه،
لدينا بعض المعلومات أن علامة ثم أنها تتعلق ومن ثم وسم الإغلاق.
ولكن مع الصور، كل شيء على ما مجرد نوع من مكتفية ذاتيا.
بارد.
لذلك يا رفاق معرفة كيفية إنشاء رأس، كنت تعرف كيفية إدخال النص،
كنت تعرف كيفية وضع صورة في الآن، يمكنك محاذاة الأشياء.
>> وشيء آخر أن كنت قد تريد أن تكون قادرة على القيام
هو إنشاء قائمة في CS-- نحن نوع من الخوض في PSET الأسبوع المقبل.
الاشياء التي نحن عادة تدريس هذا الأسبوع
سارت الامور بشكل جيد حقا مع PSET الأسبوع المقبل، لذلك نحن
نوع من الخلط، وتداخل الأشياء هنا.
لكنه سوف يكون من المفيد للأسبوع القادم.
>> لذلك إذا أردنا خلق بعض قائمة، كيف يمكن أن نفعل ذلك؟
لا يمكنك الرد على هذا الوقت.
شخص آخر لديه ل.
ليس من الصعب، والرجال، وعد.
جوجل "قائمة غير مرتبة HTML".
ماذا كان ذلك؟
>> الجمهور: [غير مسموع].
ALLISON BUCHHOLTZ والاتحاد الافريقي: الحق.
لذلك نحن نريد أمر أو غير مرتبة؟
دعونا نفعل هذا غير مرتبة.
لذلك لدينا بعض المجاهدين، والتي لتقف على قائمة غير مرتبة.
وماذا لدينا كل العناصر؟
لا يحتاج علامة خاصة بها؟
يمكننا أن مجرد البدء في كتابة الأشياء؟
>> الجمهور: لى.
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: لي.
فما هو قائمتنا ستكون؟
ماذا نريد هنا؟
ونحن نفعل فقط الأسماء.
مجرد القيام يعقوب.
>> الأطعمة الأرنب: الجمهور.
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: الأطعمة الأرنب.
موافق أنا أحب هذا.
الأطعمة أرنب.
>> موافق، لذلك علينا الجزر.
أنا أحب هذا الموضوع أرنب.
أنا حفر عليه الكثير.
الجمهور: في الواقع، فكرت أن يعقوب سيكون شرعي.
ALLISON BUCHHOLTZ والاتحاد الافريقي: يعقوب؟
يعقوب هو الغذاء أرنب.
إذا رأيت يعقوب صورة من ساعات العمل،
قد يظن أنه حصل على هجوم من الأرنب القاتل.
>> الجمهور: لدي أرنب الآن.
لدي الأرنب القاتل الآن.
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: هل أنت تمزح معي؟
>> الجمهور: أنا جعله القسم التالي.
لدي.
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: هذا أمر مثير للسخرية.
على أي حال.
>> الجمهور: [غير مسموع]
>> الجمهور: نعم، بروكتور بلدي لديه أرنب كذلك.
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: أريد أرنب.
حسنا، أيا كان يجلب أرنب حقيقي ل القسم التالي، مجموع النقاط الكعكة.
الجمهور: [غير مسموع]
الجمهور: أوه، انها ليست حقيقية.
انها محشوة الأرنب.
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: أوه نعم، يمكننا أن إغلاق هذه.
يبدو راد.
الجمهور: هل يهم فعلا؟
ALLISON BUCHHOLTZ والاتحاد الافريقي: لا.
مع معظم هذه الأشياء، لم تقم بإغلاق الوسم،
99٪ من الوقت شيئا سيئا ما يحدث أن يحدث، ولكن هذا اسلوب جيد أيضا.
لذا يعقوب.
وعلينا الخس.
الجمهور: على وصلات، و من المهم حقا.
ALLISON BUCHHOLTZ والاتحاد الافريقي: جلالة الملك؟
الجمهور: للارتباطات التشعبية.
ALLISON BUCHHOLTZ والاتحاد الافريقي: للارتباطات التشعبية.
نعم، وصلات حاجة إليها.
حسنا، دعونا نرى هنا.
ولدينا وثيقة من قائمتنا.
ونحن ننظر في ذلك.
لقد all-- يعقوب، وهناك حق.
أرنب الغذاء.
يذكرني Bunnicula.
>> الجمهور: [غير مسموع]
ALLISON BUCHHOLTZ والاتحاد الافريقي: أنا اعادة كافة المراجع المدرسة القديمة اليوم،
لا أنا؟
فقط كل المراجع المدرسة القديمة.
يجب أن يكون جلبت مثل Gogurts أو شيء من هذا لتناول الوجبات الخفيفة.
>> الجمهور: أو المتدفق.
ALLISON BUCHHOLTZ والاتحاد الافريقي: أوه.
موافق.
سوف نرى ما اذا كان يمكنني تتبع أسفل المتدفق للأسبوع القادم.
أعتقد أنني يمكن أن تفعل ذلك.
أعتقد أننا قد يكون بعض في المكتب.
>> موافق، لذلك قمنا بتغطية الكثير من مختلف الأشياء التي يمكن القيام به مع HTML، أليس كذلك؟
وكما يمكن أن نرى على الأرجح، انها nothing-- نأمل، لا intim-- جدا
إذا كان، أنا لا أقصد التقليل من شأن أي شخص.
إذا كنت تواجه مشكلة، يرجى يأتي الحديث بالنسبة لي.
>> ولكن الأهم من ذلك هو فقط أبحث في بناء الجملة، أليس كذلك؟
إذا كنت ترغب في قائمة غير مرتبة، إذا كنت تريد نوعا من القائمة،
إذا كنت ترغب في محاذاة شيء أو شكل شيء، انها كل شيء عن مجرد
نوع من البحث عن و بناء جملة HTML، أليس كذلك؟
والشيء الوحيد الذي هو رائع فعلا
هو اذا ذهبت علي: دعونا نرى، ما هو موقع على شبكة الانترنت لطيفة التي نحب؟
أي شخص لديه أي مواقع الويب المفضلة ل التي هي موافق لإحضار الانترنت؟
أنت تعرف ماذا، دعونا لا مجرد CS50.
هذا لطيف وآمن، أليس كذلك؟
>> موافق، لذلك CS50 هنا.
يا نظرة، وهناك قسم في الوقت الحالي.
إذا كنت أحب الطريقة التي يبدو.
>> الجمهور: [غير مسموع].
ALLISON BUCHHOLTZ والاتحاد الافريقي: نحن لسنا تنوي القيام به القسم الفوقية، والرجال.
هذا لا يحدث.
سيكون باردا، ولكن نحن لن نفعل ذلك.
>> لذا ماذا يمكن تفعل إذا كنت تحب الطريقة
يعمل هذا هو يمكنك دائما على حق انقر على أي صفحة ويب التي تريد
ويمكنك أن تفعل عرض المصدر ل.
فإنه سيتم طرح جميع HTML.
وهذا هو الواقع حقا جيدة طريقة أسلوب صفحة الويب الخاصة بك.
اذهب إلى صفحة الويب التي أنت أحب وإلقاء نظرة على HTML
ومعرفة كيف فعلوا ذلك.
>> وحرفيا، طالما كما كنت أذكر الأشياء،
طالما كنت غير العادل سرقة من الناس، لا بأس.
خاصة بالنسبة للCS50 [؟ تمويل؟]، نحن
نوع من يتوقع منك للحصول على إلهام من موقع آخر.
لذا لا تتردد.
ننظر من خلال المواقع التي تظن أنها جميلة حقا
ومعرفة كيفية استخدامها HTML و CSS للقيام بهذه الأمور.
>> هكذا كما ترون هنا وهناك، من الواضح مثل وصلات لدينا فئة هنا.
لدينا وصلة هنا.
لدينا قائمة.
ربما يكون لدينا بعض الصور في مكان ما هنا.
>> لدينا بعض أسلوب بارد هنا.
هذا هو الشيء القادم نحن ذاهبون إلى القيام به.
على غرار ذلك، كلما رأيت هذه بين قوسين الطراز، انها CSS أساسا.
بن، هل لديك سؤال؟
>> الجمهور: ما هي شعبة؟
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: شعبة هو مجرد a-- ما هو شعبة؟
الجمهور: الشعبة.
ALLISON BUCHHOLTZ والاتحاد الافريقي: شعبة.
نعم، انها مجرد مثل فصل العناصر المختلفة.
حسنا، هنا هو ما نحن سندخل بعد ذلك.
حتى هذا قد لا يكون أفضل أسلوب ل، إذا لاحظت
لدينا HTML والأناقة في نفس الصفحة، ونحن نريد فعلا لفصل تلك،
موافق؟
وفعلا، اسمحوا لي فتح لي حق واحد
لأن هذا من المفترض أن يكون قوات الدفاع الشعبي، لذلك لدينا style.css.
>> وذلك ما يمكن أن نفعله هنا هو هذه هي أشياء باردة مثل بعض تتلاشى
ويمكن أن نحاول ونفعل ذلك، ولكن أشعر كما أود أن الفوضى التي تصل على الطاير،
لذلك أنا أشجع يا رفاق ل الذهاب محاولة أن لوحدك،
ولكن أنا لن تفعل ذلك الآن.
حتى إذا يا رفاق، يتذكر، إذا كنت من أي وقت مضى ضرب مجموعة المشكلة،
شيء في الانقضاض من الجانب.
عليها أن تفعل مع تتلاشى و الانتقال وغيرها.
>> الجمهور: وهذا كل CSS و HTML؟
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: جميع CSS و HTML.
نعم.
حتى تتمكن من القيام بالكثير من الواقع تهدئة الامور مع CSS و HTML.
مع ذلك لدينا رهيبة صفحة الويب الأرنب هنا، فإننا
تنوي القيام به قليلا قليلا من التصميم CSS معها.
>> حتى إذا كان لديك أي وقت مضى أسلوب ورقة، والتي لدينا هنا،
يمكنك فقط استدعاء style.css.
يمكنك تسميته ما تشاء.
ما هو مهم هو أننا ذاهبون للرجوع إليه في web.html لدينا هنا.
>> وذلك ما نحن ذاهبون إلى القيام به هو we-- لذلك أنا لا تعبث هذا up--
نحن نذهب لربط هذه الملفين معا.
حتى في نفس way-- سأشارك رسم قياسا إلى C هنا.
بنفس الطريقة إذا كان لديك بعض library-- ولدينا cs50.h--
مترجم صلاتنا عليه.
هذا هو مجرد صريح رابط من جانبنا.
هكذا بنفس الطريقة التي نقوم بها البعثرة تتضمن بعض الملفات، ما
أنا على وشك أن يكتب هو مجرد و HTML / CSS يعادل ذلك.
>> نحن نقول فقط، موافق، صفحة الويب هذه يجري استخدام هذه الأنماط، موافق؟
لذلك لدينا ارتباط يختلط يساوي الأنماط.
ومن ثم لدينا نوع، المغلق.
ثم يساوي أ href.
>> موافق.
لذلك كل هذا فعله هنا هو أن تتمكن من التفكير في هذا الأمر نفس الشيء
كما تتضمن تجزئة.
من الواضح أنها تبدو أكثر قليلا تعقيدا، ولكن في جميع الحالات،
انها فعالة الشيء نفسه.
لذلك هذا هو مجرد ربط بعض ل ورقة نمط، انها من نوع النص / المغلق،
واسم هو style.css.
>> ما هو المهم أن نعرف غير أن صفحة الويب
أن أعمل الصحيح now-- web.html وstyle.css-- هي في نفس المجلد.
لأنه في مجلدات مختلفة، تحتاج إلى إعطاء الجذر الفعلي
لذلك أو في الطريق إلى ذلك.
ولكن في هذه الحالة، نحن ابقائها سوبر بسيطة وانها سوف أكون هنا.
حتى إذا فعلنا ذلك، لدي بعض أشياء اصطف بالفعل هنا.
>> لذلك لدينا بعض الجسم، والتي يجري أن يكون لون الخلفية لدينا، والتي
الآن هو الأزرق الفاتح.
يمكننا تغييره إذا كنا نريد، ولكن إذا كنت أتذكر هذا صحيح،
يجب أن مجرد تغييره إلى اللون الأزرق الفاتح.
والآن لدينا خلفية زرقاء خفيفة.
وكان لدينا here-- يمكن لأي شخص أن يتذكر واحد الذي هو معرف التجزئة أو الفصل؟
>> الجمهور: ID.
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: معرف.
بارد.
وذلك ما نريد القيام به هو أي من هذه الخطوط
أو which-- نريد "انظروا الارنب لطيف "أن يكون الأرجواني؟
أعتقد أننا نريد أن يكون الأرجواني.
أنا أسفل جدا مع أن يجري الأرجواني.
>> وذلك ما عليك فعله هو أن تفعل معرف equals-- في هذه الحالة
قلت وماذا واللون جميلة هنا.
نحن تحميل.
فجأة، انها الأرجواني.
موافق، وذلك مع معرف، تذكر فإنه يحتاج إلى أن تكون فريدة من نوعها،
لذلك يجب أن لا يكون باستخدام هذا الرقم في أي مكان آخر.
ولكن مع الطبقة، كما لدينا هنا بخط جميل،
أنا يجب أن تكون قادرا على استخدام أن أي مكان أريد.
>> لذلك دعونا نفعل هذا واحد هنا.
لذلك يمكننا القول الطبقة يساوي الخط جميلة.
وإذا نظرنا الآن، لدينا هذا الخط جميلة بارد هنا.
لذلك ربما أريد القيام به على حد سواء.
حسنا، أنا في الواقع لا أعرف إذا كان هذا هو الذهاب إلى العمل ولكن أريد أن تحاول ذلك.
وهذه هي الطريقة التي تعلم CSS و HTML.
كنت مثل، كما تعلمون ما، كنت أريد أن أحاول هذا.
لست متأكدا ما اذا كان الذهاب إلى العمل.
دعونا نرى ما اذا كان يعمل.
>> وننظر في ذلك.
الآن حان في الأرجواني و انها جميلة الخط.
حسنا، لديك كل هذه أشياء مختلفة يمكنك القيام به.
هل لديك سؤال؟
>> الجمهور: نعم.
حسنا، تماما مثل الألوان كنت تستخدم كلمات.
هل هناك طريقة للقيام الألوان مع عشري RGB؟
ALLISON BUCHHOLTZ والاتحاد الافريقي: يمكنك أيضا تفعل ذلك مع السداسي، على ما أعتقد.
نعم.
ولكن هذا النوع من الرائع إذا كنت لا نريد أن ننظر لهم.
يمكنك أن تكون تماما مثل والأرجواني أو الأزرق.
الجمهور: دعونا نأمل أنها تعرف ماذا يعني ذلك.
ALLISON BUCHHOLTZ والاتحاد الافريقي: الحق.
لذلك دعونا جعل هذه القراءة أو أخضر مصفر.
لماذا أنت في أي وقت اختيار أخضر مصفر؟
انها لون مثير للاهتمام.
>> حسنا، من الواضح أننا يمكن أن نرى نحن يمكن تغيير الامور ولكن نريد.
إذا أردت create-- دعنا نقول أردنا خلق فئة أخرى.
ما يمكن يا رفاق تريد تغييره؟
إذا كنت سحب ما يصل W3Schools " وثائق CSS،
أترك الكلمة ليا رفاق.
يمكننا أن نحاول ونفعل شيئا باردا مع هذا في العامين الماضيين من دقيقة.
لأنني نوع من منحك تحطم بالطبع على الكثير من الأشياء باردة
ما يمكنك القيام به.
ولكن في النهاية، كما قلت، إذا كنت التجربة فقط، عليك أن تتعلم الكثير.
>> الجمهور: هل قمت بالبحث ذلك الخط؟
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: نعم، نظرت إلى أعلى ذلك الخط.
مثل ذلك حرفيا، و ذهب علي: ماذا أفعل؟
فعلت القائمة الخط المغلق، و ثم فعلت كومة الخط،
وبعد ذلك كنت مثل، انظر، هنا هي كل الخطوط باردة يمكنك القيام به.
وكان هناك هذا واحد، لذلك أنا نسخه إلى الحافظة بلدي.
وبعد ذلك كنت مثل، موافق، بارد، هناك نذهب.
كل ذلك.
>> الجمهور: لذا يجب عليك التأكد من CSS أن يعرف ما هو هذا الخط.
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: نعم.
>> الجمهور: ماذا كان يقول في النهاية؟
مخطوطة؟
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: مخطوطة.
نعم.
>> الجمهور: صورة الخلفية.
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: صورة الخلفية.
موافق.
لذلك أنت تريد أن تقول لي كيفية القيام بذلك.
أترك هذا لكم.
أنا مجرد كتابة هنا الآن.
العجلة هي في يديك.
>> الجمهور: موافق
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: OK.
ماذا أفعل؟
>> الجمهور: Doing-- أعرف ما يأتي بعد متعرج.
ALLISON BUCHHOLTZ والاتحاد الافريقي: OK.
لذلك ربما في الجسم، و سوف نفترض، لأننا
تفعل مع صورة الخلفية.
>> الجمهور: نعم، دعونا نفعل ذلك.
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: OK.
الجمهور: حسنا، الخلفية القولون، ومن ثم نحن
تحتاج إلى عنوان URL من تلك الصورة.
ربما الزائفة رمز بذلك في الوقت الحالي، ربما.
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: ما تريد لي علي:
الجمهور: أنا أفكر مثل GIF.
ALLISON BUCHHOLTZ والاتحاد الافريقي: أ GIF؟
التي ستكون مثيرة للاهتمام.
حسنا، ما أنا غوغلينغ هنا؟
>> الجمهور: لا، هذا اختيارك.
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: لماذا لا we-- اذا كان الارنب،
أنا أشعر أننا ينبغي أن يكون في الحديقة المعشبة جميلة أو شيء.
>> الجمهور: روضة.
مرج.
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: مرج؟
موافق.
الجمهور: أم راشيل مادو.
ALLISON BUCHHOLTZ والاتحاد الافريقي: هذه واحدة تبدو جميلة.
أوه، هذا الصغير، وإن كان.
نحن بحاجة إلى صورة حجم جيدة.
دعونا نرى.
أوه، تنظر.
هذا هو مرج جميلة.
أنت تعرف ماذا، أنا أحب هذا واحد.
دعونا نسخ هذا واحد.
>> الجمهور: حسنا، أعتقد أنه من عنوان الموقع، أقواس مفتوحة.
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: موافق، URL.
>> الجمهور: ثم عنوان.
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: OK.
غير أن كل ما نحتاج إليه؟
>> الجمهور: إغلاق أقواس منقوطة، ثم الفضاء، واصلة الخلفية
مرفق القولون الثابتة، ومتعرج.
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: OK.
دعونا نرى ما اذا كان يعمل.
انها سوف تكون باردة جدا إذا فعلت.
أنا متحمس حقيقية هنا.
لم تنجح.
وأتساءل لماذا.
الجمهور: ربما URL يجب أن يكون في عروض الأسعار.
ALLISON BUCHHOLTZ والاتحاد الافريقي: ربما.
وهذه هي الطريقة التي نتعلم، والرجال.
>> الجمهور: هل لدينا خلفية لون وصورة الخلفية؟
>> الجمهور: رقم
واحد يلغي الآخر.
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: أنا دونو.
دعونا نرى.
دعونا التحقق من ذلك ونرى.
>> الجمهور: أوه، ربما، نعم.
[فاصلة أصوات]
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: موافق، وهذا هو obviously-- أنا [غير مسموع] هنا.
موافق لذلك.
الجمهور: مرفق الخلفية.
ALLISON BUCHHOLTZ والاتحاد الافريقي: آه.
>> الجمهور: حسنا، أنا لا أعرف.
ALLISON BUCHHOLTZ والاتحاد الافريقي: إنه يبدو أنه يجب أن تعمل.
هل أنت متأكد من انها القولون بعد URL؟
>> الجمهور: لا، انها منقوطة ذلك.
ALLISON BUCHHOLTZ والاتحاد الافريقي: انها منقوطة.
الجمهور: هل أقول القولون؟
قلت القولون: ALLISON BUCHHOLTZ والاتحاد الافريقي.
الجمهور: أوه لا.
ALLISON BUCHHOLTZ والاتحاد الافريقي: هناك تذهب.
الجمهور: أوه، الانتظار، والآن لا يمكننا قراءة النص.
ALLISON BUCHHOLTZ والاتحاد الافريقي: الآن لا يمكنك قراءة النص،
ولكن لدينا صورة الخلفية.
Mmhmm؟
>> الجمهور: هل HTML دعم المحتوى الديناميكي؟
مثل، هل يمكن أن تغيير تلك الصورة اعتمادا على حجم النافذة،
أو هو أن CSS--
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: لذا CSS لديه للقيام بذلك.
لذلك إذا كنت مهتما الرجال في تعلم CSS المتقدمة،
أنا شاركت في تدريس ندوة حول CSS على 7.
وأعدكم و أن تكون أكثر من ذلك بكثير في العمق
وتفعل أكثر من ذلك بكثير بارد الأشياء في هذا القسم.
وبلادي زملاء المعلم هو مثل إجمالي الأمامية سيد ديف الويب.
لذلك سوف يكون باردا جدا إذا كنت تريد لمعرفة كل الأشياء باردة
أن CSS يمكن القيام به.
>> ولكن ما لدينا هنا مرفق خلفيته
fixed-- حتى انها بعض size-- ثابتة ولكن يمكنك فعلا dynamically--
إذا كنت من أي وقت مضى نرى صفحات الويب، و فإن معظم صفحات الويب جيدة به،
عند ضبط حجم المتصفح الخاص بك،
فإنه يضبط الخلفية أو كم يظهر تنسيقه أو الأشياء، أليس كذلك؟
وهذا ما نسميه تحديد الموقع النسبي.
>> ويمكن CSS انتزاع فعلا كيف كبيرة بك عرض المتصفح هو أو كيف هو طويل القامة،
ويمكنك وضع الامور وفقا لأحجام النسبية
مقابل الأحجام المطلقة.
وهذا واضح أكثر تقدما CSS، ولكن هذا شيء يمكنك القيام به.
إذا كنت تريد أن تتعلم أكثر من ذلك، تأتي لندوة بلدي.
>> لذلك هذا هو شيء يمكنك القيام به.
ويمكن في الواقع CSS do-- CSS و JavaScript،
ونحن سوف ندخل بجوار week-- يمكن أن تسمح لك بتغيير حيوي
الصفحات دون الحاجة ل تحميل لهم في كل وقت.
وتحصل على القيام ببعض الاشياء باردة جدا.
>> لذلك ليس هناك شيء آخر أن يا رفاق ربما تريد أن تفعل
أو أي شيء تريد أن تستكشف؟
لدينا 10 دقيقة من النهاية.
يمكننا أيضا ترك وقت مبكر، ولكن إذا كنت تريد أن تفعل بعض الأشياء أكثر على شبكة الإنترنت،
نستطيع، ولكن أنا لا سوف يجبرك على.
ولكن يمكننا أيضا أن مجرد أكل الحلوى.
الجمهور: تسليط الضوء على النص الأبيض حتى تتمكن من قراءتها.
ALLISON BUCHHOLTZ والاتحاد الافريقي: OK.
حتى في هذه الحالة، نريد بعض ص.
الجمهور: هل ينبغي لنا أن نفعل ذلك في الجسم بحيث ينطبق على صفحة كاملة؟
ALLISON BUCHHOLTZ والاتحاد الافريقي: نعم، يمكننا فعلا.
هذا هو فكرة جيدة.
لذلك نحن have-- هل معرفة ما يجب أن نكون؟
أنا لا أعرف ما اذا كنا نستطيع القيام به لون النص.
كنت ذاهبا لمحاولة و إنشاء فئة أخرى هنا.
>> الجمهور: كيف تحصل على ذلك أن لديها اقتراحات؟
ALLISON BUCHHOLTZ والاتحاد الافريقي: هكذا إذا كنت مهتما الرجال،
هذا هو نص آخر محرر يسمى سبحانه.
يجب أن تكون قادرة على تثبيته على الجهاز الخاص بك.
أحيانا يحصل صعبة قليلا.
إذا كنت تريد مساعدة في ذلك، أنا السوبر سعداء لمساعدتك
مع ذلك، لجي إديت كبيرة و أنه رائع لأنه يمكنك ترجمة عليه
في الجزء السفلي، ولكن أنا حقا مثل سبحانه لأنها جميلة
ويفعل أشياء مثل الإكمال التلقائي.
>> لذلك يمكنك أن تشعر بالتأكيد حر في اسمحوا لي أن أعرف إذا كنت تريد أن تفعل ذلك.
إذا كنت جوجل فقط "سبحانه النص "، فإنه عادة
لديه تعليمات حول كيفية تثبيت على أنظمة التشغيل المختلفة.
هو رائع حقا، وأنا أعتقد، في رأيي.
حتى ص.
أعتقد أنني يمكن أن تفعل فقط text-- أو يمكننا القيام به فقط هو لون "أبيض".
هناك.
>> ذلك ما فعلته هنا هو أنني لم تتغير عن النص.
لكن ع هنا هو مجرد العلامة التي لدينا، أليس كذلك؟
هذه علامة الفقرة.
لذلك أنا مجرد خلق عنصر CSS أن وقال، حسنا، أي شيء مع هذا الوسم
ع، وجعل اللون الأبيض.
>> حتى إذا كنت لاحظت، جعلت هذا أبيض وهذا أسود.
فإنه لم يجعل قائمتنا الأبيض ل انها ليست مرتبطة بذلك.
هل يمكن أن تذهب من خلال وكنت قد say--
>> الجمهور: هل لون الخلفية.
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: لون الخلفية؟
>> الجمهور: خلفية الأنابيب في اللون حيث يمكنك وضع علامة ع.
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: OK.
كنت ترغب في ذلك الأبيض؟
الجمهور: Mmhmm.
ALLISON BUCHHOLTZ والاتحاد الافريقي: OK.
هناك تذهب.
الجمهور: هذا غريب.
ALLISON BUCHHOLTZ والاتحاد الافريقي: رائع، أليس كذلك؟
حتى إذا كنت مجرد تسكع، وأنت تسير لتعلم الكثير.
ويمكن أن تكون باردة جدا.
اعتقد انها بالتأكيد أكثر مما يثلج الصدر من الأحيان
لأنك لا تضطر إلى الانتظار للبرنامج لتجميع.
يمكنك أن تصل فقط تحميل وكنت مثل، أوه، تبدو،
انها عملت، أو أوه، أنا ربما هناك شيء ناقص.
وهذا شيء حقا باردة حول هذا الجزء التالي من الصف،
هو بالتأكيد، وأنا أعتقد، من الأسهل للتحقق
كما تذهب على طول الطريق مقابل الحاجة إلى كتابة هذه البرامج طويلة
وترغب والصلاة أنه يعمل في نهاية المطاف.
>> حتى مع ذلك، أعتقد يا رفاق جميع يبدو جيدا.
إذا كان لديك أي أسئلة، كما هو الحال دائما، يأتي الحديث معي، وتأتي اسمحوا لي أن أعرف.
وسوف يكون على حق خارج في الدقائق ال 15 المقبلة
إذا كنت ترغب في الدردشة حول أي شيء وكل شيء.
>> لذلك أرجو أن guys-- حظا سعيدا مع هذا PSET.
الموعد النهائي هو يوم الجمعة ظهرا لأنه صدر في وقت متأخر.
ولذا فإنني سوف ربما تكون رؤية الكثير من رفاق يوم الخميس،
ولكن نأمل أن لا.
ربما سيكون لديك عليها القيام به في ذلك الوقت.
سأكون فخورا فائقة.
>> ولكن إذا لم يكن كذلك، سوف أرى لك الخميس.
يمكنك أيضا استخدام في وقت متأخر اليوم، والتي يمتد ذلك إلى يوم السبت ظهرا.
لكنني don't-- هاه؟
>> الجمهور: هالوين.
>> ALLISON BUCHHOLTZ والاتحاد الافريقي: انها هالوين، و، وب،
أنا لا أعتقد أن هناك تكون ساعات العمل يوم الجمعة.
ذلك حقا محاولة لانجاز ذلك من قبل الجمعة حتى نتمكن من الاحتفال كل
عطلة نهاية الاسبوع قدس.
كل الحق، أنا أراكم اللاعبين الأسبوع المقبل.