[Παίζει μουσική]
ALLISON BUCHHOLTZ-AU: Εντάξει, ο καθένας.
Καλώς ήρθατε και πάλι στο τμήμα.
Έτσι ατζέντα μας για σήμερα θα κατά πολύ περισσότερο ιστοσελίδων πράγματα dev.
Δεν ξέρω πόσοι από έχετε δει psets σας
αφού κυκλοφόρησε νωρίτερα σήμερα το πρωί.
Θα ήθελα, όπως πόσες οι άνθρωποι έχουν διαβάσει το spec,
αλλά βλέποντας το πώς έχετε είχε όλα της, όπως και επτά ώρες για να κοιτάξετε
και είναι μια Δευτέρα και την πιθανώς είχατε τάξη,
Πάω να υποθέσουμε ότι οι περισσότεροι από εσάς δεν έχετε.
Αν έχετε, επιπλέον δόξα.
>> Είσαι βασικά βοηθώντας εφαρμόσει ένα απλό web
εξυπηρετητή σε C, το οποίο είναι ένα ολοκαίνουργιο το chipset, έτσι ώστε εσείς να πάρετε να είναι τα ινδικά χοιρίδια.
Είναι πρόκειται να είναι μια διασκεδαστική, άγρια ​​εβδομάδα, αλλά νομίζω ότι θα είναι ένα πολύ διασκεδαστικό
και αυτό θα είναι μια πραγματικά καλή εμπειρία πραγματικά.
Έτσι για να σας προετοιμάσει για ότι, στο τμήμα σήμερα,
θα πάμε για να πάει chmod, το πρωτόκολλο TCP / IP, και τότε ένα μικρό κομμάτι του HTML και CSS.
>> Στο τέλος, θα είμαστε πραγματικά κώδικα μέχρι μια απλή ιστοσελίδα μαζί
για να σας βοηθήσουν παιδιά είδος πάρει είναι πιο εξοικειωμένοι με αυτό.
Και στη συνέχεια, αν δεν έχετε πάρει κουίζ σας, θα είστε μπροστά,
αλλά είμαι αρκετά βέβαιος ότι όλοι εδώ έχει κουίζ τους.
Και, επίσης, σε αυτό το σημείωμα, λύσεις δεν είναι ακόμα,
αλλά το συντομότερο finish-- αρέσει, η τελευταίους ανθρώπους που παίρνουν quizzes-- τους
θα είναι επάνω.
Εάν έχετε οποιεσδήποτε ερωτήσεις Εν τω μεταξύ,
διστάσετε να μου στείλετε email προσωπικά.
Θα απαντήσω με τις ατομικές σας ερωτήσεις, όπως κάνω πάντα.
>> Έτσι, σε αυτό το σημείωμα, chmod.
Έτσι βασικά όλοι σας πρέπει να ξέρετε για το chmod
είναι ότι χρησιμοποιείται για να αλλάξει δικαιώματα αρχείου, σωστά;
Έτσι είναι μόνο μερικά συστήματα είναι μια κλήση αλλάξετε τα δικαιώματα, όπως λέει εδώ.
Και αν ποτέ θέλετε να δείτε τι δικαιώματα έχει ένα αρχείο,
αντί απλά να κάνει ls, θα μπορούσατε να κάνετε ls -l.
l συμβολίζει καιρό.
>> Έτσι θα κάνετε μεγάλες λίστες των πάντων, και
θα σας δώσει πολύ πιο λεπτομερή πληροφορίες για κάθε ένα από τα αρχεία σας.
Και θα δείτε something-- είμαι πρόκειται να προχωρήσετε για ένα second--
αλλά θα δείτε κάτι παρόμοιο με ότι πάνω γραμμή εκεί για κάθε αρχείο.
Και θα πάμε μέσα τι σημαίνει αυτό.
>> Έτσι, βασικά, για να αλλάξετε δικαιώματα αρχείων σας,
απλά θέλετε να χρησιμοποιήσετε chmod.
Μπορείτε να σκεφτείτε ότι όπως και κάθε άλλο UNIX καλέστε όπως ls ή CD ή οτιδήποτε.
Είναι ακριβώς το είδος του άλλου σαν κλήση.
>> Έτσι, κάνουμε chmod και μετά θα έχουν τριψήφιο συνήθως.
Υπάρχουν δύο τρόποι για να κάνουμε αυτό, μία εκ των οποίων θα πάμε πάνω.
Αλλά συνήθως, θα έχετε τρεις ψηφία που κυμαίνονται από 0 μέχρι 7 κάθε φορά.
>> Έτσι, ένα πράγμα είναι ότι υπάρχουν τρία διαφορετικά δικαιώματα
ότι μπορούμε να δώσουμε σε κάθε αρχείο.
Και είναι αναγνώσιμο, η οποία είναι αντιπροσωπεύεται από το R, το οποίο θα κάνει αίσθηση
σε λίγο? W, η οποία είναι εγγράψιμο? και εκτελέσιμο, η οποία είναι x.
Ξέρω ότι η ε ένα, εκτελέσιμο, ίσως δεν είναι η πιο λογική, αλλά είμαστε
αντιπροσωπεύουν με x.
>> Και τότε αυτό που συμβαίνει είναι το καθένα από αυτά έχει επίσης τον αριθμό εκπροσώπησης.
Έτσι έχουμε 1, 2, και 4.
Και ουσιαστικά αυτό που συμβαίνει είναι καθεμία από αυτές τις τρεις αριθμούς
εδώ αντιστοιχεί σε ένα διαφορετικό σύνολο των χρηστών
ότι τα εν λόγω δικαιώματα αφορούν.
>> Έτσι, μπορείτε να σκεφτείτε ότι η πρώτη αριθμός αντιστοιχεί στο πραγματικό χρήστη
ή ο ιδιοκτήτης του αρχείου, η δεύτερη αριθμός θα αντιστοιχεί στην ομάδα,
και η τελευταία αναφέρεται στον κόσμο, εντάξει;
Έτσι, αυτό που συμβαίνει είναι να θυμάστε εκείνες numbers-- r είναι 4, το W είναι 2,
χ είναι 1, σωστά;
This-- αν συνοψίσω αυτά τα επάνω, που σας δίνει ότι πρώτος αριθμός
ότι θα μπορούσαμε εισόδου στην chmod μας.
>> Έτσι, σε αυτή την περίπτωση, τι θα ήταν αυτός ο αριθμός είναι;
Θα ήθελα να είναι 4 συν 2 συν 1, το οποίο είναι ένα 7, σωστά;
Και σε αυτή την περίπτωση, αυτές δεν έχουν τίποτα,
έτσι ώστε το δικαίωμα αυτό εδώ θα μεταφράσει σε chmod 700, εντάξει;
Και τι είναι αυτό που κάνει είναι να παρέχει όλα από αυτά τα δικαιώματα για το χρήστη σας.
>> Έτσι, αυτό σημαίνει χρήστη μας μπορούν να κάνουν ό, τι θέλουν.
Μπορούν να διαβάσει αυτό το αρχείο.
Μπορούν να εκτελέσουν αυτό το αρχείο.
Μπορούν να γράφουν σε αυτό το αρχείο.
Αλλά η ομάδα και ο κόσμος, δεν απολύτως τα δικαιώματα, εντάξει;
>> Έτσι, ένας άλλος τρόπος για να γράψει ότι, μπορούμε κάνει chmod τριών ψηφίων, καθένα από τα οποία
αντιστοιχεί σε ό, τι το άθροισμα ή ότι ειδική ομάδα είναι, ειδικό υποσύνολο.
Ή μπορούμε να κάνουμε πραγματικότητα ένα άλλο πράγμα.
Περίμενε.
Μπορούμε να κάνουμε κάτι με αυτούς εδώ.
>> Πόσοι από εσάς είδε ένα παράδειγμα όπου ήταν σαν να chmod ένα συν x;
Είδατε ότι στην διάλεξη, νομίζω;
Έτσι, ένα συμβολίζει όλους.
Σημαίνει να δώσει σε όλους τους χρήστες, το οποίο ξέχασα να θέσει εδώ.
>> Αλλά ένα συν x, αν εμείς παρατηρήσετε εδώ, αν κάνουμε
να chmod-- ποια ομάδα είμαστε μιλάμε για συν τα δικαιώματα
θέλουμε να τους δώσουμε.
Έτσι, αυτό μπορεί να είναι ένα συν ή μείον.
Πλέον προσθέτει άδεια.
Μείον αφαιρεί την άδεια.
Αρκετά έξυπνο, νομίζω.
>> Έτσι, ένα συν x σημαίνει chmod.
Έτσι αλλάξετε τα δικαιώματα όλων των ανθρώπων Αν αυτή είναι μια a-- δικαιώματα add.
Και x-- αυτό σημαίνει ότι ό, τι άδεια είμαστε χορήγηση όλους.
Διαβάστε, γράψτε, ή να εκτελέσει;
>> ΚΟΙΝΟ: Execute.
>> ALLISON BUCHHOLTZ-AU: Execute.
Έτσι δίνουμε σε όλους τους χρήστες την άδεια να εκτελέσει αυτό το αρχείο, εντάξει;
Έτσι, ό, τι και αν θέλαμε να κάνουμε ότι με την αριθμητική μορφή;
Έτσι θυμηθείτε με αριθμητικό, θέλουμε τρεις αριθμούς.
>> ΚΟΙΝΟ: 4.
ALLISON BUCHHOLTZ-AU: Τι ήταν αυτό;
ΚΟΙΝΟ: 4.
ALLISON BUCHHOLTZ-ΑΕ: Όχι 4.
ΚΟΙΝΟ: 0, 0, 4.
ALLISON BUCHHOLTZ-ΑΕ: Λοιπόν, θέλουμε για να δώσει σε όλους τους χρήστες, σωστά;
Έτσι θα πάμε να έχουν ένας αριθμός σε κάθε υποδοχή.
Αυτό πρόκειται να είναι η ίδιο αριθμό σε κάθε σχισμή
γιατί απλά θέλουν να δώσουν όλοι εκτελέσιμο δικαιώματα.
Έτσι εκτελέσιμο είναι 1, αλλά στο σωστό δρόμο.
>> Έτσι, αν το κάναμε chmod 111 ότι θα να είναι το ισοδύναμο της chmod ένα συν x.
Μήπως αυτό έχει νόημα για όλους;
Εμείς πάμε για να περάσουν από μερικά παραδείγματα.
>> Έτσι, το μεγάλο πακέτο εδώ είναι ένα που δεν είναι εδώ,
αλλά απλά σημαίνει να δώσει σε όλους τους χρήστες.
u είναι αν απλά θέλετε να δώσει ή να πάρει μακριά
μια ειδική άδεια από ο χρήστης ή ο ιδιοκτήτης.
g είναι για την ομάδα, έτσι ώστε μεσαίο ψηφίο.
Και στη συνέχεια, άλλα που μπορείτε να σκεφτείτε σαν τον κόσμο, αυτό το τελευταίο ψηφίο.
>> Έτσι, με αυτό, θα πάμε σε ένα παράδειγμα, γιατί νιώθω σαν παραδείγματα πάντα
κάνουν αυτά τα πράγματα πιο εύκολα να κατανοήσουν.
Έτσι rwx-- περάσαμε this-- θα μπορούσε επίσης να αντιπροσωπεύουν ως 700.
Αυτό είναι το παράδειγμα εξετάσαμε σε περισσότερα της εικόνας.
Έτσι chmod 444 σε κάποιο αρχείο θα δώσει τις άδειες;
Θα ήταν πολύ κοντά.
ΚΟΙΝΟ: αναγνώσιμες από όλους.
ALLISON BUCHHOLTZ-AU: αναγνώσιμο.
Έτσι αναγνώσιμα σε όλους, έτσι δεν είναι;
Και τότε τι είναι ένας άλλος τρόπος για να το κάνουμε αυτό;
Αν θέλουμε να κάνουμε chmod είτε με R ή W, το συν και τα πλην,
τι θα ήταν αυτό κλήση μοιάζει;
Θα πρέπει να chmod τι;
>> ΚΟΙΝΟ: ένα συν r.
>> ALLISON BUCHHOLTZ-ΑΕ: ένα συν r στο 5.
ΟΚ, έτσι αυτό είναι το ίδιο με αυτό, μόνο δύο διαφορετικές μεταφράσεις
του ίδιου πράγματος.
Έτσι, με αυτό, έχουμε αυτά.
Γι 'αυτό θέλω εσείς να δοκιμάσετε και να γράφουν Αυτό το είδος της στο αντίθετο τρόπο τους.
>> Έτσι, με chmod 555, τι θα είναι όπως;
Θα ήταν ένα συν ή u συν ή οτιδήποτε;
Για u Plus X, να μου δώσει τους τρεις αριθμούς.
Και στη συνέχεια να μου πείτε για το τι δικαιώματα είμαστε στην πραγματικότητα χορήγηση και σε ποιον;
>> Γι 'αυτό θα σας δώσω δύο παιδιά λεπτά για να εργαστούν σε αυτό.
Μη διστάσετε να μιλήσετε με τον άλλον.
Για όσους από εσάς ήρθε σε λίγο αργά, υπάρχει καραμέλα και πουκάμισα.
Έχουμε τρία πουκάμισα αριστερά, και έχουμε Kit Kats και αστρικές εκρήξεις.
Έτσι αισθάνεται ελεύθερη να έρθει αρπάξει ορισμένοι σε αυτό το μικρό διάλειμμα.
>> Επίσης, η τελευταία είναι δύσκολο.
Είναι δύο chmods για το τελευταίο.
Στην πραγματικότητα, επιτρέψτε μου να κλείσει την πόρτα ενώ εσείς εργάζεστε σε αυτό.
Candy είναι πάντα απαραίτητη σε ένα απόγευμα της Δευτέρας.
>> Εντάξει, έτσι chmod 555.
Τι είναι ένας άλλος τρόπος θα μπορούσαμε να γράψουμε αυτό;
Οποιεσδήποτε ιδέες;
Ναι.
>> ΚΟΙΝΟ: ένα συν RX.
>> ALLISON BUCHHOLTZ-AU: r συν Rx.
Θέλετε να εξηγήσει γιατί ήθελα να RX;
>> ΚΟΙΝΟ: Επειδή έχετε 5, έτσι ώστε να είναι 4 συν 1,
έτσι ώστε να διαβάσει συν εκτελέσιμο, και αυτό είναι για όλους.
ALLISON BUCHHOLTZ-AU: Δεξιά.
Έτσι απλά να επαναλάβω, 5 εδώ γνωρίζουμε ως το άθροισμα των 4 και 1,
επειδή κάθε αριθμός σε τρίο μας είναι η άθροισμα των αδειών για το συγκεκριμένο υποσύνολο,
σωστά;
Είτε ο χρήστης, ο ομάδα, ή ο κόσμος.
Έτσι, στην περίπτωση αυτή, γνωρίζουμε ότι 5 πρέπει να σχηματίζονται από 4 και 1.
>> Και 4 και το 1 αντιστοιχούν σε αναγνώσιμο και εκτελέσιμο.
Είμαστε αυτό που δίνει σε όλους, ώστε να μπορούμε να κάνουμε chmod ένα συν Rx.
Και προφανώς, εμείς απλά πήγε μέσα από τις ερωτήσεις εκεί,
έτσι και τώρα αυτό το αρχείο είναι εκτελέσιμο και αναγνώσιμα σε όλους.
>> Έτσι τι γίνεται με το δεύτερο;
Τι θα μπορούσε ο αριθμός για αυτό το ένα να είναι;
Οποιεσδήποτε ιδέες;
Προχωρήστε.
>> ΚΟΙΝΟ: 100 [δεν ακούγεται].
>> ALLISON BUCHHOLTZ-AU: 100.
Ακριβώς.
Έτσι θέλετε να εξηγήσει γιατί 100;
ΚΟΙΝΟ: Επειδή είναι για το χρήστη, έτσι ώστε να είναι στην πρώτη θέση.
Και τότε x εκτελέσιμο είναι 1.
ALLISON BUCHHOLTZ-AU: Ακριβώς.
Έτσι είμαστε χορήγηση εκτελέσιμο δικαιώματα μόνο το χρήστη.
Έτσι, στην περίπτωση αυτή, θα είναι 100.
Και έχω όλες τις απαντήσεις μέχρι την επόμενη διαφάνεια στην περίπτωση
είστε γράφοντας πολλά πράγματα προς τα κάτω.
>> Εντάξει, έτσι αυτό το επόμενο γίνεται πραγματικά με δύο chmods, θα μπορούσε να το κάνει.
Έτσι κάνει κάποιος που έχει καμία ιδέα για το πώς μπορείτε να
πάρετε chmod 640 ξαναγραφεί κατά τον άλλο τρόπο;
Μπορείτε να αλλάξετε τον πρώτο χρήστη και, στη συνέχεια, μπορείτε να αλλάξετε την ομάδα είναι η υπόδειξη μου.
>> Έτσι, αν ήμασταν απλά αλλάζοντας το χρήστη, το οποίο είναι αυτό το πρώτο εδώ,
τι θα μπορούσαμε να αποκαλέσουμε μας είναι;
Έτσι, ο χρήστης είναι u, σωστά;
Έτσι chmod u συν τι;
Mmhmm;
>> ΚΟΙΝΟ: rw.
ALLISON BUCHHOLTZ-AU: rw.
Δεξιά, για να διαβάσει και να γράψει, γιατί ανάγνωσης είναι 4, το W είναι 2, εκείνα ποσό μαζί ως 6.
Έτσι παίρνουμε chmod u συν RW, και παίρνουμε το πρώτο μας 6 εκεί.
>> Έτσι, στη συνέχεια, να πάρει το 4, θέλουμε τώρα να αλλάξετε τις ρυθμίσεις της ομάδας μας.
Έτσι θα πάμε να κάνουμε chmod g συν τι;
Τι είναι ένα 4;
>> ΚΟΙΝΟ: r.
ALLISON BUCHHOLTZ-AU: r.
Ακριβώς.
Έτσι δίνουμε τον ιδιοκτήτη διαβάζουν και να γράφουν δικαιώματα
και δίνουμε την ανάγνωση της ομάδας δικαιώματα, που έχουμε όλοι εδώ.
Mmhmm;
>> ΚΟΙΝΟ: Αν μπορείτε να γράψετε κάτι, υπονοεί μπορείτε να το εκτελέσει;
>> ALLISON BUCHHOLTZ-AU: Μπορείτε μπορεί να γράψει σε something--
Δεν πιστεύω ότι υπονοεί μπορείτε να το εκτελέσει.
Cool.
Έτσι, αυτό είναι το μόνο που έχουμε μόλις πέρασε.
Έτσι, σε αυτό το επόμενο, είναι ακριβώς το είδος των κοινών υποθέσεων
ότι θέλετε να διατηρήσετε σε πειράζει που για το πρόβλημά σας.
Αυτά είναι τυπικά τα δικαιώματα ότι μας αρέσει να το χρησιμοποιήσετε.
>> Έτσι, για το 711, που δίνει μας, φυσικά, ο χρήστης
Όλα τα δικαιώματα, τα οποία τείνει να έχει νόημα.
Και τότε είναι εκτελέσιμο από το ομάδα στον κόσμο, η οποία έχει νόημα
αν έχετε κάποιο κατάλογο, μπορείτε θέλουν να είναι σε θέση να διασχίσει σε αυτό.
Οι άνθρωποι πρέπει να έχουν πρόσβαση.
>> Για κάθε αρχείο μη-PHP, θα πάμε να χρησιμοποιήσει 644, η οποία θα κάνει τι;
Τι σημαίνει αυτό συνεπάγεται, ή ό, τι δικαιώματα δεν που δίνουν;
Έτσι, ο ιδιοκτήτης μπορεί τι;
ΚΟΙΝΟ: Διαβάστε και γράψτε.
ALLISON BUCHHOLTZ-ΑΕ: Διαβάστε και γράψτε.
Και στη συνέχεια την ομάδα και τους άλλους μπορεί να διαβάσει ακριβώς, σωστά;
Και τότε chmod 600 για κάθε PHP αρχεία που χρησιμοποιείτε,
του ιδιοκτήτη σας, πάλι, μπορεί να διαβάσει και να γράψει σε αυτό
αλλά όλοι οι άλλοι είναι ακριβώς το είδος των φραγμένη.
>> Έτσι, αυτό θα είναι πράγματι να είναι πιο χρήσιμη όταν
μπορείτε να πάρετε στο πρόβλημα σας που την επόμενη εβδομάδα, όπου
είστε πραγματικά οικοδόμηση ενός δικτυακού τόπου.
Έτσι, αν έχετε συναντήσει ποτέ κάποια περίεργα προβλήματα
όπου αυτό δεν είναι φόρτωση σωστά, ίσως σας
πρέπει να προσθέσετε ένα εκτελέσιμο άδεια, ή ίσως θα πρέπει να έχετε μια ανάγνωση
ή δικαιώματα εγγραφής.
Τα μικρά πράγματα που τείνουν να σκοντάψει ανθρώπους up, αλλά αυτό είναι κάτι σαν το go-to
όταν ξεκινάτε το chipset της επόμενης εβδομάδας.
Και θα ήθελα να σας δώσω περισσότερα συμβουλές για το chipset αυτής της εβδομάδας,
αλλά έχω ακόμα να το δει κανείς από το που κυκλοφόρησε σήμερα το πρωί.
Αλλά να μου στείλετε email, θα το έχω κοιτάξει σε αυτό από τη στιγμή που θα απαντήσει αύριο.
>> Έτσι τώρα, είναι όλοι καλά με chmod;
Όποιες ερωτήσεις;
Αρκετά απλή.
Ακριβώς το είδος του την παρακολούθηση του τι διαβάζει, να γράφει, και να εκτελέσει αριθμοί είναι
είναι ίσως το πιο δύσκολο κομμάτι.
>> Έτσι, με το πρωτόκολλο TCP / IP, όλα αυτά τα πρωτόκολλα, το είδος του όπως και με τις δομές δεδομένων σας
την περασμένη εβδομάδα, είναι πολύ πιο σημαντικό για το είδος του να πάρει
ένα υψηλότερο επίπεδο διαίσθησή τους.
Αυτό δεν είναι CS143 όπου θα πάμε να σας ζητήσω να εφαρμόσει ένα δίκτυο,
έτσι θα ήταν ωραία αν δεν καταλαβαίνετε
κονιδιασμένος λιθίαση όλων των πρωτοκόλλων.
Αυτό που είναι σημαντικό να κατανοήσουμε είναι κάτι σαν αυτό που αντιπροσωπεύουν
και γιατί είναι σημαντικό.
>> Έτσι, το πρωτόκολλο TCP / IP, φυσικά, είναι η Πρωτόκολλο Ελέγχου Μετάδοσης
ή πρωτόκολλο Διαδικτύου, το οποίο είναι ουσιαστικά μόνο ένα σύνολο νόμων βασικά
ή πρότυπα που λένε δεδομένα πώς θα πρέπει να αντιμετωπιστεί,
πώς θα πρέπει να πακετάρονται, μεταδίδονται, και έλαβε.
Έτσι ουσιαστικά, όπως ακριβώς λέει εδώ, αυξάνει τις πιθανότητες
ότι τα δεδομένα που παίρνει όπου θέλετε να φτάσετε στο.
>> Είμαι σίγουρος ότι αν έχετε παιδιά πήγαν να διάλεξη ή να παρακολουθήσουν σε απευθείας σύνδεση,
ο has-- Δεν ξέρω αν το έκανε αυτό το έτος,
αλλά ξέρω ότι το περασμένο έτος, είχε ένα demo, όπου είχε μια εικόνα του Rob
και αυτός χωρίζεται σε τέσσερα και το βάζουμε σε φακέλους
και προσπάθησε να το μεταδώσουμε Sanders.
Και μπορείτε να το είδος του σκέφτονται με αυτόν τον τρόπο.
Είναι απλά ένα σύνολο κανόνων που πείτε δεδομένα πώς να πάρει κάπου
και σας επιτρέπει να γνωρίζετε εάν σας λείπουν δεδομένα,
με τον ίδιο τρόπο ότι αν είστε λαμβάνοντας πολλαπλές σελίδες των σημειώσεων
και θα τους στιγματίσει με τη σελίδα 104, σελίδα 204, και μπορείτε να πάτε πίσω για να μελετήσει αργότερα
και σας λείπουν something-- δεν μπορείτε να βρείτε τη σελίδα 304-- ξέρετε
κάτι είναι λάθος, έτσι ώστε να μπορεί να κοιτάξει μέσα από τις σημειώσεις σας
πάλι ή ζητήστε από κάποιον να σας ξαναστείλει η διάλεξη σημειώνει από εκείνη την ημέρα.
Με τον ίδιο τρόπο με τα δεδομένα στο διαδίκτυο.
Αν ζητάω κάτι από κάποιο εξυπηρετητή
και αυτό πρέπει να στείλετε αυτό σε πολλαπλά πακέτα,
κατά πάσα πιθανότητα πρόκειται για τον αριθμό αυτό κατά κάποιο τρόπο, ας
Θέλω να ξέρω πόσα θα έπρεπε να είχα λάβει, και πες μου, ω, αυτό είναι ένα από τα 10
ή αυτό είναι ένα από τα 10.000.
Με αυτόν τον τρόπο, όταν πάω να ανασυνθέσει όλα τα κομμάτια μαζί,
Ξέρω ότι αν κάτι λείπει και μπορώ να ρωτήσω για αυτό και πάλι.
Μήπως αυτό έχει νόημα;
Ακριβώς ένα σύνολο κανόνων.
Στη βάση του, το σύνολο των κανόνων, εντάξει;
>> Έτσι μιλήσαμε και ένα λίγο για τα λιμάνια.
Αυτό είναι πραγματικά ακριβώς ένα πρότυπο που σας επιτρέπει να γνωρίζετε τι είδους δεδομένα
μεταδίδεται σε αυτά τα πακέτα.
Αν πάμε με μας φάκελο παράδειγμα, εμείς δεν κάνουμε
ξέρετε ότι είναι μια εικόνα της Rob εκεί αν δεν το γράφουν
στο εξωτερικό του περιβλήματος μας.
Έτσι, τα λιμάνια είναι βασικά το ίδιο πράγμα.
Είναι απλά ένας τρόπος για να καταλάβω τι τύπος των δεδομένων που μεταδίδονται.
>> Έτσι έχουμε όλα τα πιο συνηθισμένες εδώ.
Έτσι 21-- αυτά είναι, επίσης, το είδος της, όπως καλά πράγματα για να γνωρίζουν.
Είναι το είδος του μια εύκολη ερώτηση κουίζ.
Να είστε σαν, τι θύρα 80 να κάνω;
Ή, τι σημαίνει θύρα 443 κάνει;
Έτσι, τα καλά πράγματα για να γνωρίζουν.
>> Έτσι έχουμε εδώ, 21 είναι το αρχείο πρωτόκολλο μεταφοράς, έτσι απλά
οι κανόνες που διέπουν τη μεταφορά αρχείων.
25, κάτι που όλοι χρησιμοποιούν πάρα πολύ, είναι το email.
53 είναι το όνομα τομέα σύστημα, το οποίο είναι βασικά
ακριβώς το είδος της αναζήτησης για το Διεύθυνση IP ενός domain name.
>> Έτσι, είμαι αρκετά σίγουρος ότι ήταν αναφέρεται στην διάλεξη, αν
να πάει σε κάτι σαν google.com, έχει μια διεύθυνση IP
που είναι συνδεδεμένες με αυτό.
Δεν είναι στην πραγματικότητα google.com.
Και έτσι 53 είναι το λιμάνι ότι παίρνει πραγματικά
φροντίδα του είδους μεταφράζοντας σε αυτή τη διεύθυνση IP για εσάς.
Και στη συνέχεια, 80 και 443 είναι πολύ συχνές.
Μπορείτε είτε έχουν ιστοσελίδα σας ή θα έχετε μια ασφαλή ιστοσελίδα σας,
που πολλές ιστοσελίδες είναι μεταφέροντας πάνω από τώρα.
>> Έτσι, αυτό είναι το είδος του υψηλού επιπέδου Επισκόπηση του πρωτοκόλλου μεταφοράς.
Δεν βλέπω πολύ περισσότερο σε βάθος.
Είναι το είδος της δροσερό πράγματα αν σας ενδιαφέρει.
Υπάρχει αφθονία των πόρων.
Wikipedia στην πραγματικότητα είναι μια πολύ καλή σελίδα.
Έτσι έψαχνα σε αυτό μόλις πριν από λίγο καιρό,
οπότε θα ήθελα να συστήσω ιδιαίτερα κοιτάζοντας αυτό, αν σας ενδιαφέρει
ή να λάβει 143 σε δύο χρόνια, επειδή Νομίζω ότι είναι κάθε άλλο χρόνο.
>> Έτσι, στο τέλος της αυτό, είμαστε μιλάμε για ιστοσελίδες και HTTP,
η οποία είναι στην πραγματικότητα το επόμενο θέμα μας για σήμερα, πριν πάμε σε HTML και CSS
και μπορείτε πραγματικά να κωδικοποιήσει έως μια ιστοσελίδα.
Θα είναι διασκεδαστικό.
Θα έχετε φωτογραφίες του κουνελάκια και αυτό θα είναι μεγάλη.
>> Έτσι, HTTP, όπως μπορείτε να δείτε εδώ, Είναι ένα από τα όμορφα ακρωνύμια
για αυτή την εβδομάδα, η οποία είναι Hypertext πρωτόκολλο μεταφοράς.
Έτσι και πάλι, είναι ακριβώς ένα άλλο σύνολο κανόνων που
διέπει υπερκειμένου μεταφορά, σε αυτή την περίπτωση.
Έτσι καλύτερος τρόπος για να μάθετε για αυτό είναι ακριβώς το είδος του
να το σπάσει σε Αυτές οι μεμονωμένες λέξεις
επειδή υπάρχουν πολλά λέξεις στην οθόνη εκεί.
>> Έτσι θα πάμε για να ξεκινήσει με το υπερκείμενο.
Έτσι, "υπερ", μπορείτε να σκεφτείτε "Πάνω", όπως σούπερ-τύπου πράγμα.
Έτσι, είναι πραγματικά μόνο το κείμενο που λαμβάνονται για την επόμενο επίπεδο, έτσι είναι σαν σούπερ κείμενο,
όπως και το επόμενο κείμενο.
Έτσι, είναι ουσιαστικά μόνο το κείμενο που μας δίνει
περισσότερες πληροφορίες από ό, τι κανονικό κείμενο κάνει, εντάξει;
>> Έτσι, σε αυτήν την περίπτωση εδώ, αυτό είναι το υπερκείμενο.
Αυτό μας λέει ότι έχουμε κάποια σχέση που θα πάμε να,
η οποία είναι cs50.net, η οποία είναι τώρα cs50.harvard.edu.
Οι διαφάνειες είναι λίγο παλιά.
Και πρόκειται για την εμφάνιση δεδομένου ότι αυτό, ως μια υπερ-σύνδεση,
και, στη συνέχεια, ένα πραγματικά δροσερό ιστοσελίδα.
>> Έτσι είναι κείμενο, το οποίο είναι λίγο λίγο πολύ δροσερό πράγματα εκεί.
Έτσι, μπορείτε να συνδέσετε τα πράγματα και μπορείτε εισάγετε εικόνες και μπορείτε να φορμάρετε τα πράγματα.
Και το πιο γνωστό πράγμα που έχετε παιδιά έχουν κατά πάσα πιθανότητα με το υπερκείμενο
είναι HyperText Markup Language, HTML, το οποίο φυσικά είναι όλα του ιστού
ότι βλέπουμε γύρω μας, που χορηγείται με κάποιο στυλ CSS ρίχνονται σε.
>> Αλλά αν κάποιος ήταν πραγματικά μεγάλο με το MySpace,
Είμαι σίγουρος ότι όλοι μεταχειρισμένα HTML όλη την ώρα για να δημιουργήσετε
αυτές τέλειο προφίλ, σωστά;
Νιώθω σαν αυτό μπορεί να είναι μια ξεπερασμένη αναφορά τώρα, αλλά οτιδήποτε άλλο.
Ακριβώς ένα little-- σας παιδιά Δεν είναι ότι πολύ νεότερος.
Μερικοί από εσάς είναι μεγαλύτερος από μένα.
MySpace ήταν ακόμα ένας πράγμα όταν ήμουν νέος.
Δεν είμαι τόσο μεγάλος.
>> Anyways, HTML απλά μια μορφή του υπερκειμένου.
Έτσι, το hypertext είναι απλά Κείμενο με νέα χαρακτηριστικά.
Έτσι πρωτόκολλο μεταφοράς είναι πιθανόν η πιο αμφίβολη πράγμα να εξηγήσει.
Προφανώς, transfer-- μόνο μεταφορά δεδομένων.
Έτσι, είτε μεταξύ του πελάτη, όπως web αδελφό σου, και ένας server.
Έτσι, βασικά, μόνο το τρόπο το Διαδίκτυο λειτουργεί.
>> Έτσι, το ακριβές αίτημα του πώς αυτές οι εργασίες, είμαστε
στην πραγματικότητα πρόκειται να δούμε μια παράδειγμα αίτησης και απάντησης.
Αλλά πώς μπορούμε να ζητήσουν πληροφορίες από ένα διακομιστή
και πώς ο διακομιστής απαντά με εμάς είναι τι διέπει αυτό το πρωτόκολλο μεταφοράς.
Έτσι, το αίτημα και η απάντηση έχει να ακολουθήσει αυτές τις συγκεκριμένες σύνολο κανόνων.
Είναι τυποποιηθεί έτσι ώστε δεν έχει σημασία όπου είστε με τη χρήση του διαδικτύου,
λειτουργεί πάντα το ίδιο, εντάξει;
>> Και πάλι, το πρωτόκολλο, ορίζεται από τους κανόνες.
Είναι απλά μια φυσιολογική αλληλεπίδραση με τον ίδιο τρόπο
ότι ο καθηγητής Malan μιλά για εάν κάποιος επεκτείνει το χέρι τους,
ξέρετε ότι αυτό είναι κοινή ευγένεια να φτάσουν στα δικά σας και να σφίξει το χέρι τους.
Αυτό είναι ένα πρωτόκολλο, σωστά;
>> Έτσι δίνω κάποια τυποποιημένη αίτηση, το οποίο είναι που θέλω να τινάξει το χέρι σας,
και να σας δώσει κάποια τυποποιημένη απάντηση, η οποία είναι είτε όχι, ευχαριστώ
ή θα μπορούσατε να δοκιμάσετε και ανακινήστε μου χέρι ή ίσως θα πάμε να προσπαθήσουμε
και γροθιά χτύπημα μου.
Και δεν έχουμε ένα πρωτόκολλο για αυτό.
Αναλύεται.
Αλλά αν ο καθένας ακολουθεί το ίδιο πρωτόκολλο, φυσικά,
πηγαίνει πολύ πιο ομαλά.
Οι άνθρωποι να γνωρίσουν ο ένας τον άλλον.
Όλοι είναι ευχαριστημένοι.
>> Έτσι, στον κόσμο του web, ο καθένας ακολουθεί την ίδια rules--
ελαφρώς καλύτερα από τα κοινωνικά πρότυπα.
Αλλά με αυτό, θα εξετάσουμε σε ένα παράδειγμα αιτήματος εδώ.
Έτσι, υπάρχει αυτό το μικρό κλειδί εδώ στο κάτω μέρος
ότι σας λέει τα διαφορετικά χρώματα, ό, τι υποτίθεται ότι πρέπει να σημαίνει.
>> Έτσι, το λευκό είναι ακριβώς όπως τη μέθοδο σας αίτηση και το πρωτόκολλο version--
έτσι το αίτημα μέθοδο, έκδοση.
Και τότε αυτό είναι μερικά το όνομα τομέα και η αξία
του εν λόγω τομέα, το οποίο θα πάει σε πολύ, πολύ σύντομα.
Έτσι, αυτό είναι ένα παράδειγμα αίτησης.
Αυτό είναι σαν κι εμένα που εκτείνεται έξω, θέλουν να σας συστηθώ.
>> Αυτό είναι ό, τι ο πελάτης ή ό, τι web browser σας
θα στείλει στον διακομιστή σας.
Έτσι, αυτό είναι μια αίτηση GET, έτσι είναι ζητώντας κάτι από το διακομιστή.
Και αυτό είναι, φυσικά, HTTP και αυτό είναι η έκδοση 1.1.
>> Έτσι το υπόλοιπο αυτού εδώ είναι αυτό που λέμε η επικεφαλίδα, καθώς και επιπλέον πληροφορίες του
ότι μας δίνει μια καλύτερη ιδέα του τι είμαστε στην πραγματικότητα ζητώντας,
ή πληροφορίες που θέλουμε να δώσουμε ο διακομιστής που θα μπορούσε να είναι σχετική.
Έτσι User-Agent δίνει λίγο περισσότερο Περιγραφή on-- για παράδειγμα, εδώ,
μπούκλα / 7.24.0 είναι πραγματικά πρόκειται να πει ο διακομιστής που χρησιμοποιείτε το Google
Chrome ως πρόγραμμα περιήγησής μας.
Έτσι, αν έχετε ακούσει ποτέ για τους ανθρώπους που μιλούν
για την πραγματοποίηση μια εφαρμογή να ανταποκρίνεται σε πολλαπλά προγράμματα περιήγησης,
Αυτό είναι κάτι που θα θα χρησιμοποιήσει γιατί αν
Δεν ξέρω ποιο πρόγραμμα περιήγησης το αίτημα προέρχεται από,
δεν μπορείτε να προσαρμόσετε τα δεδομένα σε αυτό.
Έτσι, στην περίπτωση αυτή, ο χρήστης είναι απλά δίνει αυτό το είδος
από τον προσδιορισμό των πληροφοριών για ποιο πρόγραμμα περιήγησης
χρήστη σας χρησιμοποιεί προς το παρόν, εντάξει;
>> Μέχρι τότε έχουμε επίσης υποδοχής, η οποία είναι όπου είμαστε πραγματικά θέλουν να πάνε.
Σε αυτή την περίπτωση, θέλουμε να πάμε σε apple.com, να αγοράσει μερικά δροσερά νέα iPads
ή κάτι, ίσως και χαριτωμένο φώτα σε δωμάτια κοιτώνα μας.
Και τιμή όνομα στο τέλος είναι απλά ένα υλικό πληρώσεως, μόνο μια γενική πράγμα
για σας παιδιά να δουν.
Δεν το κάνει πραγματικότητα αντιστοιχεί σε τίποτα εδώ.
>> Έτσι μπορείτε να έχετε τόσο πολύ ή τόσο λίγα όπως θέλετε σε κάθε περίπτωση.
Τις περισσότερες φορές, αυτές είναι προαιρετικές.
Εξαρτάται μόνο από το τι χρειάζεστε από το πρόγραμμα περιήγησης,
από το χρήστη, ώστε να σωστά δώσει το αίτημα.
Ή αυτό εξαρτάται από το τι χρήστη σας στην πραγματικότητα θέλει να δώσει μέχρι το διακομιστή.
Έτσι μπορείτε να έχετε πολλά, πολλά από αυτά τα ονόματα πεδίου κεφαλίδας
ή μπορεί να έχετε μόνο ένα ζευγάρι.
Όπως και με τόσα πολλά πράγματα Έχω πει σε αυτή την ενότητα,
αυτό εξαρτάται πραγματικά από το πλαίσιο από το πώς χρησιμοποιείτε αυτό.
>> Έτσι κάνει ότι κάνει νόημα για όλους;
Αυτό είναι μόνο ένα παράδειγμα της αίτηση, κεφαλίδες, εταζέρα.
Εντάξει, έτσι με αυτό, έχουμε κάποια απάντηση.
>> Και πάλι, έχουμε κωδικός κατάστασης μας, το πρωτόκολλο έκδοση, και στη συνέχεια το όνομα τομέα και τον τομέα
αξία όπως πάντα.
Μέχρι την έκδοση του πρωτοκόλλου μας και κωδικός κατάστασης μας είναι 200.
Εντάξει, πράγμα που σημαίνει ότι, Ναι, όλα πήγαν καλά.
Εδώ είναι ό, τι θέλετε.
>> Ο τύπος του διακομιστή, το περιεχόμενο type-- μας λέει, εντάξει, είσαι
πρόκειται να πάρει κάποιο κείμενο HTML.
Εδώ είναι το μήκος της και εδώ είναι τι πρέπει να κάνετε με τη σύνδεση.
Εντάξει, οπότε και πάλι, ανάλογα σχετικά με τα δεδομένα που είστε
ζητώντας, ανάλογα με το ποια είναι η διακομιστής θέλει να επιστρέψει σε εσάς,
μπορεί να έχετε περισσότερα από αυτά τομέα ονόματα, μπορεί να έχετε λιγότερο.
Εντελώς πλαίσιο εξαρτάται.
>> Και όσον αφορά αυτό το καθεστώς κώδικας εδώ, φυσικά,
200 δεν είναι η μόνη θα μπορούσατε να έχετε, σωστά;
Έχουμε πολλά κωδικούς κατάστασης.
Υπάρχει κάποιος που θυμάται οποιοδήποτε από τα άλλοι που αναφέραμε στη διάλεξη;
Πολλοί από τους αρχίζουν με 4.
>> ΚΟΙΝΟ: 404.
>> ALLISON BUCHHOLTZ-AU: 404, το οποίο είναι;
>> ΚΟΙΝΟ: Το αρχείο δεν βρέθηκε;
>> ALLISON BUCHHOLTZ-ΑΕ: Το αρχείο δεν βρέθηκε.
Ακριβώς.
Έτσι τι γίνεται με 403;
ΚΟΙΝΟ: Απαγορευμένη.
ALLISON BUCHHOLTZ-AU: Απαγορευμένη.
Λοιπόν, τι νομίζεις αυτό σημαίνει ότι με chmods;
>> ΚΟΙΝΟ: Αυτό σημαίνει ότι θα Δεν έχετε άδεια για να το διαβάσετε.
>> ALLISON BUCHHOLTZ-AU: Ακριβώς.
Κατά κάποιο τρόπο, δεν έχετε την άδεια να έχουν πρόσβαση, σωστά;
Έτσι, 404, 403.
Υπάρχει ένα πραγματικά αστείο Ένα ταξίδι που πάντα
εισάγει κάθε χρόνο Θα έπρεπε να είχα βάλει εδώ,
όπως το 413, το οποίο είναι ότι είμαι μια τσαγιέρα.
Μπορείτε να google αυτό.
Είναι αστείο, όπως, ότι είναι κώδικας 413 και είναι είμαι τσαγιέρα.
Ποιο Δεν ξέρω για ποιο λόγο θα χρειαστεί ποτέ ότι στο διαδίκτυο,
αλλά εγώ παρεκκλίνω.
ΚΟΙΝΟ: Ίσως είστε ένα τσάι κατσαρόλα.
ALLISON BUCHHOLTZ-AU: Ίσως ο διακομιστής είναι ένα τσάι κατσαρόλα.
Ποιος ξέρει;
Εντάξει, έτσι είμαστε έτοιμοι να μετάβαση σε πραγματικό κωδικοποίηση.
Νιώθω σαν εσείς πρόκειται να βγούμε από εδώ αρκετά γρήγορα.
>> ΚΟΙΝΟ: Γιατί το κάνει λένε "διακομιστής: δύο φορές;
>> ALLISON BUCHHOLTZ-AU: Χμ;
Διακομιστή δύο φορές;
Αυτό είναι μια καλή ερώτηση.
Δεν είμαι σίγουρος.
Θα μάθετε και Θα σας όλα τα email.
>> Εντάξει, οποιαδήποτε άλλα θέματα εκτός από αυτό;
Καλό;
Cool.
>> HTML και CSS, και τώρα είμαστε φτάσετε σε όλα τα μέρη διασκέδασης.
Έτσι, όπως ανέφερα και πριν, HTML Είναι ίσως ένα από τα πράγματα
εσείς είστε πιο εξοικειωμένοι με.
Έτσι έχουμε HyperText Markup Language.
>> Ο καλύτερος τρόπος για να μάθετε this-- εγώ δεν κάνω υπάρχουν έτοιμες διαφάνειες ή τίποτα
για σας παιδιά με HTML.
Είναι πραγματικά για την εκμάθηση της σύνταξης.
Και αν ήταν στο MySpace ημέρα, θα έχετε αυτό κάτω.
>> Έτσι, στην πραγματικότητα, το μεγαλύτερο πράγμα είναι απλά για να εξασκηθείτε και να πειραματιστούν.
Ένας από τους μεγάλους πόρους που θα συνιστούμε τη χρήση είναι W3Schools.
Έτσι ακριβώς W, 3, και στη συνέχεια Σχολεία.
Έχουν πολλά πόρους για HTML, CSS για,
και έχουν πραγματικά μια διάσπαση είδος οθόνης του πράγματος
όπου θα σας δώσουν το παράδειγμα κώδικα.
Μπορείτε να παιδεύεστε με αυτό, αλλάξετε και πατήστε Ενημέρωση,
και αυτό θα σας δείξει τι στην πραγματικότητα κάνει την ιστοσελίδα.
>> Γι 'αυτό και θα το συνιστούσα ανεπιφύλακτα τη χρήση αυτού.
Είναι αρκετά δροσερό.
Δεν θα πάρετε SEG σφάλματα εδώ, όταν τα πράγματα πάνε στραβά.
Αν καταφέρετε να πάρετε ένα σφάλμα SEG με την HTML,
δεν επιτρέψτε μου να ξέρω γιατί είμαι πρόκειται να είναι πραγματικό κέντρισε το ενδιαφέρον.
Αλλά είναι πραγματικά δροσερό, επειδή μπορείτε να αλλάξετε τα πράγματα,
μπορείτε να δείτε τους ενημερώνονται ζωντανά.
Και νομίζω ότι θα πάρετε μια πολύ πιο διαισθητική κατανόηση της HTML
αν στην πραγματικότητα μόλις περάσουν μερικά χρόνο πειραματίζονται με αυτό.
Έτσι, γι 'αυτό είπα, πρακτική και το πείραμα.
>> Η Google, από εδώ και στο έξω, θα είναι πιθανώς
ένας από τους καλύτερους πόρους και τους φίλους σας.
Ή Bing-- Δουλεύω στη Microsoft, οπότε ίσως θα έπρεπε να πω το Bing.
Αλλά λίγο πολύ τίποτα είναι ακριβώς πρόκειται να είναι η σύνταξη,
έτσι ώστε να κατανοήσει τι είναι οι ετικέτες, understanding-- τουλάχιστον με CSS--
πώς μπορείτε να αλλάξετε ορισμένα χαρακτηριστικά.
Θα είναι εξαιρετικά χρήσιμη.
>> Έτσι, ακόμα κι αν δεν το κάνουμε υπάρχουν έτοιμες πράγματα,
Έχουμε το είδος της μερικές βέλτιστες πρακτικές ότι θέλουμε εσείς να δοκιμάσετε και να τηρούν
by-- ή μάλλον, θα πρέπει να τηρήσουν μέχρι νεωτέρας.
Έτσι, κλείστε όλες τις ετικέτες σας.
Ας ελπίσουμε ότι ο καθένας has-- ξέρετε τι, αν αυτό δεν έχει νόημα αυτή τη στιγμή,
Υπόσχομαι ότι θα έχει νόημα όταν είμαστε κωδικοποίησαν τη σελίδα.
Αλλά κλείσετε όλες τις ετικέτες σας.
Έτσι, αν έχετε ποτέ κάποια κεφαλίδα που είναι στήριγμα,
Η1, βραχίονα, βεβαιωθείτε ότι όταν τελειώσετε με αυτό,
μπορείτε να κλείσετε αυτό το header.
Επικύρωση της σελίδας σας με το W3 επικύρωσης.
Εάν δεν μπορείτε να κλείσετε τις ετικέτες σας, μπορείτε να πάρετε απροσδόκητη συμπεριφορά.
Θα έλεγα ότι η σελίδα σας δεν είναι έγκυρο αν το τρέξετε μέσω αυτής της επικύρωσης.
Έτσι, όταν σε doubt-- και ειδικά για αυτή την εβδομάδα και την επόμενη εβδομάδα
pset-- με τον ίδιο τρόπο που ζητάμε μπορείτε να χρησιμοποιήσετε ελέγξετε 50 και το στυλ 50,
θα μπορούσατε να σκεφτείτε αυτό ως ένας από τους ελέγχους σας, εντάξει;
>> Έτσι, αν δεν περάσει το W3 επικύρωσης.
Αυτό είναι κάτι που θα σας δέσει για.
Ή εγώ σας λέω σωστά τώρα, εγώ θα σας δέσει για.
Έτσι, βεβαιωθείτε ότι επικυρώνει.
Δεν είναι δύσκολο.
Μπορείτε απλά να επικολλήσετε στον κώδικά σας και είτε θα πει καλή δουλειά
ή χάνετε κάτι με τον ίδιο τρόπο
ότι το στυλ 50 σας λέει όπου είστε μπέρδεμα πάνω.
>> Και στη συνέχεια, ένα τελευταίο πράγμα είναι που θέλετε να διαχωρίσετε
σήμανσης σας, η οποία είναι ότι η HTML ή το κείμενό σας, και το styling σας.
Έτσι θα κάνουμε ένα παράδειγμα του δικαιώματος αυτού μετά από αυτό.
Έτσι, HTML και CSS πρέπει να είναι ξεχωριστό.
Και θα πάμε να μιλάμε για MVC, η οποία είναι μοντέλο Προβολή ελεγκτή,
την επόμενη εβδομάδα.
Εσείς θα πρέπει πιθανώς μάθετε ότι σε διάλεξη
αύριο, αν είχατε ήδη μάθει σήμερα.
>> Και αυτό είναι ακριβώς το είδος του ένα παράδειγμα που έχουμε την τάση
για να χρησιμοποιήσετε κατά τη δημιουργία ιστοσελίδων σελίδες για να διαχωρίσετε τα πράγματα έξω.
Μπορείτε να σκεφτείτε ότι με τον ίδιο τρόπο ότι έχουμε την τάση να ξεχωριστές λειτουργίες σε C
όπου hash για να βρείτε τα πράγματα.
Είναι απλά ένας τρόπος για να κάνουν τη ζωή σας πιο εύκολη.
Χωρίζει τις ιδιότητες ή κωδικό που θα πρέπει να χρησιμοποιούν ξανά και ξανά,
αλλά με αυτόν τον τρόπο, αυτό το είδος του κρατά το ωραίο και τακτοποιημένο.
Και αν θέλετε να αλλάξετε ένα πράγμα, μπορείτε να το αλλάξετε μια φορά
και έχει αλλάξει οπουδήποτε αλλού.
Έτσι είναι περισσότερο για σας την ευκολία και την ευελιξία.
>> Έτσι, με το CSS, είναι πολύ παρόμοια σε HTML, αλλά αντί για ετικέτες
που ανέφερα μόλις τώρα, εμείς χρησιμοποιούν αυτό που ονομάζεται επιλογείς.
Και βασικά ακριβώς το είδος της συνδέουν ένα συγκεκριμένο tag
σε HTML με διαφορετικά χαρακτηριστικά.
Και όταν λέω χαρακτηριστικά, εννοώ πράγματα όπως το χρώμα της γραμματοσειράς, στυλ γραμματοσειράς,
το χρώμα του φόντου, το χρώμα του κειμένου σας.
Αυτά τα είδη των πραγμάτων.
Όπως και αν είναι στο κέντρο, αν είναι ανοικτά προς τα δεξιά,
αν είναι inverted-- όλα από αυτά τα δροσερά πράγματα.
Όλες οι στυλιστικές πράγματα ότι μπορείτε να κάνετε για να το κείμενο σας,
Αυτό είναι τι εννοώ με χαρακτηριστικά.
>> Και στη συνέχεια, δύο κύρια πράγματα που πρέπει να ξέρετε είναι ότι selectors-- δύο από τα κύρια factors--
είναι αναγνωριστικό, το οποίο είναι μοναδικό.
Μπορείτε να χρησιμοποιήσετε μόνο για ένα πράγμα.
Διαφορετικά, πρόκειται να φωνάζω σε σας.
Και όταν θα το καθορίσουν σε ένα αρχείο CSS, θα
να hash ταυτότητας και, στη συνέχεια, τι χαρακτηριστικά θέλουμε.
Υπόσχομαι θα πάμε να περάσουν από ένα παράδειγμα.
Θα κάνει πολύ πιο λογικό.
>> Class μπορούν να αναφέρονται σε πολλαπλά μπλοκ.
Έτσι μπορείτε να έχετε σας πρώτο και τρίτο εδάφιο
έχουν το ίδιο είδος των χαρακτηριστικών αν μπορείτε να τους συνδέουν με την ίδια κατηγορία.
Και όταν εμείς τους ορίζουν σε CSS, κάνουμε μια τάξη τελεία,
με την κατηγορία ότι είναι ανεξάρτητα θέλετε να ονομαστεί.
>> Έτσι ξέρω ότι αυτό είναι σωστό τώρα πολύ αφηρημένη.
Γι 'αυτό θα πάμε να κώδικα.
Ξέρω ότι εσείς αγαπάτε ότι, και όλοι είναι
πρόκειται να με βοηθήσει, γιατί Αυτή είναι η ιστοσελίδα σας.
Αυτή είναι η ιστοσελίδα του τμήματος μας, παιδιά.
Έτσι υπάρχουν οποιεσδήποτε ερωτήσεις πριν απενεργοποιήσετε το PowerPoint, ή οτιδήποτε
Θέλεις να μετακινηθείτε προς τα πίσω με πριν αρχίσουμε την κωδικοποίηση;
>> ΚΟΙΝΟ: Όταν λέτε ετικέτες αγώνα, εννοείς επιλογείς ή ετικέτες;
ALLISON BUCHHOLTZ-AU: Μπορείτε να σκεφτείτε τους ως το ίδιο πράγμα.
Είναι απλά διαφορετικές λέξεις.
Θέλω να πω, όπως επιλογείς.
Αλλά επιλογείς χάρτη επίσης σε ετικέτες.
Έτσι, μπορείτε να σκεφτείτε τους ως ουσιαστικά το ίδιο πράγμα.
Υπόσχομαι ότι πρόκειται να κάνουν περισσότερο νόημα όταν κωδικοποιούμε.
Οτιδήποτε από το PowerPoint ή οποιεσδήποτε ερωτήσεις
τώρα πριν μας πραγματικότητα δημιουργία της σελίδας τμήμα μας;
Όλοι έτοιμοι;
Cool.
>> Έτσι έχω ένα ξεκίνησε.
Επιτρέψτε μου να αυξήσει τη γραμματοσειρά για σας παιδιά.
Εντάξει, έτσι τώρα, έχουμε μόνο ένα γυμνά κόκαλα ιστοσελίδα εδώ.
>> Έχουμε κάποια HTML.
Έχουμε κάποια επιγραφή, η οποία μας δείτε εδώ ως παράδειγμα ιστοσελίδας.
Μερικά τίτλο, κάποια γραμματοσειρά.
Αυτά είναι ετικέτες, εντάξει;
Έτσι, όταν εννοώ να κλείσετε τις ετικέτες σας, βλέπουμε εδώ αυτό το κεφάλι βραχίονα είναι το άνοιγμα σας
ετικέτα, και αυτό το στήριγμα / Κεφαλή είναι το κλείσιμο, εντάξει;
>> Έτσι θα μπορούσατε να σκεφτείτε αυτό ως τιράντες σας σε περίπτωση που οι συνθήκες σας
ή σας για βρόχους.
Εάν έχετε ένα στην αρχή, θέλετε ένα στο τέλος.
Θα εξακολουθούν να εργάζονται τις περισσότερες φορές αν δεν έχετε ένα κλειστό ετικέτα,
αλλά η καλύτερη πρακτική είναι να κλείσετε τις ετικέτες σας.
>> Έτσι, σε αυτή την περίπτωση, ας αλλάξουμε αυτό.
Εμείς πάμε για να έχουμε ενότητα επτά.
"Ενότητα Ιστοσελίδα."
Έτσι, είμαι απλώς πρόκειται να αλλάξει αυτό.
>> Και αν πάμε εδώ και εμείς reload-- gotta να αποθηκεύσετε και να reload--
παρατηρούμε ότι μέχρι εδώ άλλαξε, σωστά;
Cool.
Έτσι, αυτό αλλάζει τον τίτλο.
Αυτό είναι ό, τι βρίσκεται στην καρτέλα σας.
>> Έτσι, αυτό είναι το είδος του ψάχνει κάπως βαρετή.
Δεν ξέρω για παιδιά.
Νομίζω ότι θέλουμε κάτι άλλο εδώ.
>> Έτσι, αυτό που μπορούμε να κάνουμε είναι η κεφαλίδα είναι ακριβώς εκεί.
Ας κάνουμε κάποιο είδος του σώματος.
Έτσι έχουμε κάποιο σώμα εδώ.
Κάνω πάντα ανοιχτή και κλείστε ετικέτες μου για να ξεκινήσει,
με τον ίδιο τρόπο που το κάνω τιράντες.
Αχ.
Περιμένετε, τι;
>> ΚΟΙΝΟ: [δεν ακούγεται].
ALLISON BUCHHOLTZ-AU: Αχ.
Εσείς μου πήρε.
Καλή δουλειά.
Χρυσό αστέρι.
>> Εντάξει, έτσι έχουμε κάποια σώμα εδώ.
Και τώρα ας αρχίσουμε να προσθέτουμε κάποιο κείμενο.
Έτσι έχετε ένα ζευγάρι διαφορετικό επιλογές για την προσθήκη κειμένου.
Έχουμε πράγματα όπως κεφαλίδες.
Έχουμε ακριβώς κανονικό κείμενο.
Οπότε ας ξεκινήσουμε με μια κεφαλίδα.
Στην πραγματικότητα, αν εσείς θέλετε να σηκώσει HTML W3 Σχολής,
μπορείτε να το είδος κοιτάξουμε γύρω μας και αν υπάρχει κάτι
ιδιαίτερα ότι θέλετε να δοκιμάσετε με αυτή την ιστοσελίδα, μπορούμε να το κάνουμε αυτό.
Έτσι, σε αυτή την περίπτωση, ας κάνει κάποια h1.
Έτσι h1 είναι σαν το υψηλότερο κεφαλίδα.
Θα σας δώσει κάτι ότι είναι πολύ μεγάλο και τολμηρό.
>> Και σε αυτή την περίπτωση, αυτό που θέλουμε για το πρώτο κείμενο για την ιστοσελίδα μας;
Οτιδήποτε.
Οι Εσείς πρόκειται να δημιουργήσει αυτό.
Είμαι ακριβώς πρόκειται να πληκτρολογείτε.
ΚΟΙΝΟ: Καλώς ήρθατε.
>> ALLISON BUCHHOLTZ-AU: Καλώς ήρθατε.
Εντάξει, οπότε αν έχουμε να αποθηκεύσετε και να φορτώσετε εκ νέου, έχουμε ένα μεγάλο μεγάλο καλωσόρισμα.
Έτσι ακριβώς έτσι μπορείτε να δείτε το διαφορές, ας κάνουμε κάτι για Η6.
Τι θέλουμε εδώ;
Σωστά;
>> Εντάξει, έτσι ακριβώς έτσι μπορείτε να δείτε τη διαφορά.
Ναι, Sublime.
Έτσι, αν παρατηρήσετε, h1, πολύ, πολύ μεγάλο.
Η6, όπως τολμηρή, αλλά πολύ μικρότερη, και έχετε πάντα στο μεταξύ.
Έτσι, θα μπορούσατε να έχετε Η2, Η3, Η4.
Και αυτά είναι μόνο κεφαλίδες, οπότε αν προσπαθείτε
να δημιουργήσει μια ιστοσελίδα που έχει διαφορετικά τμήματα,
ίσως θέλετε να χρησιμοποιήσετε κεφαλίδες εκεί κάπου.
>> Cool.
Έτσι θα προσθέσουμε λίγο περισσότερο τα πράγματα στο σώμα μας.
Βλέπω ότι θα ήταν το είδος δροσερό, αν είχαμε μια εικόνα.
Νιώθω σαν ο καθένας θα μπορούσε να χρησιμοποιήσει ίσως μια χαριτωμένη εικόνα λαγουδάκι δεξιά για τώρα,
έτσι θα πάμε να βρούμε μια εικόνα λαγουδάκι πρώτα.
>> Δεν ξέρω εάν εσείς έχετε οποιεσδήποτε προτιμήσεις για τα οποία το ένα θέλουμε.
Έχετε κάποιες προτιμήσεις;
Αυτός εδώ;
Down.
ΟΚ.
Εκείνο το ένα είναι.
Καλές επιλογές.
>> Εντάξει, έτσι θα πάμε για να δείτε την εικόνα μας.
Κοίτα αυτό.
Κοίτα αυτό το αξιολάτρευτο πράγμα.
Πώς θα μπορούσες να είσαι λυπημένος τη Δευτέρα με αυτό;
>> Έτσι, είμαστε ακριβώς πρόκειται για να αντιγράψετε το URL της εικόνας.
Και αυτό που θέλουμε να κάνουμε είναι, ας ότι έχουμε κάποια σ για παραγράφου.
Εμείς πάμε για να πει "Κοίτα δείτε το χαριτωμένο λαγουδάκι.
d'awwww. "
Αγαπώ κουνελάκια μου.
Έχω ένα λαγουδάκι στο σπίτι.
Μου λείπει λαγουδάκι μου.
Λοιπόν, τι θα πάμε να do-- Δεν ξέρω αν εσείς θέλετε
στο google this-- αλλά με την HTML, πώς αυτό μπορεί να περιλαμβάνει μια εικόνα;
Κυριολεκτικά, αν google "Περιλαμβάνουν εικόνα HTML,"
γιατί δεν σας παιδιά μου πείτε τι αυτή η ετικέτα θα πρέπει να είναι;
>> ΚΟΙΝΟ: img source--
>> ALLISON BUCHHOLTZ-AU: img source--
ΚΟΙΝΟ: --equals--
ALLISON BUCHHOLTZ-AU: --equals--
ΚΟΙΝΟ: --quote-- ναι.
ALLISON BUCHHOLTZ-AU: Τέλεια.
Υπέροχο.
Βλέπε, γενιά του MySpace, σωστά;
ΚΟΙΝΟ: Neopets.
ALLISON BUCHHOLTZ-AU: Neopets.
Ω, εντάξει.
Πω πω.
Ήταν τρελό.
ΟΚ.
>> Έτσι, βεβαιωθείτε ότι έχω αυτό το δικαίωμα.
Cool.
Έτσι, αυτό θα πρέπει να είναι εδώ.
Και στη συνέχεια, αν φορτώσετε εκ νέου, έχουμε μας λαγουδάκι στην σελίδα δεν είναι αυτό το αξιολάτρευτο;
>> Αυτό είναι τόσο χαριτωμένα.
Επιλέξατε μια μεγάλη, μεγάλη φωτογραφία.
Είμαι το σκάψιμο.
>> Εντάξει, έτσι έχουμε αυτό το αξιολάτρευτο λαγουδάκι τώρα.
Ήμασταν σε θέση να προσθέσετε ένα εικόνα, έτσι απλά.
Έτσι, βασικά, αν υπάρχει οποιαδήποτε εικόνα που θέλετε να προσθέσετε στην ιστοσελίδα σας,
μπορείτε να προσθέσετε ακριβώς όπως αυτό.
Ένα άλλο πράγμα που θα ήταν αν έχετε αποθηκεύσει την εικόνα
στον ίδιο φάκελο Αυτό το αρχείο, μπορείτε απλά
γράψετε ό, τι το όνομα αυτής της εικόνας είναι αντί να έχουν ένα σύνδεσμο ιστού.
>> Θα εξακολουθεί να είναι σε εισαγωγικά.
Θα ήταν ακριβώς σαν να αν είχαμε το όνομά this--
αν αυτή η εικόνα είχε σωθεί στο φάκελο με αυτό το αρχείο HTML
ότι είμαι επεξεργασία και ονομαζόταν bunny.jpg.
Θα μπορούσαμε επίσης να κάνουμε ότι και αυτό θα εμφανιστεί.
Ωστόσο, δεν έχω αυτό αποθηκεύεται σε το αρχείο και θέλω να κρατήσει το λαγουδάκι,
έτσι θα πάμε να κρατήσει το σύνδεσμο.
>> ΚΟΙΝΟ: Τι είναι rabbit.org;
>> ALLISON BUCHHOLTZ-AU: rabbit.org.
Είναι μια appropriate-- κοίτα, μπορείτε να το υιοθετήσουν.
Έκδοση.
bunny.jpg.
Θέλω να υιοθετήσουν αυτό το λαγουδάκι.
Θεέ μου, είναι τόσο χαριτωμένα.
>> Εντάξει, έτσι έχουμε προσθέσει κεφαλίδες.
Προσθέσαμε μια εικόνα.
Προφανώς, προσθέσαμε κάποιο κείμενο εδώ, σωστά;
Αν θέλαμε να προσθέσουμε και άλλα κείμενα, είχαμε πάει σαν αυτό.
Έτσι, αυτό είναι μια άλλη παράγραφο.
>> Και λέμε «αυτό είναι μια άλλη παράγραφο."
Επίσης, είμαι μια φρικτή ορθογράφος, γι 'αυτό μπορεί λανθασμένα πράγματα.
Προς πληροφόρησή σας.
>> Έτσι, έχουμε μια άλλη παράγραφο εδώ, σωστά;
Έτσι, ίσως θέλετε να κάνετε κάτι λίγο πιο ενδιαφέρουσα από ό, τι ακριβώς
έχουν όλα το κείμενό σας, όπως σωστά ευθυγραμμισμένο.
Ίσως θέλετε να κεντράρετε το κείμενο σας, εντάξει;
>> Έτσι, αν κάποιος θέλει να χρησιμοποιήσει εκείνους πρακτικό υπολογιστές μπροστά σας
και πες μου πώς είστε πρόκειται να κεντράρει το κείμενο αυτό,
>> ΚΟΙΝΟ: p align.
>> ALLISON BUCHHOLTZ-AU: Έτσι, p align ισούται με "κέντρο".
Έχει το σκοτώνει, παιδιά.
Y'all πρέπει να επιταχύνουν.
Και έχουμε "Αυτό είναι στο κέντρο."
Και τώρα έχουμε επικεντρώσει κάτι.
>> Κατά τον ίδιο τρόπο, αν θέλουν να έχουν αριστερή στοίχιση,
θα μπορούσατε να κάνετε ίσων align αριστερά, στοίχιση ισούται δεξιά.
Συνολικά μέχρι σας.
Αν έκανα ακριβώς εδώ, τότε αυτό should-- τώρα είναι σωστά ευθυγραμμισμένο.
>> ΚΟΙΝΟ: Allison;
Με την πηγή της εικόνας, γιατί δεν είναι υπάρχει στενή της πηγής img;
ALLISON BUCHHOLTZ-AU: Συγγνώμη.
Αυτό και μόνο θα πρέπει να είναι Υπάρχει τώρα είσαι καλός.
Τώρα είμαστε καλά.
ΚΟΙΝΟ: Μην έχετε για να κλείσει εκεί, ή όχι;
ALLISON BUCHHOLTZ-ΑΕ: Λοιπόν, έτσι img πηγή, αυτό είναι just-- με την εικόνα,
είναι ακριβώς θεωρηθεί ως ένα στοιχείο, ενώ αν παρατηρήσετε για το υπόλοιπο αυτών,
έχουμε κάποια ετικέτα, τότε οι πληροφορίες ότι που αφορά και, στη συνέχεια, μια ετικέτα κλεισίματος.
Αλλά με την εικόνα, όλα είναι ακριβώς το είδος της αυτο-περιέχεται.
Cool.
Έτσι, εσείς γνωρίζετε πώς να δημιουργήσετε μια κεφαλίδα, ξέρετε πώς να εισάγετε κείμενο,
ξέρετε πώς να θέσει μια εικόνα τώρα, μπορείτε να ευθυγραμμίσετε τα πράγματα.
>> Ένα άλλο πράγμα που μπορείτε μπορεί να θέλουν να είναι σε θέση να κάνει
είναι να δημιουργήσετε μια λίστα με CS-- είμαστε το είδος του πηγαίνει σε το chipset της επόμενης εβδομάδας.
Τα πράγματα που εμείς συνήθως διδάσκουν αυτή την εβδομάδα
πηγαίνει πολύ καλά με το chipset της επόμενης εβδομάδας, οπότε είμαστε
το είδος της ανάμειξης, επικαλυπτόμενες πράγματα εδώ.
Αλλά αυτό θα είναι χρήσιμο για την επόμενη εβδομάδα.
>> Έτσι, αν θέλαμε να δημιουργήσουμε κάποια λίστα, πώς θα μπορούσαμε να το κάνουμε αυτό;
Δεν μπορείτε να απαντήσετε σε αυτό το χρονικό διάστημα.
Κάποιος άλλος έχει να.
Δεν είναι δύσκολο, τα παιδιά, το υπόσχομαι.
Google "μη διατεταγμένη λίστα HTML."
Τι ήταν αυτό;
>> ΚΟΙΝΟ: [δεν ακούγεται].
ALLISON BUCHHOLTZ-AU: Δεξιά.
Έτσι θέλουμε διατεταγμένη ή μη;
Ας κάνουμε μια μη διατεταγμένη.
Έτσι έχουμε κάποια ul, η οποία ξεχωρίζει για μη ταξινομημένες λίστες.
Και τι έχουμε για κάθε στοιχείο;
Μήπως χρειάζεται τη δική της ετικέτα;
Μπορούμε απλά να αρχίσετε να γράφετε τα πράγματα;
>> ΚΟΙΝΟ: Li.
>> ALLISON BUCHHOLTZ-AU: Li.
Έτσι τι είναι λίστα μας πρόκειται να είναι;
Τι θέλουμε εδώ;
Εμείς κάνουμε απλά ονόματα.
Απλά κάνουμε Ιακώβ.
>> Τρόφιμα Κουνέλι: ΚΟΙΝΟ.
>> ALLISON BUCHHOLTZ-AU: τρόφιμα κουνέλι.
Εντάξει μου αρέσει αυτό.
Τρόφιμα κουνέλι.
>> Εντάξει, έτσι έχουμε τα καρότα.
Μου αρέσει αυτό το θέμα κουνέλι.
Είμαι αυτό που πολύ σκάψιμο.
ΚΟΙΝΟ: Στην πραγματικότητα, σκέφτηκα ότι ο Ιακώβ θα είναι μια legit.
ALLISON BUCHHOLTZ-AU: Jacob;
Jacob είναι τα τρόφιμα κουνέλι.
Αν είδατε Ιακώβ φωτογραφία από τις ώρες λειτουργίας των γραφείων,
μπορεί να έχετε σκεφτεί πήρε επίθεση από ένα κουνέλι δολοφόνος.
>> ΚΟΙΝΟ: Έχω ένα κουνέλι τώρα.
Έχω ένα κουνέλι δολοφόνος τώρα.
>> ALLISON BUCHHOLTZ-AU: Πλάκα μου κάνεις;
>> ΚΟΙΝΟ: Θα το επόμενο τμήμα φέρει.
Το έχω.
>> ALLISON BUCHHOLTZ-AU: Αυτό είναι γελοίο.
Τέλος πάντων.
>> ΚΟΙΝΟ: [δεν ακούγεται]
>> ΚΟΙΝΟ: Ναι, Proctor μου έχει ένα κουνέλι, καθώς και.
>> ALLISON BUCHHOLTZ-AU: Θέλω ένα κουνέλι.
Εντάξει, όποιος φέρνει ένα πραγματικό κουνέλι να Η επόμενη ενότητα, συνολικού brownie σημεία.
ΚΟΙΝΟ: [δεν ακούγεται]
ΚΟΙΝΟ: Ω, δεν είναι πραγματικό.
Είναι ένα γεμιστό κουνέλι.
>> ALLISON BUCHHOLTZ-AU: Ω ναι, μπορούμε να κλείσουμε αυτά.
Φαίνεται rad.
ΚΟΙΝΟ: Έχει πραγματικά σημασία;
ALLISON BUCHHOLTZ-AU: Δεν το κάνει.
Με τα περισσότερα από αυτά τα πράγματα, να μην κλείσετε την ετικέτα,
99% του χρόνου τίποτα κακό συμβαίνει για να συμβεί αυτό, αλλά αυτό είναι καλό στυλ, πάρα πολύ.
Έτσι ο Ιακώβ.
Και έχουμε μαρούλι.
ΚΟΙΝΟ: Για τις συνδέσεις, είναι πραγματικά σημαντικό.
ALLISON BUCHHOLTZ-AU: Χμ;
Κοινό: Για συνδέσεις.
ALLISON BUCHHOLTZ-ΑΕ: Για συνδέσεις.
Ναι, υπερσυνδέσμους που χρειάζεστε.
ΟΚ, οπότε ας δούμε εδώ.
Και έχουμε το κλείσιμο του καταλόγου μας.
Και κοιτάξουμε αυτό.
Έχουμε all-- Ιακώβ, ακριβώς εκεί.
Κουνέλι τροφίμων.
Μου θυμίζει Bunnicula.
>> ΚΟΙΝΟ: [δεν ακούγεται]
ALLISON BUCHHOLTZ-AU: φέρνω πίσω όλες οι παλιές αναφορές σχολείο σήμερα,
δεν είναι εγώ;
Απλά όλοι οι παλιές αναφορές σχολείο.
Σε περίπτωση που έφεραν σαν Gogurts ή κάτι για σνακ.
>> ΚΟΙΝΟ: Ή Gushers.
ALLISON BUCHHOLTZ-AU: Αχ.
ΟΚ.
Θα δω αν μπορώ να παρακολουθείτε κάτω Gushers για την επόμενη εβδομάδα.
Νομίζω ότι μπορώ να το κάνω αυτό.
Νομίζω ότι θα μπορούσε να έχει κάποιοι στο γραφείο.
>> Εντάξει, έτσι έχουμε καλύψει πολλά διαφορετικά πράγματα που μπορείτε να κάνετε με την HTML, σωστά;
Και όπως μπορείτε να δείτε, είναι nothing-- ελπίζουμε, όχι πολύ intim--
αν είναι, δεν εννοώ να μειώσω κανέναν.
Αν έχετε πρόβλημα, παρακαλούμε να έρθει να μου μιλήσει.
>> Αλλά το μεγαλύτερο μέρος του είναι απλά κοιτάζοντας τη σύνταξη, σωστά;
Αν θέλετε μια μη διατεταγμένη λίστα, αν θέλετε κάποιο είδος καταλόγου,
αν θέλετε να ευθυγραμμίσετε κάτι ή Μορφή κάτι, είναι όλα σχετικά απλά
το είδος του ψάχνει μέχρι το σύνταξης για HTML, σωστά;
Και ένα πράγμα που είναι αρκετά δροσερό πραγματικότητα
είναι αν πάτε to-- ας δούμε, τι είναι μια όμορφη ιστοσελίδα που μας αρέσει;
Όποιος έχει οποιαδήποτε αγαπημένες ιστοσελίδες που είναι ΟΚ για να εμφανιστεί σε απευθείας σύνδεση;
Ξέρεις τι, ας κάνουμε CS50.
Αυτό είναι ωραίο και ασφαλή, σωστά;
>> Εντάξει, εδώ έτσι CS50.
Κοίτα, υπάρχει μια ενότητα τώρα.
Αν σας αρέσει ο τρόπος που κοιτάζει.
>> ΚΟΙΝΟ: [δεν ακούγεται].
ALLISON BUCHHOLTZ-AU: Δεν είμαστε πρόκειται να κάνει μετα ενότητα, παιδιά.
Δεν συμβαίνει.
Θα ήταν δροσερό, αλλά εμείς δεν πρόκειται να το κάνει.
>> Έτσι τι θα μπορούσατε κάνετε αν σας αρέσει ο τρόπος
δουλεύει αυτό είναι μπορείτε πάντα δίκιο κάντε κλικ σε οποιαδήποτε ιστοσελίδα που σας αρέσει
και μπορείτε να κάνετε Προβολή προέλευσης σελίδας.
Αυτό θα φέρει επάνω όλη την HTML.
Και αυτό είναι πραγματικά ένα πολύ καλό τρόπος για να το στυλ τη δική σας ιστοσελίδα.
Πηγαίνετε σε μια ιστοσελίδα που σας πραγματικά αρέσει και να κοιτάξουμε το HTML
και να καταλάβω πώς το έκαναν.
>> Και κυριολεκτικά, εφ ' όπως σας αναφέρω τα πράγματα,
εφ 'όσον δεν είστε μόνο κλέβοντας από τους ανθρώπους, είναι εντάξει.
Ειδικά για CS50 [? χρηματοδότηση;], είμαστε
το είδος του σας περιμένουν για να πάρετε έμπνευση από άλλη ιστοσελίδα.
Έτσι, μη διστάσετε.
Κοιτάξτε μέσα από ιστοσελίδες που νομίζετε ότι είναι πραγματικά αρκετά
και να καταλάβω πώς να χρησιμοποιούν HTML και CSS για να κάνει αυτά τα πράγματα.
>> Έτσι, όπως μπορείτε να δείτε εδώ, υπάρχει προφανώς όπως συνδέσεις και έχουμε μια τάξη εδώ.
Έχουμε ένα σύνδεσμο εδώ.
Έχουμε μια λίστα.
Έχουμε ίσως έχουν κάποια εικόνες εδώ κάπου.
>> Έχουμε κάποια cool στυλ εδώ.
Αυτό είναι το επόμενο πράγμα θα πάμε να κάνουμε.
Έτσι, το στυλ, κάθε φορά που θα δείτε αυτά παρένθεση στυλ, είναι CSS βασικά.
Μπεν, είχατε μια ερώτηση;
>> ΚΟΙΝΟ: Τι είναι div;
>> ALLISON BUCHHOLTZ-AU: div είναι ακριβώς a-- τι είναι div;
ΚΟΙΝΟ: Διαίρεση.
ALLISON BUCHHOLTZ-AU: Διαίρεση.
Ναι, είναι ακριβώς όπως διαχωρισμό διαφορετικών στοιχείων.
Εντάξει, τόσο εδώ είναι ό, τι είμαστε πρόκειται να πάει στην επόμενη.
Έτσι, αυτό μπορεί να μην είναι η καλύτερη στυλ, διότι, αν παρατηρήσετε
έχουμε HTML και στυλ στην ίδια σελίδα, και θέλουμε πραγματικά να τα χωρίσεις,
Εντάξει;
Και στην πραγματικότητα, επιτρέψτε μου ανοίξει αμέσως μία μου
επειδή αυτό υποτίθεται ότι είναι το PDF, έτσι έχουμε style.css.
>> Έτσι, αυτό που μπορούμε να κάνουμε εδώ είναι αυτά είναι δροσερά πράγματα όπως κάποιο fade
και θα μπορούσαμε να προσπαθήσουμε και να το κάνουμε αυτό, αλλά αισθάνομαι όπως εγώ θα το χάος που μέχρι on the fly,
γι 'αυτό σας ενθαρρύνει παιδιά να πάει να δοκιμάσετε αυτό από μόνοι σας,
αλλά εγώ δεν πρόκειται να το κάνω τώρα.
Έτσι, αν έχετε παιδιά, να θυμάστε, αν χτυπήσει ποτέ σετ προβλήματος,
κάτι swoops από την πλευρά της.
Έχει να κάνει με το ξεθώριασμα και η μετάβαση και εταζέρα.
>> ΚΟΙΝΟ: Και αυτό είναι όλο CSS και HTML;
>> ALLISON BUCHHOLTZ-AU: Όλα τα CSS και HTML.
Ναι.
Έτσι, μπορείτε να κάνετε πολλά πραγματικά δροσερά πράγματα με CSS και HTML.
Έτσι, με το φοβερό μας λαγουδάκι ιστοσελίδα εδώ, εμείς
πρόκειται να κάνετε μια μικρή κομμάτι του CSS στυλ με αυτό.
>> Έτσι, εάν έχετε ποτέ ένα στυλ φύλλο, το οποίο έχουμε εδώ,
μπορείτε να καλέσετε μόνο style.css.
Μπορείτε να καλέσετε ό, τι θέλετε.
Αυτό που είναι σημαντικό είναι ότι θα πάμε να αναφορά σε web.html μας εδώ.
>> Έτσι, αυτό που πάμε να κάνουμε είναι we-- έτσι δεν χάος αυτό up--
πρόκειται να συνδεθούν Αυτά τα δύο αρχεία μαζί.
Έτσι, στο ίδιο τρόπο-- Πάω να συντάξει μια αναλογία με C εδώ.
Με τον ίδιο τρόπο ότι αν έχετε κάποια library-- και έχουμε cs50.h--
compiler μας συνδέει.
Αυτό είναι απλά μια ρητή σύνδεσμο από την πλευρά μας.
Έτσι, με τον ίδιο τρόπο που κάνουμε κατακερματισμού περιλαμβάνουν κάποιο αρχείο, τι
Είμαι έτοιμος να γράψω είναι μόνο η HTML / CSS ισοδύναμο αυτό.
>> Είμαστε απλά λέει, εντάξει, αυτή ιστοσελίδας πρόκειται να χρησιμοποιήσει αυτό το στυλ, εντάξει;
Έτσι έχουμε link rel ίση με στυλ.
Και στη συνέχεια, έχουμε τον τύπο, CSS.
Και τότε ισούται href.
>> ΟΚ.
Έτσι, όλα αυτά έκαναν εδώ είναι ότι μπορείτε να σκεφτείτε αυτό ως το ίδιο πράγμα
ως hash περιλαμβάνουν.
Προφανώς φαίνεται λίγο περισσότερο περίπλοκο, αλλά σε όλες τις περιπτώσεις,
είναι ουσιαστικά το ίδιο πράγμα.
Έτσι, αυτό είναι μόνο κάποια σύνδεση ενός φύλλο στυλ, είναι του τύπου text / css,
και το όνομα του είναι style.css.
>> Αυτό που είναι σημαντικό να γνωρίζουμε είναι ότι η ιστοσελίδα
ότι δουλεύω σωστά now-- web.html και είναι style.css-- στον ίδιο φάκελο.
Επειδή σε διαφορετικούς φακέλους, θα πρέπει να δώσει την πραγματική ρίζα
σε αυτό ή τη διαδρομή προς αυτό.
Αλλά στην περίπτωση αυτή, είμαστε κρατώντας το εξαιρετικά απλή και πρόκειται να είναι εδώ.
Έτσι, αν το κάνουμε αυτό, δεν έχω κάποια τα πράγματα ήδη σε ουρά μέχρι εδώ.
>> Έτσι έχουμε κάποιο σώμα, το οποίο πρόκειται να έχουν το χρώμα του φόντου μας, η οποία
τώρα είναι το γαλάζιο.
Μπορούμε να το αλλάξουμε, αν θέλουμε, αλλά αν θυμάμαι σωστά,
θα πρέπει να αλλάξει μόνο σε γαλάζιο.
Και τώρα έχουμε ένα ελαφρύ μπλε φόντο.
Και είχαμε here-- μπορεί κανείς να θυμηθεί Ποιο είναι το αναγνωριστικό hash ή τάξη;
>> ΚΟΙΝΟ: ID.
>> ALLISON BUCHHOLTZ-AU: ID.
Cool.
Έτσι, αυτό που θέλουμε να κάνουμε είναι ποια από αυτές τις γραμματοσειρές
ή which-- θέλουμε "Κοίταξε το χαριτωμένο λαγουδάκι "να είναι μωβ;
Νομίζω ότι θέλουμε να είναι μοβ.
Είμαι αρκετά κάτω με ότι είναι μοβ.
>> Έτσι, αυτό που κάνετε είναι να κάνετε ID equals-- σε αυτή την περίπτωση
Είπα, τι, όμορφο χρώμα εδώ.
Εμείς reload.
Ξαφνικά, είναι μοβ.
Εντάξει, έτσι με την ταυτότητα, να θυμάστε πρέπει να είναι μοναδικό,
γι 'αυτό δεν πρέπει ποτέ να χρησιμοποιούν αυτό το αναγνωριστικό οπουδήποτε αλλού.
Αλλά με την κατηγορία, όπως έχουμε εδώ με μια όμορφη γραμματοσειρά,
Θα πρέπει να είναι σε θέση να χρησιμοποιούν ότι οπουδήποτε θέλω να.
>> Ας κάνουμε αυτό το ένα εδώ.
Έτσι μπορούμε να πούμε κατηγορίας ισούται με όμορφη γραμματοσειρά.
Και αν κοιτάξουμε τώρα, έχουμε Αυτό το δροσερό όμορφη γραμματοσειρά εδώ.
Έτσι, ίσως να θέλω να κάνω και τα δύο.
Εντάξει, εγώ πραγματικά δεν ξέρω αν αυτό είναι πρόκειται να λειτουργήσει, αλλά θέλω να το δοκιμάσω.
Και αυτό είναι το πώς μπορείτε να μάθετε CSS και HTML.
Είσαι σαν, ξέρετε αυτό, θέλω να δοκιμάσω αυτό.
Δεν είμαι σίγουρος αν αυτό πρόκειται να λειτουργήσει.
Ας δούμε αν αυτό δουλεύει.
>> Και κοίτα.
Τώρα είναι σε μοβ και Είναι μια όμορφη γραμματοσειρά.
Εντάξει, έτσι ώστε να έχουν όλα αυτά διαφορετικά πράγματα που μπορείτε να κάνετε.
Έχετε μια ερώτηση;
>> Κοινό: Ναι.
Λοιπόν, ακριβώς όπως τα χρώματα που χρησιμοποιείτε είναι λόγια.
Είναι ένας τρόπος για να κάνετε τα χρώματα εκεί με τη δεκαεξαδική RGB;
ALLISON BUCHHOLTZ-AU: Μπορείτε επίσης να το κάνουμε με δεκαεξαδικό, πιστεύω.
Ναι.
Αλλά είναι το είδος της ωραίο αν σας δεν θέλουν να τους αναζητήσετε.
Μπορείτε απλά να είναι όπως, μοβ ή μπλε.
ΚΟΙΝΟ: Ας ελπίσουμε ότι ξέρετε τι σημαίνει αυτό.
ALLISON BUCHHOLTZ-AU: Δεξιά.
Έτσι, ας κάνουμε αυτό ανάγνωσης ή κιτρινοπράσινο.
Γιατί θα μπορείτε ποτέ να επιλέξετε chartreuse;
Είναι μια ενδιαφέρουσα χρώμα.
>> ΟΚ, οπότε είναι προφανές ότι μπορούμε να δούμε μπορεί να αλλάξει τα πράγματα, ωστόσο θέλουμε.
Αν ήθελε να create-- ας πούμε θελήσαμε να δημιουργήσουμε μια άλλη κατηγορία.
Τι θα μπορούσε εσείς θέλετε να αλλάξετε;
Αν έχετε τραβήξει μέχρι W3Schools » Τεκμηρίωση CSS,
Αφήνω τον λόγο για να σας παιδιά.
Μπορούμε να προσπαθήσουμε και να κάνουμε κάτι δροσερό με Αυτό το τελευταίο ζευγάρι των λεπτών.
Επειδή έχω ευγενικό εκ μέρους σας δοθεί μια Crash Course σε πολλά δροσερά πράγματα
ότι μπορείτε να το κάνετε.
Αλλά στο τέλος, όπως είπα, αν ακριβώς πείραμα, θα μάθετε πολλά.
>> ΚΟΙΝΟ: Μήπως μπορείτε να αναζητήσετε τη συγκεκριμένη γραμματοσειρά;
>> ALLISON BUCHHOLTZ-ΑΕ: Ναι, Κοίταξα μέχρι τη συγκεκριμένη γραμματοσειρά.
Έτσι, όπως και στην κυριολεξία, εγώ πήγε to-- τι έκανα;
Έκανα CSS λίστα γραμματοσειρών, και Στη συνέχεια έκανα γραμματοσειράς στοίβα,
και τότε ήμουν σαν, κοίτα, εδώ είναι όλα τα δροσερά γραμματοσειρές που μπορείτε να κάνετε.
Και δεν υπήρχε αυτό, έτσι Μου αντιγραφεί στο πρόχειρο μου.
Και τότε ήμουν όπως, Εντάξει, δροσερό, εκεί πάμε.
Όλα γίνονται.
>> ΚΟΙΝΟ: Έτσι έχετε για να βεβαιωθείτε ότι ότι CSS ξέρει τι γραμματοσειρά είναι.
>> ALLISON BUCHHOLTZ-AU: Ναι.
>> ΚΟΙΝΟ: Τι θα πω στο τέλος;
Καλλιγραφικά;
>> ALLISON BUCHHOLTZ-AU: Ρέον.
Ναι.
>> ΚΟΙΝΟ: Η εικόνα φόντου.
>> ALLISON BUCHHOLTZ-ΑΕ: Η εικόνα φόντου.
ΟΚ.
Έτσι θέλετε να μου πείτε πώς να το κάνουμε αυτό.
Αφήνω σε εσάς.
Είμαι απλά πληκτρολογώντας μέχρι εδώ τώρα.
Ο τροχός είναι στα χέρια σας.
>> ΚΟΙΝΟ: OK
>> ALLISON BUCHHOLTZ-AU: Εντάξει.
Τι κάνω;
>> ΚΟΙΝΟ: Doing-- ξέρω τι έρχεται μετά την σγουρά κηδεμόνα.
ALLISON BUCHHOLTZ-AU: Εντάξει.
Έτσι, κατά πάσα πιθανότητα στο σώμα, εγώ θα αναλάβει, γιατί είμαστε
να κάνει με την εικόνα φόντου.
>> ΚΟΙΝΟ: Ναι, ας κάνουμε αυτό.
>> ALLISON BUCHHOLTZ-AU: Εντάξει.
ΚΟΙΝΟ: Εντάξει, έτσι φόντο του παχέος εντέρου, και στη συνέχεια θα
χρειάζεστε μια διεύθυνση URL αυτής της εικόνας.
Ίσως ψευδο-κώδικα ότι για τώρα, ίσως.
>> ALLISON BUCHHOLTZ-AU: Τι θα μου αρέσει to--
ΚΟΙΝΟ: Σκέφτομαι σαν GIF.
ALLISON BUCHHOLTZ-AU: Ένα GIF;
Αυτό πρόκειται να είναι ενδιαφέρον.
Εντάξει, τι είμαι εγώ googling εδώ;
>> ΚΟΙΝΟ: Όχι, αυτή είναι η επιλογή σας.
>> ALLISON BUCHHOLTZ-AU: Γιατί Δεν we-- αν είναι ένα λαγουδάκι,
Νιώθω σαν να πρέπει να έχουν μια ωραίο χορταριασμένο γκαζόν ή κάτι τέτοιο.
>> ΚΟΙΝΟ: λιβάδι.
Ένα λιβάδι.
>> ALLISON BUCHHOLTZ-AU: Ένα λιβάδι;
ΟΚ.
ΚΟΙΝΟ: Ή Rachel Maddow.
ALLISON BUCHHOLTZ-AU: Αυτός φαίνεται αρκετά.
Ω, αυτό είναι μικρό, όμως.
Χρειαζόμαστε μια καλή εικόνα του μεγέθους.
Ας δούμε.
Ω, κοιτάξτε.
Αυτό είναι ένα όμορφο λιβάδι.
Ξέρεις τι, μου αρέσει αυτό το ένα.
Ας αντιγράψετε αυτό το ένα.
>> ΚΟΙΝΟ: Εντάξει, έτσι νομίζω ότι είναι η διεύθυνση URL, ανοιχτές παρενθέσεις.
>> ALLISON BUCHHOLTZ-ΑΕ: Εντάξει, διεύθυνση URL.
>> ΚΟΙΝΟ: Στη συνέχεια, η διεύθυνση.
>> ALLISON BUCHHOLTZ-AU: Εντάξει.
Είναι ότι όλοι χρειαζόμαστε;
>> ΚΟΙΝΟ: Κλείστε παρενθέσεις ερωτηματικό, και, στη συνέχεια, το διάστημα, φόντο παύλα
του παχέος εντέρου συνημμένο σταθερό, και σγουρά κηδεμόνα.
>> ALLISON BUCHHOLTZ-AU: Εντάξει.
Ας δούμε αν αυτό λειτουργεί.
Είναι πρόκειται να είναι αρκετά δροσερό, αν το κάνει.
Είμαι πραγματικό ενθουσιασμένος εδώ.
Δεν είχε δουλειά.
Αναρωτιέμαι γιατί.
ΚΟΙΝΟ: Ίσως το URL πρέπει να είναι μέσα σε εισαγωγικά.
ALLISON BUCHHOLTZ-AU: Ίσως.
Και αυτό είναι το πώς μαθαίνουμε, παιδιά.
>> ΚΟΙΝΟ: Μπορούμε να έχουμε φόντο το χρώμα και το φόντο της εικόνας;
>> ΚΟΙΝΟ: Όχι.
Ένα αντικαθιστά την άλλη.
>> ALLISON BUCHHOLTZ-AU: Δεν μπορώ να ξέρω.
Ας δούμε.
Ας το ελέγξουμε και να δούμε.
>> ΚΟΙΝΟ: Ω, ίσως, ναι.
[Παρεμβάλλοντας ΦΩΝΕΣ]
>> ALLISON BUCHHOLTZ-ΑΕ: Εντάξει, αυτό είναι obviously-- μου [δεν ακούγεται] εδώ.
Έτσι ΟΚ.
ΚΟΙΝΟ: κατάσχεση Ιστορικό.
ALLISON BUCHHOLTZ-AU: Αχ.
>> ΚΟΙΝΟ: Εντάξει, δεν ξέρω.
ALLISON BUCHHOLTZ-ΑΕ: Είναι Μοιάζει με αυτό θα πρέπει να λειτουργήσει.
Είσαι σίγουρος ότι είναι του παχέος εντέρου μετά τη διεύθυνση URL;
>> ΚΟΙΝΟ: Όχι, αυτό είναι ερωτηματικό.
ALLISON BUCHHOLTZ-ΑΕ: Είναι ερωτηματικό.
ΚΟΙΝΟ: Μήπως λέω παχέος εντέρου;
ALLISON BUCHHOLTZ-AU: Είπατε μια άνω και κάτω τελεία.
ΚΟΙΝΟ: Ω, όχι.
ALLISON BUCHHOLTZ-AU: Εκεί θα πάτε.
ΚΟΙΝΟ: Αχ, περιμένετε, τώρα δεν μπορεί να διαβάσει το κείμενο.
ALLISON BUCHHOLTZ-AU: Τώρα δεν μπορείτε να διαβάσετε το κείμενο,
αλλά έχουμε την εικόνα φόντου.
Mmhmm;
>> ΚΟΙΝΟ: Μήπως HTML υποστηρίζουν δυναμικό περιεχόμενο;
Όπως, θα μπορούσατε να αλλάξετε το μέγεθος εκείνη την εικόνα ανάλογα με το μέγεθος του παραθύρου,
ή είναι ότι ένα CSS--
>> ALLISON BUCHHOLTZ-AU: Έτσι CSS πρέπει να το κάνουμε αυτό.
Έτσι, αν εσείς ενδιαφέρεστε στη μάθηση προχωρημένο CSS,
Είμαι συν-διδασκαλία ένα σεμινάριο για CSS για το 7ο.
Και σας υπόσχομαι ότι θα είναι πολύ περισσότερο σε βάθος
και κάνει πολύ πιο δροσερό τα πράγματα σε αυτή την ενότητα.
Και μου συν-δάσκαλος είναι σαν συνολική εμπρόσθιο άκρο πλοίαρχος web dev.
Έτσι θα είναι αρκετά δροσερό, αν θέλετε να μάθουν για όλα τα δροσερά πράγματα
ότι CSS μπορεί να κάνει.
>> Αλλά αυτό που έχουμε εδώ με συνημμένο φόντο του
fixed-- έτσι είναι κάποια σταθερή size-- αλλά μπορείτε πραγματικά να dynamically--
αν ποτέ δείτε ιστοσελίδες, όπως πιο καλές ιστοσελίδες θα κάνει,
όταν μπορείτε να ρυθμίσετε το το μέγεθος του browser σας,
προσαρμόζει το φόντο ή πόσο δείχνει ή αναδιαμορφώνει τα πράγματα, σωστά;
Έτσι, αυτό είναι αυτό που λέμε σχετική τοποθέτηση.
>> Και CSS μπορεί πραγματικά να αρπάξει πόσο μεγάλο σας το πλάτος του προγράμματος περιήγησης είναι ή πόσο ψηλά είναι,
και μπορείτε να τοποθετήσετε τα πράγματα σύμφωνα με τα σχετικά μεγέθη
έναντι απόλυτα μεγέθη.
Και αυτό είναι προφανώς πιο προχωρημένη CSS, αλλά αυτό είναι κάτι που μπορείτε να κάνετε.
Αν θέλετε να μάθετε περισσότερο, έρχονται στο σεμινάριο μου.
>> Έτσι, αυτό είναι κάτι που μπορείτε να κάνετε.
Και CSS μπορεί στην πραγματικότητα do-- CSS και JavaScript,
το οποίο θα μπει σε επόμενο week-- μπορεί να σας επιτρέψει να αλλάξετε δυναμικά
σελίδες χωρίς να χρειάζεται να reload τους όλη την ώρα.
Και θα έχετε να κάνετε κάποια αρκετά δροσερή ουσία.
>> Έτσι, είναι άλλο πράγμα εκεί ότι εσείς μπορεί να θέλετε να κάνετε
ή οτιδήποτε άλλο θέλετε να εξερευνήσετε;
Έχουμε 10 λεπτά αριστερά.
Μπορούμε επίσης να φύγει νωρίς, αλλά αν θέλετε να κάνετε κάποια περισσότερα πράγματα διαδίκτυο,
μπορούμε, αλλά δεν είμαι πρόκειται να σας αναγκάσει να.
Αλλά μπορούμε επίσης να τρώνε μόνο γλυκά.
ΚΟΙΝΟ: Επισημάνετε το κείμενο λευκό, ώστε να μπορείτε να το διαβάσετε.
ALLISON BUCHHOLTZ-AU: Εντάξει.
Έτσι, στην περίπτωση αυτή, θέλουμε κάποια σελ.
ΚΟΙΝΟ: Θα πρέπει να το κάνουμε με το σώμα έτσι ώστε να εφαρμόζεται σε ολόκληρη την σελίδα;
ALLISON BUCHHOLTZ-AU: Ναι, μπορούμε πραγματικά.
Αυτό είναι μια καλή ιδέα.
Έτσι have-- κάνετε ξέρουμε τι πρέπει να είναι;
Δεν ξέρω αν μπορούμε να κάνουμε το χρώμα κειμένου.
Ήμουν έτοιμος να προσπαθήσω και να δημιουργήσει μια άλλη τάξη εδώ.
>> ΚΟΙΝΟ: Πώς μπορείτε να πάρετε έτσι ότι έχει τις προτάσεις;
ALLISON BUCHHOLTZ-AU: Έτσι, εάν εσείς ενδιαφέρεστε,
Αυτό είναι ένα άλλο κείμενο επεξεργαστή που ονομάζεται Sublime.
Θα πρέπει να είναι σε θέση να εγκαταστήσετε στο μηχάνημά σας.
Μερικές φορές παίρνει λίγο δύσκολο.
Αν θέλετε να σας βοηθήσει με αυτό, Είμαι εξαιρετικά ευτυχής να σας βοηθήσει
με αυτό, επειδή το gedit είναι μεγάλη και Είναι φοβερό, επειδή μπορείτε να το υπολογίσουν
στο κάτω μέρος, αλλά εγώ πραγματικά όπως Sublime γιατί είναι αρκετά
και αυτό κάνει τα πράγματα όπως η αυτόματη συμπλήρωση.
>> Έτσι, μπορείτε σίγουρα να αισθανθείτε ελεύθεροι να επιτρέψτε μου να ξέρω αν θέλετε να το κάνετε αυτό.
Αν απλά google "Sublime κείμενο, "τυπικά
έχει οδηγίες για το πώς να εγκαταστήσετε σε διάφορα λειτουργικά συστήματα.
Είναι πραγματικά δροσερό, εγώ νομίζω, κατά τη γνώμη μου.
Έτσι, σ.
Νομίζω ότι μπορώ να κάνω μόνο text-- ή μπορούμε απλά να κάνουμε το χρώμα είναι "λευκό".
Εκεί.
>> Έτσι αυτό που έκανα εδώ είναι ότι εγώ δεν άλλαξε όλο το κείμενο.
Αλλά σ εδώ είναι μόνο ένα ετικέτα που έχουμε, σωστά;
Αυτή η ετικέτα παραγράφου.
Γι 'αυτό ακριβώς δημιούργησε ένα στοιχείο CSS που είπε, εντάξει, τίποτα με αυτήν την ετικέτα
p, κάνει το χρώμα λευκό.
>> Έτσι, αν έχετε παρατηρήσει, δεν έκανε Αυτό το λευκό και αυτό το λευκό.
Δεν κάνει λίστα μας λευκό, επειδή δεν είναι συνδεδεμένες με αυτό.
Θα μπορούσα να πάω κατευθείαν και θα μπορούσε να say--
>> ΚΟΙΝΟ: Μήπως το χρώμα του φόντου.
>> ALLISON BUCHHOLTZ-AU: Χρώμα φόντου;
>> ΚΟΙΝΟ: Ιστορικό σωλήνα χρώμα όπου έχετε βάλει την ετικέτα σ.
>> ALLISON BUCHHOLTZ-AU: Εντάξει.
Μπορείτε να το θέλουν λευκό;
ΚΟΙΝΟ: Mmhmm.
ALLISON BUCHHOLTZ-AU: Εντάξει.
Εκεί θα πάτε.
ΚΟΙΝΟ: Αυτό είναι παράξενο.
ALLISON BUCHHOLTZ-AU: Αρκετά δροσερό, σωστά;
Έτσι, αν απλά το χάος γύρω, θα πάμε να μάθουν πολλά.
Και αυτό μπορεί να είναι αρκετά δροσερό.
Νομίζω ότι είναι σίγουρα πιο ευχάριστο από μερικές φορές
επειδή δεν έχετε να περιμένετε για το πρόγραμμά σας για την κατάρτιση.
Μπορείτε απλά να πατήσετε Ανανέωση και είστε όπως, ω, κοίτα,
λειτούργησε, ή OH, είμαι ίσως λείπει κάτι.
Και αυτό είναι κάτι που είναι πραγματικά δροσερό σχετικά με αυτό το επόμενο μέρος της κατηγορίας,
είναι σίγουρα, εγώ Σκέψου, πιο εύκολο να ελέγξετε
καθώς πηγαίνετε κατά μήκος του τρόπου έναντι χρειάζεται να γράψω αυτά τα μακρά προγράμματα
και που επιθυμούν και να προσεύχεται ότι λειτουργεί στο τέλος.
>> Έτσι, με αυτό, νομίζω ότι εσείς όλα φαίνονται καλά.
Εάν έχετε οποιεσδήποτε ερωτήσεις, όπως πάντα, Ελάτε να μιλήσουμε για μένα, έλα πες μου.
Θα είναι ακριβώς έξω από το για τα επόμενα 15 λεπτά
αν θέλετε να συζητήσετε σχετικά με τίποτα και τα πάντα.
>> Ελπίζω, λοιπόν, guys-- Καλή τύχη με αυτό το chipset.
Η προθεσμία είναι η Παρασκευή το μεσημέρι επειδή απελευθερώθηκε αργά.
Γι 'αυτό μάλλον θα πρέπει να δούμε πολλοί από εσάς παιδιά, την Πέμπτη,
αλλά ελπίζω όχι.
Ίσως θα έχετε κάνει από τότε.
Θα ήθελα να είναι εξαιρετικά υπερήφανοι.
>> Αλλά αν όχι, εγώ θα σας δούμε την Πέμπτη.
Μπορείτε επίσης να χρησιμοποιήσετε μια καθυστερημένη ημερομηνία, η οποία επεκτείνει έως το Σάββατο το μεσημέρι.
Αλλά εγώ don't-- ε;
>> ΚΟΙΝΟ: Απόκριες.
>> ALLISON BUCHHOLTZ-AU: Είναι Απόκριες, μια, και β,
Δεν νομίζω ότι θα υπάρχει είναι το γραφείο ώρες την Παρασκευή.
Έτσι, πραγματικά μην προσπαθήσουμε και να το κάνει από Παρασκευή, ώστε να μπορούμε όλοι να γιορτάσουμε
Γειά Σαββατοκύριακο.
Εντάξει, εγώ θα σας δούμε παιδιά την επόμενη εβδομάδα.