1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:03,946 [Παίζει μουσική] 3 00:00:03,946 --> 00:00:10,790 4 00:00:10,790 --> 00:00:12,540 ALLISON BUCHHOLTZ-AU: Εντάξει, ο καθένας. 5 00:00:12,540 --> 00:00:13,860 Καλώς ήρθατε και πάλι στο τμήμα. 6 00:00:13,860 --> 00:00:19,559 Έτσι ατζέντα μας για σήμερα θα κατά πολύ περισσότερο ιστοσελίδων πράγματα dev. 7 00:00:19,559 --> 00:00:21,600 Δεν ξέρω πόσοι από έχετε δει psets σας 8 00:00:21,600 --> 00:00:24,414 αφού κυκλοφόρησε νωρίτερα σήμερα το πρωί. 9 00:00:24,414 --> 00:00:26,330 Θα ήθελα, όπως πόσες οι άνθρωποι έχουν διαβάσει το spec, 10 00:00:26,330 --> 00:00:29,910 αλλά βλέποντας το πώς έχετε είχε όλα της, όπως και επτά ώρες για να κοιτάξετε 11 00:00:29,910 --> 00:00:31,910 και είναι μια Δευτέρα και την πιθανώς είχατε τάξη, 12 00:00:31,910 --> 00:00:34,160 Πάω να υποθέσουμε ότι οι περισσότεροι από εσάς δεν έχετε. 13 00:00:34,160 --> 00:00:37,170 Αν έχετε, επιπλέον δόξα. 14 00:00:37,170 --> 00:00:39,400 >> Είσαι βασικά βοηθώντας εφαρμόσει ένα απλό web 15 00:00:39,400 --> 00:00:43,270 εξυπηρετητή σε C, το οποίο είναι ένα ολοκαίνουργιο το chipset, έτσι ώστε εσείς να πάρετε να είναι τα ινδικά χοιρίδια. 16 00:00:43,270 --> 00:00:49,730 Είναι πρόκειται να είναι μια διασκεδαστική, άγρια ​​εβδομάδα, αλλά νομίζω ότι θα είναι ένα πολύ διασκεδαστικό 17 00:00:49,730 --> 00:00:52,260 και αυτό θα είναι μια πραγματικά καλή εμπειρία πραγματικά. 18 00:00:52,260 --> 00:00:54,920 Έτσι για να σας προετοιμάσει για ότι, στο τμήμα σήμερα, 19 00:00:54,920 --> 00:01:00,940 θα πάμε για να πάει chmod, το πρωτόκολλο TCP / IP, και τότε ένα μικρό κομμάτι του HTML και CSS. 20 00:01:00,940 --> 00:01:05,080 >> Στο τέλος, θα είμαστε πραγματικά κώδικα μέχρι μια απλή ιστοσελίδα μαζί 21 00:01:05,080 --> 00:01:09,042 για να σας βοηθήσουν παιδιά είδος πάρει είναι πιο εξοικειωμένοι με αυτό. 22 00:01:09,042 --> 00:01:11,750 Και στη συνέχεια, αν δεν έχετε πάρει κουίζ σας, θα είστε μπροστά, 23 00:01:11,750 --> 00:01:14,890 αλλά είμαι αρκετά βέβαιος ότι όλοι εδώ έχει κουίζ τους. 24 00:01:14,890 --> 00:01:17,880 Και, επίσης, σε αυτό το σημείωμα, λύσεις δεν είναι ακόμα, 25 00:01:17,880 --> 00:01:21,490 αλλά το συντομότερο finish-- αρέσει, η τελευταίους ανθρώπους που παίρνουν quizzes-- τους 26 00:01:21,490 --> 00:01:22,280 θα είναι επάνω. 27 00:01:22,280 --> 00:01:24,630 Εάν έχετε οποιεσδήποτε ερωτήσεις Εν τω μεταξύ, 28 00:01:24,630 --> 00:01:26,240 διστάσετε να μου στείλετε email προσωπικά. 29 00:01:26,240 --> 00:01:30,700 Θα απαντήσω με τις ατομικές σας ερωτήσεις, όπως κάνω πάντα. 30 00:01:30,700 --> 00:01:33,890 >> Έτσι, σε αυτό το σημείωμα, chmod. 31 00:01:33,890 --> 00:01:36,390 Έτσι βασικά όλοι σας πρέπει να ξέρετε για το chmod 32 00:01:36,390 --> 00:01:39,620 είναι ότι χρησιμοποιείται για να αλλάξει δικαιώματα αρχείου, σωστά; 33 00:01:39,620 --> 00:01:44,050 Έτσι είναι μόνο μερικά συστήματα είναι μια κλήση αλλάξετε τα δικαιώματα, όπως λέει εδώ. 34 00:01:44,050 --> 00:01:48,540 Και αν ποτέ θέλετε να δείτε τι δικαιώματα έχει ένα αρχείο, 35 00:01:48,540 --> 00:01:52,240 αντί απλά να κάνει ls, θα μπορούσατε να κάνετε ls -l. 36 00:01:52,240 --> 00:01:54,010 l συμβολίζει καιρό. 37 00:01:54,010 --> 00:01:56,460 >> Έτσι θα κάνετε μεγάλες λίστες των πάντων, και 38 00:01:56,460 --> 00:02:02,080 θα σας δώσει πολύ πιο λεπτομερή πληροφορίες για κάθε ένα από τα αρχεία σας. 39 00:02:02,080 --> 00:02:05,540 Και θα δείτε something-- είμαι πρόκειται να προχωρήσετε για ένα second-- 40 00:02:05,540 --> 00:02:08,910 αλλά θα δείτε κάτι παρόμοιο με ότι πάνω γραμμή εκεί για κάθε αρχείο. 41 00:02:08,910 --> 00:02:11,560 Και θα πάμε μέσα τι σημαίνει αυτό. 42 00:02:11,560 --> 00:02:15,260 >> Έτσι, βασικά, για να αλλάξετε δικαιώματα αρχείων σας, 43 00:02:15,260 --> 00:02:16,850 απλά θέλετε να χρησιμοποιήσετε chmod. 44 00:02:16,850 --> 00:02:23,620 Μπορείτε να σκεφτείτε ότι όπως και κάθε άλλο UNIX καλέστε όπως ls ή CD ή οτιδήποτε. 45 00:02:23,620 --> 00:02:25,540 Είναι ακριβώς το είδος του άλλου σαν κλήση. 46 00:02:25,540 --> 00:02:30,530 >> Έτσι, κάνουμε chmod και μετά θα έχουν τριψήφιο συνήθως. 47 00:02:30,530 --> 00:02:33,570 Υπάρχουν δύο τρόποι για να κάνουμε αυτό, μία εκ των οποίων θα πάμε πάνω. 48 00:02:33,570 --> 00:02:37,650 Αλλά συνήθως, θα έχετε τρεις ψηφία που κυμαίνονται από 0 μέχρι 7 κάθε φορά. 49 00:02:37,650 --> 00:02:43,530 >> Έτσι, ένα πράγμα είναι ότι υπάρχουν τρία διαφορετικά δικαιώματα 50 00:02:43,530 --> 00:02:45,510 ότι μπορούμε να δώσουμε σε κάθε αρχείο. 51 00:02:45,510 --> 00:02:49,480 Και είναι αναγνώσιμο, η οποία είναι αντιπροσωπεύεται από το R, το οποίο θα κάνει αίσθηση 52 00:02:49,480 --> 00:02:54,020 σε λίγο? W, η οποία είναι εγγράψιμο? και εκτελέσιμο, η οποία είναι x. 53 00:02:54,020 --> 00:02:57,630 Ξέρω ότι η ε ένα, εκτελέσιμο, ίσως δεν είναι η πιο λογική, αλλά είμαστε 54 00:02:57,630 --> 00:02:59,120 αντιπροσωπεύουν με x. 55 00:02:59,120 --> 00:03:05,290 >> Και τότε αυτό που συμβαίνει είναι το καθένα από αυτά έχει επίσης τον αριθμό εκπροσώπησης. 56 00:03:05,290 --> 00:03:07,990 Έτσι έχουμε 1, 2, και 4. 57 00:03:07,990 --> 00:03:12,060 Και ουσιαστικά αυτό που συμβαίνει είναι καθεμία από αυτές τις τρεις αριθμούς 58 00:03:12,060 --> 00:03:17,380 εδώ αντιστοιχεί σε ένα διαφορετικό σύνολο των χρηστών 59 00:03:17,380 --> 00:03:19,420 ότι τα εν λόγω δικαιώματα αφορούν. 60 00:03:19,420 --> 00:03:24,820 >> Έτσι, μπορείτε να σκεφτείτε ότι η πρώτη αριθμός αντιστοιχεί στο πραγματικό χρήστη 61 00:03:24,820 --> 00:03:29,360 ή ο ιδιοκτήτης του αρχείου, η δεύτερη αριθμός θα αντιστοιχεί στην ομάδα, 62 00:03:29,360 --> 00:03:33,590 και η τελευταία αναφέρεται στον κόσμο, εντάξει; 63 00:03:33,590 --> 00:03:39,995 Έτσι, αυτό που συμβαίνει είναι να θυμάστε εκείνες numbers-- r είναι 4, το W είναι 2, 64 00:03:39,995 --> 00:03:42,550 χ είναι 1, σωστά; 65 00:03:42,550 --> 00:03:46,630 This-- αν συνοψίσω αυτά τα επάνω, που σας δίνει ότι πρώτος αριθμός 66 00:03:46,630 --> 00:03:48,600 ότι θα μπορούσαμε εισόδου στην chmod μας. 67 00:03:48,600 --> 00:03:52,191 >> Έτσι, σε αυτή την περίπτωση, τι θα ήταν αυτός ο αριθμός είναι; 68 00:03:52,191 --> 00:03:57,030 Θα ήθελα να είναι 4 συν 2 συν 1, το οποίο είναι ένα 7, σωστά; 69 00:03:57,030 --> 00:03:59,250 Και σε αυτή την περίπτωση, αυτές δεν έχουν τίποτα, 70 00:03:59,250 --> 00:04:06,450 έτσι ώστε το δικαίωμα αυτό εδώ θα μεταφράσει σε chmod 700, εντάξει; 71 00:04:06,450 --> 00:04:12,030 Και τι είναι αυτό που κάνει είναι να παρέχει όλα από αυτά τα δικαιώματα για το χρήστη σας. 72 00:04:12,030 --> 00:04:14,400 >> Έτσι, αυτό σημαίνει χρήστη μας μπορούν να κάνουν ό, τι θέλουν. 73 00:04:14,400 --> 00:04:15,400 Μπορούν να διαβάσει αυτό το αρχείο. 74 00:04:15,400 --> 00:04:16,810 Μπορούν να εκτελέσουν αυτό το αρχείο. 75 00:04:16,810 --> 00:04:18,360 Μπορούν να γράφουν σε αυτό το αρχείο. 76 00:04:18,360 --> 00:04:23,545 Αλλά η ομάδα και ο κόσμος, δεν απολύτως τα δικαιώματα, εντάξει; 77 00:04:23,545 --> 00:04:26,480 78 00:04:26,480 --> 00:04:32,680 >> Έτσι, ένας άλλος τρόπος για να γράψει ότι, μπορούμε κάνει chmod τριών ψηφίων, καθένα από τα οποία 79 00:04:32,680 --> 00:04:40,040 αντιστοιχεί σε ό, τι το άθροισμα ή ότι ειδική ομάδα είναι, ειδικό υποσύνολο. 80 00:04:40,040 --> 00:04:44,870 Ή μπορούμε να κάνουμε πραγματικότητα ένα άλλο πράγμα. 81 00:04:44,870 --> 00:04:45,590 Περίμενε. 82 00:04:45,590 --> 00:04:49,330 Μπορούμε να κάνουμε κάτι με αυτούς εδώ. 83 00:04:49,330 --> 00:04:55,615 >> Πόσοι από εσάς είδε ένα παράδειγμα όπου ήταν σαν να chmod ένα συν x; 84 00:04:55,615 --> 00:04:58,070 Είδατε ότι στην διάλεξη, νομίζω; 85 00:04:58,070 --> 00:05:00,610 Έτσι, ένα συμβολίζει όλους. 86 00:05:00,610 --> 00:05:04,990 Σημαίνει να δώσει σε όλους τους χρήστες, το οποίο ξέχασα να θέσει εδώ. 87 00:05:04,990 --> 00:05:08,790 >> Αλλά ένα συν x, αν εμείς παρατηρήσετε εδώ, αν κάνουμε 88 00:05:08,790 --> 00:05:13,420 να chmod-- ποια ομάδα είμαστε μιλάμε για συν τα δικαιώματα 89 00:05:13,420 --> 00:05:14,660 θέλουμε να τους δώσουμε. 90 00:05:14,660 --> 00:05:16,120 Έτσι, αυτό μπορεί να είναι ένα συν ή μείον. 91 00:05:16,120 --> 00:05:17,690 Πλέον προσθέτει άδεια. 92 00:05:17,690 --> 00:05:19,510 Μείον αφαιρεί την άδεια. 93 00:05:19,510 --> 00:05:22,520 Αρκετά έξυπνο, νομίζω. 94 00:05:22,520 --> 00:05:25,720 >> Έτσι, ένα συν x σημαίνει chmod. 95 00:05:25,720 --> 00:05:32,260 Έτσι αλλάξετε τα δικαιώματα όλων των ανθρώπων Αν αυτή είναι μια a-- δικαιώματα add. 96 00:05:32,260 --> 00:05:37,110 Και x-- αυτό σημαίνει ότι ό, τι άδεια είμαστε χορήγηση όλους. 97 00:05:37,110 --> 00:05:38,510 Διαβάστε, γράψτε, ή να εκτελέσει; 98 00:05:38,510 --> 00:05:39,360 >> ΚΟΙΝΟ: Execute. 99 00:05:39,360 --> 00:05:40,610 >> ALLISON BUCHHOLTZ-AU: Execute. 100 00:05:40,610 --> 00:05:46,080 Έτσι δίνουμε σε όλους τους χρήστες την άδεια να εκτελέσει αυτό το αρχείο, εντάξει; 101 00:05:46,080 --> 00:05:53,370 Έτσι, ό, τι και αν θέλαμε να κάνουμε ότι με την αριθμητική μορφή; 102 00:05:53,370 --> 00:05:56,290 Έτσι θυμηθείτε με αριθμητικό, θέλουμε τρεις αριθμούς. 103 00:05:56,290 --> 00:05:56,790 >> ΚΟΙΝΟ: 4. 104 00:05:56,790 --> 00:05:58,290 ALLISON BUCHHOLTZ-AU: Τι ήταν αυτό; 105 00:05:58,290 --> 00:05:59,260 ΚΟΙΝΟ: 4. 106 00:05:59,260 --> 00:06:00,426 ALLISON BUCHHOLTZ-ΑΕ: Όχι 4. 107 00:06:00,426 --> 00:06:01,599 ΚΟΙΝΟ: 0, 0, 4. 108 00:06:01,599 --> 00:06:04,390 ALLISON BUCHHOLTZ-ΑΕ: Λοιπόν, θέλουμε για να δώσει σε όλους τους χρήστες, σωστά; 109 00:06:04,390 --> 00:06:07,442 Έτσι θα πάμε να έχουν ένας αριθμός σε κάθε υποδοχή. 110 00:06:07,442 --> 00:06:09,400 Αυτό πρόκειται να είναι η ίδιο αριθμό σε κάθε σχισμή 111 00:06:09,400 --> 00:06:13,800 γιατί απλά θέλουν να δώσουν όλοι εκτελέσιμο δικαιώματα. 112 00:06:13,800 --> 00:06:16,480 Έτσι εκτελέσιμο είναι 1, αλλά στο σωστό δρόμο. 113 00:06:16,480 --> 00:06:23,055 >> Έτσι, αν το κάναμε chmod 111 ότι θα να είναι το ισοδύναμο της chmod ένα συν x. 114 00:06:23,055 --> 00:06:24,430 Μήπως αυτό έχει νόημα για όλους; 115 00:06:24,430 --> 00:06:26,910 Εμείς πάμε για να περάσουν από μερικά παραδείγματα. 116 00:06:26,910 --> 00:06:29,860 >> Έτσι, το μεγάλο πακέτο εδώ είναι ένα που δεν είναι εδώ, 117 00:06:29,860 --> 00:06:33,360 αλλά απλά σημαίνει να δώσει σε όλους τους χρήστες. 118 00:06:33,360 --> 00:06:36,610 u είναι αν απλά θέλετε να δώσει ή να πάρει μακριά 119 00:06:36,610 --> 00:06:40,600 μια ειδική άδεια από ο χρήστης ή ο ιδιοκτήτης. 120 00:06:40,600 --> 00:06:43,800 g είναι για την ομάδα, έτσι ώστε μεσαίο ψηφίο. 121 00:06:43,800 --> 00:06:49,440 Και στη συνέχεια, άλλα που μπορείτε να σκεφτείτε σαν τον κόσμο, αυτό το τελευταίο ψηφίο. 122 00:06:49,440 --> 00:06:52,840 >> Έτσι, με αυτό, θα πάμε σε ένα παράδειγμα, γιατί νιώθω σαν παραδείγματα πάντα 123 00:06:52,840 --> 00:06:56,240 κάνουν αυτά τα πράγματα πιο εύκολα να κατανοήσουν. 124 00:06:56,240 --> 00:07:01,240 Έτσι rwx-- περάσαμε this-- θα μπορούσε επίσης να αντιπροσωπεύουν ως 700. 125 00:07:01,240 --> 00:07:05,070 Αυτό είναι το παράδειγμα εξετάσαμε σε περισσότερα της εικόνας. 126 00:07:05,070 --> 00:07:09,990 Έτσι chmod 444 σε κάποιο αρχείο θα δώσει τις άδειες; 127 00:07:09,990 --> 00:07:11,947 Θα ήταν πολύ κοντά. 128 00:07:11,947 --> 00:07:13,030 ΚΟΙΝΟ: αναγνώσιμες από όλους. 129 00:07:13,030 --> 00:07:14,321 ALLISON BUCHHOLTZ-AU: αναγνώσιμο. 130 00:07:14,321 --> 00:07:15,660 Έτσι αναγνώσιμα σε όλους, έτσι δεν είναι; 131 00:07:15,660 --> 00:07:17,910 Και τότε τι είναι ένας άλλος τρόπος για να το κάνουμε αυτό; 132 00:07:17,910 --> 00:07:23,070 Αν θέλουμε να κάνουμε chmod είτε με R ή W, το συν και τα πλην, 133 00:07:23,070 --> 00:07:25,300 τι θα ήταν αυτό κλήση μοιάζει; 134 00:07:25,300 --> 00:07:27,336 Θα πρέπει να chmod τι; 135 00:07:27,336 --> 00:07:28,590 >> ΚΟΙΝΟ: ένα συν r. 136 00:07:28,590 --> 00:07:32,900 >> ALLISON BUCHHOLTZ-ΑΕ: ένα συν r στο 5. 137 00:07:32,900 --> 00:07:40,980 ΟΚ, έτσι αυτό είναι το ίδιο με αυτό, μόνο δύο διαφορετικές μεταφράσεις 138 00:07:40,980 --> 00:07:42,500 του ίδιου πράγματος. 139 00:07:42,500 --> 00:07:45,650 Έτσι, με αυτό, έχουμε αυτά. 140 00:07:45,650 --> 00:07:50,310 Γι 'αυτό θέλω εσείς να δοκιμάσετε και να γράφουν Αυτό το είδος της στο αντίθετο τρόπο τους. 141 00:07:50,310 --> 00:07:53,710 >> Έτσι, με chmod 555, τι θα είναι όπως; 142 00:07:53,710 --> 00:07:56,704 Θα ήταν ένα συν ή u συν ή οτιδήποτε; 143 00:07:56,704 --> 00:07:58,370 Για u Plus X, να μου δώσει τους τρεις αριθμούς. 144 00:07:58,370 --> 00:08:03,530 Και στη συνέχεια να μου πείτε για το τι δικαιώματα είμαστε στην πραγματικότητα χορήγηση και σε ποιον; 145 00:08:03,530 --> 00:08:06,600 >> Γι 'αυτό θα σας δώσω δύο παιδιά λεπτά για να εργαστούν σε αυτό. 146 00:08:06,600 --> 00:08:08,160 Μη διστάσετε να μιλήσετε με τον άλλον. 147 00:08:08,160 --> 00:08:11,910 Για όσους από εσάς ήρθε σε λίγο αργά, υπάρχει καραμέλα και πουκάμισα. 148 00:08:11,910 --> 00:08:14,590 Έχουμε τρία πουκάμισα αριστερά, και έχουμε Kit Kats και αστρικές εκρήξεις. 149 00:08:14,590 --> 00:08:17,630 Έτσι αισθάνεται ελεύθερη να έρθει αρπάξει ορισμένοι σε αυτό το μικρό διάλειμμα. 150 00:08:17,630 --> 00:09:03,190 151 00:09:03,190 --> 00:09:04,440 >> Επίσης, η τελευταία είναι δύσκολο. 152 00:09:04,440 --> 00:09:06,670 Είναι δύο chmods για το τελευταίο. 153 00:09:06,670 --> 00:09:10,990 154 00:09:10,990 --> 00:09:15,880 Στην πραγματικότητα, επιτρέψτε μου να κλείσει την πόρτα ενώ εσείς εργάζεστε σε αυτό. 155 00:09:15,880 --> 00:09:26,240 156 00:09:26,240 --> 00:09:28,225 Candy είναι πάντα απαραίτητη σε ένα απόγευμα της Δευτέρας. 157 00:09:28,225 --> 00:09:31,740 158 00:09:31,740 --> 00:09:34,756 >> Εντάξει, έτσι chmod 555. 159 00:09:34,756 --> 00:09:36,380 Τι είναι ένας άλλος τρόπος θα μπορούσαμε να γράψουμε αυτό; 160 00:09:36,380 --> 00:09:39,860 161 00:09:39,860 --> 00:09:41,790 Οποιεσδήποτε ιδέες; 162 00:09:41,790 --> 00:09:42,290 Ναι. 163 00:09:42,290 --> 00:09:43,280 >> ΚΟΙΝΟ: ένα συν RX. 164 00:09:43,280 --> 00:09:44,613 >> ALLISON BUCHHOLTZ-AU: r συν Rx. 165 00:09:44,613 --> 00:09:47,290 Θέλετε να εξηγήσει γιατί ήθελα να RX; 166 00:09:47,290 --> 00:09:49,570 >> ΚΟΙΝΟ: Επειδή έχετε 5, έτσι ώστε να είναι 4 συν 1, 167 00:09:49,570 --> 00:09:51,734 έτσι ώστε να διαβάσει συν εκτελέσιμο, και αυτό είναι για όλους. 168 00:09:51,734 --> 00:09:52,900 ALLISON BUCHHOLTZ-AU: Δεξιά. 169 00:09:52,900 --> 00:09:58,540 Έτσι απλά να επαναλάβω, 5 εδώ γνωρίζουμε ως το άθροισμα των 4 και 1, 170 00:09:58,540 --> 00:10:04,760 επειδή κάθε αριθμός σε τρίο μας είναι η άθροισμα των αδειών για το συγκεκριμένο υποσύνολο, 171 00:10:04,760 --> 00:10:05,260 σωστά; 172 00:10:05,260 --> 00:10:07,070 Είτε ο χρήστης, ο ομάδα, ή ο κόσμος. 173 00:10:07,070 --> 00:10:11,160 Έτσι, στην περίπτωση αυτή, γνωρίζουμε ότι 5 πρέπει να σχηματίζονται από 4 και 1. 174 00:10:11,160 --> 00:10:15,240 >> Και 4 και το 1 αντιστοιχούν σε αναγνώσιμο και εκτελέσιμο. 175 00:10:15,240 --> 00:10:21,717 Είμαστε αυτό που δίνει σε όλους, ώστε να μπορούμε να κάνουμε chmod ένα συν Rx. 176 00:10:21,717 --> 00:10:24,050 Και προφανώς, εμείς απλά πήγε μέσα από τις ερωτήσεις εκεί, 177 00:10:24,050 --> 00:10:28,810 έτσι και τώρα αυτό το αρχείο είναι εκτελέσιμο και αναγνώσιμα σε όλους. 178 00:10:28,810 --> 00:10:31,120 >> Έτσι τι γίνεται με το δεύτερο; 179 00:10:31,120 --> 00:10:32,900 Τι θα μπορούσε ο αριθμός για αυτό το ένα να είναι; 180 00:10:32,900 --> 00:10:36,676 181 00:10:36,676 --> 00:10:37,180 Οποιεσδήποτε ιδέες; 182 00:10:37,180 --> 00:10:37,680 Προχωρήστε. 183 00:10:37,680 --> 00:10:38,600 >> ΚΟΙΝΟ: 100 [δεν ακούγεται]. 184 00:10:38,600 --> 00:10:39,683 >> ALLISON BUCHHOLTZ-AU: 100. 185 00:10:39,683 --> 00:10:40,270 Ακριβώς. 186 00:10:40,270 --> 00:10:42,455 Έτσι θέλετε να εξηγήσει γιατί 100; 187 00:10:42,455 --> 00:10:45,080 ΚΟΙΝΟ: Επειδή είναι για το χρήστη, έτσι ώστε να είναι στην πρώτη θέση. 188 00:10:45,080 --> 00:10:47,371 Και τότε x εκτελέσιμο είναι 1. 189 00:10:47,371 --> 00:10:48,620 ALLISON BUCHHOLTZ-AU: Ακριβώς. 190 00:10:48,620 --> 00:10:53,120 Έτσι είμαστε χορήγηση εκτελέσιμο δικαιώματα μόνο το χρήστη. 191 00:10:53,120 --> 00:10:55,100 Έτσι, στην περίπτωση αυτή, θα είναι 100. 192 00:10:55,100 --> 00:10:57,570 Και έχω όλες τις απαντήσεις μέχρι την επόμενη διαφάνεια στην περίπτωση 193 00:10:57,570 --> 00:11:00,060 είστε γράφοντας πολλά πράγματα προς τα κάτω. 194 00:11:00,060 --> 00:11:08,410 >> Εντάξει, έτσι αυτό το επόμενο γίνεται πραγματικά με δύο chmods, θα μπορούσε να το κάνει. 195 00:11:08,410 --> 00:11:11,120 Έτσι κάνει κάποιος που έχει καμία ιδέα για το πώς μπορείτε να 196 00:11:11,120 --> 00:11:14,150 πάρετε chmod 640 ξαναγραφεί κατά τον άλλο τρόπο; 197 00:11:14,150 --> 00:11:17,770 198 00:11:17,770 --> 00:11:22,820 Μπορείτε να αλλάξετε τον πρώτο χρήστη και, στη συνέχεια, μπορείτε να αλλάξετε την ομάδα είναι η υπόδειξη μου. 199 00:11:22,820 --> 00:11:29,740 >> Έτσι, αν ήμασταν απλά αλλάζοντας το χρήστη, το οποίο είναι αυτό το πρώτο εδώ, 200 00:11:29,740 --> 00:11:33,830 τι θα μπορούσαμε να αποκαλέσουμε μας είναι; 201 00:11:33,830 --> 00:11:36,080 Έτσι, ο χρήστης είναι u, σωστά; 202 00:11:36,080 --> 00:11:38,780 Έτσι chmod u συν τι; 203 00:11:38,780 --> 00:11:39,280 Mmhmm; 204 00:11:39,280 --> 00:11:40,469 >> ΚΟΙΝΟ: rw. 205 00:11:40,469 --> 00:11:41,510 ALLISON BUCHHOLTZ-AU: rw. 206 00:11:41,510 --> 00:11:47,470 Δεξιά, για να διαβάσει και να γράψει, γιατί ανάγνωσης είναι 4, το W είναι 2, εκείνα ποσό μαζί ως 6. 207 00:11:47,470 --> 00:11:52,760 Έτσι παίρνουμε chmod u συν RW, και παίρνουμε το πρώτο μας 6 εκεί. 208 00:11:52,760 --> 00:11:56,860 >> Έτσι, στη συνέχεια, να πάρει το 4, θέλουμε τώρα να αλλάξετε τις ρυθμίσεις της ομάδας μας. 209 00:11:56,860 --> 00:12:00,960 Έτσι θα πάμε να κάνουμε chmod g συν τι; 210 00:12:00,960 --> 00:12:02,380 Τι είναι ένα 4; 211 00:12:02,380 --> 00:12:03,040 >> ΚΟΙΝΟ: r. 212 00:12:03,040 --> 00:12:04,040 ALLISON BUCHHOLTZ-AU: r. 213 00:12:04,040 --> 00:12:05,070 Ακριβώς. 214 00:12:05,070 --> 00:12:09,140 Έτσι δίνουμε τον ιδιοκτήτη διαβάζουν και να γράφουν δικαιώματα 215 00:12:09,140 --> 00:12:13,141 και δίνουμε την ανάγνωση της ομάδας δικαιώματα, που έχουμε όλοι εδώ. 216 00:12:13,141 --> 00:12:13,640 Mmhmm; 217 00:12:13,640 --> 00:12:17,740 >> ΚΟΙΝΟ: Αν μπορείτε να γράψετε κάτι, υπονοεί μπορείτε να το εκτελέσει; 218 00:12:17,740 --> 00:12:20,700 >> ALLISON BUCHHOLTZ-AU: Μπορείτε μπορεί να γράψει σε something-- 219 00:12:20,700 --> 00:12:22,900 Δεν πιστεύω ότι υπονοεί μπορείτε να το εκτελέσει. 220 00:12:22,900 --> 00:12:25,951 221 00:12:25,951 --> 00:12:26,450 Cool. 222 00:12:26,450 --> 00:12:29,620 Έτσι, αυτό είναι το μόνο που έχουμε μόλις πέρασε. 223 00:12:29,620 --> 00:12:33,075 Έτσι, σε αυτό το επόμενο, είναι ακριβώς το είδος των κοινών υποθέσεων 224 00:12:33,075 --> 00:12:35,200 ότι θέλετε να διατηρήσετε σε πειράζει που για το πρόβλημά σας. 225 00:12:35,200 --> 00:12:39,800 Αυτά είναι τυπικά τα δικαιώματα ότι μας αρέσει να το χρησιμοποιήσετε. 226 00:12:39,800 --> 00:12:44,900 >> Έτσι, για το 711, που δίνει μας, φυσικά, ο χρήστης 227 00:12:44,900 --> 00:12:47,720 Όλα τα δικαιώματα, τα οποία τείνει να έχει νόημα. 228 00:12:47,720 --> 00:12:51,920 Και τότε είναι εκτελέσιμο από το ομάδα στον κόσμο, η οποία έχει νόημα 229 00:12:51,920 --> 00:12:56,150 αν έχετε κάποιο κατάλογο, μπορείτε θέλουν να είναι σε θέση να διασχίσει σε αυτό. 230 00:12:56,150 --> 00:12:58,160 Οι άνθρωποι πρέπει να έχουν πρόσβαση. 231 00:12:58,160 --> 00:13:04,680 >> Για κάθε αρχείο μη-PHP, θα πάμε να χρησιμοποιήσει 644, η οποία θα κάνει τι; 232 00:13:04,680 --> 00:13:07,560 Τι σημαίνει αυτό συνεπάγεται, ή ό, τι δικαιώματα δεν που δίνουν; 233 00:13:07,560 --> 00:13:12,210 234 00:13:12,210 --> 00:13:14,409 Έτσι, ο ιδιοκτήτης μπορεί τι; 235 00:13:14,409 --> 00:13:15,450 ΚΟΙΝΟ: Διαβάστε και γράψτε. 236 00:13:15,450 --> 00:13:16,991 ALLISON BUCHHOLTZ-ΑΕ: Διαβάστε και γράψτε. 237 00:13:16,991 --> 00:13:21,560 Και στη συνέχεια την ομάδα και τους άλλους μπορεί να διαβάσει ακριβώς, σωστά; 238 00:13:21,560 --> 00:13:25,660 Και τότε chmod 600 για κάθε PHP αρχεία που χρησιμοποιείτε, 239 00:13:25,660 --> 00:13:27,980 του ιδιοκτήτη σας, πάλι, μπορεί να διαβάσει και να γράψει σε αυτό 240 00:13:27,980 --> 00:13:32,310 αλλά όλοι οι άλλοι είναι ακριβώς το είδος των φραγμένη. 241 00:13:32,310 --> 00:13:34,540 >> Έτσι, αυτό θα είναι πράγματι να είναι πιο χρήσιμη όταν 242 00:13:34,540 --> 00:13:37,700 μπορείτε να πάρετε στο πρόβλημα σας που την επόμενη εβδομάδα, όπου 243 00:13:37,700 --> 00:13:40,290 είστε πραγματικά οικοδόμηση ενός δικτυακού τόπου. 244 00:13:40,290 --> 00:13:43,100 Έτσι, αν έχετε συναντήσει ποτέ κάποια περίεργα προβλήματα 245 00:13:43,100 --> 00:13:45,970 όπου αυτό δεν είναι φόρτωση σωστά, ίσως σας 246 00:13:45,970 --> 00:13:50,670 πρέπει να προσθέσετε ένα εκτελέσιμο άδεια, ή ίσως θα πρέπει να έχετε μια ανάγνωση 247 00:13:50,670 --> 00:13:52,990 ή δικαιώματα εγγραφής. 248 00:13:52,990 --> 00:13:56,980 Τα μικρά πράγματα που τείνουν να σκοντάψει ανθρώπους up, αλλά αυτό είναι κάτι σαν το go-to 249 00:13:56,980 --> 00:13:58,564 όταν ξεκινάτε το chipset της επόμενης εβδομάδας. 250 00:13:58,564 --> 00:14:00,730 Και θα ήθελα να σας δώσω περισσότερα συμβουλές για το chipset αυτής της εβδομάδας, 251 00:14:00,730 --> 00:14:05,010 αλλά έχω ακόμα να το δει κανείς από το που κυκλοφόρησε σήμερα το πρωί. 252 00:14:05,010 --> 00:14:10,600 Αλλά να μου στείλετε email, θα το έχω κοιτάξει σε αυτό από τη στιγμή που θα απαντήσει αύριο. 253 00:14:10,600 --> 00:14:14,310 >> Έτσι τώρα, είναι όλοι καλά με chmod; 254 00:14:14,310 --> 00:14:16,040 Όποιες ερωτήσεις; 255 00:14:16,040 --> 00:14:17,240 Αρκετά απλή. 256 00:14:17,240 --> 00:14:20,620 Ακριβώς το είδος του την παρακολούθηση του τι διαβάζει, να γράφει, και να εκτελέσει αριθμοί είναι 257 00:14:20,620 --> 00:14:23,660 είναι ίσως το πιο δύσκολο κομμάτι. 258 00:14:23,660 --> 00:14:29,620 >> Έτσι, με το πρωτόκολλο TCP / IP, όλα αυτά τα πρωτόκολλα, το είδος του όπως και με τις δομές δεδομένων σας 259 00:14:29,620 --> 00:14:31,990 την περασμένη εβδομάδα, είναι πολύ πιο σημαντικό για το είδος του να πάρει 260 00:14:31,990 --> 00:14:33,900 ένα υψηλότερο επίπεδο διαίσθησή τους. 261 00:14:33,900 --> 00:14:37,390 Αυτό δεν είναι CS143 όπου θα πάμε να σας ζητήσω να εφαρμόσει ένα δίκτυο, 262 00:14:37,390 --> 00:14:39,870 έτσι θα ήταν ωραία αν δεν καταλαβαίνετε 263 00:14:39,870 --> 00:14:42,900 κονιδιασμένος λιθίαση όλων των πρωτοκόλλων. 264 00:14:42,900 --> 00:14:46,050 Αυτό που είναι σημαντικό να κατανοήσουμε είναι κάτι σαν αυτό που αντιπροσωπεύουν 265 00:14:46,050 --> 00:14:47,300 και γιατί είναι σημαντικό. 266 00:14:47,300 --> 00:14:52,320 >> Έτσι, το πρωτόκολλο TCP / IP, φυσικά, είναι η Πρωτόκολλο Ελέγχου Μετάδοσης 267 00:14:52,320 --> 00:14:57,270 ή πρωτόκολλο Διαδικτύου, το οποίο είναι ουσιαστικά μόνο ένα σύνολο νόμων βασικά 268 00:14:57,270 --> 00:15:00,800 ή πρότυπα που λένε δεδομένα πώς θα πρέπει να αντιμετωπιστεί, 269 00:15:00,800 --> 00:15:04,900 πώς θα πρέπει να πακετάρονται, μεταδίδονται, και έλαβε. 270 00:15:04,900 --> 00:15:09,200 Έτσι ουσιαστικά, όπως ακριβώς λέει εδώ, αυξάνει τις πιθανότητες 271 00:15:09,200 --> 00:15:12,950 ότι τα δεδομένα που παίρνει όπου θέλετε να φτάσετε στο. 272 00:15:12,950 --> 00:15:15,950 >> Είμαι σίγουρος ότι αν έχετε παιδιά πήγαν να διάλεξη ή να παρακολουθήσουν σε απευθείας σύνδεση, 273 00:15:15,950 --> 00:15:18,232 ο has-- Δεν ξέρω αν το έκανε αυτό το έτος, 274 00:15:18,232 --> 00:15:20,940 αλλά ξέρω ότι το περασμένο έτος, είχε ένα demo, όπου είχε μια εικόνα του Rob 275 00:15:20,940 --> 00:15:23,320 και αυτός χωρίζεται σε τέσσερα και το βάζουμε σε φακέλους 276 00:15:23,320 --> 00:15:26,590 και προσπάθησε να το μεταδώσουμε Sanders. 277 00:15:26,590 --> 00:15:29,430 Και μπορείτε να το είδος του σκέφτονται με αυτόν τον τρόπο. 278 00:15:29,430 --> 00:15:35,400 Είναι απλά ένα σύνολο κανόνων που πείτε δεδομένα πώς να πάρει κάπου 279 00:15:35,400 --> 00:15:37,640 και σας επιτρέπει να γνωρίζετε εάν σας λείπουν δεδομένα, 280 00:15:37,640 --> 00:15:40,460 με τον ίδιο τρόπο ότι αν είστε λαμβάνοντας πολλαπλές σελίδες των σημειώσεων 281 00:15:40,460 --> 00:15:46,490 και θα τους στιγματίσει με τη σελίδα 104, σελίδα 204, και μπορείτε να πάτε πίσω για να μελετήσει αργότερα 282 00:15:46,490 --> 00:15:50,220 και σας λείπουν something-- δεν μπορείτε να βρείτε τη σελίδα 304-- ξέρετε 283 00:15:50,220 --> 00:15:53,310 κάτι είναι λάθος, έτσι ώστε να μπορεί να κοιτάξει μέσα από τις σημειώσεις σας 284 00:15:53,310 --> 00:15:58,666 πάλι ή ζητήστε από κάποιον να σας ξαναστείλει η διάλεξη σημειώνει από εκείνη την ημέρα. 285 00:15:58,666 --> 00:16:00,290 Με τον ίδιο τρόπο με τα δεδομένα στο διαδίκτυο. 286 00:16:00,290 --> 00:16:03,220 Αν ζητάω κάτι από κάποιο εξυπηρετητή 287 00:16:03,220 --> 00:16:05,377 και αυτό πρέπει να στείλετε αυτό σε πολλαπλά πακέτα, 288 00:16:05,377 --> 00:16:07,210 κατά πάσα πιθανότητα πρόκειται για τον αριθμό αυτό κατά κάποιο τρόπο, ας 289 00:16:07,210 --> 00:16:12,430 Θέλω να ξέρω πόσα θα έπρεπε να είχα λάβει, και πες μου, ω, αυτό είναι ένα από τα 10 290 00:16:12,430 --> 00:16:13,990 ή αυτό είναι ένα από τα 10.000. 291 00:16:13,990 --> 00:16:17,030 Με αυτόν τον τρόπο, όταν πάω να ανασυνθέσει όλα τα κομμάτια μαζί, 292 00:16:17,030 --> 00:16:21,504 Ξέρω ότι αν κάτι λείπει και μπορώ να ρωτήσω για αυτό και πάλι. 293 00:16:21,504 --> 00:16:22,730 Μήπως αυτό έχει νόημα; 294 00:16:22,730 --> 00:16:23,610 Ακριβώς ένα σύνολο κανόνων. 295 00:16:23,610 --> 00:16:28,120 Στη βάση του, το σύνολο των κανόνων, εντάξει; 296 00:16:28,120 --> 00:16:31,360 >> Έτσι μιλήσαμε και ένα λίγο για τα λιμάνια. 297 00:16:31,360 --> 00:16:36,150 Αυτό είναι πραγματικά ακριβώς ένα πρότυπο που σας επιτρέπει να γνωρίζετε τι είδους δεδομένα 298 00:16:36,150 --> 00:16:38,650 μεταδίδεται σε αυτά τα πακέτα. 299 00:16:38,650 --> 00:16:40,790 Αν πάμε με μας φάκελο παράδειγμα, εμείς δεν κάνουμε 300 00:16:40,790 --> 00:16:43,510 ξέρετε ότι είναι μια εικόνα της Rob εκεί αν δεν το γράφουν 301 00:16:43,510 --> 00:16:45,480 στο εξωτερικό του περιβλήματος μας. 302 00:16:45,480 --> 00:16:47,100 Έτσι, τα λιμάνια είναι βασικά το ίδιο πράγμα. 303 00:16:47,100 --> 00:16:51,670 Είναι απλά ένας τρόπος για να καταλάβω τι τύπος των δεδομένων που μεταδίδονται. 304 00:16:51,670 --> 00:16:56,260 >> Έτσι έχουμε όλα τα πιο συνηθισμένες εδώ. 305 00:16:56,260 --> 00:16:59,790 Έτσι 21-- αυτά είναι, επίσης, το είδος της, όπως καλά πράγματα για να γνωρίζουν. 306 00:16:59,790 --> 00:17:01,560 Είναι το είδος του μια εύκολη ερώτηση κουίζ. 307 00:17:01,560 --> 00:17:03,590 Να είστε σαν, τι θύρα 80 να κάνω; 308 00:17:03,590 --> 00:17:06,970 Ή, τι σημαίνει θύρα 443 κάνει; 309 00:17:06,970 --> 00:17:09,359 Έτσι, τα καλά πράγματα για να γνωρίζουν. 310 00:17:09,359 --> 00:17:12,569 >> Έτσι έχουμε εδώ, 21 είναι το αρχείο πρωτόκολλο μεταφοράς, έτσι απλά 311 00:17:12,569 --> 00:17:15,050 οι κανόνες που διέπουν τη μεταφορά αρχείων. 312 00:17:15,050 --> 00:17:19,550 25, κάτι που όλοι χρησιμοποιούν πάρα πολύ, είναι το email. 313 00:17:19,550 --> 00:17:22,790 53 είναι το όνομα τομέα σύστημα, το οποίο είναι βασικά 314 00:17:22,790 --> 00:17:26,910 ακριβώς το είδος της αναζήτησης για το Διεύθυνση IP ενός domain name. 315 00:17:26,910 --> 00:17:29,900 >> Έτσι, είμαι αρκετά σίγουρος ότι ήταν αναφέρεται στην διάλεξη, αν 316 00:17:29,900 --> 00:17:33,960 να πάει σε κάτι σαν google.com, έχει μια διεύθυνση IP 317 00:17:33,960 --> 00:17:35,818 που είναι συνδεδεμένες με αυτό. 318 00:17:35,818 --> 00:17:37,026 Δεν είναι στην πραγματικότητα google.com. 319 00:17:37,026 --> 00:17:40,720 Και έτσι 53 είναι το λιμάνι ότι παίρνει πραγματικά 320 00:17:40,720 --> 00:17:44,050 φροντίδα του είδους μεταφράζοντας σε αυτή τη διεύθυνση IP για εσάς. 321 00:17:44,050 --> 00:17:47,830 Και στη συνέχεια, 80 και 443 είναι πολύ συχνές. 322 00:17:47,830 --> 00:17:50,710 Μπορείτε είτε έχουν ιστοσελίδα σας ή θα έχετε μια ασφαλή ιστοσελίδα σας, 323 00:17:50,710 --> 00:17:56,100 που πολλές ιστοσελίδες είναι μεταφέροντας πάνω από τώρα. 324 00:17:56,100 --> 00:18:02,540 >> Έτσι, αυτό είναι το είδος του υψηλού επιπέδου Επισκόπηση του πρωτοκόλλου μεταφοράς. 325 00:18:02,540 --> 00:18:05,170 Δεν βλέπω πολύ περισσότερο σε βάθος. 326 00:18:05,170 --> 00:18:07,320 Είναι το είδος της δροσερό πράγματα αν σας ενδιαφέρει. 327 00:18:07,320 --> 00:18:08,590 Υπάρχει αφθονία των πόρων. 328 00:18:08,590 --> 00:18:10,780 Wikipedia στην πραγματικότητα είναι μια πολύ καλή σελίδα. 329 00:18:10,780 --> 00:18:13,850 Έτσι έψαχνα σε αυτό μόλις πριν από λίγο καιρό, 330 00:18:13,850 --> 00:18:16,580 οπότε θα ήθελα να συστήσω ιδιαίτερα κοιτάζοντας αυτό, αν σας ενδιαφέρει 331 00:18:16,580 --> 00:18:22,160 ή να λάβει 143 σε δύο χρόνια, επειδή Νομίζω ότι είναι κάθε άλλο χρόνο. 332 00:18:22,160 --> 00:18:27,590 >> Έτσι, στο τέλος της αυτό, είμαστε μιλάμε για ιστοσελίδες και HTTP, 333 00:18:27,590 --> 00:18:33,790 η οποία είναι στην πραγματικότητα το επόμενο θέμα μας για σήμερα, πριν πάμε σε HTML και CSS 334 00:18:33,790 --> 00:18:37,920 και μπορείτε πραγματικά να κωδικοποιήσει έως μια ιστοσελίδα. 335 00:18:37,920 --> 00:18:38,650 Θα είναι διασκεδαστικό. 336 00:18:38,650 --> 00:18:42,220 Θα έχετε φωτογραφίες του κουνελάκια και αυτό θα είναι μεγάλη. 337 00:18:42,220 --> 00:18:48,630 >> Έτσι, HTTP, όπως μπορείτε να δείτε εδώ, Είναι ένα από τα όμορφα ακρωνύμια 338 00:18:48,630 --> 00:18:53,220 για αυτή την εβδομάδα, η οποία είναι Hypertext πρωτόκολλο μεταφοράς. 339 00:18:53,220 --> 00:18:57,940 Έτσι και πάλι, είναι ακριβώς ένα άλλο σύνολο κανόνων που 340 00:18:57,940 --> 00:19:01,440 διέπει υπερκειμένου μεταφορά, σε αυτή την περίπτωση. 341 00:19:01,440 --> 00:19:04,120 Έτσι καλύτερος τρόπος για να μάθετε για αυτό είναι ακριβώς το είδος του 342 00:19:04,120 --> 00:19:07,650 να το σπάσει σε Αυτές οι μεμονωμένες λέξεις 343 00:19:07,650 --> 00:19:10,770 επειδή υπάρχουν πολλά λέξεις στην οθόνη εκεί. 344 00:19:10,770 --> 00:19:13,290 >> Έτσι θα πάμε για να ξεκινήσει με το υπερκείμενο. 345 00:19:13,290 --> 00:19:17,630 Έτσι, "υπερ", μπορείτε να σκεφτείτε "Πάνω", όπως σούπερ-τύπου πράγμα. 346 00:19:17,630 --> 00:19:24,615 Έτσι, είναι πραγματικά μόνο το κείμενο που λαμβάνονται για την επόμενο επίπεδο, έτσι είναι σαν σούπερ κείμενο, 347 00:19:24,615 --> 00:19:27,850 όπως και το επόμενο κείμενο. 348 00:19:27,850 --> 00:19:34,890 Έτσι, είναι ουσιαστικά μόνο το κείμενο που μας δίνει 349 00:19:34,890 --> 00:19:37,490 περισσότερες πληροφορίες από ό, τι κανονικό κείμενο κάνει, εντάξει; 350 00:19:37,490 --> 00:19:40,510 >> Έτσι, σε αυτήν την περίπτωση εδώ, αυτό είναι το υπερκείμενο. 351 00:19:40,510 --> 00:19:45,710 Αυτό μας λέει ότι έχουμε κάποια σχέση που θα πάμε να, 352 00:19:45,710 --> 00:19:49,620 η οποία είναι cs50.net, η οποία είναι τώρα cs50.harvard.edu. 353 00:19:49,620 --> 00:19:51,420 Οι διαφάνειες είναι λίγο παλιά. 354 00:19:51,420 --> 00:19:55,330 Και πρόκειται για την εμφάνιση δεδομένου ότι αυτό, ως μια υπερ-σύνδεση, 355 00:19:55,330 --> 00:19:58,140 και, στη συνέχεια, ένα πραγματικά δροσερό ιστοσελίδα. 356 00:19:58,140 --> 00:20:02,080 >> Έτσι είναι κείμενο, το οποίο είναι λίγο λίγο πολύ δροσερό πράγματα εκεί. 357 00:20:02,080 --> 00:20:08,170 Έτσι, μπορείτε να συνδέσετε τα πράγματα και μπορείτε εισάγετε εικόνες και μπορείτε να φορμάρετε τα πράγματα. 358 00:20:08,170 --> 00:20:11,740 Και το πιο γνωστό πράγμα που έχετε παιδιά έχουν κατά πάσα πιθανότητα με το υπερκείμενο 359 00:20:11,740 --> 00:20:19,100 είναι HyperText Markup Language, HTML, το οποίο φυσικά είναι όλα του ιστού 360 00:20:19,100 --> 00:20:23,080 ότι βλέπουμε γύρω μας, που χορηγείται με κάποιο στυλ CSS ρίχνονται σε. 361 00:20:23,080 --> 00:20:25,580 >> Αλλά αν κάποιος ήταν πραγματικά μεγάλο με το MySpace, 362 00:20:25,580 --> 00:20:28,240 Είμαι σίγουρος ότι όλοι μεταχειρισμένα HTML όλη την ώρα για να δημιουργήσετε 363 00:20:28,240 --> 00:20:30,640 αυτές τέλειο προφίλ, σωστά; 364 00:20:30,640 --> 00:20:34,930 Νιώθω σαν αυτό μπορεί να είναι μια ξεπερασμένη αναφορά τώρα, αλλά οτιδήποτε άλλο. 365 00:20:34,930 --> 00:20:37,780 Ακριβώς ένα little-- σας παιδιά Δεν είναι ότι πολύ νεότερος. 366 00:20:37,780 --> 00:20:40,480 Μερικοί από εσάς είναι μεγαλύτερος από μένα. 367 00:20:40,480 --> 00:20:42,480 MySpace ήταν ακόμα ένας πράγμα όταν ήμουν νέος. 368 00:20:42,480 --> 00:20:44,510 Δεν είμαι τόσο μεγάλος. 369 00:20:44,510 --> 00:20:49,265 >> Anyways, HTML απλά μια μορφή του υπερκειμένου. 370 00:20:49,265 --> 00:20:55,640 Έτσι, το hypertext είναι απλά Κείμενο με νέα χαρακτηριστικά. 371 00:20:55,640 --> 00:21:01,790 Έτσι πρωτόκολλο μεταφοράς είναι πιθανόν η πιο αμφίβολη πράγμα να εξηγήσει. 372 00:21:01,790 --> 00:21:04,870 Προφανώς, transfer-- μόνο μεταφορά δεδομένων. 373 00:21:04,870 --> 00:21:09,370 Έτσι, είτε μεταξύ του πελάτη, όπως web αδελφό σου, και ένας server. 374 00:21:09,370 --> 00:21:12,090 Έτσι, βασικά, μόνο το τρόπο το Διαδίκτυο λειτουργεί. 375 00:21:12,090 --> 00:21:16,339 >> Έτσι, το ακριβές αίτημα του πώς αυτές οι εργασίες, είμαστε 376 00:21:16,339 --> 00:21:18,755 στην πραγματικότητα πρόκειται να δούμε μια παράδειγμα αίτησης και απάντησης. 377 00:21:18,755 --> 00:21:21,730 378 00:21:21,730 --> 00:21:25,220 Αλλά πώς μπορούμε να ζητήσουν πληροφορίες από ένα διακομιστή 379 00:21:25,220 --> 00:21:30,590 και πώς ο διακομιστής απαντά με εμάς είναι τι διέπει αυτό το πρωτόκολλο μεταφοράς. 380 00:21:30,590 --> 00:21:35,320 Έτσι, το αίτημα και η απάντηση έχει να ακολουθήσει αυτές τις συγκεκριμένες σύνολο κανόνων. 381 00:21:35,320 --> 00:21:38,340 Είναι τυποποιηθεί έτσι ώστε δεν έχει σημασία όπου είστε με τη χρήση του διαδικτύου, 382 00:21:38,340 --> 00:21:40,720 λειτουργεί πάντα το ίδιο, εντάξει; 383 00:21:40,720 --> 00:21:43,220 >> Και πάλι, το πρωτόκολλο, ορίζεται από τους κανόνες. 384 00:21:43,220 --> 00:21:45,620 Είναι απλά μια φυσιολογική αλληλεπίδραση με τον ίδιο τρόπο 385 00:21:45,620 --> 00:21:49,500 ότι ο καθηγητής Malan μιλά για εάν κάποιος επεκτείνει το χέρι τους, 386 00:21:49,500 --> 00:21:52,880 ξέρετε ότι αυτό είναι κοινή ευγένεια να φτάσουν στα δικά σας και να σφίξει το χέρι τους. 387 00:21:52,880 --> 00:21:54,580 Αυτό είναι ένα πρωτόκολλο, σωστά; 388 00:21:54,580 --> 00:21:59,060 >> Έτσι δίνω κάποια τυποποιημένη αίτηση, το οποίο είναι που θέλω να τινάξει το χέρι σας, 389 00:21:59,060 --> 00:22:01,975 και να σας δώσει κάποια τυποποιημένη απάντηση, η οποία είναι είτε όχι, ευχαριστώ 390 00:22:01,975 --> 00:22:04,600 ή θα μπορούσατε να δοκιμάσετε και ανακινήστε μου χέρι ή ίσως θα πάμε να προσπαθήσουμε 391 00:22:04,600 --> 00:22:06,490 και γροθιά χτύπημα μου. 392 00:22:06,490 --> 00:22:08,320 Και δεν έχουμε ένα πρωτόκολλο για αυτό. 393 00:22:08,320 --> 00:22:09,360 Αναλύεται. 394 00:22:09,360 --> 00:22:12,030 Αλλά αν ο καθένας ακολουθεί το ίδιο πρωτόκολλο, φυσικά, 395 00:22:12,030 --> 00:22:14,250 πηγαίνει πολύ πιο ομαλά. 396 00:22:14,250 --> 00:22:15,590 Οι άνθρωποι να γνωρίσουν ο ένας τον άλλον. 397 00:22:15,590 --> 00:22:16,830 Όλοι είναι ευχαριστημένοι. 398 00:22:16,830 --> 00:22:20,750 >> Έτσι, στον κόσμο του web, ο καθένας ακολουθεί την ίδια rules-- 399 00:22:20,750 --> 00:22:22,940 ελαφρώς καλύτερα από τα κοινωνικά πρότυπα. 400 00:22:22,940 --> 00:22:26,950 Αλλά με αυτό, θα εξετάσουμε σε ένα παράδειγμα αιτήματος εδώ. 401 00:22:26,950 --> 00:22:30,020 Έτσι, υπάρχει αυτό το μικρό κλειδί εδώ στο κάτω μέρος 402 00:22:30,020 --> 00:22:34,990 ότι σας λέει τα διαφορετικά χρώματα, ό, τι υποτίθεται ότι πρέπει να σημαίνει. 403 00:22:34,990 --> 00:22:38,290 >> Έτσι, το λευκό είναι ακριβώς όπως τη μέθοδο σας αίτηση και το πρωτόκολλο version-- 404 00:22:38,290 --> 00:22:42,400 έτσι το αίτημα μέθοδο, έκδοση. 405 00:22:42,400 --> 00:22:44,630 Και τότε αυτό είναι μερικά το όνομα τομέα και η αξία 406 00:22:44,630 --> 00:22:47,630 του εν λόγω τομέα, το οποίο θα πάει σε πολύ, πολύ σύντομα. 407 00:22:47,630 --> 00:22:49,840 Έτσι, αυτό είναι ένα παράδειγμα αίτησης. 408 00:22:49,840 --> 00:22:54,470 Αυτό είναι σαν κι εμένα που εκτείνεται έξω, θέλουν να σας συστηθώ. 409 00:22:54,470 --> 00:22:58,507 >> Αυτό είναι ό, τι ο πελάτης ή ό, τι web browser σας 410 00:22:58,507 --> 00:22:59,840 θα στείλει στον διακομιστή σας. 411 00:22:59,840 --> 00:23:04,500 Έτσι, αυτό είναι μια αίτηση GET, έτσι είναι ζητώντας κάτι από το διακομιστή. 412 00:23:04,500 --> 00:23:09,690 Και αυτό είναι, φυσικά, HTTP και αυτό είναι η έκδοση 1.1. 413 00:23:09,690 --> 00:23:16,060 >> Έτσι το υπόλοιπο αυτού εδώ είναι αυτό που λέμε η επικεφαλίδα, καθώς και επιπλέον πληροφορίες του 414 00:23:16,060 --> 00:23:20,050 ότι μας δίνει μια καλύτερη ιδέα του τι είμαστε στην πραγματικότητα ζητώντας, 415 00:23:20,050 --> 00:23:23,190 ή πληροφορίες που θέλουμε να δώσουμε ο διακομιστής που θα μπορούσε να είναι σχετική. 416 00:23:23,190 --> 00:23:32,880 Έτσι User-Agent δίνει λίγο περισσότερο Περιγραφή on-- για παράδειγμα, εδώ, 417 00:23:32,880 --> 00:23:38,720 μπούκλα / 7.24.0 είναι πραγματικά πρόκειται να πει ο διακομιστής που χρησιμοποιείτε το Google 418 00:23:38,720 --> 00:23:40,700 Chrome ως πρόγραμμα περιήγησής μας. 419 00:23:40,700 --> 00:23:43,290 Έτσι, αν έχετε ακούσει ποτέ για τους ανθρώπους που μιλούν 420 00:23:43,290 --> 00:23:48,160 για την πραγματοποίηση μια εφαρμογή να ανταποκρίνεται σε πολλαπλά προγράμματα περιήγησης, 421 00:23:48,160 --> 00:23:50,330 Αυτό είναι κάτι που θα θα χρησιμοποιήσει γιατί αν 422 00:23:50,330 --> 00:23:53,000 Δεν ξέρω ποιο πρόγραμμα περιήγησης το αίτημα προέρχεται από, 423 00:23:53,000 --> 00:23:55,050 δεν μπορείτε να προσαρμόσετε τα δεδομένα σε αυτό. 424 00:23:55,050 --> 00:23:57,690 Έτσι, στην περίπτωση αυτή, ο χρήστης είναι απλά δίνει αυτό το είδος 425 00:23:57,690 --> 00:24:01,030 από τον προσδιορισμό των πληροφοριών για ποιο πρόγραμμα περιήγησης 426 00:24:01,030 --> 00:24:06,510 χρήστη σας χρησιμοποιεί προς το παρόν, εντάξει; 427 00:24:06,510 --> 00:24:11,640 >> Μέχρι τότε έχουμε επίσης υποδοχής, η οποία είναι όπου είμαστε πραγματικά θέλουν να πάνε. 428 00:24:11,640 --> 00:24:15,280 Σε αυτή την περίπτωση, θέλουμε να πάμε σε apple.com, να αγοράσει μερικά δροσερά νέα iPads 429 00:24:15,280 --> 00:24:19,540 ή κάτι, ίσως και χαριτωμένο φώτα σε δωμάτια κοιτώνα μας. 430 00:24:19,540 --> 00:24:24,900 Και τιμή όνομα στο τέλος είναι απλά ένα υλικό πληρώσεως, μόνο μια γενική πράγμα 431 00:24:24,900 --> 00:24:25,760 για σας παιδιά να δουν. 432 00:24:25,760 --> 00:24:28,240 Δεν το κάνει πραγματικότητα αντιστοιχεί σε τίποτα εδώ. 433 00:24:28,240 --> 00:24:32,360 >> Έτσι μπορείτε να έχετε τόσο πολύ ή τόσο λίγα όπως θέλετε σε κάθε περίπτωση. 434 00:24:32,360 --> 00:24:36,990 Τις περισσότερες φορές, αυτές είναι προαιρετικές. 435 00:24:36,990 --> 00:24:41,780 Εξαρτάται μόνο από το τι χρειάζεστε από το πρόγραμμα περιήγησης, 436 00:24:41,780 --> 00:24:45,120 από το χρήστη, ώστε να σωστά δώσει το αίτημα. 437 00:24:45,120 --> 00:24:48,970 Ή αυτό εξαρτάται από το τι χρήστη σας στην πραγματικότητα θέλει να δώσει μέχρι το διακομιστή. 438 00:24:48,970 --> 00:24:54,550 Έτσι μπορείτε να έχετε πολλά, πολλά από αυτά τα ονόματα πεδίου κεφαλίδας 439 00:24:54,550 --> 00:24:57,140 ή μπορεί να έχετε μόνο ένα ζευγάρι. 440 00:24:57,140 --> 00:24:59,630 Όπως και με τόσα πολλά πράγματα Έχω πει σε αυτή την ενότητα, 441 00:24:59,630 --> 00:25:03,590 αυτό εξαρτάται πραγματικά από το πλαίσιο από το πώς χρησιμοποιείτε αυτό. 442 00:25:03,590 --> 00:25:06,810 >> Έτσι κάνει ότι κάνει νόημα για όλους; 443 00:25:06,810 --> 00:25:11,463 Αυτό είναι μόνο ένα παράδειγμα της αίτηση, κεφαλίδες, εταζέρα. 444 00:25:11,463 --> 00:25:16,910 Εντάξει, έτσι με αυτό, έχουμε κάποια απάντηση. 445 00:25:16,910 --> 00:25:20,510 >> Και πάλι, έχουμε κωδικός κατάστασης μας, το πρωτόκολλο έκδοση, και στη συνέχεια το όνομα τομέα και τον τομέα 446 00:25:20,510 --> 00:25:21,700 αξία όπως πάντα. 447 00:25:21,700 --> 00:25:25,500 Μέχρι την έκδοση του πρωτοκόλλου μας και κωδικός κατάστασης μας είναι 200. 448 00:25:25,500 --> 00:25:28,610 Εντάξει, πράγμα που σημαίνει ότι, Ναι, όλα πήγαν καλά. 449 00:25:28,610 --> 00:25:30,230 Εδώ είναι ό, τι θέλετε. 450 00:25:30,230 --> 00:25:33,750 >> Ο τύπος του διακομιστή, το περιεχόμενο type-- μας λέει, εντάξει, είσαι 451 00:25:33,750 --> 00:25:37,210 πρόκειται να πάρει κάποιο κείμενο HTML. 452 00:25:37,210 --> 00:25:40,520 Εδώ είναι το μήκος της και εδώ είναι τι πρέπει να κάνετε με τη σύνδεση. 453 00:25:40,520 --> 00:25:43,004 Εντάξει, οπότε και πάλι, ανάλογα σχετικά με τα δεδομένα που είστε 454 00:25:43,004 --> 00:25:45,670 ζητώντας, ανάλογα με το ποια είναι η διακομιστής θέλει να επιστρέψει σε εσάς, 455 00:25:45,670 --> 00:25:49,440 μπορεί να έχετε περισσότερα από αυτά τομέα ονόματα, μπορεί να έχετε λιγότερο. 456 00:25:49,440 --> 00:25:53,950 Εντελώς πλαίσιο εξαρτάται. 457 00:25:53,950 --> 00:25:56,650 >> Και όσον αφορά αυτό το καθεστώς κώδικας εδώ, φυσικά, 458 00:25:56,650 --> 00:25:59,590 200 δεν είναι η μόνη θα μπορούσατε να έχετε, σωστά; 459 00:25:59,590 --> 00:26:01,580 Έχουμε πολλά κωδικούς κατάστασης. 460 00:26:01,580 --> 00:26:06,120 Υπάρχει κάποιος που θυμάται οποιοδήποτε από τα άλλοι που αναφέραμε στη διάλεξη; 461 00:26:06,120 --> 00:26:08,310 Πολλοί από τους αρχίζουν με 4. 462 00:26:08,310 --> 00:26:09,680 >> ΚΟΙΝΟ: 404. 463 00:26:09,680 --> 00:26:11,310 >> ALLISON BUCHHOLTZ-AU: 404, το οποίο είναι; 464 00:26:11,310 --> 00:26:12,140 >> ΚΟΙΝΟ: Το αρχείο δεν βρέθηκε; 465 00:26:12,140 --> 00:26:13,250 >> ALLISON BUCHHOLTZ-ΑΕ: Το αρχείο δεν βρέθηκε. 466 00:26:13,250 --> 00:26:14,120 Ακριβώς. 467 00:26:14,120 --> 00:26:15,587 Έτσι τι γίνεται με 403; 468 00:26:15,587 --> 00:26:16,420 ΚΟΙΝΟ: Απαγορευμένη. 469 00:26:16,420 --> 00:26:17,120 ALLISON BUCHHOLTZ-AU: Απαγορευμένη. 470 00:26:17,120 --> 00:26:18,695 Λοιπόν, τι νομίζεις αυτό σημαίνει ότι με chmods; 471 00:26:18,695 --> 00:26:20,890 >> ΚΟΙΝΟ: Αυτό σημαίνει ότι θα Δεν έχετε άδεια για να το διαβάσετε. 472 00:26:20,890 --> 00:26:22,400 >> ALLISON BUCHHOLTZ-AU: Ακριβώς. 473 00:26:22,400 --> 00:26:25,190 Κατά κάποιο τρόπο, δεν έχετε την άδεια να έχουν πρόσβαση, σωστά; 474 00:26:25,190 --> 00:26:27,242 Έτσι, 404, 403. 475 00:26:27,242 --> 00:26:28,950 Υπάρχει ένα πραγματικά αστείο Ένα ταξίδι που πάντα 476 00:26:28,950 --> 00:26:31,116 εισάγει κάθε χρόνο Θα έπρεπε να είχα βάλει εδώ, 477 00:26:31,116 --> 00:26:33,370 όπως το 413, το οποίο είναι ότι είμαι μια τσαγιέρα. 478 00:26:33,370 --> 00:26:34,390 Μπορείτε να google αυτό. 479 00:26:34,390 --> 00:26:38,490 Είναι αστείο, όπως, ότι είναι κώδικας 413 και είναι είμαι τσαγιέρα. 480 00:26:38,490 --> 00:26:41,240 Ποιο Δεν ξέρω για ποιο λόγο θα χρειαστεί ποτέ ότι στο διαδίκτυο, 481 00:26:41,240 --> 00:26:42,935 αλλά εγώ παρεκκλίνω. 482 00:26:42,935 --> 00:26:44,310 ΚΟΙΝΟ: Ίσως είστε ένα τσάι κατσαρόλα. 483 00:26:44,310 --> 00:26:46,476 ALLISON BUCHHOLTZ-AU: Ίσως ο διακομιστής είναι ένα τσάι κατσαρόλα. 484 00:26:46,476 --> 00:26:47,890 Ποιος ξέρει; 485 00:26:47,890 --> 00:26:51,840 Εντάξει, έτσι είμαστε έτοιμοι να μετάβαση σε πραγματικό κωδικοποίηση. 486 00:26:51,840 --> 00:26:54,750 Νιώθω σαν εσείς πρόκειται να βγούμε από εδώ αρκετά γρήγορα. 487 00:26:54,750 --> 00:26:56,940 >> ΚΟΙΝΟ: Γιατί το κάνει λένε "διακομιστής: δύο φορές; 488 00:26:56,940 --> 00:26:57,981 >> ALLISON BUCHHOLTZ-AU: Χμ; 489 00:26:57,981 --> 00:27:00,350 Διακομιστή δύο φορές; 490 00:27:00,350 --> 00:27:03,750 Αυτό είναι μια καλή ερώτηση. 491 00:27:03,750 --> 00:27:04,630 Δεν είμαι σίγουρος. 492 00:27:04,630 --> 00:27:07,520 Θα μάθετε και Θα σας όλα τα email. 493 00:27:07,520 --> 00:27:11,410 >> Εντάξει, οποιαδήποτε άλλα θέματα εκτός από αυτό; 494 00:27:11,410 --> 00:27:12,310 Καλό; 495 00:27:12,310 --> 00:27:14,390 Cool. 496 00:27:14,390 --> 00:27:17,280 >> HTML και CSS, και τώρα είμαστε φτάσετε σε όλα τα μέρη διασκέδασης. 497 00:27:17,280 --> 00:27:21,697 Έτσι, όπως ανέφερα και πριν, HTML Είναι ίσως ένα από τα πράγματα 498 00:27:21,697 --> 00:27:23,030 εσείς είστε πιο εξοικειωμένοι με. 499 00:27:23,030 --> 00:27:25,760 Έτσι έχουμε HyperText Markup Language. 500 00:27:25,760 --> 00:27:29,900 >> Ο καλύτερος τρόπος για να μάθετε this-- εγώ δεν κάνω υπάρχουν έτοιμες διαφάνειες ή τίποτα 501 00:27:29,900 --> 00:27:31,480 για σας παιδιά με HTML. 502 00:27:31,480 --> 00:27:33,640 Είναι πραγματικά για την εκμάθηση της σύνταξης. 503 00:27:33,640 --> 00:27:38,380 Και αν ήταν στο MySpace ημέρα, θα έχετε αυτό κάτω. 504 00:27:38,380 --> 00:27:42,790 >> Έτσι, στην πραγματικότητα, το μεγαλύτερο πράγμα είναι απλά για να εξασκηθείτε και να πειραματιστούν. 505 00:27:42,790 --> 00:27:48,000 Ένας από τους μεγάλους πόρους που θα συνιστούμε τη χρήση είναι W3Schools. 506 00:27:48,000 --> 00:27:50,620 Έτσι ακριβώς W, 3, και στη συνέχεια Σχολεία. 507 00:27:50,620 --> 00:27:54,810 Έχουν πολλά πόρους για HTML, CSS για, 508 00:27:54,810 --> 00:27:58,970 και έχουν πραγματικά μια διάσπαση είδος οθόνης του πράγματος 509 00:27:58,970 --> 00:28:00,830 όπου θα σας δώσουν το παράδειγμα κώδικα. 510 00:28:00,830 --> 00:28:03,290 Μπορείτε να παιδεύεστε με αυτό, αλλάξετε και πατήστε Ενημέρωση, 511 00:28:03,290 --> 00:28:06,410 και αυτό θα σας δείξει τι στην πραγματικότητα κάνει την ιστοσελίδα. 512 00:28:06,410 --> 00:28:08,380 >> Γι 'αυτό και θα το συνιστούσα ανεπιφύλακτα τη χρήση αυτού. 513 00:28:08,380 --> 00:28:11,300 Είναι αρκετά δροσερό. 514 00:28:11,300 --> 00:28:14,560 Δεν θα πάρετε SEG σφάλματα εδώ, όταν τα πράγματα πάνε στραβά. 515 00:28:14,560 --> 00:28:16,430 Αν καταφέρετε να πάρετε ένα σφάλμα SEG με την HTML, 516 00:28:16,430 --> 00:28:19,446 δεν επιτρέψτε μου να ξέρω γιατί είμαι πρόκειται να είναι πραγματικό κέντρισε το ενδιαφέρον. 517 00:28:19,446 --> 00:28:21,570 Αλλά είναι πραγματικά δροσερό, επειδή μπορείτε να αλλάξετε τα πράγματα, 518 00:28:21,570 --> 00:28:23,550 μπορείτε να δείτε τους ενημερώνονται ζωντανά. 519 00:28:23,550 --> 00:28:26,210 Και νομίζω ότι θα πάρετε μια πολύ πιο διαισθητική κατανόηση της HTML 520 00:28:26,210 --> 00:28:28,690 αν στην πραγματικότητα μόλις περάσουν μερικά χρόνο πειραματίζονται με αυτό. 521 00:28:28,690 --> 00:28:32,590 Έτσι, γι 'αυτό είπα, πρακτική και το πείραμα. 522 00:28:32,590 --> 00:28:34,490 >> Η Google, από εδώ και στο έξω, θα είναι πιθανώς 523 00:28:34,490 --> 00:28:36,440 ένας από τους καλύτερους πόρους και τους φίλους σας. 524 00:28:36,440 --> 00:28:41,080 Ή Bing-- Δουλεύω στη Microsoft, οπότε ίσως θα έπρεπε να πω το Bing. 525 00:28:41,080 --> 00:28:45,590 Αλλά λίγο πολύ τίποτα είναι ακριβώς πρόκειται να είναι η σύνταξη, 526 00:28:45,590 --> 00:28:51,300 έτσι ώστε να κατανοήσει τι είναι οι ετικέτες, understanding-- τουλάχιστον με CSS-- 527 00:28:51,300 --> 00:28:53,360 πώς μπορείτε να αλλάξετε ορισμένα χαρακτηριστικά. 528 00:28:53,360 --> 00:28:55,300 Θα είναι εξαιρετικά χρήσιμη. 529 00:28:55,300 --> 00:28:58,852 >> Έτσι, ακόμα κι αν δεν το κάνουμε υπάρχουν έτοιμες πράγματα, 530 00:28:58,852 --> 00:29:02,060 Έχουμε το είδος της μερικές βέλτιστες πρακτικές ότι θέλουμε εσείς να δοκιμάσετε και να τηρούν 531 00:29:02,060 --> 00:29:06,640 by-- ή μάλλον, θα πρέπει να τηρήσουν μέχρι νεωτέρας. 532 00:29:06,640 --> 00:29:09,722 Έτσι, κλείστε όλες τις ετικέτες σας. 533 00:29:09,722 --> 00:29:12,930 Ας ελπίσουμε ότι ο καθένας has-- ξέρετε τι, αν αυτό δεν έχει νόημα αυτή τη στιγμή, 534 00:29:12,930 --> 00:29:15,388 Υπόσχομαι ότι θα έχει νόημα όταν είμαστε κωδικοποίησαν τη σελίδα. 535 00:29:15,388 --> 00:29:16,680 Αλλά κλείσετε όλες τις ετικέτες σας. 536 00:29:16,680 --> 00:29:20,410 Έτσι, αν έχετε ποτέ κάποια κεφαλίδα που είναι στήριγμα, 537 00:29:20,410 --> 00:29:24,180 Η1, βραχίονα, βεβαιωθείτε ότι όταν τελειώσετε με αυτό, 538 00:29:24,180 --> 00:29:26,570 μπορείτε να κλείσετε αυτό το header. 539 00:29:26,570 --> 00:29:30,260 Επικύρωση της σελίδας σας με το W3 επικύρωσης. 540 00:29:30,260 --> 00:29:34,689 Εάν δεν μπορείτε να κλείσετε τις ετικέτες σας, μπορείτε να πάρετε απροσδόκητη συμπεριφορά. 541 00:29:34,689 --> 00:29:37,730 Θα έλεγα ότι η σελίδα σας δεν είναι έγκυρο αν το τρέξετε μέσω αυτής της επικύρωσης. 542 00:29:37,730 --> 00:29:41,000 Έτσι, όταν σε doubt-- και ειδικά για αυτή την εβδομάδα και την επόμενη εβδομάδα 543 00:29:41,000 --> 00:29:46,220 pset-- με τον ίδιο τρόπο που ζητάμε μπορείτε να χρησιμοποιήσετε ελέγξετε 50 και το στυλ 50, 544 00:29:46,220 --> 00:29:49,130 θα μπορούσατε να σκεφτείτε αυτό ως ένας από τους ελέγχους σας, εντάξει; 545 00:29:49,130 --> 00:29:51,950 >> Έτσι, αν δεν περάσει το W3 επικύρωσης. 546 00:29:51,950 --> 00:29:53,810 Αυτό είναι κάτι που θα σας δέσει για. 547 00:29:53,810 --> 00:29:55,960 Ή εγώ σας λέω σωστά τώρα, εγώ θα σας δέσει για. 548 00:29:55,960 --> 00:29:58,202 Έτσι, βεβαιωθείτε ότι επικυρώνει. 549 00:29:58,202 --> 00:29:58,785 Δεν είναι δύσκολο. 550 00:29:58,785 --> 00:30:01,530 Μπορείτε απλά να επικολλήσετε στον κώδικά σας και είτε θα πει καλή δουλειά 551 00:30:01,530 --> 00:30:03,630 ή χάνετε κάτι με τον ίδιο τρόπο 552 00:30:03,630 --> 00:30:07,760 ότι το στυλ 50 σας λέει όπου είστε μπέρδεμα πάνω. 553 00:30:07,760 --> 00:30:11,360 >> Και στη συνέχεια, ένα τελευταίο πράγμα είναι που θέλετε να διαχωρίσετε 554 00:30:11,360 --> 00:30:15,980 σήμανσης σας, η οποία είναι ότι η HTML ή το κείμενό σας, και το styling σας. 555 00:30:15,980 --> 00:30:19,420 Έτσι θα κάνουμε ένα παράδειγμα του δικαιώματος αυτού μετά από αυτό. 556 00:30:19,420 --> 00:30:21,830 Έτσι, HTML και CSS πρέπει να είναι ξεχωριστό. 557 00:30:21,830 --> 00:30:26,030 Και θα πάμε να μιλάμε για MVC, η οποία είναι μοντέλο Προβολή ελεγκτή, 558 00:30:26,030 --> 00:30:27,100 την επόμενη εβδομάδα. 559 00:30:27,100 --> 00:30:29,360 Εσείς θα πρέπει πιθανώς μάθετε ότι σε διάλεξη 560 00:30:29,360 --> 00:30:32,130 αύριο, αν είχατε ήδη μάθει σήμερα. 561 00:30:32,130 --> 00:30:34,250 >> Και αυτό είναι ακριβώς το είδος του ένα παράδειγμα που έχουμε την τάση 562 00:30:34,250 --> 00:30:37,460 για να χρησιμοποιήσετε κατά τη δημιουργία ιστοσελίδων σελίδες για να διαχωρίσετε τα πράγματα έξω. 563 00:30:37,460 --> 00:30:41,440 Μπορείτε να σκεφτείτε ότι με τον ίδιο τρόπο ότι έχουμε την τάση να ξεχωριστές λειτουργίες σε C 564 00:30:41,440 --> 00:30:43,360 όπου hash για να βρείτε τα πράγματα. 565 00:30:43,360 --> 00:30:45,530 Είναι απλά ένας τρόπος για να κάνουν τη ζωή σας πιο εύκολη. 566 00:30:45,530 --> 00:30:51,790 Χωρίζει τις ιδιότητες ή κωδικό που θα πρέπει να χρησιμοποιούν ξανά και ξανά, 567 00:30:51,790 --> 00:30:55,360 αλλά με αυτόν τον τρόπο, αυτό το είδος του κρατά το ωραίο και τακτοποιημένο. 568 00:30:55,360 --> 00:30:58,260 Και αν θέλετε να αλλάξετε ένα πράγμα, μπορείτε να το αλλάξετε μια φορά 569 00:30:58,260 --> 00:31:00,150 και έχει αλλάξει οπουδήποτε αλλού. 570 00:31:00,150 --> 00:31:05,010 Έτσι είναι περισσότερο για σας την ευκολία και την ευελιξία. 571 00:31:05,010 --> 00:31:11,430 >> Έτσι, με το CSS, είναι πολύ παρόμοια σε HTML, αλλά αντί για ετικέτες 572 00:31:11,430 --> 00:31:15,120 που ανέφερα μόλις τώρα, εμείς χρησιμοποιούν αυτό που ονομάζεται επιλογείς. 573 00:31:15,120 --> 00:31:21,900 Και βασικά ακριβώς το είδος της συνδέουν ένα συγκεκριμένο tag 574 00:31:21,900 --> 00:31:24,620 σε HTML με διαφορετικά χαρακτηριστικά. 575 00:31:24,620 --> 00:31:29,060 Και όταν λέω χαρακτηριστικά, εννοώ πράγματα όπως το χρώμα της γραμματοσειράς, στυλ γραμματοσειράς, 576 00:31:29,060 --> 00:31:32,694 το χρώμα του φόντου, το χρώμα του κειμένου σας. 577 00:31:32,694 --> 00:31:33,610 Αυτά τα είδη των πραγμάτων. 578 00:31:33,610 --> 00:31:36,270 Όπως και αν είναι στο κέντρο, αν είναι ανοικτά προς τα δεξιά, 579 00:31:36,270 --> 00:31:39,430 αν είναι inverted-- όλα από αυτά τα δροσερά πράγματα. 580 00:31:39,430 --> 00:31:42,490 Όλες οι στυλιστικές πράγματα ότι μπορείτε να κάνετε για να το κείμενο σας, 581 00:31:42,490 --> 00:31:45,070 Αυτό είναι τι εννοώ με χαρακτηριστικά. 582 00:31:45,070 --> 00:31:50,140 >> Και στη συνέχεια, δύο κύρια πράγματα που πρέπει να ξέρετε είναι ότι selectors-- δύο από τα κύρια factors-- 583 00:31:50,140 --> 00:31:53,090 είναι αναγνωριστικό, το οποίο είναι μοναδικό. 584 00:31:53,090 --> 00:31:54,859 Μπορείτε να χρησιμοποιήσετε μόνο για ένα πράγμα. 585 00:31:54,859 --> 00:31:56,400 Διαφορετικά, πρόκειται να φωνάζω σε σας. 586 00:31:56,400 --> 00:31:59,970 Και όταν θα το καθορίσουν σε ένα αρχείο CSS, θα 587 00:31:59,970 --> 00:32:03,182 να hash ταυτότητας και, στη συνέχεια, τι χαρακτηριστικά θέλουμε. 588 00:32:03,182 --> 00:32:05,140 Υπόσχομαι θα πάμε να περάσουν από ένα παράδειγμα. 589 00:32:05,140 --> 00:32:06,830 Θα κάνει πολύ πιο λογικό. 590 00:32:06,830 --> 00:32:08,830 >> Class μπορούν να αναφέρονται σε πολλαπλά μπλοκ. 591 00:32:08,830 --> 00:32:13,400 Έτσι μπορείτε να έχετε σας πρώτο και τρίτο εδάφιο 592 00:32:13,400 --> 00:32:17,240 έχουν το ίδιο είδος των χαρακτηριστικών αν μπορείτε να τους συνδέουν με την ίδια κατηγορία. 593 00:32:17,240 --> 00:32:21,050 Και όταν εμείς τους ορίζουν σε CSS, κάνουμε μια τάξη τελεία, 594 00:32:21,050 --> 00:32:25,710 με την κατηγορία ότι είναι ανεξάρτητα θέλετε να ονομαστεί. 595 00:32:25,710 --> 00:32:28,559 >> Έτσι ξέρω ότι αυτό είναι σωστό τώρα πολύ αφηρημένη. 596 00:32:28,559 --> 00:32:29,850 Γι 'αυτό θα πάμε να κώδικα. 597 00:32:29,850 --> 00:32:32,060 Ξέρω ότι εσείς αγαπάτε ότι, και όλοι είναι 598 00:32:32,060 --> 00:32:34,210 πρόκειται να με βοηθήσει, γιατί Αυτή είναι η ιστοσελίδα σας. 599 00:32:34,210 --> 00:32:36,310 Αυτή είναι η ιστοσελίδα του τμήματος μας, παιδιά. 600 00:32:36,310 --> 00:32:40,158 Έτσι υπάρχουν οποιεσδήποτε ερωτήσεις πριν απενεργοποιήσετε το PowerPoint, ή οτιδήποτε 601 00:32:40,158 --> 00:32:42,366 Θέλεις να μετακινηθείτε προς τα πίσω με πριν αρχίσουμε την κωδικοποίηση; 602 00:32:42,366 --> 00:32:45,074 >> ΚΟΙΝΟ: Όταν λέτε ετικέτες αγώνα, εννοείς επιλογείς ή ετικέτες; 603 00:32:45,074 --> 00:32:50,427 604 00:32:50,427 --> 00:32:53,010 ALLISON BUCHHOLTZ-AU: Μπορείτε να σκεφτείτε τους ως το ίδιο πράγμα. 605 00:32:53,010 --> 00:32:54,590 Είναι απλά διαφορετικές λέξεις. 606 00:32:54,590 --> 00:32:56,460 Θέλω να πω, όπως επιλογείς. 607 00:32:56,460 --> 00:32:59,470 Αλλά επιλογείς χάρτη επίσης σε ετικέτες. 608 00:32:59,470 --> 00:33:02,800 Έτσι, μπορείτε να σκεφτείτε τους ως ουσιαστικά το ίδιο πράγμα. 609 00:33:02,800 --> 00:33:05,900 Υπόσχομαι ότι πρόκειται να κάνουν περισσότερο νόημα όταν κωδικοποιούμε. 610 00:33:05,900 --> 00:33:08,400 Οτιδήποτε από το PowerPoint ή οποιεσδήποτε ερωτήσεις 611 00:33:08,400 --> 00:33:12,980 τώρα πριν μας πραγματικότητα δημιουργία της σελίδας τμήμα μας; 612 00:33:12,980 --> 00:33:15,040 Όλοι έτοιμοι; 613 00:33:15,040 --> 00:33:15,540 Cool. 614 00:33:15,540 --> 00:33:19,820 615 00:33:19,820 --> 00:33:24,760 >> Έτσι έχω ένα ξεκίνησε. 616 00:33:24,760 --> 00:33:27,030 Επιτρέψτε μου να αυξήσει τη γραμματοσειρά για σας παιδιά. 617 00:33:27,030 --> 00:33:29,810 618 00:33:29,810 --> 00:33:36,730 Εντάξει, έτσι τώρα, έχουμε μόνο ένα γυμνά κόκαλα ιστοσελίδα εδώ. 619 00:33:36,730 --> 00:33:38,360 >> Έχουμε κάποια HTML. 620 00:33:38,360 --> 00:33:41,050 Έχουμε κάποια επιγραφή, η οποία μας δείτε εδώ ως παράδειγμα ιστοσελίδας. 621 00:33:41,050 --> 00:33:44,540 Μερικά τίτλο, κάποια γραμματοσειρά. 622 00:33:44,540 --> 00:33:47,580 Αυτά είναι ετικέτες, εντάξει; 623 00:33:47,580 --> 00:33:53,930 Έτσι, όταν εννοώ να κλείσετε τις ετικέτες σας, βλέπουμε εδώ αυτό το κεφάλι βραχίονα είναι το άνοιγμα σας 624 00:33:53,930 --> 00:33:59,670 ετικέτα, και αυτό το στήριγμα / Κεφαλή είναι το κλείσιμο, εντάξει; 625 00:33:59,670 --> 00:34:04,380 >> Έτσι θα μπορούσατε να σκεφτείτε αυτό ως τιράντες σας σε περίπτωση που οι συνθήκες σας 626 00:34:04,380 --> 00:34:05,420 ή σας για βρόχους. 627 00:34:05,420 --> 00:34:08,630 Εάν έχετε ένα στην αρχή, θέλετε ένα στο τέλος. 628 00:34:08,630 --> 00:34:13,500 Θα εξακολουθούν να εργάζονται τις περισσότερες φορές αν δεν έχετε ένα κλειστό ετικέτα, 629 00:34:13,500 --> 00:34:17,659 αλλά η καλύτερη πρακτική είναι να κλείσετε τις ετικέτες σας. 630 00:34:17,659 --> 00:34:20,940 >> Έτσι, σε αυτή την περίπτωση, ας αλλάξουμε αυτό. 631 00:34:20,940 --> 00:34:24,150 Εμείς πάμε για να έχουμε ενότητα επτά. 632 00:34:24,150 --> 00:34:25,270 "Ενότητα Ιστοσελίδα." 633 00:34:25,270 --> 00:34:26,969 Έτσι, είμαι απλώς πρόκειται να αλλάξει αυτό. 634 00:34:26,969 --> 00:34:32,100 >> Και αν πάμε εδώ και εμείς reload-- gotta να αποθηκεύσετε και να reload-- 635 00:34:32,100 --> 00:34:36,750 παρατηρούμε ότι μέχρι εδώ άλλαξε, σωστά; 636 00:34:36,750 --> 00:34:38,250 Cool. 637 00:34:38,250 --> 00:34:39,380 Έτσι, αυτό αλλάζει τον τίτλο. 638 00:34:39,380 --> 00:34:41,920 Αυτό είναι ό, τι βρίσκεται στην καρτέλα σας. 639 00:34:41,920 --> 00:34:43,870 >> Έτσι, αυτό είναι το είδος του ψάχνει κάπως βαρετή. 640 00:34:43,870 --> 00:34:44,870 Δεν ξέρω για παιδιά. 641 00:34:44,870 --> 00:34:46,810 Νομίζω ότι θέλουμε κάτι άλλο εδώ. 642 00:34:46,810 --> 00:34:51,900 >> Έτσι, αυτό που μπορούμε να κάνουμε είναι η κεφαλίδα είναι ακριβώς εκεί. 643 00:34:51,900 --> 00:34:54,320 Ας κάνουμε κάποιο είδος του σώματος. 644 00:34:54,320 --> 00:34:56,550 Έτσι έχουμε κάποιο σώμα εδώ. 645 00:34:56,550 --> 00:35:01,360 Κάνω πάντα ανοιχτή και κλείστε ετικέτες μου για να ξεκινήσει, 646 00:35:01,360 --> 00:35:04,850 με τον ίδιο τρόπο που το κάνω τιράντες. 647 00:35:04,850 --> 00:35:06,326 Αχ. 648 00:35:06,326 --> 00:35:09,010 Περιμένετε, τι; 649 00:35:09,010 --> 00:35:10,949 >> ΚΟΙΝΟ: [δεν ακούγεται]. 650 00:35:10,949 --> 00:35:11,990 ALLISON BUCHHOLTZ-AU: Αχ. 651 00:35:11,990 --> 00:35:13,895 Εσείς μου πήρε. 652 00:35:13,895 --> 00:35:14,930 Καλή δουλειά. 653 00:35:14,930 --> 00:35:16,270 Χρυσό αστέρι. 654 00:35:16,270 --> 00:35:20,300 >> Εντάξει, έτσι έχουμε κάποια σώμα εδώ. 655 00:35:20,300 --> 00:35:22,920 Και τώρα ας αρχίσουμε να προσθέτουμε κάποιο κείμενο. 656 00:35:22,920 --> 00:35:26,110 Έτσι έχετε ένα ζευγάρι διαφορετικό επιλογές για την προσθήκη κειμένου. 657 00:35:26,110 --> 00:35:29,380 Έχουμε πράγματα όπως κεφαλίδες. 658 00:35:29,380 --> 00:35:32,144 Έχουμε ακριβώς κανονικό κείμενο. 659 00:35:32,144 --> 00:35:33,560 Οπότε ας ξεκινήσουμε με μια κεφαλίδα. 660 00:35:33,560 --> 00:35:36,670 Στην πραγματικότητα, αν εσείς θέλετε να σηκώσει HTML W3 Σχολής, 661 00:35:36,670 --> 00:35:38,860 μπορείτε να το είδος κοιτάξουμε γύρω μας και αν υπάρχει κάτι 662 00:35:38,860 --> 00:35:42,470 ιδιαίτερα ότι θέλετε να δοκιμάσετε με αυτή την ιστοσελίδα, μπορούμε να το κάνουμε αυτό. 663 00:35:42,470 --> 00:35:46,250 Έτσι, σε αυτή την περίπτωση, ας κάνει κάποια h1. 664 00:35:46,250 --> 00:35:48,710 Έτσι h1 είναι σαν το υψηλότερο κεφαλίδα. 665 00:35:48,710 --> 00:35:52,260 Θα σας δώσει κάτι ότι είναι πολύ μεγάλο και τολμηρό. 666 00:35:52,260 --> 00:35:58,010 >> Και σε αυτή την περίπτωση, αυτό που θέλουμε για το πρώτο κείμενο για την ιστοσελίδα μας; 667 00:35:58,010 --> 00:35:58,640 Οτιδήποτε. 668 00:35:58,640 --> 00:35:59,800 Οι Εσείς πρόκειται να δημιουργήσει αυτό. 669 00:35:59,800 --> 00:36:00,758 Είμαι ακριβώς πρόκειται να πληκτρολογείτε. 670 00:36:00,758 --> 00:36:01,620 ΚΟΙΝΟ: Καλώς ήρθατε. 671 00:36:01,620 --> 00:36:02,870 >> ALLISON BUCHHOLTZ-AU: Καλώς ήρθατε. 672 00:36:02,870 --> 00:36:06,660 673 00:36:06,660 --> 00:36:12,620 Εντάξει, οπότε αν έχουμε να αποθηκεύσετε και να φορτώσετε εκ νέου, έχουμε ένα μεγάλο μεγάλο καλωσόρισμα. 674 00:36:12,620 --> 00:36:17,365 Έτσι ακριβώς έτσι μπορείτε να δείτε το διαφορές, ας κάνουμε κάτι για Η6. 675 00:36:17,365 --> 00:36:18,490 Τι θέλουμε εδώ; 676 00:36:18,490 --> 00:36:24,951 677 00:36:24,951 --> 00:36:27,440 Σωστά; 678 00:36:27,440 --> 00:36:30,356 >> Εντάξει, έτσι ακριβώς έτσι μπορείτε να δείτε τη διαφορά. 679 00:36:30,356 --> 00:36:31,990 Ναι, Sublime. 680 00:36:31,990 --> 00:36:34,680 Έτσι, αν παρατηρήσετε, h1, πολύ, πολύ μεγάλο. 681 00:36:34,680 --> 00:36:39,030 Η6, όπως τολμηρή, αλλά πολύ μικρότερη, και έχετε πάντα στο μεταξύ. 682 00:36:39,030 --> 00:36:41,550 Έτσι, θα μπορούσατε να έχετε Η2, Η3, Η4. 683 00:36:41,550 --> 00:36:43,750 Και αυτά είναι μόνο κεφαλίδες, οπότε αν προσπαθείτε 684 00:36:43,750 --> 00:36:46,010 να δημιουργήσει μια ιστοσελίδα που έχει διαφορετικά τμήματα, 685 00:36:46,010 --> 00:36:48,810 ίσως θέλετε να χρησιμοποιήσετε κεφαλίδες εκεί κάπου. 686 00:36:48,810 --> 00:36:49,580 >> Cool. 687 00:36:49,580 --> 00:36:53,270 Έτσι θα προσθέσουμε λίγο περισσότερο τα πράγματα στο σώμα μας. 688 00:36:53,270 --> 00:36:58,380 Βλέπω ότι θα ήταν το είδος δροσερό, αν είχαμε μια εικόνα. 689 00:36:58,380 --> 00:37:02,840 Νιώθω σαν ο καθένας θα μπορούσε να χρησιμοποιήσει ίσως μια χαριτωμένη εικόνα λαγουδάκι δεξιά για τώρα, 690 00:37:02,840 --> 00:37:05,082 έτσι θα πάμε να βρούμε μια εικόνα λαγουδάκι πρώτα. 691 00:37:05,082 --> 00:37:10,010 692 00:37:10,010 --> 00:37:12,960 >> Δεν ξέρω εάν εσείς έχετε οποιεσδήποτε προτιμήσεις για τα οποία το ένα θέλουμε. 693 00:37:12,960 --> 00:37:14,890 Έχετε κάποιες προτιμήσεις; 694 00:37:14,890 --> 00:37:15,925 Αυτός εδώ; 695 00:37:15,925 --> 00:37:17,160 Down. 696 00:37:17,160 --> 00:37:17,750 ΟΚ. 697 00:37:17,750 --> 00:37:18,760 Εκείνο το ένα είναι. 698 00:37:18,760 --> 00:37:20,080 Καλές επιλογές. 699 00:37:20,080 --> 00:37:21,850 >> Εντάξει, έτσι θα πάμε για να δείτε την εικόνα μας. 700 00:37:21,850 --> 00:37:22,920 Κοίτα αυτό. 701 00:37:22,920 --> 00:37:24,250 Κοίτα αυτό το αξιολάτρευτο πράγμα. 702 00:37:24,250 --> 00:37:27,080 Πώς θα μπορούσες να είσαι λυπημένος τη Δευτέρα με αυτό; 703 00:37:27,080 --> 00:37:30,180 >> Έτσι, είμαστε ακριβώς πρόκειται για να αντιγράψετε το URL της εικόνας. 704 00:37:30,180 --> 00:37:38,720 Και αυτό που θέλουμε να κάνουμε είναι, ας ότι έχουμε κάποια σ για παραγράφου. 705 00:37:38,720 --> 00:37:41,140 Εμείς πάμε για να πει "Κοίτα δείτε το χαριτωμένο λαγουδάκι. 706 00:37:41,140 --> 00:37:44,130 d'awwww. " 707 00:37:44,130 --> 00:37:44,880 Αγαπώ κουνελάκια μου. 708 00:37:44,880 --> 00:37:45,838 Έχω ένα λαγουδάκι στο σπίτι. 709 00:37:45,838 --> 00:37:48,085 Μου λείπει λαγουδάκι μου. 710 00:37:48,085 --> 00:37:50,460 Λοιπόν, τι θα πάμε να do-- Δεν ξέρω αν εσείς θέλετε 711 00:37:50,460 --> 00:37:55,970 στο google this-- αλλά με την HTML, πώς αυτό μπορεί να περιλαμβάνει μια εικόνα; 712 00:37:55,970 --> 00:37:58,355 Κυριολεκτικά, αν google "Περιλαμβάνουν εικόνα HTML," 713 00:37:58,355 --> 00:38:00,480 γιατί δεν σας παιδιά μου πείτε τι αυτή η ετικέτα θα πρέπει να είναι; 714 00:38:00,480 --> 00:38:05,150 715 00:38:05,150 --> 00:38:06,290 >> ΚΟΙΝΟ: img source-- 716 00:38:06,290 --> 00:38:07,767 >> ALLISON BUCHHOLTZ-AU: img source-- 717 00:38:07,767 --> 00:38:08,600 ΚΟΙΝΟ: --equals-- 718 00:38:08,600 --> 00:38:09,000 ALLISON BUCHHOLTZ-AU: --equals-- 719 00:38:09,000 --> 00:38:10,181 ΚΟΙΝΟ: --quote-- ναι. 720 00:38:10,181 --> 00:38:11,430 ALLISON BUCHHOLTZ-AU: Τέλεια. 721 00:38:11,430 --> 00:38:12,090 Υπέροχο. 722 00:38:12,090 --> 00:38:15,470 Βλέπε, γενιά του MySpace, σωστά; 723 00:38:15,470 --> 00:38:16,220 ΚΟΙΝΟ: Neopets. 724 00:38:16,220 --> 00:38:17,470 ALLISON BUCHHOLTZ-AU: Neopets. 725 00:38:17,470 --> 00:38:18,950 Ω, εντάξει. 726 00:38:18,950 --> 00:38:20,200 Πω πω. 727 00:38:20,200 --> 00:38:21,260 Ήταν τρελό. 728 00:38:21,260 --> 00:38:23,120 ΟΚ. 729 00:38:23,120 --> 00:38:25,600 >> Έτσι, βεβαιωθείτε ότι έχω αυτό το δικαίωμα. 730 00:38:25,600 --> 00:38:26,100 Cool. 731 00:38:26,100 --> 00:38:27,750 Έτσι, αυτό θα πρέπει να είναι εδώ. 732 00:38:27,750 --> 00:38:34,146 Και στη συνέχεια, αν φορτώσετε εκ νέου, έχουμε μας λαγουδάκι στην σελίδα δεν είναι αυτό το αξιολάτρευτο; 733 00:38:34,146 --> 00:38:35,030 >> Αυτό είναι τόσο χαριτωμένα. 734 00:38:35,030 --> 00:38:36,860 Επιλέξατε μια μεγάλη, μεγάλη φωτογραφία. 735 00:38:36,860 --> 00:38:38,180 Είμαι το σκάψιμο. 736 00:38:38,180 --> 00:38:41,350 >> Εντάξει, έτσι έχουμε αυτό το αξιολάτρευτο λαγουδάκι τώρα. 737 00:38:41,350 --> 00:38:44,590 Ήμασταν σε θέση να προσθέσετε ένα εικόνα, έτσι απλά. 738 00:38:44,590 --> 00:38:47,550 Έτσι, βασικά, αν υπάρχει οποιαδήποτε εικόνα που θέλετε να προσθέσετε στην ιστοσελίδα σας, 739 00:38:47,550 --> 00:38:49,430 μπορείτε να προσθέσετε ακριβώς όπως αυτό. 740 00:38:49,430 --> 00:38:52,910 Ένα άλλο πράγμα που θα ήταν αν έχετε αποθηκεύσει την εικόνα 741 00:38:52,910 --> 00:38:55,670 στον ίδιο φάκελο Αυτό το αρχείο, μπορείτε απλά 742 00:38:55,670 --> 00:38:59,595 γράψετε ό, τι το όνομα αυτής της εικόνας είναι αντί να έχουν ένα σύνδεσμο ιστού. 743 00:38:59,595 --> 00:39:01,010 >> Θα εξακολουθεί να είναι σε εισαγωγικά. 744 00:39:01,010 --> 00:39:03,700 Θα ήταν ακριβώς σαν να αν είχαμε το όνομά this-- 745 00:39:03,700 --> 00:39:06,695 αν αυτή η εικόνα είχε σωθεί στο φάκελο με αυτό το αρχείο HTML 746 00:39:06,695 --> 00:39:08,570 ότι είμαι επεξεργασία και ονομαζόταν bunny.jpg. 747 00:39:08,570 --> 00:39:11,289 748 00:39:11,289 --> 00:39:13,080 Θα μπορούσαμε επίσης να κάνουμε ότι και αυτό θα εμφανιστεί. 749 00:39:13,080 --> 00:39:16,600 Ωστόσο, δεν έχω αυτό αποθηκεύεται σε το αρχείο και θέλω να κρατήσει το λαγουδάκι, 750 00:39:16,600 --> 00:39:18,092 έτσι θα πάμε να κρατήσει το σύνδεσμο. 751 00:39:18,092 --> 00:39:20,720 >> ΚΟΙΝΟ: Τι είναι rabbit.org; 752 00:39:20,720 --> 00:39:22,980 >> ALLISON BUCHHOLTZ-AU: rabbit.org. 753 00:39:22,980 --> 00:39:25,170 Είναι μια appropriate-- κοίτα, μπορείτε να το υιοθετήσουν. 754 00:39:25,170 --> 00:39:25,770 Έκδοση. 755 00:39:25,770 --> 00:39:27,690 bunny.jpg. 756 00:39:27,690 --> 00:39:29,190 Θέλω να υιοθετήσουν αυτό το λαγουδάκι. 757 00:39:29,190 --> 00:39:31,180 Θεέ μου, είναι τόσο χαριτωμένα. 758 00:39:31,180 --> 00:39:34,230 >> Εντάξει, έτσι έχουμε προσθέσει κεφαλίδες. 759 00:39:34,230 --> 00:39:35,500 Προσθέσαμε μια εικόνα. 760 00:39:35,500 --> 00:39:37,760 Προφανώς, προσθέσαμε κάποιο κείμενο εδώ, σωστά; 761 00:39:37,760 --> 00:39:40,920 Αν θέλαμε να προσθέσουμε και άλλα κείμενα, είχαμε πάει σαν αυτό. 762 00:39:40,920 --> 00:39:43,760 Έτσι, αυτό είναι μια άλλη παράγραφο. 763 00:39:43,760 --> 00:39:49,070 >> Και λέμε «αυτό είναι μια άλλη παράγραφο." 764 00:39:49,070 --> 00:39:52,510 Επίσης, είμαι μια φρικτή ορθογράφος, γι 'αυτό μπορεί λανθασμένα πράγματα. 765 00:39:52,510 --> 00:39:54,930 Προς πληροφόρησή σας. 766 00:39:54,930 --> 00:39:58,450 >> Έτσι, έχουμε μια άλλη παράγραφο εδώ, σωστά; 767 00:39:58,450 --> 00:40:02,190 Έτσι, ίσως θέλετε να κάνετε κάτι λίγο πιο ενδιαφέρουσα από ό, τι ακριβώς 768 00:40:02,190 --> 00:40:04,640 έχουν όλα το κείμενό σας, όπως σωστά ευθυγραμμισμένο. 769 00:40:04,640 --> 00:40:08,490 Ίσως θέλετε να κεντράρετε το κείμενο σας, εντάξει; 770 00:40:08,490 --> 00:40:11,820 >> Έτσι, αν κάποιος θέλει να χρησιμοποιήσει εκείνους πρακτικό υπολογιστές μπροστά σας 771 00:40:11,820 --> 00:40:19,034 και πες μου πώς είστε πρόκειται να κεντράρει το κείμενο αυτό, 772 00:40:19,034 --> 00:40:20,300 >> ΚΟΙΝΟ: p align. 773 00:40:20,300 --> 00:40:24,834 >> ALLISON BUCHHOLTZ-AU: Έτσι, p align ισούται με "κέντρο". 774 00:40:24,834 --> 00:40:25,750 Έχει το σκοτώνει, παιδιά. 775 00:40:25,750 --> 00:40:28,240 Y'all πρέπει να επιταχύνουν. 776 00:40:28,240 --> 00:40:36,042 Και έχουμε "Αυτό είναι στο κέντρο." 777 00:40:36,042 --> 00:40:37,500 Και τώρα έχουμε επικεντρώσει κάτι. 778 00:40:37,500 --> 00:40:39,380 >> Κατά τον ίδιο τρόπο, αν θέλουν να έχουν αριστερή στοίχιση, 779 00:40:39,380 --> 00:40:42,020 θα μπορούσατε να κάνετε ίσων align αριστερά, στοίχιση ισούται δεξιά. 780 00:40:42,020 --> 00:40:42,850 Συνολικά μέχρι σας. 781 00:40:42,850 --> 00:40:55,580 Αν έκανα ακριβώς εδώ, τότε αυτό should-- τώρα είναι σωστά ευθυγραμμισμένο. 782 00:40:55,580 --> 00:40:57,020 >> ΚΟΙΝΟ: Allison; 783 00:40:57,020 --> 00:41:00,884 Με την πηγή της εικόνας, γιατί δεν είναι υπάρχει στενή της πηγής img; 784 00:41:00,884 --> 00:41:02,050 ALLISON BUCHHOLTZ-AU: Συγγνώμη. 785 00:41:02,050 --> 00:41:05,300 Αυτό και μόνο θα πρέπει να είναι Υπάρχει τώρα είσαι καλός. 786 00:41:05,300 --> 00:41:06,026 Τώρα είμαστε καλά. 787 00:41:06,026 --> 00:41:08,150 ΚΟΙΝΟ: Μην έχετε για να κλείσει εκεί, ή όχι; 788 00:41:08,150 --> 00:41:11,450 ALLISON BUCHHOLTZ-ΑΕ: Λοιπόν, έτσι img πηγή, αυτό είναι just-- με την εικόνα, 789 00:41:11,450 --> 00:41:17,110 είναι ακριβώς θεωρηθεί ως ένα στοιχείο, ενώ αν παρατηρήσετε για το υπόλοιπο αυτών, 790 00:41:17,110 --> 00:41:22,106 έχουμε κάποια ετικέτα, τότε οι πληροφορίες ότι που αφορά και, στη συνέχεια, μια ετικέτα κλεισίματος. 791 00:41:22,106 --> 00:41:24,480 Αλλά με την εικόνα, όλα είναι ακριβώς το είδος της αυτο-περιέχεται. 792 00:41:24,480 --> 00:41:28,540 793 00:41:28,540 --> 00:41:29,040 Cool. 794 00:41:29,040 --> 00:41:33,530 Έτσι, εσείς γνωρίζετε πώς να δημιουργήσετε μια κεφαλίδα, ξέρετε πώς να εισάγετε κείμενο, 795 00:41:33,530 --> 00:41:37,060 ξέρετε πώς να θέσει μια εικόνα τώρα, μπορείτε να ευθυγραμμίσετε τα πράγματα. 796 00:41:37,060 --> 00:41:39,940 797 00:41:39,940 --> 00:41:42,590 >> Ένα άλλο πράγμα που μπορείτε μπορεί να θέλουν να είναι σε θέση να κάνει 798 00:41:42,590 --> 00:41:47,649 είναι να δημιουργήσετε μια λίστα με CS-- είμαστε το είδος του πηγαίνει σε το chipset της επόμενης εβδομάδας. 799 00:41:47,649 --> 00:41:49,440 Τα πράγματα που εμείς συνήθως διδάσκουν αυτή την εβδομάδα 800 00:41:49,440 --> 00:41:51,480 πηγαίνει πολύ καλά με το chipset της επόμενης εβδομάδας, οπότε είμαστε 801 00:41:51,480 --> 00:41:54,250 το είδος της ανάμειξης, επικαλυπτόμενες πράγματα εδώ. 802 00:41:54,250 --> 00:41:56,290 Αλλά αυτό θα είναι χρήσιμο για την επόμενη εβδομάδα. 803 00:41:56,290 --> 00:42:02,500 >> Έτσι, αν θέλαμε να δημιουργήσουμε κάποια λίστα, πώς θα μπορούσαμε να το κάνουμε αυτό; 804 00:42:02,500 --> 00:42:03,760 Δεν μπορείτε να απαντήσετε σε αυτό το χρονικό διάστημα. 805 00:42:03,760 --> 00:42:04,700 Κάποιος άλλος έχει να. 806 00:42:04,700 --> 00:42:07,290 807 00:42:07,290 --> 00:42:09,440 Δεν είναι δύσκολο, τα παιδιά, το υπόσχομαι. 808 00:42:09,440 --> 00:42:13,090 Google "μη διατεταγμένη λίστα HTML." 809 00:42:13,090 --> 00:42:14,076 Τι ήταν αυτό; 810 00:42:14,076 --> 00:42:16,244 >> ΚΟΙΝΟ: [δεν ακούγεται]. 811 00:42:16,244 --> 00:42:17,410 ALLISON BUCHHOLTZ-AU: Δεξιά. 812 00:42:17,410 --> 00:42:20,490 Έτσι θέλουμε διατεταγμένη ή μη; 813 00:42:20,490 --> 00:42:21,500 Ας κάνουμε μια μη διατεταγμένη. 814 00:42:21,500 --> 00:42:25,240 Έτσι έχουμε κάποια ul, η οποία ξεχωρίζει για μη ταξινομημένες λίστες. 815 00:42:25,240 --> 00:42:27,997 Και τι έχουμε για κάθε στοιχείο; 816 00:42:27,997 --> 00:42:29,080 Μήπως χρειάζεται τη δική της ετικέτα; 817 00:42:29,080 --> 00:42:30,556 Μπορούμε απλά να αρχίσετε να γράφετε τα πράγματα; 818 00:42:30,556 --> 00:42:31,330 >> ΚΟΙΝΟ: Li. 819 00:42:31,330 --> 00:42:32,826 >> ALLISON BUCHHOLTZ-AU: Li. 820 00:42:32,826 --> 00:42:34,785 Έτσι τι είναι λίστα μας πρόκειται να είναι; 821 00:42:34,785 --> 00:42:37,050 Τι θέλουμε εδώ; 822 00:42:37,050 --> 00:42:38,190 Εμείς κάνουμε απλά ονόματα. 823 00:42:38,190 --> 00:42:39,250 Απλά κάνουμε Ιακώβ. 824 00:42:39,250 --> 00:42:40,340 >> Τρόφιμα Κουνέλι: ΚΟΙΝΟ. 825 00:42:40,340 --> 00:42:40,990 >> ALLISON BUCHHOLTZ-AU: τρόφιμα κουνέλι. 826 00:42:40,990 --> 00:42:41,910 Εντάξει μου αρέσει αυτό. 827 00:42:41,910 --> 00:42:42,520 Τρόφιμα κουνέλι. 828 00:42:42,520 --> 00:42:44,440 >> Εντάξει, έτσι έχουμε τα καρότα. 829 00:42:44,440 --> 00:42:46,640 Μου αρέσει αυτό το θέμα κουνέλι. 830 00:42:46,640 --> 00:42:48,024 Είμαι αυτό που πολύ σκάψιμο. 831 00:42:48,024 --> 00:42:50,440 ΚΟΙΝΟ: Στην πραγματικότητα, σκέφτηκα ότι ο Ιακώβ θα είναι μια legit. 832 00:42:50,440 --> 00:42:51,606 ALLISON BUCHHOLTZ-AU: Jacob; 833 00:42:51,606 --> 00:42:53,120 Jacob είναι τα τρόφιμα κουνέλι. 834 00:42:53,120 --> 00:42:55,310 Αν είδατε Ιακώβ φωτογραφία από τις ώρες λειτουργίας των γραφείων, 835 00:42:55,310 --> 00:42:56,850 μπορεί να έχετε σκεφτεί πήρε επίθεση από ένα κουνέλι δολοφόνος. 836 00:42:56,850 --> 00:42:58,099 >> ΚΟΙΝΟ: Έχω ένα κουνέλι τώρα. 837 00:42:58,099 --> 00:42:59,710 Έχω ένα κουνέλι δολοφόνος τώρα. 838 00:42:59,710 --> 00:43:00,540 >> ALLISON BUCHHOLTZ-AU: Πλάκα μου κάνεις; 839 00:43:00,540 --> 00:43:02,081 >> ΚΟΙΝΟ: Θα το επόμενο τμήμα φέρει. 840 00:43:02,081 --> 00:43:02,990 Το έχω. 841 00:43:02,990 --> 00:43:04,240 >> ALLISON BUCHHOLTZ-AU: Αυτό είναι γελοίο. 842 00:43:04,240 --> 00:43:04,730 Τέλος πάντων. 843 00:43:04,730 --> 00:43:05,510 >> ΚΟΙΝΟ: [δεν ακούγεται] 844 00:43:05,510 --> 00:43:07,510 >> ΚΟΙΝΟ: Ναι, Proctor μου έχει ένα κουνέλι, καθώς και. 845 00:43:07,510 --> 00:43:09,660 846 00:43:09,660 --> 00:43:11,580 >> ALLISON BUCHHOLTZ-AU: Θέλω ένα κουνέλι. 847 00:43:11,580 --> 00:43:15,415 Εντάξει, όποιος φέρνει ένα πραγματικό κουνέλι να Η επόμενη ενότητα, συνολικού brownie σημεία. 848 00:43:15,415 --> 00:43:16,290 ΚΟΙΝΟ: [δεν ακούγεται] 849 00:43:16,290 --> 00:43:16,943 ΚΟΙΝΟ: Ω, δεν είναι πραγματικό. 850 00:43:16,943 --> 00:43:17,910 Είναι ένα γεμιστό κουνέλι. 851 00:43:17,910 --> 00:43:18,855 >> ALLISON BUCHHOLTZ-AU: Ω ναι, μπορούμε να κλείσουμε αυτά. 852 00:43:18,855 --> 00:43:20,174 Φαίνεται rad. 853 00:43:20,174 --> 00:43:21,590 ΚΟΙΝΟ: Έχει πραγματικά σημασία; 854 00:43:21,590 --> 00:43:23,465 ALLISON BUCHHOLTZ-AU: Δεν το κάνει. 855 00:43:23,465 --> 00:43:25,590 Με τα περισσότερα από αυτά τα πράγματα, να μην κλείσετε την ετικέτα, 856 00:43:25,590 --> 00:43:28,750 99% του χρόνου τίποτα κακό συμβαίνει για να συμβεί αυτό, αλλά αυτό είναι καλό στυλ, πάρα πολύ. 857 00:43:28,750 --> 00:43:30,250 Έτσι ο Ιακώβ. 858 00:43:30,250 --> 00:43:31,864 Και έχουμε μαρούλι. 859 00:43:31,864 --> 00:43:33,655 ΚΟΙΝΟ: Για τις συνδέσεις, είναι πραγματικά σημαντικό. 860 00:43:33,655 --> 00:43:34,696 ALLISON BUCHHOLTZ-AU: Χμ; 861 00:43:34,696 --> 00:43:35,890 Κοινό: Για συνδέσεις. 862 00:43:35,890 --> 00:43:37,431 ALLISON BUCHHOLTZ-ΑΕ: Για συνδέσεις. 863 00:43:37,431 --> 00:43:38,610 Ναι, υπερσυνδέσμους που χρειάζεστε. 864 00:43:38,610 --> 00:43:40,770 ΟΚ, οπότε ας δούμε εδώ. 865 00:43:40,770 --> 00:43:44,810 Και έχουμε το κλείσιμο του καταλόγου μας. 866 00:43:44,810 --> 00:43:46,635 Και κοιτάξουμε αυτό. 867 00:43:46,635 --> 00:43:49,680 Έχουμε all-- Ιακώβ, ακριβώς εκεί. 868 00:43:49,680 --> 00:43:52,310 Κουνέλι τροφίμων. 869 00:43:52,310 --> 00:43:54,000 Μου θυμίζει Bunnicula. 870 00:43:54,000 --> 00:43:55,234 >> ΚΟΙΝΟ: [δεν ακούγεται] 871 00:43:55,234 --> 00:43:58,400 ALLISON BUCHHOLTZ-AU: φέρνω πίσω όλες οι παλιές αναφορές σχολείο σήμερα, 872 00:43:58,400 --> 00:43:59,130 δεν είναι εγώ; 873 00:43:59,130 --> 00:44:01,210 Απλά όλοι οι παλιές αναφορές σχολείο. 874 00:44:01,210 --> 00:44:05,767 Σε περίπτωση που έφεραν σαν Gogurts ή κάτι για σνακ. 875 00:44:05,767 --> 00:44:07,079 >> ΚΟΙΝΟ: Ή Gushers. 876 00:44:07,079 --> 00:44:08,120 ALLISON BUCHHOLTZ-AU: Αχ. 877 00:44:08,120 --> 00:44:08,620 ΟΚ. 878 00:44:08,620 --> 00:44:10,920 Θα δω αν μπορώ να παρακολουθείτε κάτω Gushers για την επόμενη εβδομάδα. 879 00:44:10,920 --> 00:44:11,980 Νομίζω ότι μπορώ να το κάνω αυτό. 880 00:44:11,980 --> 00:44:13,980 Νομίζω ότι θα μπορούσε να έχει κάποιοι στο γραφείο. 881 00:44:13,980 --> 00:44:18,570 >> Εντάξει, έτσι έχουμε καλύψει πολλά διαφορετικά πράγματα που μπορείτε να κάνετε με την HTML, σωστά; 882 00:44:18,570 --> 00:44:23,910 Και όπως μπορείτε να δείτε, είναι nothing-- ελπίζουμε, όχι πολύ intim-- 883 00:44:23,910 --> 00:44:25,750 αν είναι, δεν εννοώ να μειώσω κανέναν. 884 00:44:25,750 --> 00:44:29,090 Αν έχετε πρόβλημα, παρακαλούμε να έρθει να μου μιλήσει. 885 00:44:29,090 --> 00:44:31,340 >> Αλλά το μεγαλύτερο μέρος του είναι απλά κοιτάζοντας τη σύνταξη, σωστά; 886 00:44:31,340 --> 00:44:34,180 Αν θέλετε μια μη διατεταγμένη λίστα, αν θέλετε κάποιο είδος καταλόγου, 887 00:44:34,180 --> 00:44:38,450 αν θέλετε να ευθυγραμμίσετε κάτι ή Μορφή κάτι, είναι όλα σχετικά απλά 888 00:44:38,450 --> 00:44:42,080 το είδος του ψάχνει μέχρι το σύνταξης για HTML, σωστά; 889 00:44:42,080 --> 00:44:44,720 Και ένα πράγμα που είναι αρκετά δροσερό πραγματικότητα 890 00:44:44,720 --> 00:44:51,360 είναι αν πάτε to-- ας δούμε, τι είναι μια όμορφη ιστοσελίδα που μας αρέσει; 891 00:44:51,360 --> 00:44:54,920 Όποιος έχει οποιαδήποτε αγαπημένες ιστοσελίδες που είναι ΟΚ για να εμφανιστεί σε απευθείας σύνδεση; 892 00:44:54,920 --> 00:44:57,424 893 00:44:57,424 --> 00:44:58,840 Ξέρεις τι, ας κάνουμε CS50. 894 00:44:58,840 --> 00:45:01,800 Αυτό είναι ωραίο και ασφαλή, σωστά; 895 00:45:01,800 --> 00:45:03,060 >> Εντάξει, εδώ έτσι CS50. 896 00:45:03,060 --> 00:45:05,540 Κοίτα, υπάρχει μια ενότητα τώρα. 897 00:45:05,540 --> 00:45:07,113 Αν σας αρέσει ο τρόπος που κοιτάζει. 898 00:45:07,113 --> 00:45:08,030 >> ΚΟΙΝΟ: [δεν ακούγεται]. 899 00:45:08,030 --> 00:45:10,696 ALLISON BUCHHOLTZ-AU: Δεν είμαστε πρόκειται να κάνει μετα ενότητα, παιδιά. 900 00:45:10,696 --> 00:45:11,560 Δεν συμβαίνει. 901 00:45:11,560 --> 00:45:14,540 Θα ήταν δροσερό, αλλά εμείς δεν πρόκειται να το κάνει. 902 00:45:14,540 --> 00:45:17,040 >> Έτσι τι θα μπορούσατε κάνετε αν σας αρέσει ο τρόπος 903 00:45:17,040 --> 00:45:21,390 δουλεύει αυτό είναι μπορείτε πάντα δίκιο κάντε κλικ σε οποιαδήποτε ιστοσελίδα που σας αρέσει 904 00:45:21,390 --> 00:45:23,660 και μπορείτε να κάνετε Προβολή προέλευσης σελίδας. 905 00:45:23,660 --> 00:45:26,030 Αυτό θα φέρει επάνω όλη την HTML. 906 00:45:26,030 --> 00:45:30,800 Και αυτό είναι πραγματικά ένα πολύ καλό τρόπος για να το στυλ τη δική σας ιστοσελίδα. 907 00:45:30,800 --> 00:45:33,640 Πηγαίνετε σε μια ιστοσελίδα που σας πραγματικά αρέσει και να κοιτάξουμε το HTML 908 00:45:33,640 --> 00:45:35,430 και να καταλάβω πώς το έκαναν. 909 00:45:35,430 --> 00:45:39,280 >> Και κυριολεκτικά, εφ ' όπως σας αναφέρω τα πράγματα, 910 00:45:39,280 --> 00:45:41,940 εφ 'όσον δεν είστε μόνο κλέβοντας από τους ανθρώπους, είναι εντάξει. 911 00:45:41,940 --> 00:45:43,890 Ειδικά για CS50 [? χρηματοδότηση;], είμαστε 912 00:45:43,890 --> 00:45:46,950 το είδος του σας περιμένουν για να πάρετε έμπνευση από άλλη ιστοσελίδα. 913 00:45:46,950 --> 00:45:48,070 Έτσι, μη διστάσετε. 914 00:45:48,070 --> 00:45:51,360 Κοιτάξτε μέσα από ιστοσελίδες που νομίζετε ότι είναι πραγματικά αρκετά 915 00:45:51,360 --> 00:45:54,870 και να καταλάβω πώς να χρησιμοποιούν HTML και CSS για να κάνει αυτά τα πράγματα. 916 00:45:54,870 --> 00:45:59,860 >> Έτσι, όπως μπορείτε να δείτε εδώ, υπάρχει προφανώς όπως συνδέσεις και έχουμε μια τάξη εδώ. 917 00:45:59,860 --> 00:46:00,950 Έχουμε ένα σύνδεσμο εδώ. 918 00:46:00,950 --> 00:46:03,100 Έχουμε μια λίστα. 919 00:46:03,100 --> 00:46:05,370 Έχουμε ίσως έχουν κάποια εικόνες εδώ κάπου. 920 00:46:05,370 --> 00:46:08,332 >> Έχουμε κάποια cool στυλ εδώ. 921 00:46:08,332 --> 00:46:10,040 Αυτό είναι το επόμενο πράγμα θα πάμε να κάνουμε. 922 00:46:10,040 --> 00:46:14,580 Έτσι, το στυλ, κάθε φορά που θα δείτε αυτά παρένθεση στυλ, είναι CSS βασικά. 923 00:46:14,580 --> 00:46:15,880 Μπεν, είχατε μια ερώτηση; 924 00:46:15,880 --> 00:46:16,880 >> ΚΟΙΝΟ: Τι είναι div; 925 00:46:16,880 --> 00:46:20,039 >> ALLISON BUCHHOLTZ-AU: div είναι ακριβώς a-- τι είναι div; 926 00:46:20,039 --> 00:46:20,830 ΚΟΙΝΟ: Διαίρεση. 927 00:46:20,830 --> 00:46:22,121 ALLISON BUCHHOLTZ-AU: Διαίρεση. 928 00:46:22,121 --> 00:46:25,960 Ναι, είναι ακριβώς όπως διαχωρισμό διαφορετικών στοιχείων. 929 00:46:25,960 --> 00:46:28,650 Εντάξει, τόσο εδώ είναι ό, τι είμαστε πρόκειται να πάει στην επόμενη. 930 00:46:28,650 --> 00:46:31,550 Έτσι, αυτό μπορεί να μην είναι η καλύτερη στυλ, διότι, αν παρατηρήσετε 931 00:46:31,550 --> 00:46:37,681 έχουμε HTML και στυλ στην ίδια σελίδα, και θέλουμε πραγματικά να τα χωρίσεις, 932 00:46:37,681 --> 00:46:38,180 Εντάξει; 933 00:46:38,180 --> 00:46:41,620 Και στην πραγματικότητα, επιτρέψτε μου ανοίξει αμέσως μία μου 934 00:46:41,620 --> 00:46:45,990 επειδή αυτό υποτίθεται ότι είναι το PDF, έτσι έχουμε style.css. 935 00:46:45,990 --> 00:46:51,210 >> Έτσι, αυτό που μπορούμε να κάνουμε εδώ είναι αυτά είναι δροσερά πράγματα όπως κάποιο fade 936 00:46:51,210 --> 00:46:55,550 και θα μπορούσαμε να προσπαθήσουμε και να το κάνουμε αυτό, αλλά αισθάνομαι όπως εγώ θα το χάος που μέχρι on the fly, 937 00:46:55,550 --> 00:46:58,520 γι 'αυτό σας ενθαρρύνει παιδιά να πάει να δοκιμάσετε αυτό από μόνοι σας, 938 00:46:58,520 --> 00:47:00,310 αλλά εγώ δεν πρόκειται να το κάνω τώρα. 939 00:47:00,310 --> 00:47:03,790 Έτσι, αν έχετε παιδιά, να θυμάστε, αν χτυπήσει ποτέ σετ προβλήματος, 940 00:47:03,790 --> 00:47:05,584 κάτι swoops από την πλευρά της. 941 00:47:05,584 --> 00:47:08,000 Έχει να κάνει με το ξεθώριασμα και η μετάβαση και εταζέρα. 942 00:47:08,000 --> 00:47:09,630 >> ΚΟΙΝΟ: Και αυτό είναι όλο CSS και HTML; 943 00:47:09,630 --> 00:47:11,460 >> ALLISON BUCHHOLTZ-AU: Όλα τα CSS και HTML. 944 00:47:11,460 --> 00:47:12,420 Ναι. 945 00:47:12,420 --> 00:47:17,720 Έτσι, μπορείτε να κάνετε πολλά πραγματικά δροσερά πράγματα με CSS και HTML. 946 00:47:17,720 --> 00:47:22,280 Έτσι, με το φοβερό μας λαγουδάκι ιστοσελίδα εδώ, εμείς 947 00:47:22,280 --> 00:47:25,240 πρόκειται να κάνετε μια μικρή κομμάτι του CSS στυλ με αυτό. 948 00:47:25,240 --> 00:47:28,850 >> Έτσι, εάν έχετε ποτέ ένα στυλ φύλλο, το οποίο έχουμε εδώ, 949 00:47:28,850 --> 00:47:30,550 μπορείτε να καλέσετε μόνο style.css. 950 00:47:30,550 --> 00:47:32,090 Μπορείτε να καλέσετε ό, τι θέλετε. 951 00:47:32,090 --> 00:47:37,110 Αυτό που είναι σημαντικό είναι ότι θα πάμε να αναφορά σε web.html μας εδώ. 952 00:47:37,110 --> 00:47:41,670 >> Έτσι, αυτό που πάμε να κάνουμε είναι we-- έτσι δεν χάος αυτό up-- 953 00:47:41,670 --> 00:47:46,180 πρόκειται να συνδεθούν Αυτά τα δύο αρχεία μαζί. 954 00:47:46,180 --> 00:47:49,340 Έτσι, στο ίδιο τρόπο-- Πάω να συντάξει μια αναλογία με C εδώ. 955 00:47:49,340 --> 00:47:53,510 Με τον ίδιο τρόπο ότι αν έχετε κάποια library-- και έχουμε cs50.h-- 956 00:47:53,510 --> 00:47:55,520 compiler μας συνδέει. 957 00:47:55,520 --> 00:47:58,040 Αυτό είναι απλά μια ρητή σύνδεσμο από την πλευρά μας. 958 00:47:58,040 --> 00:48:01,840 Έτσι, με τον ίδιο τρόπο που κάνουμε κατακερματισμού περιλαμβάνουν κάποιο αρχείο, τι 959 00:48:01,840 --> 00:48:06,890 Είμαι έτοιμος να γράψω είναι μόνο η HTML / CSS ισοδύναμο αυτό. 960 00:48:06,890 --> 00:48:11,970 >> Είμαστε απλά λέει, εντάξει, αυτή ιστοσελίδας πρόκειται να χρησιμοποιήσει αυτό το στυλ, εντάξει; 961 00:48:11,970 --> 00:48:23,360 Έτσι έχουμε link rel ίση με στυλ. 962 00:48:23,360 --> 00:48:30,870 Και στη συνέχεια, έχουμε τον τύπο, CSS. 963 00:48:30,870 --> 00:48:34,630 964 00:48:34,630 --> 00:48:37,060 Και τότε ισούται href. 965 00:48:37,060 --> 00:48:41,910 966 00:48:41,910 --> 00:48:42,860 >> ΟΚ. 967 00:48:42,860 --> 00:48:45,680 Έτσι, όλα αυτά έκαναν εδώ είναι ότι μπορείτε να σκεφτείτε αυτό ως το ίδιο πράγμα 968 00:48:45,680 --> 00:48:47,550 ως hash περιλαμβάνουν. 969 00:48:47,550 --> 00:48:53,450 Προφανώς φαίνεται λίγο περισσότερο περίπλοκο, αλλά σε όλες τις περιπτώσεις, 970 00:48:53,450 --> 00:48:55,370 είναι ουσιαστικά το ίδιο πράγμα. 971 00:48:55,370 --> 00:49:00,940 Έτσι, αυτό είναι μόνο κάποια σύνδεση ενός φύλλο στυλ, είναι του τύπου text / css, 972 00:49:00,940 --> 00:49:02,875 και το όνομα του είναι style.css. 973 00:49:02,875 --> 00:49:05,560 >> Αυτό που είναι σημαντικό να γνωρίζουμε είναι ότι η ιστοσελίδα 974 00:49:05,560 --> 00:49:09,155 ότι δουλεύω σωστά now-- web.html και είναι style.css-- στον ίδιο φάκελο. 975 00:49:09,155 --> 00:49:14,740 Επειδή σε διαφορετικούς φακέλους, θα πρέπει να δώσει την πραγματική ρίζα 976 00:49:14,740 --> 00:49:17,480 σε αυτό ή τη διαδρομή προς αυτό. 977 00:49:17,480 --> 00:49:20,620 Αλλά στην περίπτωση αυτή, είμαστε κρατώντας το εξαιρετικά απλή και πρόκειται να είναι εδώ. 978 00:49:20,620 --> 00:49:26,730 Έτσι, αν το κάνουμε αυτό, δεν έχω κάποια τα πράγματα ήδη σε ουρά μέχρι εδώ. 979 00:49:26,730 --> 00:49:31,680 >> Έτσι έχουμε κάποιο σώμα, το οποίο πρόκειται να έχουν το χρώμα του φόντου μας, η οποία 980 00:49:31,680 --> 00:49:33,320 τώρα είναι το γαλάζιο. 981 00:49:33,320 --> 00:49:36,850 Μπορούμε να το αλλάξουμε, αν θέλουμε, αλλά αν θυμάμαι σωστά, 982 00:49:36,850 --> 00:49:39,270 θα πρέπει να αλλάξει μόνο σε γαλάζιο. 983 00:49:39,270 --> 00:49:42,050 Και τώρα έχουμε ένα ελαφρύ μπλε φόντο. 984 00:49:42,050 --> 00:49:47,490 Και είχαμε here-- μπορεί κανείς να θυμηθεί Ποιο είναι το αναγνωριστικό hash ή τάξη; 985 00:49:47,490 --> 00:49:50,370 986 00:49:50,370 --> 00:49:51,080 >> ΚΟΙΝΟ: ID. 987 00:49:51,080 --> 00:49:51,800 >> ALLISON BUCHHOLTZ-AU: ID. 988 00:49:51,800 --> 00:49:52,420 Cool. 989 00:49:52,420 --> 00:49:58,920 Έτσι, αυτό που θέλουμε να κάνουμε είναι ποια από αυτές τις γραμματοσειρές 990 00:49:58,920 --> 00:50:01,534 ή which-- θέλουμε "Κοίταξε το χαριτωμένο λαγουδάκι "να είναι μωβ; 991 00:50:01,534 --> 00:50:02,950 Νομίζω ότι θέλουμε να είναι μοβ. 992 00:50:02,950 --> 00:50:04,640 Είμαι αρκετά κάτω με ότι είναι μοβ. 993 00:50:04,640 --> 00:50:08,790 >> Έτσι, αυτό που κάνετε είναι να κάνετε ID equals-- σε αυτή την περίπτωση 994 00:50:08,790 --> 00:50:13,630 Είπα, τι, όμορφο χρώμα εδώ. 995 00:50:13,630 --> 00:50:14,780 Εμείς reload. 996 00:50:14,780 --> 00:50:17,460 Ξαφνικά, είναι μοβ. 997 00:50:17,460 --> 00:50:20,680 Εντάξει, έτσι με την ταυτότητα, να θυμάστε πρέπει να είναι μοναδικό, 998 00:50:20,680 --> 00:50:24,370 γι 'αυτό δεν πρέπει ποτέ να χρησιμοποιούν αυτό το αναγνωριστικό οπουδήποτε αλλού. 999 00:50:24,370 --> 00:50:27,760 Αλλά με την κατηγορία, όπως έχουμε εδώ με μια όμορφη γραμματοσειρά, 1000 00:50:27,760 --> 00:50:30,300 Θα πρέπει να είναι σε θέση να χρησιμοποιούν ότι οπουδήποτε θέλω να. 1001 00:50:30,300 --> 00:50:33,160 >> Ας κάνουμε αυτό το ένα εδώ. 1002 00:50:33,160 --> 00:50:41,100 Έτσι μπορούμε να πούμε κατηγορίας ισούται με όμορφη γραμματοσειρά. 1003 00:50:41,100 --> 00:50:46,190 Και αν κοιτάξουμε τώρα, έχουμε Αυτό το δροσερό όμορφη γραμματοσειρά εδώ. 1004 00:50:46,190 --> 00:50:49,160 Έτσι, ίσως να θέλω να κάνω και τα δύο. 1005 00:50:49,160 --> 00:50:52,786 Εντάξει, εγώ πραγματικά δεν ξέρω αν αυτό είναι πρόκειται να λειτουργήσει, αλλά θέλω να το δοκιμάσω. 1006 00:50:52,786 --> 00:50:54,410 Και αυτό είναι το πώς μπορείτε να μάθετε CSS και HTML. 1007 00:50:54,410 --> 00:50:55,660 Είσαι σαν, ξέρετε αυτό, θέλω να δοκιμάσω αυτό. 1008 00:50:55,660 --> 00:50:56,430 Δεν είμαι σίγουρος αν αυτό πρόκειται να λειτουργήσει. 1009 00:50:56,430 --> 00:50:57,346 Ας δούμε αν αυτό δουλεύει. 1010 00:50:57,346 --> 00:51:00,580 1011 00:51:00,580 --> 00:51:01,540 >> Και κοίτα. 1012 00:51:01,540 --> 00:51:04,540 Τώρα είναι σε μοβ και Είναι μια όμορφη γραμματοσειρά. 1013 00:51:04,540 --> 00:51:08,692 Εντάξει, έτσι ώστε να έχουν όλα αυτά διαφορετικά πράγματα που μπορείτε να κάνετε. 1014 00:51:08,692 --> 00:51:09,650 Έχετε μια ερώτηση; 1015 00:51:09,650 --> 00:51:10,275 >> Κοινό: Ναι. 1016 00:51:10,275 --> 00:51:13,280 Λοιπόν, ακριβώς όπως τα χρώματα που χρησιμοποιείτε είναι λόγια. 1017 00:51:13,280 --> 00:51:16,005 Είναι ένας τρόπος για να κάνετε τα χρώματα εκεί με τη δεκαεξαδική RGB; 1018 00:51:16,005 --> 00:51:18,880 ALLISON BUCHHOLTZ-AU: Μπορείτε επίσης να το κάνουμε με δεκαεξαδικό, πιστεύω. 1019 00:51:18,880 --> 00:51:19,803 Ναι. 1020 00:51:19,803 --> 00:51:22,136 Αλλά είναι το είδος της ωραίο αν σας δεν θέλουν να τους αναζητήσετε. 1021 00:51:22,136 --> 00:51:23,762 Μπορείτε απλά να είναι όπως, μοβ ή μπλε. 1022 00:51:23,762 --> 00:51:25,720 ΚΟΙΝΟ: Ας ελπίσουμε ότι ξέρετε τι σημαίνει αυτό. 1023 00:51:25,720 --> 00:51:26,886 ALLISON BUCHHOLTZ-AU: Δεξιά. 1024 00:51:26,886 --> 00:51:29,580 Έτσι, ας κάνουμε αυτό ανάγνωσης ή κιτρινοπράσινο. 1025 00:51:29,580 --> 00:51:32,060 Γιατί θα μπορείτε ποτέ να επιλέξετε chartreuse; 1026 00:51:32,060 --> 00:51:33,340 Είναι μια ενδιαφέρουσα χρώμα. 1027 00:51:33,340 --> 00:51:37,355 >> ΟΚ, οπότε είναι προφανές ότι μπορούμε να δούμε μπορεί να αλλάξει τα πράγματα, ωστόσο θέλουμε. 1028 00:51:37,355 --> 00:51:39,910 1029 00:51:39,910 --> 00:51:45,392 Αν ήθελε να create-- ας πούμε θελήσαμε να δημιουργήσουμε μια άλλη κατηγορία. 1030 00:51:45,392 --> 00:51:46,850 Τι θα μπορούσε εσείς θέλετε να αλλάξετε; 1031 00:51:46,850 --> 00:51:51,840 Αν έχετε τραβήξει μέχρι W3Schools » Τεκμηρίωση CSS, 1032 00:51:51,840 --> 00:51:54,450 Αφήνω τον λόγο για να σας παιδιά. 1033 00:51:54,450 --> 00:51:57,990 Μπορούμε να προσπαθήσουμε και να κάνουμε κάτι δροσερό με Αυτό το τελευταίο ζευγάρι των λεπτών. 1034 00:51:57,990 --> 00:52:00,275 1035 00:52:00,275 --> 00:52:03,150 Επειδή έχω ευγενικό εκ μέρους σας δοθεί μια Crash Course σε πολλά δροσερά πράγματα 1036 00:52:03,150 --> 00:52:03,970 ότι μπορείτε να το κάνετε. 1037 00:52:03,970 --> 00:52:09,956 Αλλά στο τέλος, όπως είπα, αν ακριβώς πείραμα, θα μάθετε πολλά. 1038 00:52:09,956 --> 00:52:12,212 >> ΚΟΙΝΟ: Μήπως μπορείτε να αναζητήσετε τη συγκεκριμένη γραμματοσειρά; 1039 00:52:12,212 --> 00:52:14,295 >> ALLISON BUCHHOLTZ-ΑΕ: Ναι, Κοίταξα μέχρι τη συγκεκριμένη γραμματοσειρά. 1040 00:52:14,295 --> 00:52:17,200 Έτσι, όπως και στην κυριολεξία, εγώ πήγε to-- τι έκανα; 1041 00:52:17,200 --> 00:52:22,371 Έκανα CSS λίστα γραμματοσειρών, και Στη συνέχεια έκανα γραμματοσειράς στοίβα, 1042 00:52:22,371 --> 00:52:25,120 και τότε ήμουν σαν, κοίτα, εδώ είναι όλα τα δροσερά γραμματοσειρές που μπορείτε να κάνετε. 1043 00:52:25,120 --> 00:52:28,180 Και δεν υπήρχε αυτό, έτσι Μου αντιγραφεί στο πρόχειρο μου. 1044 00:52:28,180 --> 00:52:31,820 Και τότε ήμουν όπως, Εντάξει, δροσερό, εκεί πάμε. 1045 00:52:31,820 --> 00:52:32,320 Όλα γίνονται. 1046 00:52:32,320 --> 00:52:35,920 >> ΚΟΙΝΟ: Έτσι έχετε για να βεβαιωθείτε ότι ότι CSS ξέρει τι γραμματοσειρά είναι. 1047 00:52:35,920 --> 00:52:37,370 >> ALLISON BUCHHOLTZ-AU: Ναι. 1048 00:52:37,370 --> 00:52:38,190 >> ΚΟΙΝΟ: Τι θα πω στο τέλος; 1049 00:52:38,190 --> 00:52:38,790 Καλλιγραφικά; 1050 00:52:38,790 --> 00:52:40,040 >> ALLISON BUCHHOLTZ-AU: Ρέον. 1051 00:52:40,040 --> 00:52:40,950 Ναι. 1052 00:52:40,950 --> 00:52:42,310 >> ΚΟΙΝΟ: Η εικόνα φόντου. 1053 00:52:42,310 --> 00:52:43,290 >> ALLISON BUCHHOLTZ-ΑΕ: Η εικόνα φόντου. 1054 00:52:43,290 --> 00:52:44,180 ΟΚ. 1055 00:52:44,180 --> 00:52:46,490 Έτσι θέλετε να μου πείτε πώς να το κάνουμε αυτό. 1056 00:52:46,490 --> 00:52:47,390 Αφήνω σε εσάς. 1057 00:52:47,390 --> 00:52:49,070 Είμαι απλά πληκτρολογώντας μέχρι εδώ τώρα. 1058 00:52:49,070 --> 00:52:51,714 Ο τροχός είναι στα χέρια σας. 1059 00:52:51,714 --> 00:52:52,660 >> ΚΟΙΝΟ: OK 1060 00:52:52,660 --> 00:52:53,701 >> ALLISON BUCHHOLTZ-AU: Εντάξει. 1061 00:52:53,701 --> 00:52:54,720 Τι κάνω; 1062 00:52:54,720 --> 00:53:02,929 >> ΚΟΙΝΟ: Doing-- ξέρω τι έρχεται μετά την σγουρά κηδεμόνα. 1063 00:53:02,929 --> 00:53:03,970 ALLISON BUCHHOLTZ-AU: Εντάξει. 1064 00:53:03,970 --> 00:53:06,707 Έτσι, κατά πάσα πιθανότητα στο σώμα, εγώ θα αναλάβει, γιατί είμαστε 1065 00:53:06,707 --> 00:53:08,040 να κάνει με την εικόνα φόντου. 1066 00:53:08,040 --> 00:53:08,940 >> ΚΟΙΝΟ: Ναι, ας κάνουμε αυτό. 1067 00:53:08,940 --> 00:53:09,981 >> ALLISON BUCHHOLTZ-AU: Εντάξει. 1068 00:53:09,981 --> 00:53:14,260 ΚΟΙΝΟ: Εντάξει, έτσι φόντο του παχέος εντέρου, και στη συνέχεια θα 1069 00:53:14,260 --> 00:53:16,894 χρειάζεστε μια διεύθυνση URL αυτής της εικόνας. 1070 00:53:16,894 --> 00:53:18,560 Ίσως ψευδο-κώδικα ότι για τώρα, ίσως. 1071 00:53:18,560 --> 00:53:20,601 >> ALLISON BUCHHOLTZ-AU: Τι θα μου αρέσει to-- 1072 00:53:20,601 --> 00:53:22,574 ΚΟΙΝΟ: Σκέφτομαι σαν GIF. 1073 00:53:22,574 --> 00:53:23,740 ALLISON BUCHHOLTZ-AU: Ένα GIF; 1074 00:53:23,740 --> 00:53:26,070 Αυτό πρόκειται να είναι ενδιαφέρον. 1075 00:53:26,070 --> 00:53:27,840 Εντάξει, τι είμαι εγώ googling εδώ; 1076 00:53:27,840 --> 00:53:29,670 >> ΚΟΙΝΟ: Όχι, αυτή είναι η επιλογή σας. 1077 00:53:29,670 --> 00:53:32,090 >> ALLISON BUCHHOLTZ-AU: Γιατί Δεν we-- αν είναι ένα λαγουδάκι, 1078 00:53:32,090 --> 00:53:35,610 Νιώθω σαν να πρέπει να έχουν μια ωραίο χορταριασμένο γκαζόν ή κάτι τέτοιο. 1079 00:53:35,610 --> 00:53:38,275 >> ΚΟΙΝΟ: λιβάδι. 1080 00:53:38,275 --> 00:53:39,350 Ένα λιβάδι. 1081 00:53:39,350 --> 00:53:40,641 >> ALLISON BUCHHOLTZ-AU: Ένα λιβάδι; 1082 00:53:40,641 --> 00:53:41,851 ΟΚ. 1083 00:53:41,851 --> 00:53:42,975 ΚΟΙΝΟ: Ή Rachel Maddow. 1084 00:53:42,975 --> 00:53:44,747 1085 00:53:44,747 --> 00:53:46,580 ALLISON BUCHHOLTZ-AU: Αυτός φαίνεται αρκετά. 1086 00:53:46,580 --> 00:53:49,380 1087 00:53:49,380 --> 00:53:50,380 Ω, αυτό είναι μικρό, όμως. 1088 00:53:50,380 --> 00:53:51,700 Χρειαζόμαστε μια καλή εικόνα του μεγέθους. 1089 00:53:51,700 --> 00:53:53,142 Ας δούμε. 1090 00:53:53,142 --> 00:53:54,570 Ω, κοιτάξτε. 1091 00:53:54,570 --> 00:53:55,630 Αυτό είναι ένα όμορφο λιβάδι. 1092 00:53:55,630 --> 00:53:58,320 Ξέρεις τι, μου αρέσει αυτό το ένα. 1093 00:53:58,320 --> 00:53:59,300 Ας αντιγράψετε αυτό το ένα. 1094 00:53:59,300 --> 00:54:08,020 >> ΚΟΙΝΟ: Εντάξει, έτσι νομίζω ότι είναι η διεύθυνση URL, ανοιχτές παρενθέσεις. 1095 00:54:08,020 --> 00:54:09,590 >> ALLISON BUCHHOLTZ-ΑΕ: Εντάξει, διεύθυνση URL. 1096 00:54:09,590 --> 00:54:11,500 >> ΚΟΙΝΟ: Στη συνέχεια, η διεύθυνση. 1097 00:54:11,500 --> 00:54:13,610 >> ALLISON BUCHHOLTZ-AU: Εντάξει. 1098 00:54:13,610 --> 00:54:14,750 Είναι ότι όλοι χρειαζόμαστε; 1099 00:54:14,750 --> 00:54:20,550 >> ΚΟΙΝΟ: Κλείστε παρενθέσεις ερωτηματικό, και, στη συνέχεια, το διάστημα, φόντο παύλα 1100 00:54:20,550 --> 00:54:27,050 του παχέος εντέρου συνημμένο σταθερό, και σγουρά κηδεμόνα. 1101 00:54:27,050 --> 00:54:28,110 >> ALLISON BUCHHOLTZ-AU: Εντάξει. 1102 00:54:28,110 --> 00:54:29,114 Ας δούμε αν αυτό λειτουργεί. 1103 00:54:29,114 --> 00:54:30,780 Είναι πρόκειται να είναι αρκετά δροσερό, αν το κάνει. 1104 00:54:30,780 --> 00:54:33,880 Είμαι πραγματικό ενθουσιασμένος εδώ. 1105 00:54:33,880 --> 00:54:35,070 Δεν είχε δουλειά. 1106 00:54:35,070 --> 00:54:35,700 Αναρωτιέμαι γιατί. 1107 00:54:35,700 --> 00:54:37,700 ΚΟΙΝΟ: Ίσως το URL πρέπει να είναι μέσα σε εισαγωγικά. 1108 00:54:37,700 --> 00:54:38,866 ALLISON BUCHHOLTZ-AU: Ίσως. 1109 00:54:38,866 --> 00:54:41,520 Και αυτό είναι το πώς μαθαίνουμε, παιδιά. 1110 00:54:41,520 --> 00:54:44,340 >> ΚΟΙΝΟ: Μπορούμε να έχουμε φόντο το χρώμα και το φόντο της εικόνας; 1111 00:54:44,340 --> 00:54:45,390 >> ΚΟΙΝΟ: Όχι. 1112 00:54:45,390 --> 00:54:46,550 Ένα αντικαθιστά την άλλη. 1113 00:54:46,550 --> 00:54:46,960 >> ALLISON BUCHHOLTZ-AU: Δεν μπορώ να ξέρω. 1114 00:54:46,960 --> 00:54:47,460 Ας δούμε. 1115 00:54:47,460 --> 00:54:48,860 Ας το ελέγξουμε και να δούμε. 1116 00:54:48,860 --> 00:54:51,567 >> ΚΟΙΝΟ: Ω, ίσως, ναι. 1117 00:54:51,567 --> 00:54:52,400 [Παρεμβάλλοντας ΦΩΝΕΣ] 1118 00:54:52,400 --> 00:54:59,640 1119 00:54:59,640 --> 00:55:03,260 >> ALLISON BUCHHOLTZ-ΑΕ: Εντάξει, αυτό είναι obviously-- μου [δεν ακούγεται] εδώ. 1120 00:55:03,260 --> 00:55:04,927 Έτσι ΟΚ. 1121 00:55:04,927 --> 00:55:06,260 ΚΟΙΝΟ: κατάσχεση Ιστορικό. 1122 00:55:06,260 --> 00:55:07,301 ALLISON BUCHHOLTZ-AU: Αχ. 1123 00:55:07,301 --> 00:55:12,096 1124 00:55:12,096 --> 00:55:13,946 >> ΚΟΙΝΟ: Εντάξει, δεν ξέρω. 1125 00:55:13,946 --> 00:55:16,070 ALLISON BUCHHOLTZ-ΑΕ: Είναι Μοιάζει με αυτό θα πρέπει να λειτουργήσει. 1126 00:55:16,070 --> 00:55:19,074 Είσαι σίγουρος ότι είναι του παχέος εντέρου μετά τη διεύθυνση URL; 1127 00:55:19,074 --> 00:55:20,439 >> ΚΟΙΝΟ: Όχι, αυτό είναι ερωτηματικό. 1128 00:55:20,439 --> 00:55:21,980 ALLISON BUCHHOLTZ-ΑΕ: Είναι ερωτηματικό. 1129 00:55:21,980 --> 00:55:22,530 ΚΟΙΝΟ: Μήπως λέω παχέος εντέρου; 1130 00:55:22,530 --> 00:55:24,155 ALLISON BUCHHOLTZ-AU: Είπατε μια άνω και κάτω τελεία. 1131 00:55:24,155 --> 00:55:26,222 ΚΟΙΝΟ: Ω, όχι. 1132 00:55:26,222 --> 00:55:27,680 ALLISON BUCHHOLTZ-AU: Εκεί θα πάτε. 1133 00:55:27,680 --> 00:55:29,350 ΚΟΙΝΟ: Αχ, περιμένετε, τώρα δεν μπορεί να διαβάσει το κείμενο. 1134 00:55:29,350 --> 00:55:30,320 ALLISON BUCHHOLTZ-AU: Τώρα δεν μπορείτε να διαβάσετε το κείμενο, 1135 00:55:30,320 --> 00:55:32,740 αλλά έχουμε την εικόνα φόντου. 1136 00:55:32,740 --> 00:55:33,300 Mmhmm; 1137 00:55:33,300 --> 00:55:35,220 >> ΚΟΙΝΟ: Μήπως HTML υποστηρίζουν δυναμικό περιεχόμενο; 1138 00:55:35,220 --> 00:55:39,070 Όπως, θα μπορούσατε να αλλάξετε το μέγεθος εκείνη την εικόνα ανάλογα με το μέγεθος του παραθύρου, 1139 00:55:39,070 --> 00:55:39,890 ή είναι ότι ένα CSS-- 1140 00:55:39,890 --> 00:55:41,723 >> ALLISON BUCHHOLTZ-AU: Έτσι CSS πρέπει να το κάνουμε αυτό. 1141 00:55:41,723 --> 00:55:45,210 Έτσι, αν εσείς ενδιαφέρεστε στη μάθηση προχωρημένο CSS, 1142 00:55:45,210 --> 00:55:50,789 Είμαι συν-διδασκαλία ένα σεμινάριο για CSS για το 7ο. 1143 00:55:50,789 --> 00:55:52,580 Και σας υπόσχομαι ότι θα είναι πολύ περισσότερο σε βάθος 1144 00:55:52,580 --> 00:55:55,220 και κάνει πολύ πιο δροσερό τα πράγματα σε αυτή την ενότητα. 1145 00:55:55,220 --> 00:55:59,234 Και μου συν-δάσκαλος είναι σαν συνολική εμπρόσθιο άκρο πλοίαρχος web dev. 1146 00:55:59,234 --> 00:56:02,150 Έτσι θα είναι αρκετά δροσερό, αν θέλετε να μάθουν για όλα τα δροσερά πράγματα 1147 00:56:02,150 --> 00:56:03,960 ότι CSS μπορεί να κάνει. 1148 00:56:03,960 --> 00:56:06,860 >> Αλλά αυτό που έχουμε εδώ με συνημμένο φόντο του 1149 00:56:06,860 --> 00:56:13,330 fixed-- έτσι είναι κάποια σταθερή size-- αλλά μπορείτε πραγματικά να dynamically-- 1150 00:56:13,330 --> 00:56:17,610 αν ποτέ δείτε ιστοσελίδες, όπως πιο καλές ιστοσελίδες θα κάνει, 1151 00:56:17,610 --> 00:56:19,470 όταν μπορείτε να ρυθμίσετε το το μέγεθος του browser σας, 1152 00:56:19,470 --> 00:56:23,980 προσαρμόζει το φόντο ή πόσο δείχνει ή αναδιαμορφώνει τα πράγματα, σωστά; 1153 00:56:23,980 --> 00:56:27,100 Έτσι, αυτό είναι αυτό που λέμε σχετική τοποθέτηση. 1154 00:56:27,100 --> 00:56:33,410 >> Και CSS μπορεί πραγματικά να αρπάξει πόσο μεγάλο σας το πλάτος του προγράμματος περιήγησης είναι ή πόσο ψηλά είναι, 1155 00:56:33,410 --> 00:56:37,970 και μπορείτε να τοποθετήσετε τα πράγματα σύμφωνα με τα σχετικά μεγέθη 1156 00:56:37,970 --> 00:56:40,420 έναντι απόλυτα μεγέθη. 1157 00:56:40,420 --> 00:56:44,920 Και αυτό είναι προφανώς πιο προχωρημένη CSS, αλλά αυτό είναι κάτι που μπορείτε να κάνετε. 1158 00:56:44,920 --> 00:56:47,390 Αν θέλετε να μάθετε περισσότερο, έρχονται στο σεμινάριο μου. 1159 00:56:47,390 --> 00:56:50,540 >> Έτσι, αυτό είναι κάτι που μπορείτε να κάνετε. 1160 00:56:50,540 --> 00:56:54,450 Και CSS μπορεί στην πραγματικότητα do-- CSS και JavaScript, 1161 00:56:54,450 --> 00:56:58,790 το οποίο θα μπει σε επόμενο week-- μπορεί να σας επιτρέψει να αλλάξετε δυναμικά 1162 00:56:58,790 --> 00:57:02,160 σελίδες χωρίς να χρειάζεται να reload τους όλη την ώρα. 1163 00:57:02,160 --> 00:57:04,590 Και θα έχετε να κάνετε κάποια αρκετά δροσερή ουσία. 1164 00:57:04,590 --> 00:57:09,317 >> Έτσι, είναι άλλο πράγμα εκεί ότι εσείς μπορεί να θέλετε να κάνετε 1165 00:57:09,317 --> 00:57:10,650 ή οτιδήποτε άλλο θέλετε να εξερευνήσετε; 1166 00:57:10,650 --> 00:57:12,900 Έχουμε 10 λεπτά αριστερά. 1167 00:57:12,900 --> 00:57:19,010 Μπορούμε επίσης να φύγει νωρίς, αλλά αν θέλετε να κάνετε κάποια περισσότερα πράγματα διαδίκτυο, 1168 00:57:19,010 --> 00:57:20,960 μπορούμε, αλλά δεν είμαι πρόκειται να σας αναγκάσει να. 1169 00:57:20,960 --> 00:57:23,510 Αλλά μπορούμε επίσης να τρώνε μόνο γλυκά. 1170 00:57:23,510 --> 00:57:25,760 ΚΟΙΝΟ: Επισημάνετε το κείμενο λευκό, ώστε να μπορείτε να το διαβάσετε. 1171 00:57:25,760 --> 00:57:27,680 ALLISON BUCHHOLTZ-AU: Εντάξει. 1172 00:57:27,680 --> 00:57:33,389 Έτσι, στην περίπτωση αυτή, θέλουμε κάποια σελ. 1173 00:57:33,389 --> 00:57:36,305 ΚΟΙΝΟ: Θα πρέπει να το κάνουμε με το σώμα έτσι ώστε να εφαρμόζεται σε ολόκληρη την σελίδα; 1174 00:57:36,305 --> 00:57:38,096 ALLISON BUCHHOLTZ-AU: Ναι, μπορούμε πραγματικά. 1175 00:57:38,096 --> 00:57:40,880 Αυτό είναι μια καλή ιδέα. 1176 00:57:40,880 --> 00:57:43,420 Έτσι have-- κάνετε ξέρουμε τι πρέπει να είναι; 1177 00:57:43,420 --> 00:57:47,452 1178 00:57:47,452 --> 00:57:50,260 Δεν ξέρω αν μπορούμε να κάνουμε το χρώμα κειμένου. 1179 00:57:50,260 --> 00:57:54,946 Ήμουν έτοιμος να προσπαθήσω και να δημιουργήσει μια άλλη τάξη εδώ. 1180 00:57:54,946 --> 00:57:58,394 >> ΚΟΙΝΟ: Πώς μπορείτε να πάρετε έτσι ότι έχει τις προτάσεις; 1181 00:57:58,394 --> 00:58:00,560 ALLISON BUCHHOLTZ-AU: Έτσι, εάν εσείς ενδιαφέρεστε, 1182 00:58:00,560 --> 00:58:03,480 Αυτό είναι ένα άλλο κείμενο επεξεργαστή που ονομάζεται Sublime. 1183 00:58:03,480 --> 00:58:07,180 Θα πρέπει να είναι σε θέση να εγκαταστήσετε στο μηχάνημά σας. 1184 00:58:07,180 --> 00:58:08,659 Μερικές φορές παίρνει λίγο δύσκολο. 1185 00:58:08,659 --> 00:58:10,950 Αν θέλετε να σας βοηθήσει με αυτό, Είμαι εξαιρετικά ευτυχής να σας βοηθήσει 1186 00:58:10,950 --> 00:58:14,720 με αυτό, επειδή το gedit είναι μεγάλη και Είναι φοβερό, επειδή μπορείτε να το υπολογίσουν 1187 00:58:14,720 --> 00:58:17,790 στο κάτω μέρος, αλλά εγώ πραγματικά όπως Sublime γιατί είναι αρκετά 1188 00:58:17,790 --> 00:58:19,498 και αυτό κάνει τα πράγματα όπως η αυτόματη συμπλήρωση. 1189 00:58:19,498 --> 00:58:21,560 1190 00:58:21,560 --> 00:58:26,890 >> Έτσι, μπορείτε σίγουρα να αισθανθείτε ελεύθεροι να επιτρέψτε μου να ξέρω αν θέλετε να το κάνετε αυτό. 1191 00:58:26,890 --> 00:58:28,940 Αν απλά google "Sublime κείμενο, "τυπικά 1192 00:58:28,940 --> 00:58:32,860 έχει οδηγίες για το πώς να εγκαταστήσετε σε διάφορα λειτουργικά συστήματα. 1193 00:58:32,860 --> 00:58:37,590 Είναι πραγματικά δροσερό, εγώ νομίζω, κατά τη γνώμη μου. 1194 00:58:37,590 --> 00:58:38,355 Έτσι, σ. 1195 00:58:38,355 --> 00:58:45,616 Νομίζω ότι μπορώ να κάνω μόνο text-- ή μπορούμε απλά να κάνουμε το χρώμα είναι "λευκό". 1196 00:58:45,616 --> 00:58:47,050 Εκεί. 1197 00:58:47,050 --> 00:58:50,770 >> Έτσι αυτό που έκανα εδώ είναι ότι εγώ δεν άλλαξε όλο το κείμενο. 1198 00:58:50,770 --> 00:58:54,040 Αλλά σ εδώ είναι μόνο ένα ετικέτα που έχουμε, σωστά; 1199 00:58:54,040 --> 00:58:55,450 Αυτή η ετικέτα παραγράφου. 1200 00:58:55,450 --> 00:59:00,380 Γι 'αυτό ακριβώς δημιούργησε ένα στοιχείο CSS που είπε, εντάξει, τίποτα με αυτήν την ετικέτα 1201 00:59:00,380 --> 00:59:02,510 p, κάνει το χρώμα λευκό. 1202 00:59:02,510 --> 00:59:05,690 >> Έτσι, αν έχετε παρατηρήσει, δεν έκανε Αυτό το λευκό και αυτό το λευκό. 1203 00:59:05,690 --> 00:59:09,100 Δεν κάνει λίστα μας λευκό, επειδή δεν είναι συνδεδεμένες με αυτό. 1204 00:59:09,100 --> 00:59:11,180 Θα μπορούσα να πάω κατευθείαν και θα μπορούσε να say-- 1205 00:59:11,180 --> 00:59:11,860 >> ΚΟΙΝΟ: Μήπως το χρώμα του φόντου. 1206 00:59:11,860 --> 00:59:12,660 >> ALLISON BUCHHOLTZ-AU: Χρώμα φόντου; 1207 00:59:12,660 --> 00:59:15,660 >> ΚΟΙΝΟ: Ιστορικό σωλήνα χρώμα όπου έχετε βάλει την ετικέτα σ. 1208 00:59:15,660 --> 00:59:16,701 >> ALLISON BUCHHOLTZ-AU: Εντάξει. 1209 00:59:16,701 --> 00:59:21,980 1210 00:59:21,980 --> 00:59:22,804 Μπορείτε να το θέλουν λευκό; 1211 00:59:22,804 --> 00:59:23,470 ΚΟΙΝΟ: Mmhmm. 1212 00:59:23,470 --> 00:59:25,070 ALLISON BUCHHOLTZ-AU: Εντάξει. 1213 00:59:25,070 --> 00:59:26,342 Εκεί θα πάτε. 1214 00:59:26,342 --> 00:59:27,300 ΚΟΙΝΟ: Αυτό είναι παράξενο. 1215 00:59:27,300 --> 00:59:29,190 ALLISON BUCHHOLTZ-AU: Αρκετά δροσερό, σωστά; 1216 00:59:29,190 --> 00:59:31,640 Έτσι, αν απλά το χάος γύρω, θα πάμε να μάθουν πολλά. 1217 00:59:31,640 --> 00:59:34,720 Και αυτό μπορεί να είναι αρκετά δροσερό. 1218 00:59:34,720 --> 00:59:37,312 Νομίζω ότι είναι σίγουρα πιο ευχάριστο από μερικές φορές 1219 00:59:37,312 --> 00:59:39,770 επειδή δεν έχετε να περιμένετε για το πρόγραμμά σας για την κατάρτιση. 1220 00:59:39,770 --> 00:59:41,895 Μπορείτε απλά να πατήσετε Ανανέωση και είστε όπως, ω, κοίτα, 1221 00:59:41,895 --> 00:59:44,276 λειτούργησε, ή OH, είμαι ίσως λείπει κάτι. 1222 00:59:44,276 --> 00:59:47,359 Και αυτό είναι κάτι που είναι πραγματικά δροσερό σχετικά με αυτό το επόμενο μέρος της κατηγορίας, 1223 00:59:47,359 --> 00:59:49,250 είναι σίγουρα, εγώ Σκέψου, πιο εύκολο να ελέγξετε 1224 00:59:49,250 --> 00:59:52,640 καθώς πηγαίνετε κατά μήκος του τρόπου έναντι χρειάζεται να γράψω αυτά τα μακρά προγράμματα 1225 00:59:52,640 --> 00:59:57,830 και που επιθυμούν και να προσεύχεται ότι λειτουργεί στο τέλος. 1226 00:59:57,830 --> 01:00:01,960 >> Έτσι, με αυτό, νομίζω ότι εσείς όλα φαίνονται καλά. 1227 01:00:01,960 --> 01:00:05,360 Εάν έχετε οποιεσδήποτε ερωτήσεις, όπως πάντα, Ελάτε να μιλήσουμε για μένα, έλα πες μου. 1228 01:00:05,360 --> 01:00:08,180 Θα είναι ακριβώς έξω από το για τα επόμενα 15 λεπτά 1229 01:00:08,180 --> 01:00:11,340 αν θέλετε να συζητήσετε σχετικά με τίποτα και τα πάντα. 1230 01:00:11,340 --> 01:00:13,530 >> Ελπίζω, λοιπόν, guys-- Καλή τύχη με αυτό το chipset. 1231 01:00:13,530 --> 01:00:18,150 Η προθεσμία είναι η Παρασκευή το μεσημέρι επειδή απελευθερώθηκε αργά. 1232 01:00:18,150 --> 01:00:21,220 Γι 'αυτό μάλλον θα πρέπει να δούμε πολλοί από εσάς παιδιά, την Πέμπτη, 1233 01:00:21,220 --> 01:00:21,970 αλλά ελπίζω όχι. 1234 01:00:21,970 --> 01:00:23,386 Ίσως θα έχετε κάνει από τότε. 1235 01:00:23,386 --> 01:00:24,440 Θα ήθελα να είναι εξαιρετικά υπερήφανοι. 1236 01:00:24,440 --> 01:00:26,410 >> Αλλά αν όχι, εγώ θα σας δούμε την Πέμπτη. 1237 01:00:26,410 --> 01:00:30,030 Μπορείτε επίσης να χρησιμοποιήσετε μια καθυστερημένη ημερομηνία, η οποία επεκτείνει έως το Σάββατο το μεσημέρι. 1238 01:00:30,030 --> 01:00:31,730 Αλλά εγώ don't-- ε; 1239 01:00:31,730 --> 01:00:32,580 >> ΚΟΙΝΟ: Απόκριες. 1240 01:00:32,580 --> 01:00:34,538 >> ALLISON BUCHHOLTZ-AU: Είναι Απόκριες, μια, και β, 1241 01:00:34,538 --> 01:00:37,050 Δεν νομίζω ότι θα υπάρχει είναι το γραφείο ώρες την Παρασκευή. 1242 01:00:37,050 --> 01:00:40,920 Έτσι, πραγματικά μην προσπαθήσουμε και να το κάνει από Παρασκευή, ώστε να μπορούμε όλοι να γιορτάσουμε 1243 01:00:40,920 --> 01:00:42,010 Γειά Σαββατοκύριακο. 1244 01:00:42,010 --> 01:00:44,670 Εντάξει, εγώ θα σας δούμε παιδιά την επόμενη εβδομάδα. 1245 01:00:44,670 --> 01:00:45,888