1 00:00:00,000 --> 00:00:02,000 [Powered by Google Translate] [Σεμινάριο] [Προετοιμασία του δικτυακού σας τόπου για το Web] 2 00:00:02,000 --> 00:00:05,000 [Yuechen Zhao] [Πανεπιστήμιο του Χάρβαρντ] 3 00:00:05,000 --> 00:00:07,000 [Αυτό είναι CS50.] [CS50.TV] 4 00:00:07,000 --> 00:00:11,660 >> Εντάξει. Εδώ είναι μια άλλη ώρα της ανάπτυξης ιστοσελίδων, αν εσείς είστε επάνω για αυτό. 5 00:00:11,660 --> 00:00:16,290 Σήμερα Πάω να μιλάμε για την προετοιμασία ιστοσελίδα σας για το Web. 6 00:00:16,290 --> 00:00:20,260 Όλη την ημέρα - και κατά πάσα πιθανότητα για τις τελευταίες 2 εβδομάδες - 7 00:00:20,260 --> 00:00:22,240 έχουμε μιλήσει για το πώς να δημιουργήσετε ένα δικτυακό τόπο, 8 00:00:22,240 --> 00:00:24,880 Πώς να χρησιμοποιήσετε HTML, πώς να χρησιμοποιούν PHP, πώς να χρησιμοποιείτε πλαίσια, 9 00:00:24,880 --> 00:00:29,420 Πώς να βεβαιωθείτε ότι μπορείτε να αλληλεπιδρούν με τη βάση δεδομένων - τέτοια πράγματα. 10 00:00:29,420 --> 00:00:34,830 Αλλά σήμερα, θα πάμε να μιλάμε για το πού το site σας πρόκειται να ζήσουν μετά CS50. 11 00:00:34,830 --> 00:00:40,010 Επειδή μετά από όλα, CS50 δεν συμβαίνει περασμένο Δεκέμβριο. 12 00:00:40,010 --> 00:00:42,090 Εμείς πάμε να μιλάμε για ονόματα τομέα, φιλοξενίας. 13 00:00:42,090 --> 00:00:44,790 Εμείς πάμε να μιλάμε για το τι συμβατότητα cross-browser 14 00:00:44,790 --> 00:00:49,540 και cross-platform συμβατότητα είναι, και πώς μπορείτε να βεβαιωθείτε ότι η ιστοσελίδα σας 15 00:00:49,540 --> 00:00:51,610 πρόκειται να λειτουργήσει κάτω από όλες τις συνθήκες. 16 00:00:51,610 --> 00:00:54,330 Θα μιλήσουμε για το χειρισμό σφαλμάτων και άλλες μαγικές διακομιστή. 17 00:00:54,330 --> 00:00:57,890 Μιλάμε για τη βελτιστοποίηση της απόδοσης, βελτιστοποίηση μηχανών αναζήτησης, 18 00:00:57,890 --> 00:01:00,310 και πώς να πάρει τους ανθρώπους για να επισκεφτείτε στην πραγματικότητα σας ιστοσελίδες. 19 00:01:00,310 --> 00:01:05,960 Και τέλος, μόλις μερικές καλές πόρους για να βεβαιωθείτε ότι τα παιδιά σας έχουν αρκετά από αυτά 20 00:01:05,960 --> 00:01:09,680 να πάει μακριά με το τελικό σχέδιο σας, και ελπίζω μετά. 21 00:01:09,680 --> 00:01:13,120 >> Το πρώτο πράγμα που θα πάμε να μιλήσουμε για ονόματα τομέα. 22 00:01:13,120 --> 00:01:18,020 Αυτή τη στιγμή είστε προγραμματισμό σε συσκευή σας, θα πάμε σε ένα τοπικό κεντρικό υπολογιστή 23 00:01:18,020 --> 00:01:20,360 η οποία δεν είναι στην πραγματικότητα ένα όνομα τομέα. 24 00:01:20,360 --> 00:01:26,370 Αυτό είναι το είδος του απλά ένα ψευδώνυμο ή ένα ψευδώνυμο για την πραγματική εγκατάσταση του Linux σας 25 00:01:26,370 --> 00:01:31,150 εσωτερικό είτε VMware σε έναν παίκτη Mac ή το VMware σε έναν υπολογιστή. 26 00:01:31,150 --> 00:01:36,510 Τα ονόματα τομέα που σας επιτρέπει να θέσει μια τοποθεσία πάνω στο Web και στη συνέχεια να πάμε σε κάτι σαν 27 00:01:36,510 --> 00:01:39,400 www.google.com και να πάρει την ιστοσελίδα. 28 00:01:39,400 --> 00:01:41,500 Πώς λειτουργούν; 29 00:01:41,500 --> 00:01:43,390 Ας πούμε ότι είστε απλώς ένα μέσο του web server - 30 00:01:43,390 --> 00:01:50,080 μέσος χρήστης του διαδικτύου και έχετε ένα φορητό υπολογιστή, και να πάτε να www.howstuffworks.com. 31 00:01:50,080 --> 00:01:52,570 Μπορείτε ίσως να δούμε πού θα έκλεψε από αυτό. 32 00:01:52,570 --> 00:01:57,300 Πώς λειτουργεί πράγματα - ο υπολογιστής σας θα σας ζητήσει στη συνέχεια ένα τοπικό DNS server, 33 00:01:57,300 --> 00:01:59,300 «Ξέρετε πού αυτή την ιστοσελίδα είναι;" 34 00:01:59,300 --> 00:02:02,200 "Ξέρετε τη διεύθυνση IP του www.howstuffworks.com;" 35 00:02:02,200 --> 00:02:05,580 DNS server σας θα μπορούσε να πει, "Ναι, το ξέρω." 36 00:02:05,580 --> 00:02:09,139 Σε αυτή την περίπτωση, μπορείτε να πάρετε τη διεύθυνση IP, καθώς και πρόσβαση στον υπολογιστή σας ότι η IP διεύθυνση. 37 00:02:09,139 --> 00:02:15,050 Αν δεν το κάνει, ζητά από άλλο διακομιστή DNS, "Hey! Ξέρετε τι www.howstuffworks.com είναι;" 38 00:02:15,050 --> 00:02:17,670 Ότι ο διακομιστής θα μπορούσε να πει, "Ναι, το ξέρω." 39 00:02:17,670 --> 00:02:22,500 Έτσι, λέει ο άλλος τι είναι, και, τέλος, ότι οι πληροφορίες που παίρνει πέρασε στον υπολογιστή σας, 40 00:02:22,500 --> 00:02:24,680 και μπορείτε να έχετε πρόσβαση howstuffworks.com. 41 00:02:24,680 --> 00:02:27,540 >> Πώς μπορείτε να πάρετε ένα από αυτά τα μαγικά πράγματα; 42 00:02:27,540 --> 00:02:32,940 Πώς μπορείτε να πάρετε ίσως www.yourname.com ή www.ilovecats.com; 43 00:02:32,940 --> 00:02:35,350 Μπορείτε να εγγραφείτε για ένα, 44 00:02:35,350 --> 00:02:38,280 και υπάρχουν πολλές ιστοσελίδες εκεί έξω που σας επιτρέπουν να το πράξει. 45 00:02:38,280 --> 00:02:41,420 Θα πρέπει - στις περισσότερες περιπτώσεις θα πρέπει να πληρώσει γι 'αυτές. 46 00:02:41,420 --> 00:02:43,890 Υπάρχουν ορισμένα ονόματα τομέα που είναι δωρεάν. 47 00:02:43,890 --> 00:02:50,900 Αν πάτε σε www.co.cc ή. Tkdomainnames, αυτά είναι δωρεάν. 48 00:02:50,900 --> 00:02:56,500 Αλλά, αυτοί έρχονται με ορισμένους περιορισμούς, και μάλιστα κάποια από αυτά δεν θα μπορούσε μάλιστα να 49 00:02:56,500 --> 00:03:00,540 πραγματικό, top-level domain names όπως. com ή. net. 50 00:03:00,540 --> 00:03:03,300 Κανονικά θα ήθελα να προτείνω πρόκειται για έναν από τους 51 00:03:03,300 --> 00:03:07,060 επειδή οι χρήστες είναι απλά πιο άνετα με αυτές. 52 00:03:07,060 --> 00:03:10,070 Έχετε δει πολλά. Coms. Έχετε δει πολλά. Δίχτυα. 53 00:03:10,070 --> 00:03:13,790 Πιθανότατα δεν έχουν δει πολλά. Co.cc 's, έτσι είναι δύσκολο να θυμόμαστε. 54 00:03:13,790 --> 00:03:18,900 Διαφορετικές ιστοσελίδες όπως GoDaddy ή NameCheap ή - Θα χρησιμοποιηθεί ένα που είναι 55 00:03:18,900 --> 00:03:21,550 είδος σχηματικό - που ονομάζεται activedomain.com. 56 00:03:21,550 --> 00:03:24,160 Φαίνεται πολύ σχηματικό, αλλά λειτούργησε πολύ καλά για μένα. 57 00:03:24,160 --> 00:03:27,810 >> Και τέλος, έχετε άλλους που κάνουν ίσως και περισσότερο διαφήμισης, όπως η Network Solutions. 58 00:03:27,810 --> 00:03:31,140 Αλλά αν πάτε σε NetworkSolutions.com και να δούμε τις τιμές τους 59 00:03:31,140 --> 00:03:34,070 είναι πολύ ακριβό. Κοιτούσα τους χθες το βράδυ. 60 00:03:34,070 --> 00:03:37,400 Για ένα χρόνο ενός domain name, είναι πιθανόν να μην αξίζει πολλά χρήματα. 61 00:03:37,400 --> 00:03:40,210 Στην πραγματικότητα, εάν παίρνετε ένα. Com ή. Org ή. Net 62 00:03:40,210 --> 00:03:43,430 η συνήθης τιμή είναι περίπου $ 10 το χρόνο. 63 00:03:43,430 --> 00:03:48,710 Έτσι, εάν είστε πληρώνουν πολύ περισσότερο από αυτό, είναι πιθανόν να μην είναι αξίζει τον κόπο 64 00:03:48,710 --> 00:03:52,440 γιατί, μετά από όλα, αυτές οι ιστοσελίδες δεν κάνουν τίποτα με αυτό το όνομα τομέα. 65 00:03:52,440 --> 00:03:58,270 Το δίνουν μόνο σε εσάς, και έτσι αν μπορείτε να το πάρετε για φθηνά, γιατί όχι; 66 00:03:58,270 --> 00:04:02,540 >> Το άλλο πράγμα είναι, αφού έχετε το όνομα περιοχών σας, τότε ίσως θέλετε να 67 00:04:02,540 --> 00:04:08,610 πάει για να είτε Godaddy.com ή όπου έχετε αγοράσει το όνομα τομέα σας 68 00:04:08,610 --> 00:04:11,220 και να ρυθμίσει τους διακομιστές ονομάτων για το όνομα τομέα. 69 00:04:11,220 --> 00:04:15,560 Τι σημαίνει αυτό είναι μόλις ένας χρήστης πηγαίνει στο www.howstuffworks.com, 70 00:04:15,560 --> 00:04:20,839 οι διευθύνσεις IP όνομα του διακομιστή είναι οι IP διευθύνσεις που θα είναι σε θέση να κοιτάζω προς τα πάνω. 71 00:04:20,839 --> 00:04:24,680 Θα είναι σε θέση να έχουν πρόσβαση την ιστοσελίδα σας μέσω αυτών των εξυπηρετητών ονομάτων. 72 00:04:24,680 --> 00:04:26,830 Αν ισχύουν για τη φιλοξενία κάπου 73 00:04:26,830 --> 00:04:31,210 τότε ο υπολογιστής σας θα πιο πιθανό να σας δώσει τους διακομιστές ονομάτων για χρήση. 74 00:04:31,210 --> 00:04:34,210 >> Και τέλος, υπάρχει αυτό το πράγμα που ονομάζεται WHOIS. 75 00:04:34,210 --> 00:04:38,890 Μια βάση δεδομένων WHOIS είναι μια βάση δεδομένων με την οποία θα μπορούσατε να εισάγετε ένα όνομα τομέα 76 00:04:38,890 --> 00:04:44,170 και θα φτύσει κάποιες πληροφορίες σχετικά με τον ιδιοκτήτη του εν λόγω χώρου και άλλα στοιχεία επικοινωνίας. 77 00:04:44,170 --> 00:04:49,080 Τώρα, θα μου πείτε, "Δεν θέλω πραγματικά τη διεύθυνση του σπιτιού μου ή δεν θέλω πραγματικά να την ηλεκτρονική μου διεύθυνση 78 00:04:49,080 --> 00:04:54,010 στην ιστοσελίδα της για να δει κανείς ή στο διαδίκτυο για να το δουν όλοι. " 79 00:04:54,010 --> 00:04:57,740 Στη συνέχεια, ίσως να θέλετε να χρησιμοποιήσετε κάτι που πολλές υπηρεσίες φιλοξενίας παρέχουν - 80 00:04:57,740 --> 00:04:59,740 σαν διαχειριστής WHOIS. 81 00:04:59,740 --> 00:05:03,550 Ένας διευθυντής WHOIS είναι απλά μια άλλη υπηρεσία που πολλοί από αυτούς προβλέπουν ότι 82 00:05:03,550 --> 00:05:07,700 δορές μακριά ότι οι πληροφορίες και μόνο βάζει το ποιος είναι υπεύθυνος για το όνομα - 83 00:05:07,700 --> 00:05:13,070 για τη διεύθυνση είναι συνήθως μόνο ότι το όνομα της εταιρείας που είναι σας έδωσε αυτό το όνομα τομέα - 84 00:05:13,070 --> 00:05:17,350 και έτσι τότε τα προσωπικά σας στοιχεία δεν είναι να διαρρεύσει στο Internet, 85 00:05:17,350 --> 00:05:19,350 η οποία είναι συνήθως αρκετά καλό. 86 00:05:19,350 --> 00:05:21,350 Εγώ ο ίδιος να χρησιμοποιήσετε μία από αυτές τις υπηρεσίες. 87 00:05:21,350 --> 00:05:25,630 Αν δεν νοιάζονται για το δικό προστασία της ιδιωτικής ζωής σας, τότε δεν πειράζει πραγματικά. 88 00:05:25,630 --> 00:05:32,490 >> Ένας διακομιστής DNS σημαίνει Συστήματος Ονομάτων Τομέα, και αυτό που είναι - 89 00:05:32,490 --> 00:05:36,560 Είναι το είδος του σαν ένα hash κάπου πίνακα που λέει, 90 00:05:36,560 --> 00:05:42,320  "Η διεύθυνση της ιστοσελίδας πρόκειται να χάρτη σε αυτή τη διεύθυνση IP." Και αυτό είναι όλο. 91 00:05:42,320 --> 00:05:48,180 Έτσι, τη στιγμή που το ερώτημα αυτό το διακομιστή DNS, τότε μπορείτε να πάρετε τις διευθύνσεις IP 92 00:05:48,180 --> 00:05:51,930 για το αντίστοιχο όνομα τομέα και στη συνέχεια επισκεφθείτε το δικτυακό τόπο. 93 00:05:51,930 --> 00:05:59,820 (Μέλος του ακροατηρίου μια ερώτηση - δεν ακούγεται) 94 00:05:59,820 --> 00:06:07,910 Το πρώτο; Το πρώτο επίπεδο είναι στην πραγματικότητα συνήθως μόνο cache του υπολογιστή σας το ίδιο. 95 00:06:07,910 --> 00:06:12,570 Ταξινόμηση υπολογιστή σας θυμάται την τελευταία φορά που πήγατε στο www.google.com 96 00:06:12,570 --> 00:06:18,090 ήταν σε αυτή τη διεύθυνση IP, και στη συνέχεια, μετά από λίγο, ότι η μνήμη cache θα λήξει, 97 00:06:18,090 --> 00:06:23,560 και θα ζητήσει όπως η Comcast DNS, 98 00:06:23,560 --> 00:06:26,400 "Γεια σου, τι είναι www.google.com;" 99 00:06:26,400 --> 00:06:31,040 Κανονικά, όταν αγοράζετε ένα domain name και την εγγραφή σας ένα, και έχετε δημιουργήσει μια ιστοσελίδα, 100 00:06:31,040 --> 00:06:35,670 δεν μπορείτε να πάτε στην εν λόγω ιστοσελίδα αμέσως με αυτό το όνομα τομέα, επειδή το όνομα servers 101 00:06:35,670 --> 00:06:40,180 σε όλη την υδρόγειο Δεν ξέρω για σας domain name ακόμα. Θα πρέπει να συμπληρώσετε. 102 00:06:40,180 --> 00:06:43,220 Είναι συνήθως διαρκεί περίπου 24-48 ώρες. 103 00:06:43,220 --> 00:06:48,460 Εντάξει. Έτσι, αυτό είναι λίγο για τα ονόματα τομέα. Είναι πολύ δροσερό. 104 00:06:48,460 --> 00:06:51,540 Νομίζω ότι πρέπει να πάρουν ένα, εάν είστε σοβαροί σχετικά με το έργο 105 00:06:51,540 --> 00:06:55,300 και αν πραγματικά θέλετε να κάνετε το έργο σας είναι γνωστό σε όλη την πανεπιστημιούπολη, 106 00:06:55,300 --> 00:06:58,050 έχοντας ένα όνομα τομέα το κάνει να μοιάζει πραγματικά επαγγελματική. 107 00:06:58,050 --> 00:07:01,510 >> Στη συνέχεια, το επόμενο βήμα, φυσικά, είναι να έχουν κάποιο είδος της φιλοξενίας. 108 00:07:01,510 --> 00:07:05,540 Αν φιλοξενήσει ακριβώς στον υπολογιστή σας, κανείς δεν πρόκειται ποτέ να είναι σε θέση να πάει σε αυτό. 109 00:07:05,540 --> 00:07:09,110 Θα μπορούσε ενδεχομένως να δημιουργήσει ένα διακομιστή στον υπολογιστή σας και να κρατήσει τον υπολογιστή σας για πάντα, 110 00:07:09,110 --> 00:07:11,160 αλλά αυτό δεν συνιστάται. 111 00:07:11,160 --> 00:07:14,000 Υπάρχουν διάφορα είδη που φιλοξενεί είναι διαθέσιμες ηλεκτρονικά. 112 00:07:14,000 --> 00:07:21,870 Υπάρχει shared hosting. Υπάρχει VPN (ακατάληπτο) που είναι virtual hosts. 113 00:07:21,870 --> 00:07:23,870 Υπάρχει ημι-αφιερωμένη και αφιερωμένο. 114 00:07:23,870 --> 00:07:29,030 Από την τελευταία 3, VPN, semi-dedicated, και αφοσιωμένο είναι συνήθως πιο ακριβά. 115 00:07:29,030 --> 00:07:32,660 Είναι συνήθως χρησιμοποιείται για δικτυακούς τόπους που απαιτούν περισσότερους πόρους. 116 00:07:32,660 --> 00:07:34,680 Αν είστε λίγο ξεκινάμε με ένα δικτυακό τόπο, 117 00:07:34,680 --> 00:07:40,670 θα μπορούσε απλώς να είναι πιο οικονομικό να πάει με το shared hosting. 118 00:07:40,670 --> 00:07:43,430 Και τι κοινά μέσα είναι απλώς ένα μάτσο των δικτυακών τόπων είναι όλοι μαζί 119 00:07:43,430 --> 00:07:51,560 ταξινομήσετε του σε ένα διακομιστή σε αυτή την ιστοσελίδα για το κεντρικό διακομιστή, και μπορείτε να έχετε πρόσβαση στην ιστοσελίδα σας 120 00:07:51,560 --> 00:07:53,660 μέσω του domain name. 121 00:07:53,660 --> 00:07:55,980 >> Υπάρχουν πολλά δημοφιλή φιλοξενεί εκεί έξω. 122 00:07:55,980 --> 00:08:01,160 HostGator και DreamHost - αυτά είναι πολύ, πολύ μεγάλο και πολύ, πολύ δημοφιλής 123 00:08:01,160 --> 00:08:03,160 και πολύ, πολύ επιτυχημένη. 124 00:08:03,160 --> 00:08:05,160 Χρησιμοποιώ προσωπικά αυτό που ονομάζεται MDDHosting. 125 00:08:05,160 --> 00:08:08,240 Αν πάτε στο www.mddhosting.com, αυτό είναι υποδοχής της επιλογής μου. 126 00:08:08,240 --> 00:08:10,240 Νομίζω ότι είναι πολύ καλό. 127 00:08:10,240 --> 00:08:14,550 Θα έχουμε πάντα πολύ αξιόπιστο, και δεν είχα ποτέ κανένα πρόβλημα με αυτούς. 128 00:08:14,550 --> 00:08:18,610 Έχουν επίσης πολύ ανταγωνιστικές τιμές. 129 00:08:18,610 --> 00:08:24,400 Δύο που δεν αρέσει είναι GoDaddy - αυτό είναι επίσης ένα πολύ δημοφιλές υποδοχής, 130 00:08:24,400 --> 00:08:26,400 αλλά είχα τρομερές εμπειρίες μαζί τους, 131 00:08:26,400 --> 00:08:29,430 και πολλοί άνθρωποι που γνωρίζω ότι είχαν πραγματικά τρομερές εμπειρίες μαζί τους. 132 00:08:29,430 --> 00:08:32,150 Θα είδος πάει μετά από τους ανθρώπους που δεν ξέρουν τι κάνουν - 133 00:08:32,150 --> 00:08:34,150 ίσως θέλετε να κάνετε μια ιστοσελίδα για πρώτη φορά, 134 00:08:34,150 --> 00:08:37,150 και έτσι το είδος τους con να αγοράζουν το πακέτο φιλοξενίας τους. 135 00:08:37,150 --> 00:08:42,570 Μην το να το κάνει. Μην πέσετε για αυτό. Πηγαίνετε ματιά για άλλα πακέτα φιλοξενίας που ταιριάζει πραγματικά στις ανάγκες σας. 136 00:08:42,570 --> 00:08:44,880 Και το άλλο είναι - υπάρχουν δωρεάν οικοδεσπότες εκεί έξω. 137 00:08:44,880 --> 00:08:47,350 Υπάρχουν ιστοσελίδες που θα φιλοξενήσει την ιστοσελίδα σας δωρεάν - 138 00:08:47,350 --> 00:08:49,350 Μερικές φορές βάζοντας μια αγγελία στον ιστότοπό σας, 139 00:08:49,350 --> 00:08:52,290 μερικές φορές με κάνει να συμμετέχουν σε φόρουμ τους, 140 00:08:52,290 --> 00:08:54,340 αλλά μερικές φορές απλά και δωρεάν. 141 00:08:54,340 --> 00:09:00,000 Αλλά, να είστε προσεκτικοί με δωρεάν οικοδεσπότες, επειδή πολλά από αυτά πραγματικά πήγαινε έξω από τις επιχειρήσεις 142 00:09:00,000 --> 00:09:03,480 μετά από μερικούς μήνες. Απλά δεν μπορεί να συμβαδίσει με τις δαπάνες. 143 00:09:03,480 --> 00:09:07,460 Άλλοι είναι απλά πολύ αναξιόπιστα, και η ιστοσελίδα σας θα είναι πάντα κάτω, 144 00:09:07,460 --> 00:09:09,700 και δεν θέλετε να συμβεί αυτό. 145 00:09:09,700 --> 00:09:12,330 >> Κάθε φορέας υποδοχής θα προσφέρει το δικό του πίνακα ελέγχου τους. 146 00:09:12,330 --> 00:09:16,520 Σημειώστε ότι για τη συσκευή σας, πραγματικά δεν υπάρχει ένας πίνακας ελέγχου per se. 147 00:09:16,520 --> 00:09:19,230 Θα πρέπει να χρησιμοποιήσετε το τερματικό για να πάει και να επεξεργαστείτε τα αρχεία. 148 00:09:19,230 --> 00:09:21,230 Θα πρέπει να chmod πράγματα από τον εαυτό σας. 149 00:09:21,230 --> 00:09:24,770 Αν ήθελε να πάει στο phpMyAdmin, 150 00:09:24,770 --> 00:09:29,560 θα πρέπει να πάτε στο @ localhost / phpmyadmin και τέτοια πράγματα. 151 00:09:29,560 --> 00:09:36,660 Αλλά με έναν πίνακα ελέγχου, μπορείτε να πάτε και να επεξεργαστείτε τα αρχεία στον server σας 152 00:09:36,660 --> 00:09:40,350 με την Εξερεύνηση των Windows ή έναν ανιχνευτή τύπου εφαρμογή. 153 00:09:40,350 --> 00:09:44,810 Ή μπορείτε να πάτε μέσα και να δούμε τις βάσεις δεδομένων σας με το δικό τους εργαλείο 154 00:09:44,810 --> 00:09:47,280 αντί του phpMyAdmin. 155 00:09:47,280 --> 00:09:52,240 Έτσι, υπάρχει μια μεγάλη επιλογή εδώ, και μερικές από τις πιο δημοφιλείς πίνακες ελέγχου είναι μέχρι εκεί. 156 00:09:52,240 --> 00:09:54,240 Αλλά αν ψάχνετε για έναν κεντρικό υπολογιστή, 157 00:09:54,240 --> 00:09:57,090 τότε ίσως να θέλετε να εξετάσει τι είδους προσαρμογές και επιλογές 158 00:09:57,090 --> 00:10:02,810 μου προσφέρουν για να προσαρμόσετε server μου και να κάνω ιστοσελίδα μου λειτουργεί καλύτερα. 159 00:10:02,810 --> 00:10:07,110 Έτσι, στη συνέχεια, μπορείτε να ρωτήσετε, "Λοιπόν, πώς μπορώ να επιλέξω τη φιλοξενία;" 160 00:10:07,110 --> 00:10:11,460 Αν πάτε σε οποιοδήποτε δικτυακό τόπο υποδοχής υπάρχει πολλή ορολογία, και υπάρχουν πολλές επιλογές. 161 00:10:11,460 --> 00:10:14,470 Υπάρχουν πολλές διαφορετικές τιμές επίσης. 162 00:10:14,470 --> 00:10:19,690 Κανονικά θα πάω για τα φθηνότερα αυτά μόνο και μόνο επειδή ιστοσελίδες που ίσως και να κάνω - 163 00:10:19,690 --> 00:10:23,520 και ειδικά τώρα, ειδικά ως ορεκτικά - μπορεί να μη χρειάζονται πολλοί πόροι 164 00:10:23,520 --> 00:10:26,770 όπως μπορεί μια ιστοσελίδα όπως Microsoft.com. 165 00:10:26,770 --> 00:10:32,090 >> Πρώτα θέλετε να εξετάσουμε το λειτουργικό σύστημα, εάν είστε πραγματικά περίεργος αν 166 00:10:32,090 --> 00:10:35,090 το site σας πρόκειται να φιλοξενείται σε Linux, σε Windows ή σε Mac. 167 00:10:35,090 --> 00:10:39,790 Κανονικά θα πήγαινε με το Linux, επειδή αυτό είναι συνήθως η φθηνότερη, 168 00:10:39,790 --> 00:10:43,730 και επίσης αυτό που ίσως εσείς είστε πιο εξοικειωμένοι με το γιατί της συσκευής. 169 00:10:43,730 --> 00:10:48,040 Και τότε, ίσως θα θέσει περιορισμούς σχετικά με το ποσό του εύρους ζώνης που μπορείτε να πάρετε - 170 00:10:48,040 --> 00:10:53,030 όπως πόσα megabytes ή gigabytes δεδομένων οι χρήστες μπορούν να κατεβάσετε 171 00:10:53,030 --> 00:10:55,470 από την ιστοσελίδα σας κάθε μήνα; Ή χώρο στο δίσκο. 172 00:10:55,470 --> 00:11:00,640 Πόσο χώρο έχετε; Είναι 500 MB; Είναι 2 GB; Είναι απεριόριστο; 173 00:11:00,640 --> 00:11:05,920 Σήμερα, πολλοί από τους διακομιστές web για να έχετε απεριόριστο χώρο στο δίσκο ως ένας τρόπος για τους 174 00:11:05,920 --> 00:11:08,560 για να σας δελεάσει να πάρει πακέτο φιλοξενίας τους. 175 00:11:08,560 --> 00:11:11,850 Αλλά αν πραγματικά το σκέφτομαι, όταν θα πρόκειται ποτέ να χρειάζονται απεριόριστο χώρο στο δίσκο; 176 00:11:11,850 --> 00:11:18,060 Αν έχετε ένα ζευγάρι των αρχείων HTML, ένα ζευγάρι της PHP, ένα ζευγάρι των εικόνων - 177 00:11:18,060 --> 00:11:20,060 αυτό είναι μόνο ένα ζευγάρι των megabytes, και ούτω 178 00:11:20,060 --> 00:11:23,110 συνήθως εγώ απλά να πάτε για αξίζει ίσως μερικά gigabytes »του χώρου, 179 00:11:23,110 --> 00:11:27,990 και ότι μπορεί να είναι αρκετό για να με ξεκινήσει μέχρι να χρειάζονται περισσότερο. 180 00:11:27,990 --> 00:11:31,480 >> Τέλος, μπορεί να θέσει περιορισμούς σχετικά με το τι είδος του - πόσες βάσεις δεδομένων που μπορείτε να έχετε. 181 00:11:31,480 --> 00:11:34,760 Ίσως μπορείτε να έχετε μόνο 1 βάση δεδομένων. Ίσως μπορείτε να έχετε 2. Ίσως μπορείτε να έχετε 10. 182 00:11:34,760 --> 00:11:38,330 Είναι πραγματικά σημαντικό για εσάς πόσα θα πάρετε; 183 00:11:38,330 --> 00:11:40,330 Πράγματα που πρέπει να ρωτήσετε τον εαυτό σας. 184 00:11:40,330 --> 00:11:42,330 Και τελικά, απλά πράγματα όπως γλώσσες. 185 00:11:42,330 --> 00:11:44,330 Να υποστηρίζουν PHP; Να υποστηρίξει MySQL; 186 00:11:44,330 --> 00:11:49,010 Οι περισσότερες ιστοσελίδες που φιλοξενεί δεν υποστηρίζουν αυτά, επειδή είναι δωρεάν. Είναι open source. 187 00:11:49,010 --> 00:11:51,190 Δεν τους κόστιζε τίποτα να προσφέρει αυτά για εσάς. 188 00:11:51,190 --> 00:11:55,680 Αλλά αν θέλετε να χρησιμοποιήσετε, ας πούμε, Ruby ή Python ή κάποια από αυτές τις άλλες γλώσσες - 189 00:11:55,680 --> 00:11:59,490 δεν μπορεί να την υποστηρίξει στον server τους, γι 'αυτό είναι σημαντικό να ψάξουν για αυτά τα είδη των πραγμάτων. 190 00:11:59,490 --> 00:12:05,620 >> Και τέλος, δεν σας επιτρέπουν να κάνετε κάποια πιο προχωρημένα πράγματα, όπως SSL ή cron θέσεις εργασίας; 191 00:12:05,620 --> 00:12:12,060 SSL είναι μια επιλογή όπου μπορείτε να κάνετε την ιστοσελίδα σας πιο ασφαλή, καθιστώντας HTTPS 192 00:12:12,060 --> 00:12:14,060 και να κρυπτογραφήσετε τις συνδέσεις σας. 193 00:12:14,060 --> 00:12:17,230 Και cron θέσεις εργασίας είναι απλά ίσως scripts που θέλετε να εκτελέσετε 194 00:12:17,230 --> 00:12:19,510 κάθε 5 λεπτά, κάθε 10 λεπτά, κάθε 15. 195 00:12:19,510 --> 00:12:22,030 Πολλές κοινές φιλοξενία ιστοσελίδων βάζουν περιορισμούς 196 00:12:22,030 --> 00:12:26,310 σχετικά με τον αριθμό των θέσεων εργασίας cron που μπορείτε να εκτελέσετε γιατί αυτό καταλαμβάνει περισσότερους πόρους. 197 00:12:26,310 --> 00:12:31,800 >> Και τέλος, ακριβώς ό, τι άλλο θέλετε να δείτε - βεβαιωθείτε τι ακριβώς συμβαίνει 198 00:12:31,800 --> 00:12:35,180 προτού να αγοράσετε το πακέτο φιλοξενίας σας. 199 00:12:35,180 --> 00:12:37,720 Και τέλος, οι επιδόσεις. Η απόδοση είναι τεράστια. 200 00:12:37,720 --> 00:12:39,740 Πόσο γρήγορα είναι η ιστοσελίδα μου πρόκειται να τρέξει; 201 00:12:39,740 --> 00:12:42,950 Οι περισσότεροι χρήστες δεν πρόκειται να περιμένει για ακόμη δευτερόλεπτα για την ιστοσελίδα σας για να τρέξει 202 00:12:42,950 --> 00:12:47,640 πριν απλά βαριούνται, και πήγαινε για να MeanBase και να αρχίσετε να ψάχνετε σε φωτογραφίες 203 00:12:47,640 --> 00:12:52,240 των γατών - ξέρετε ότι θα συμβεί, και θέλετε να βεβαιωθείτε ότι μπορείτε να πάρετε αυτόν τον χρήστη επί του σκάφους 204 00:12:52,240 --> 00:12:54,300 και ότι έχετε καλή uptime που σημαίνει απλώς ότι 205 00:12:54,300 --> 00:12:56,300 ιστοσελίδα σας πρόκειται να είναι προσβάσιμο ανά πάσα στιγμή. 206 00:12:56,300 --> 00:13:01,880 Πολλοί οικοδεσπότες έχουν πραγματικά κακή uptime και αυτό σημαίνει απλά την ιστοσελίδα σας δεν πρόκειται να είναι 207 00:13:01,880 --> 00:13:06,500 προσβάσιμες, και δεν θέλετε να συμβεί αυτό, γιατί μπορεί να είναι λυπημένος. 208 00:13:06,500 --> 00:13:10,360 Και μπορείτε επίσης να παρακολουθείτε την απόδοση του κεντρικού σας με ιστοσελίδες όπως το 209 00:13:10,360 --> 00:13:16,440 Pingdom.com ή Host-tracker.com, και να σας πω πόσο συχνά το site σας κάτω. 210 00:13:16,440 --> 00:13:18,490 >> Και τέλος, θέλετε να δείτε για την υποστήριξή τους. 211 00:13:18,490 --> 00:13:21,890 Εάν έχετε ένα πρόβλημα είναι αυτοί πρόκειται να σας απαντήσει μέσα σε 24 ώρες; 212 00:13:21,890 --> 00:13:23,890 Είναι αυτοί πρόκειται να σας απαντήσει μέσα σε 48 ώρες; 213 00:13:23,890 --> 00:13:26,500 Η υπηρεσία φιλοξενίας που χρησιμοποιώ συνήθως ανταποκρίνεται σε μένα μέσα σε λίγα λεπτά 214 00:13:26,500 --> 00:13:29,760 το οποίο είναι πραγματικά ωραίο. 215 00:13:29,760 --> 00:13:33,990 Ουφ! Εντάξει! Ήρθε η ώρα για ένα διάλειμμα. Αλλά εγώ δεν πρόκειται να το δώσει σε εσάς. 216 00:13:33,990 --> 00:13:38,200 Θα εξετάσουμε μόνο τις εικόνες της χαριτωμένα γάτες κάθε τώρα και τότε. 217 00:13:38,200 --> 00:13:42,740 >> Ένα άλλο πραγματικά, πραγματικά μεγάλο πράγμα είναι cross-browser συμβατότητα. 218 00:13:42,740 --> 00:13:45,890 Τι εννοώ με τη συμβατότητα cross-browser; 219 00:13:45,890 --> 00:13:50,970 Ξέρετε, στις μέρες μας δεν είναι μόνο Microsoft Internet Explorer. 220 00:13:50,970 --> 00:13:53,970 Δεν είναι μόνο Mozilla Firefox ή Safari. 221 00:13:53,970 --> 00:13:58,190 Τώρα έχουμε Chrome. Έχουμε Opera. Έχουμε Dolphin. Έχουμε Camino. 222 00:13:58,190 --> 00:14:00,540 Έχουμε Κατακτητή. Έχουμε όλα αυτά τα διαφορετικά προγράμματα περιήγησης. 223 00:14:00,540 --> 00:14:05,950 Πράγματα που βγαίνουν τώρα - Rockmelt - αν και αυτά είναι όλα βασίζονται σε χρώμιο. 224 00:14:05,950 --> 00:14:10,990 Αλλά το γεγονός του θέματος είναι, δεν υπάρχει μόνο ένα πρόγραμμα περιήγησης πια. 225 00:14:10,990 --> 00:14:13,860 Δεν είστε Βλέπετε μόνο αυτές τις σελίδες με μία εφαρμογή. 226 00:14:13,860 --> 00:14:17,660 Και έτσι, διαφορετικούς browsers θα ανταποκριθούν σε διαφορετικές HTML, CSS διαφορετικά, και 227 00:14:17,660 --> 00:14:21,210 διαφορετικές JavaScript διαφορετικά, και πώς να ασχοληθεί με αυτό; 228 00:14:21,210 --> 00:14:24,370 Λοιπόν, σε ορισμένες περιπτώσεις, μπορείτε πραγματικά δεν μπορεί. 229 00:14:24,370 --> 00:14:29,160 Η ιστοσελίδα σας - αν αυτό δουλεύει σε ένα πρόγραμμα περιήγησης, ο κώδικας που έγραψες δεν θα λειτουργήσει 230 00:14:29,290 --> 00:14:32,910 σε άλλο πρόγραμμα περιήγησης, και είναι η εργασία σας για να βεβαιωθείτε ότι ο κώδικας που γράφετε 231 00:14:32,910 --> 00:14:36,000 είναι καθολική, ότι λειτουργεί παντού. 232 00:14:36,000 --> 00:14:38,000 Έτσι, αυτό είναι πραγματικά επικίνδυνο. 233 00:14:38,000 --> 00:14:42,450 Εάν πείτε, "Λοιπόν, αυτό είναι που εργάζονται στον υπολογιστή μου. Great! Ας προχωρήσουμε." 234 00:14:42,450 --> 00:14:46,040 Λοιπόν, είναι κατά πάσα πιθανότητα δεν πρόκειται να λειτουργήσει για τη δική μου, και όταν πάω στην ιστοσελίδα σας 235 00:14:46,040 --> 00:14:49,210 Πάω να είναι πολύ λυπηρό, και πάω να φύγει αμέσως. 236 00:14:49,210 --> 00:14:51,570 Έτσι, ας δούμε πώς μπορείτε να αποτρέψετε αυτό. 237 00:14:51,570 --> 00:14:55,520 >> Το πρώτο πράγμα, βέβαια, είναι να χρησιμοποιήσετε μόνο πρότυπο HTML, CSS και JavaScript. 238 00:14:55,520 --> 00:14:57,520 Τι εννοώ με αυτό; 239 00:14:57,520 --> 00:15:00,180 Λοιπόν, υπάρχουν πολλοί που δεν είναι στάνταρ πράγματα εκεί έξω. 240 00:15:00,180 --> 00:15:03,490 Για παράδειγμα, στο CSS υπάρχουν πολλές εκδοχές. 241 00:15:03,490 --> 00:15:10,830 Εάν δείτε τους κανόνες CSS με-Μοζ-ή-webkit-, οι εν λόγω κανόνες αποτελούν ειδικές 242 00:15:10,830 --> 00:15:15,720 τόσο για τα Mozilla browsers και τα προγράμματα περιήγησης Webkit, 243 00:15:15,720 --> 00:15:20,590 και έτσι θέλετε να βεβαιωθείτε ότι ίσως θέλετε να αποφύγετε αυτά τα πράγματα 244 00:15:20,590 --> 00:15:25,150 γιατί αν χρησιμοποιείτε-Μοζ-ο κανόνας αυτός θα λειτουργήσει μόνο για τον Firefox. 245 00:15:25,150 --> 00:15:29,640 Και αν θέλετε πραγματικά να δείχνουν καλά στον Internet Explorer, επίσης, 246 00:15:29,640 --> 00:15:31,640 θα πάμε να είναι από την τύχη. 247 00:15:31,640 --> 00:15:37,910 Για την HTML, επίσης, θα μπορούσε να κάνει τα πράγματα σε HTML ότι η εργασία σε ένα πρόγραμμα περιήγησης 248 00:15:37,910 --> 00:15:41,830 αλλά ότι οι διακοπές σε ένα άλλο, και θέλετε να αποφευχθεί η όσο το δυνατόν περισσότερο. 249 00:15:41,830 --> 00:15:44,830 Και τέλος, για ακόμη JavaScript - υπάρχουν πολλές εκδοχές της JavaScript, 250 00:15:44,830 --> 00:15:50,570 και αυτό το καλοκαίρι τρέξαμε σε ένα πρόβλημα όπου Document.getElementsByClassName-- 251 00:15:50,570 --> 00:15:54,500 η οποία είναι συνήθως μια λειτουργία που έχει προσδιοριστεί ως μέρος της JavaScript προτύπου - 252 00:15:54,500 --> 00:15:58,120 δεν ήταν να βρεθεί στον Internet Explorer 8. 253 00:15:58,120 --> 00:16:01,900 Έτσι, το καλοκαίρι δούλευα σε ένα εργαστήριο και χτίζαμε σε απευθείας σύνδεση πειράματα. 254 00:16:01,900 --> 00:16:06,210 Και σκεφτήκαμε ότι δούλευε πολύ καλά μέχρι να συνειδητοποιήσει χρήστες που χρησιμοποιούσαν 255 00:16:06,210 --> 00:16:09,780 Internet Explorer 8 δεν μπόρεσε να υποβάλει τα αποτελέσματά τους. 256 00:16:09,780 --> 00:16:13,200 Μας λείπει σε πολλά δεδομένα. Αυτό μας έκανε πραγματικά λυπηρό. 257 00:16:13,200 --> 00:16:17,790 Έτσι, μπορείτε πάντα να θέλετε να βεβαιωθείτε ότι τα γραπτά σας πρόκειται να λειτουργήσει παντού. 258 00:16:17,790 --> 00:16:20,500 >> Και τέλος, η χρήση validator.w3.org 259 00:16:20,500 --> 00:16:22,770 το οποίο είναι αυτό που σας λέμε να κάνετε σε PSET 7. 260 00:16:22,770 --> 00:16:24,530 Βεβαιωθείτε ότι οι επικυρωμένες σελίδες σας. 261 00:16:24,530 --> 00:16:28,310 Αυτό είναι σημαντικό, γιατί αυτό είναι τουλάχιστον ένα πρώτο έλεγχο λογική βήμα. 262 00:16:28,310 --> 00:16:31,870 Είναι ο κωδικός μου πραγματικά συμβατή με τα πρότυπα; 263 00:16:34,930 --> 00:16:39,320 Ένας άλλος τρόπος για να ταξινομήσετε του να σας βοηθήσει να βεβαιωθείτε ότι η ιστοσελίδα σας πρόκειται να λειτουργήσει 264 00:16:39,320 --> 00:16:42,610 στις περισσότερες περιπτώσεις είναι να χρησιμοποιήσετε ίσως κάποιες βιβλιοθήκες και τα πλαίσια 265 00:16:42,610 --> 00:16:46,210 επειδή αυτές οι πραγματικά έξυπνο προγραμματιστές έχουν σκεφτεί αυτά τα ζητήματα για σας. 266 00:16:46,210 --> 00:16:49,850 Έχουν περάσει και έχω γράψει διάφορες λειτουργίες που εργάζονται σε όλους τους φυλλομετρητές. 267 00:16:49,850 --> 00:16:53,560 Για παράδειγμα, χρησιμοποιούμε το jQuery στο Pset 7. 268 00:16:53,560 --> 00:16:58,030 Ακόμα κι αν δεν μπορείτε να το έχετε δει, jQuery παρέχει πολλές λειτουργίες 269 00:16:58,030 --> 00:17:00,280 που αλλιώς θα πρέπει να σας γράψω. 270 00:17:00,280 --> 00:17:05,310 Αλλά αυτές οι προγραμματιστές έγραψαν και έκαναν βεβαιωθείτε ότι λειτουργεί σε όλους τους browsers. 271 00:17:05,310 --> 00:17:10,280 Και Bootstrap - που είναι ένα άλλο πλαίσιο CSS που σας δείξαμε στο Pset 7 - 272 00:17:10,280 --> 00:17:17,000 παίρνει πραγματικά μακριά πολύ από τους πονοκεφάλους με το σχεδιασμό ιστοσελίδων που φαίνονται καλά. 273 00:17:17,000 --> 00:17:19,000 σε όλους τους browsers. 274 00:17:19,000 --> 00:17:23,660 >> Και τέλος, αν μπορείτε να το αποφύγετε, εγώ συνήθως αποφεύγεται κωδικοποίησης από το μηδέν. 275 00:17:23,660 --> 00:17:28,079 Εάν μόνο η δημιουργία ενός δικτυακού τόπου για τη λέσχη του σχολείου σας, για παράδειγμα, 276 00:17:28,079 --> 00:17:33,920 και το μόνο που χρειάζεται να κάνετε είναι να εμφανιστεί σε λίγες σελίδες και ίσως να έχει πρόεδρο σας πάει στο 277 00:17:33,920 --> 00:17:38,910 και να αλλάξει μερικά πράγματα εδώ και εκεί - δεν υπάρχει πραγματικά καμία ανάγκη να κώδικα που τον εαυτό σας. 278 00:17:38,910 --> 00:17:40,910 Αυτό παίρνει πολύ χρόνο σας. 279 00:17:40,910 --> 00:17:42,660 Χρειάζεται πολλή ενέργεια σας, και θα πρέπει να περάσουν και θα πρέπει να μάθετε, 280 00:17:42,660 --> 00:17:45,930 καλά, είναι αυτή η μετάβαση να δείχνουν καλά σε αυτό το πρόγραμμα περιήγησης, είναι αυτό πρόκειται να δείχνουν καλά σε αυτό το πρόγραμμα περιήγησης. 281 00:17:45,930 --> 00:17:50,610 Ίσως να χρησιμοποιήσει κάποια από αυτά τα μπαλώματα που άλλοι έχουν ήδη γράψει για εσάς, όπως 282 00:17:50,610 --> 00:17:52,610 WordPress ή Joomla ή Drupal. 283 00:17:52,610 --> 00:17:59,400 Αυτά ονομάζονται περιεχόμενο - αυτά ονομάζονται CMSs που ουσιαστικά είναι μόνο τα πακέτα που 284 00:17:59,400 --> 00:18:03,020 ήδη έρθει γίνει για σας, και μπορείτε να τα κατεβάσετε, βάζουμε επάνω στον κεντρικό υπολογιστή σας, 285 00:18:03,020 --> 00:18:07,510 και να τα προσαρμόσετε όπως θέλετε, και έχετε ήδη μια λειτουργία ιστοσελίδας. 286 00:18:07,510 --> 00:18:11,680 Τα πακέτα κώδικα είναι κάτι για να δούμε, για να. 287 00:18:11,680 --> 00:18:15,400 Αυτά τα πράγματα είναι ανοιχτού κώδικα, εκτός αν πάμε για κάτι τέτοιο - 288 00:18:15,400 --> 00:18:19,390 Αν ψάχνετε για μια μορφή πακέτου, υπάρχουν πράγματα που δεν είναι δωρεάν, όπως 289 00:18:19,390 --> 00:18:21,570 VBulletin ή IP.Board. 290 00:18:21,570 --> 00:18:23,790 Αν δεν χρειάζεστε κάποια από αυτές τις προηγμένες λειτουργίες, 291 00:18:23,790 --> 00:18:27,530 μπορείτε πάντα να επιλέξουν για την ελεύθερη επιλογή. 292 00:18:27,530 --> 00:18:31,300 >> Και τέλος, δεν υπάρχει γλιτώνεις. 293 00:18:31,300 --> 00:18:33,300 Θα πρέπει να ελέγξετε, δοκιμή, δοκιμή. 294 00:18:33,300 --> 00:18:37,690 Θα πρέπει να ελέγξετε τον κωδικό σας σε όλα αυτά τα προγράμματα περιήγησης και σε όλες αυτές τις πλατφόρμες. 295 00:18:37,690 --> 00:18:44,110 Και ξέρετε, IE6 - δόξα τω Θεώ οι άνθρωποι έχουν αρχίσει να κινείται μακριά από IE6 296 00:18:44,110 --> 00:18:49,190 γιατί πίσω στην ημέρα, ίσως και πριν από λίγα χρόνια, web developers έπρεπε να είναι πάντα, πάντα, 297 00:18:49,190 --> 00:18:55,280 πάντα υποθάλψει αδυναμίες IE6 στην τήρηση των προτύπων. 298 00:18:55,280 --> 00:19:00,860 Ιστοσελίδες κοίταξε ακριβώς το είδος του 1990 για την έλλειψη ενός καλύτερου τρόπος για να ασχοληθεί με το θέμα. 299 00:19:00,860 --> 00:19:04,380 Μπορείτε επίσης να χρησιμοποιήσετε screenshots του προγράμματος περιήγησης για να ελέγξετε CSS σας. 300 00:19:04,380 --> 00:19:08,100 Ένα πραγματικά δροσερό ιστοσελίδα είναι browserlab.adobe.com. 301 00:19:08,100 --> 00:19:11,070 Αυτή είναι μια δωρεάν υπηρεσία που τίθεται από την Adobe. 302 00:19:11,070 --> 00:19:15,160 Και αυτό που κάνουν είναι ότι μπορεί να πάρει screenshots της ιστοσελίδας σας 303 00:19:15,160 --> 00:19:18,890 λειτουργεί υπό διαφορετικές συνθήκες - όπως το τρέξιμο κάτω από διαφορετικούς browsers, 304 00:19:18,890 --> 00:19:22,660 λειτουργεί υπό διαφορετικές πλατφόρμες - και να σας δείξω τι μοιάζουν. 305 00:19:22,660 --> 00:19:33,260 Ακριβώς για να σας δείξω τι εννοώ εδώ, έχω δημιουργήσει μια ιστοσελίδα πέρυσι λέγεται ζωή Στο Χάρβαρντ, 306 00:19:33,260 --> 00:19:39,150 και αυτό που προσπάθησα να κάνω - Προσπάθησα να κάνω my.harvard καλύτερα. 307 00:19:39,150 --> 00:19:43,840 Γιατί αν ήταν εδώ πέρυσι, my.harvard δεν φαίνονται όπως φαίνεται τώρα. 308 00:19:43,840 --> 00:19:46,640 Φαίνεται είδος αηδιαστικό. 309 00:19:46,640 --> 00:19:50,470 Αλλά τώρα φαίνεται πολύ καλύτερα. 310 00:19:50,470 --> 00:19:57,070 Εφαρμογή μου δεν ήταν τόσο χρήσιμα πια, αλλά όλοι το ίδιο, 311 00:19:57,070 --> 00:20:01,310 Ξέρετε, εγώ προσπάθησα να προσθέσω - (ακατάληπτο) πολλές οτιδήποτε άλλο - 312 00:20:01,310 --> 00:20:04,680 και φαίνεται - φαίνεται πολύ καλό για τον υπολογιστή μου. 313 00:20:04,680 --> 00:20:08,560 Και τότε, ίσως αν είχα περισσότερο χρόνο θα είχα πάει στο στο εργαστήριο του προγράμματος περιήγησης, 314 00:20:08,560 --> 00:20:13,020 και θα είχα κοίταξε, καλά, πώς σου φαίνεται το Chrome 18 για Windows. 315 00:20:13,020 --> 00:20:17,060 Θα ήθελα να μετακινηθείτε προς τα κάτω και θα δείτε - Ω, όχι! Κοιτάξτε το κουτί ανακοινώσεις. 316 00:20:17,060 --> 00:20:20,200 Το κείμενό μου ξεχείλιζε. Έτσι, αυτό είναι κακό, έτσι δεν είναι; 317 00:20:20,200 --> 00:20:23,700 Αν ένας χρήστης χρησιμοποιεί το Chrome σε Windows και έρχεται στην ιστοσελίδα μου, 318 00:20:23,700 --> 00:20:26,730 που φαίνεται αμέσως πολύ αντιεπαγγελματική. 319 00:20:26,730 --> 00:20:30,760 Έτσι, πρέπει να πάω στο CSS μου και ανακαλύψτε τι μέρος του CSS μου είναι το σπάσιμο εδώ. 320 00:20:30,760 --> 00:20:35,090 Γιατί να μην είναι αυτό που εμφανίζει σωστά και να το διορθώσουμε, έτσι ώστε όλοι οι χρήστες μπορούν να δουν την ίδια ιστοσελίδα 321 00:20:35,090 --> 00:20:37,770 και είναι εξίσου ευτυχής. 322 00:20:37,770 --> 00:20:44,280 >> Και τέλος, καλά, screenshots του προγράμματος περιήγησης είναι ωραία για τον έλεγχο των CSS, 323 00:20:44,280 --> 00:20:46,020 αλλά τι γίνεται με JavaScript σας; 324 00:20:46,020 --> 00:20:48,660 Τι γίνεται αν έχετε κάποια περίπλοκη script που τρέχει; 325 00:20:48,660 --> 00:20:50,460 Λοιπόν, μπορείτε να κάνετε πάντα virtualization. 326 00:20:50,460 --> 00:20:56,360 Αν έχετε ένα Mac, μπορείτε να χρησιμοποιήσετε Bootcamp ή VMWare για την εικονικοποίηση ίσως ένα αντίγραφο του 327 00:20:56,360 --> 00:20:59,540 Τα Windows και η χρήση του Internet Explorer εκεί. 328 00:20:59,540 --> 00:21:03,400 Ή, μπορείτε να πάτε σε κάτι σαν Spoon.net, η οποία, δυστυχώς, λειτουργεί μόνο σε υπολογιστές. 329 00:21:03,400 --> 00:21:05,290 Αλλά αυτό που κάνουν είναι πολύ δροσερό. 330 00:21:05,290 --> 00:21:10,080 Οι λύσεις virtualization λογισμικό για σας ώστε να μπορείτε να εκτελέσετε διαφορετικές εκδόσεις του IE, για παράδειγμα. 331 00:21:10,080 --> 00:21:12,080 Μπορείτε να εκτελέσετε διαφορετικές εκδόσεις του Firefox. 332 00:21:12,080 --> 00:21:15,720 Μπορείτε να εκτελέσετε διαφορετικές εκδόσεις του Safari και να δοκιμάσουν όλες τις ιστοσελίδες σας εκεί. 333 00:21:15,720 --> 00:21:18,360 Δυστυχώς, δεν είναι ελεύθερη. 334 00:21:18,360 --> 00:21:20,860 Αυτή είναι μια υπηρεσία επί πληρωμή, έτσι υπάρχει πάντα είδος αυτό - 335 00:21:20,860 --> 00:21:26,070 υπάρχει πάντα το είδος του εμπορίου αυτού off μεταξύ, καλά, θα πάω να κάνω ιστοσελίδα μου φαίνονται καλά. 336 00:21:26,070 --> 00:21:31,970 Αν ναι, ίσως χρειαστεί να πληρώσουν για κάποιες υπηρεσίες να με βοηθήσει να το κάνουμε αυτό. 337 00:21:31,970 --> 00:21:35,890 Οποιεσδήποτε ερωτήσεις σε αυτό το σημείο για κάτι που μιλήσαμε; 338 00:21:38,500 --> 00:21:41,210 Awesome. Εντάξει. 339 00:21:41,210 --> 00:21:43,870 >> Τώρα έχουμε περισσότερα πράγματα να συζητήσουμε. 340 00:21:43,870 --> 00:21:45,820 Τι θα λέγατε για λάθη; 341 00:21:45,820 --> 00:21:48,670 Πώς μπορείτε να βεβαιωθείτε ότι η ιστοσελίδα σας πρόκειται να λειτουργήσει ακόμα και όταν 342 00:21:48,670 --> 00:21:50,150 κάτι κακό θα συμβεί; 343 00:21:50,150 --> 00:21:53,940 Ίσως δεν έχετε μια σελίδα με το όνομα food.php. 344 00:21:53,940 --> 00:21:57,000 Αλλά εγώ, πάω στην ιστοσελίδα σας και θα προσπαθήσετε να αποκτήσετε πρόσβαση food.php. 345 00:21:57,000 --> 00:22:00,770 Είσαι ακριβώς πρόκειται να μου δείξει ότι η λευκή σελίδα που λέει 404 - Δεν βρέθηκε αρχείο; 346 00:22:00,770 --> 00:22:04,400 Ή θα πας να πείτε, "Λοιπόν, λυπάμαι που δεν μπόρεσα να βρω αυτό για σας, 347 00:22:04,400 --> 00:22:08,520 αλλά ίσως εδώ είναι μερικά άλλα εργαλεία για να σας βοηθήσει να ψάξετε για ό, τι χρειάζεστε. " 348 00:22:08,520 --> 00:22:13,180 Άλλα σφάλματα - έτσι, αυτό ονομάζεται HTTP σφάλματα τα οποία είναι μερικά μόνο από τους κωδικούς σφαλμάτων 349 00:22:13,180 --> 00:22:17,130 ότι ο διακομιστής σας μπορεί να σταλεί πίσω στον browser σε περίπτωση που συμβεί κάτι κακό. 350 00:22:17,130 --> 00:22:20,160 400 - Bad Request. 401 - μη εξουσιοδοτημένη πρόσβαση. 351 00:22:20,160 --> 00:22:25,560 403 είναι το είδος του κοινού όταν έχετε έναν κατάλογο που δεν είναι υποτίθεται ότι πρέπει να προσεγγιστεί 352 00:22:25,560 --> 00:22:27,310 από τον χρήστη, αλλά ο χρήστης προσπαθεί να ούτως ή άλλως. 353 00:22:27,310 --> 00:22:30,840 Και 500 - Εσωτερικό σφάλμα διακομιστή - που συνήθως συμβαίνει όταν έχετε κάτι 354 00:22:30,840 --> 00:22:33,070 πραγματικά κακό συμβαίνει με PHP κώδικα σας. 355 00:22:33,070 --> 00:22:36,140 Αλλά σε κάθε περίπτωση, αυτά τα είδη των browsers - αυτά τα είδη των λαθών συμβαίνουν. 356 00:22:36,140 --> 00:22:40,550 >> Έτσι, πώς μπορείτε να είστε σίγουροι ότι θα χειριστεί με χάρη αυτά τα λάθη 357 00:22:40,550 --> 00:22:43,230 και βεβαιωθείτε ότι ο χρήστης δεν είναι ακριβώς το είδος του κρέμεται εκεί; 358 00:22:46,850 --> 00:22:48,850 Εδώ έρχεται. Htaccess. 359 00:22:48,850 --> 00:22:51,300 Τώρα,. Htaccess είναι κάτι που λειτουργεί σε Apache servers, 360 00:22:51,300 --> 00:22:55,550 κάτι που να λειτουργεί και λειτουργεί σε μερικούς άλλους servers, καθώς και. 361 00:22:55,550 --> 00:23:01,350 Αυτό είναι απλά ένας τρόπος για να μπορείτε να διαμορφώσετε το διακομιστή σας, έτσι ώστε 362 00:23:01,350 --> 00:23:04,470 μπορείτε να το κάνετε ό, τι θέλετε να κάνετε. 363 00:23:04,470 --> 00:23:06,790 Μερικά πράγματα που θα μπορούσατε να κάνετε. Θα μπορούσατε να ελέγξετε τις ρυθμίσεις cache σας. 364 00:23:06,790 --> 00:23:11,290 Ίσως υπάρχει κάποια σελίδα στον ιστοχώρο σας να βεβαιωθείτε ότι ο χρήστης 365 00:23:11,290 --> 00:23:14,740 εκ νέου λήψη κάθε φορά που ο χρήστης έρχεται και επισκέπτεται την ιστοσελίδα σας. 366 00:23:14,740 --> 00:23:26,980 Ή ίσως έχετε κάποια διεύθυνση URL που είναι σαν yoursite.com / δοκιμών / html / pages / hello.html 367 00:23:26,980 --> 00:23:31,270 και απλά θέλετε ότι για να είναι yourname.com / γειά σου -. καλά, μπορείτε να χρησιμοποιήσετε το htaccess 368 00:23:31,270 --> 00:23:34,760 να ανακατευθύνει τη μία ιστοσελίδα στην άλλη. 369 00:23:34,760 --> 00:23:36,600 Μπορείτε επίσης να το χρησιμοποιήσετε για να κάνει έλεγχο ταυτότητας. 370 00:23:36,600 --> 00:23:39,890 Ίσως υπάρχουν κάποια τμήματα της ιστοσελίδας σας ότι θα πρέπει να χρησιμοποιήσετε έναν άλλο κωδικό. 371 00:23:39,890 --> 00:23:42,620 Μπορείτε να αποκλείσετε συγκεκριμένες διευθύνσεις IP, μπλοκάρει ορισμένους τομείς. 372 00:23:42,620 --> 00:23:46,770 Ίσως το μόνο που πραγματικά δεν αρέσει φοιτητές του Χάρβαρντ που χρησιμοποιούν την ιστοσελίδα σας. 373 00:23:46,770 --> 00:23:49,910 Λοιπόν, έχετε την επιλογή να μπλοκάρει όλες τις διευθύνσεις IP του Χάρβαρντ. 374 00:23:49,910 --> 00:23:56,370 >> Τέλος, μπορείτε να προσφέρετε τα πράγματα - μπορείτε να γράψετε συγκεκριμένο κωδικό για να κάνετε server σας 375 00:23:56,370 --> 00:24:03,100 φέρεσαι σαν. Zhao ή. το όνομά σας ή. γεια σελίδες κώδικα PHP. 376 00:24:03,100 --> 00:24:05,170 Ίσως αυτό θα είναι χρήσιμο. Ίσως αυτό δεν θα είναι. 377 00:24:05,170 --> 00:24:07,980 Και τέλος, μπορείτε να το χρησιμοποιήσετε για να χειριστεί αποκρίσεις σφαλμάτων. 378 00:24:07,980 --> 00:24:10,300 Τι εννοώ με αυτό; 379 00:24:10,300 --> 00:24:16,030 Εάν απλά προσθέστε κώδικα όπως αυτό - ErrorDocument 404 και στη συνέχεια να τις απευθύνετε κάποια 380 00:24:16,030 --> 00:24:20,440 σελίδα λάθους, μπορείτε να βεβαιωθείτε ότι ο χρήστης δεν βλέπει μόνο το πραγματικά πολύ άσχημο 381 00:24:20,440 --> 00:24:23,550 404 και να τους δείξουμε κάτι καλό. 382 00:24:23,550 --> 00:24:29,000 >> Ας ρίξουμε στην πραγματικότητα μια ματιά στο πώς μπορούμε να το κάνουμε αυτό με Pset σας 7. 383 00:24:29,000 --> 00:24:34,190 Εδώ, είμαι στη συσκευή μου. 384 00:24:34,190 --> 00:24:38,440 Πάω να ανοίξει Chrome, και στη συνέχεια, Πάω να προσπαθήσω να αποκτήσετε πρόσβαση σε μια σελίδα 385 00:24:38,440 --> 00:24:43,350 που δεν υπάρχει σε CS50 Οικονομικών. 386 00:24:43,350 --> 00:24:52,710 Έτσι, η τοπική υποδοχής - cats.php-κι έτσι, παρατηρήσετε ότι έχω δημιουργήσει ένα έγγραφο του σφάλματος 387 00:24:52,710 --> 00:24:54,770 που λέει, "Canz να βρούμε z σελίδα!" 388 00:24:54,770 --> 00:24:56,990 Έχει μια πολύ θλιβερή γάτα σε αυτό. 389 00:24:56,990 --> 00:24:59,910 Αν πάτε στο Twitter, αν πάτε σε οποιαδήποτε από αυτές τις ιστοσελίδες, 390 00:24:59,910 --> 00:25:02,700 δεν μπορείτε να βρείτε μια σελίδα, συνήθως προσπαθούν να σας δείξω ένα χαριτωμένο εικόνα 391 00:25:02,700 --> 00:25:04,850 έτσι ώστε να μην είστε πάρα πολύ απογοητευμένος. 392 00:25:04,850 --> 00:25:07,830 Θα μπορούσε επίσης να έχει κάτι που είναι πιο επαγγελματίας που λέει, 393 00:25:07,830 --> 00:25:11,760 καλά, λυπάμαι που δεν μπόρεσα να βρω τη σελίδα, αλλά ίσως εδώ υπάρχει ένα πλαίσιο αναζήτησης. 394 00:25:11,760 --> 00:25:16,750 Ή ίσως εδώ είναι μερικές συνδέσεις που θα σας βοηθήσουν να βρείτε το σύνδεσμο που θέλετε. 395 00:25:16,750 --> 00:25:21,410 Έτσι, πώς το κάνω αυτό; Πώς είναι αυτό δυνατό ακόμη; 396 00:25:21,410 --> 00:25:23,500 Αν πάμε σε τερματικό σταθμό μας εδώ - 397 00:25:23,500 --> 00:25:26,300 Είμαι ακριβώς πρόκειται να κάνετε ζουμ σε ένα κομμάτι - 398 00:25:26,300 --> 00:25:30,110 παρατηρήσετε ότι έχω μια νέα σελίδα. 399 00:25:30,110 --> 00:25:34,440 Μέσα HTML κατάλογο μου λέγεται - δεν μπορείτε να το δείτε - 400 00:25:34,440 --> 00:25:37,280 λέγεται error.php. 401 00:25:37,280 --> 00:25:41,010 Και error.php είναι απλά ένα αρχείο που έκανα 402 00:25:41,010 --> 00:25:43,030 που σας δείχνει ότι η ίδια τη σελίδα. 403 00:25:43,030 --> 00:25:46,710 Μπορώ να σας δείξω τι error.php είναι. 404 00:25:46,710 --> 00:25:48,710 Είναι ακριβώς αυτή τη σελίδα. 405 00:25:48,710 --> 00:25:50,710 Λέει, "δεν Ω, όχι! Canz βρείτε z σελίδα!" 406 00:25:50,710 --> 00:25:58,630 Και, αν θέλετε να δείτε - έτσι, παρατηρήσετε ότι htaccess είδος είναι ένα παράξενο όνομα.. 407 00:25:58,630 --> 00:26:01,040 Ξεκινά με μια τελεία που σημαίνει ότι είναι ένα σύστημα αρχείων. 408 00:26:01,040 --> 00:26:03,360 Είναι ένα κρυφό αρχείο που δεν εμφανίζονται συνήθως. 409 00:26:03,360 --> 00:26:09,060 Αν το κάνετε ls-a, μπορείτε να δείτε όλα τα κρυφά αρχεία σε ένα συγκεκριμένο κατάλογο, 410 00:26:09,060 --> 00:26:12,030 και μάλιστα, θα δείτε. htaccess είναι ένα από αυτά. 411 00:26:12,030 --> 00:26:15,490 Ας πάμε μπροστά και να ανοίξει htaccess. - 412 00:26:15,490 --> 00:26:19,830 με το gedit - 413 00:26:19,830 --> 00:26:26,870 Boom! Το μόνο που έχω είναι μια γραμμή εκεί - έγγραφο σφαλμάτων για σφάλματα 404 414 00:26:26,870 --> 00:26:28,760 οποία είναι επίσης γνωστή ως αρχείο μη-διαπίστωσε σφάλματα. 415 00:26:28,760 --> 00:26:32,720 Ας τους κατευθύνετε σε κάτι που ονομάζεται error.php. 416 00:26:36,100 --> 00:26:42,030 Μπορείτε να διασκεδάσετε πράγματα σαν να μην canz βρείτε z σελίδα! 417 00:26:42,030 --> 00:26:46,770 Και υπάρχουν επίσης πολύ cool πράγματα που μπορείτε να κάνετε με. Htaccess. 418 00:26:46,770 --> 00:26:49,520 Εάν θέλετε να δείτε περισσότερα. Htaccess μαγεία, 419 00:26:49,520 --> 00:26:56,470 Αυτό είναι ένα πολύ δροσερό ιστοσελίδα για να πάει στο - λέγεται javascriptkit.com/howto/htaccess.shtml-- 420 00:26:56,470 --> 00:27:01,880 αν θέλετε να εκτελέσετε πιο μαγικό διακομιστή. Και θα μπορούσε να είναι πολύ διασκεδαστικό. 421 00:27:01,880 --> 00:27:05,490 >> Ουφ! Εντάξει! Πιο χαριτωμένο εικόνες. 422 00:27:05,490 --> 00:27:10,060 Αυτό είναι ένας τύπος κάνει push-ups, και τη γάτα του, προσπαθεί να βοηθήσει. Νομίζω ότι είναι πολύ χαριτωμένο. 423 00:27:10,060 --> 00:27:14,830 Δυστυχώς, δεν έχω μια γάτα σαν αυτό. 424 00:27:14,830 --> 00:27:17,640 Εντάξει. Έτσι, έχουμε μιλήσει. Htaccess. 425 00:27:17,640 --> 00:27:19,640 Έχουμε μιλήσει για την αντιμετώπιση των λαθών. 426 00:27:19,640 --> 00:27:20,940 Έχουμε μιλήσει για τη φιλοξενία, τα ονόματα τομέα. 427 00:27:20,940 --> 00:27:23,230 Έχουμε μιλήσει για τη συμβατότητα cross-browser. 428 00:27:23,230 --> 00:27:25,210 Τώρα, πώς μπορούμε να βεβαιωθείτε ότι η ιστοσελίδα σας εκτελεί στην πραγματικότητα; 429 00:27:25,210 --> 00:27:26,950 Πώς μπορούμε να διασφαλίσουμε ότι αν πάω στην ιστοσελίδα σας 430 00:27:26,950 --> 00:27:29,830 Μπορώ να δω τη σελίδα σας μέσα σε λίγα δευτερόλεπτα; 431 00:27:29,830 --> 00:27:33,520 Ένα από τα πράγματα που πιστεύω ότι οι άνθρωποι ακριβώς το είδος των ξεχάσουμε 432 00:27:33,520 --> 00:27:36,160 είναι η βελτιστοποίηση της εικόνας. 433 00:27:36,160 --> 00:27:37,560 Ας πούμε ότι θέλετε να βάλετε μια εικόνα στο site σας 434 00:27:37,560 --> 00:27:40,330 και είναι 2 mg μεγάλο. 435 00:27:40,330 --> 00:27:42,670 Αυτό μπορεί να είναι καλό για εμάς, γιατί είμαστε στο Χάρβαρντ, 436 00:27:42,670 --> 00:27:45,000 και έχουμε μια πολύ γρήγορη σύνδεση στο Internet. 437 00:27:45,000 --> 00:27:47,470 Αλλά φανταστείτε κάποιον στην Κίνα. Φανταστείτε κάποιον στην Ινδία. 438 00:27:47,470 --> 00:27:52,440 Φανταστείτε κάποιον που ίσως σε αγροτικές Κάνσας που δεν ίσως να μην έχουν το ίδιο είδος 439 00:27:52,440 --> 00:27:54,690 ευρυζωνική σύνδεση στο Διαδίκτυο που έχουμε. 440 00:27:54,690 --> 00:27:57,710 Εάν έχετε ένα 2 MB εικόνας στην ιστοσελίδα σας και ο χρήστης προσπαθεί να έχει πρόσβαση, 441 00:27:57,710 --> 00:28:00,890 πρόκειται να τους πάρει πολύ καιρό για να κατεβάσετε. 442 00:28:00,890 --> 00:28:04,160 Έτσι, αν δεν χρειάζεται αυτό το είδος της ανάλυσης, 443 00:28:04,160 --> 00:28:09,220 τότε μπορείτε να αλλάξετε την εικόνα σας με κάτι σαν το Adobe Photo Shop. 444 00:28:09,220 --> 00:28:13,400 Συνήθως, υπάρχει μια επιλογή που ονομάζεται ασφαλές για το web και συσκευές, 445 00:28:13,400 --> 00:28:15,850 και αυτό που κάνει είναι να αφαιρεί από το σύνολο των περιττών πληροφοριών 446 00:28:15,850 --> 00:28:20,160 και το είδος των συμπυκνώνει το αρχείο σας σε ένα μικρό μέγεθος της εικόνας ώστε να μπορείτε να 447 00:28:20,160 --> 00:28:22,960 βάλετε στην ιστοσελίδα σας, και κάθε χρήστης που προσπαθεί να κατεβάσετε αυτή τη σελίδα 448 00:28:22,960 --> 00:28:26,950 πρόκειται να κατεβάσετε μια μικρότερη έκδοση της εικόνας σας. 449 00:28:26,950 --> 00:28:28,230 Εάν δεν έχετε το Adobe Photo Shop 450 00:28:28,230 --> 00:28:32,650 webresizer.com είναι επίσης ένα άλλο πόρο όπου μπορείτε να εισαγάγετε την εικόνα σας 451 00:28:32,650 --> 00:28:36,470 και θα φτύσει ακριβώς την ίδια εικόνα, 452 00:28:36,470 --> 00:28:39,970 αλλά θα είναι κάτι σαν 3 φορές μικρότερο. 453 00:28:39,970 --> 00:28:41,970 Έτσι, αυτό είναι πολύ χρήσιμο για τους χρήστες σας. 454 00:28:41,970 --> 00:28:45,930 >> Ένα άλλο πράγμα που μπορείτε να κάνετε είναι minify κώδικα. 455 00:28:45,930 --> 00:28:48,460 Αν ρίξουμε μια ματιά στο Google.com, 456 00:28:48,460 --> 00:28:56,400 θα δείτε ότι δεν είναι το είδος του ίδιου HTML και CSS που έχουμε συνηθίσει. 457 00:28:56,400 --> 00:29:02,250 Απλά πρόκειται να δούμε τον πηγαίο κώδικα εδώ. 458 00:29:02,250 --> 00:29:07,600 Αν Απλά μετακινηθείτε προς τα κάτω - wow, που μοιάζει αρκετά αηδιαστικό. 459 00:29:07,600 --> 00:29:09,650 Αυτό θα πάρει ένα μηδενικό στο στυλ. 460 00:29:09,650 --> 00:29:13,470 Αν κωδικοποιούνται αυτό για Pset σας, θα πάρετε ένα μηδενικό στο στυλ σας. 461 00:29:13,470 --> 00:29:16,990 Αυτό δεν έχει καμία απόσταση. Τα ονόματα φαίνονται πραγματικά αινιγματική. 462 00:29:16,990 --> 00:29:19,800 Είναι όλα πραγματικά αηδιαστικό. 463 00:29:19,800 --> 00:29:24,060 Και το σενάριο να κλείσει στο σώμα - το HTML κλεισίματος - 464 00:29:24,060 --> 00:29:26,280 από όπου και αν όλοι μαζί - όλα smushed μαζί. 465 00:29:26,280 --> 00:29:28,280 Γιατί το κάνουν αυτό; 466 00:29:28,280 --> 00:29:30,650 Θα minified τον κωδικό τους. 467 00:29:30,650 --> 00:29:33,310 Παρατηρήστε ότι το έγγραφο αυτό πρόκειται να είναι ένα πολύ μικρότερο 468 00:29:33,310 --> 00:29:36,660 για μένα να κατεβάσετε ό, τι κάτι με άσπρο διάστημα, 469 00:29:36,660 --> 00:29:39,410 από ό, τι κάτι με πραγματικά μεγάλη ονόματα μεταβλητών. 470 00:29:39,410 --> 00:29:41,710 Αν minify τον κωδικό σας απομακρύνουν όλα το λευκό κενό. 471 00:29:41,710 --> 00:29:45,960 Φυσικά, ο browser σας δεν νοιάζεται αν έχετε οποιαδήποτε λευκό χώρο στον κώδικά σας. 472 00:29:45,960 --> 00:29:49,630 Μπορείτε να βγαίνουν έξω, τώρα μπορώ να κατεβάσω ένα μικρότερο αρχείο - 473 00:29:49,630 --> 00:29:52,770 τώρα το αρχείο - το έγγραφο που θα πάμε για να κατεβάσετε έχει μικρότερο μέγεθος αρχείου, 474 00:29:52,770 --> 00:29:56,180 θα είναι πιο γρήγορα για μένα να κατεβάσετε, και αυτό είναι χρήσιμο. 475 00:29:56,180 --> 00:30:01,550 Εάν εργάζεστε με ιστοσελίδες και είστε έναρξη μιας ιστοσελίδας, 476 00:30:01,550 --> 00:30:04,630 είναι σχεδόν πάντα καλό να minify τον κωδικό σας. 477 00:30:04,630 --> 00:30:08,150 Ένας άλλος λόγος θα μπορούσε να είναι καλό είναι ίσως δεν θέλετε άλλους να χρησιμοποιούν τον κωδικό σας. 478 00:30:08,150 --> 00:30:11,050 Ίσως δεν θέλετε οι άλλοι να χρησιμοποιήσετε CSS σας. 479 00:30:11,050 --> 00:30:13,460 Ξέρετε αν πραγματικά ήθελε να είναι τσιγκούνης με αυτό, 480 00:30:13,460 --> 00:30:16,670 τότε μπορείτε να minify και τον κωδικό σας, και θα ήταν πιο δύσκολο για μένα να το κλέψει 481 00:30:16,670 --> 00:30:19,170 γιατί δεν έχω ιδέα τι συμβαίνει. 482 00:30:19,170 --> 00:30:22,990 Μπορείτε επίσης να πάτε σε δικτυακούς τόπους όπως minify.avivo.si. 483 00:30:22,990 --> 00:30:27,900 Υπηρεσίες όπως αυτό το online να σας βοηθήσει να minify τον κωδικό σας, ώστε να μην χρειάζεται να το κάνουμε με το χέρι. 484 00:30:27,900 --> 00:30:30,080 Σίγουρα δεν το κάνει με το χέρι. 485 00:30:30,080 --> 00:30:32,210 >> Εντάξει. Τώρα, μιλώντας για σενάρια. 486 00:30:32,210 --> 00:30:35,040 Ίσως σε PHP κωδικό σας, υπάρχει κάτι που δεν πρέπει να κάνετε. 487 00:30:35,040 --> 00:30:37,910 Ίσως υπάρχει επιπλέον βρόχους εκεί. 488 00:30:37,910 --> 00:30:40,850 Μιλήσαμε για το σχεδιασμό κώδικα CS50. 489 00:30:40,850 --> 00:30:44,550 Ακόμα και αν είστε κωδικοποίηση σε C, αν έχετε - αν κάνετε επιπλέον εργασία 490 00:30:44,550 --> 00:30:49,440 ότι δεν πρέπει να κάνετε, καλά, αυτό πρόκειται να επιβραδύνει scripts σας στην ιστοσελίδα σας, 491 00:30:49,440 --> 00:30:53,280 και αυτό είναι ιδιαίτερα σημαντικό για τους ιστοχώρους, επειδή οι χρήστες στις μέρες μας είναι πολύ ανυπόμονος. 492 00:30:53,280 --> 00:30:56,110 Αν κάνεις περιττές εργασίες, πρόκειται να διαρκέσει περισσότερο 493 00:30:56,110 --> 00:31:00,080 για να πάρετε τις πληροφορίες που θέλουν, και πρόκειται να είναι πολύ δυσαρεστημένοι. 494 00:31:00,080 --> 00:31:02,200 Τέλος, μπορεί να θέλετε να βελτιστοποιήσετε πίνακες της βάσης δεδομένων σας. 495 00:31:02,200 --> 00:31:05,020 Θυμηθείτε μιλήσαμε για ευρετήρια. 496 00:31:05,020 --> 00:31:09,420 Δεν είναι μόνο καλό για να είστε βέβαιοι ότι έχετε μια γραμμή που είναι μοναδικό. 497 00:31:09,420 --> 00:31:12,440 Είναι επίσης καλό να βεβαιωθείτε ότι η βάση δεδομένων σας λειτουργεί γρήγορα. 498 00:31:12,440 --> 00:31:16,240 Αν θέλετε να διαβάσετε επάνω σε αυτό, πηγαίνετε στο φάκελο της MySQL, 499 00:31:16,240 --> 00:31:18,710 ή μπορείτε να δείτε - καλά, πώς μπορώ να βελτιώσω πίνακα της βάσης δεδομένων μου; 500 00:31:18,710 --> 00:31:23,350 Πώς μπορώ να βεβαιωθώ ότι έχω δείκτες που να με βοηθήσει να πάρετε τις πληροφορίες πιο γρήγορα; 501 00:31:23,350 --> 00:31:27,300 >> Υπάρχουν επίσης μικρά κόλπα που μπορείτε να χρησιμοποιήσετε σαν caching. 502 00:31:27,300 --> 00:31:28,980 Αν έχετε PHP - αν έχετε ένα blog, για παράδειγμα, 503 00:31:28,980 --> 00:31:31,980 και έχετε - και αυτό είναι που κινούνται με PHP ή οποιαδήποτε άλλη γλώσσα - 504 00:31:31,980 --> 00:31:37,690 μπορείτε να cache blog σας, ας πούμε, 50 λεπτά με τα χρονικά διαστήματα, έτσι ώστε να μπορεί να εξυπηρετήσει στατικές σελίδες 505 00:31:37,690 --> 00:31:40,610 ή στατική HTML για τους επισκέπτες στο site σας. 506 00:31:40,610 --> 00:31:43,380 Με αυτόν τον τρόπο οι χρήστες δεν χρειάζεται να τρέξει PHP script σας κάθε φορά, 507 00:31:43,380 --> 00:31:47,410 και ίσως αυτό θα είναι πιο γρήγορα για να έχουν πρόσβαση σε αυτές τις πληροφορίες. 508 00:31:47,410 --> 00:31:49,410 >> Και τέλος, μπορείτε να χρησιμοποιήσετε κάτι σαν CDN. 509 00:31:49,410 --> 00:31:51,900 Παρατηρήστε ότι κάθε φορά που θα κατεβάσετε ένα Pset, 510 00:31:51,900 --> 00:31:54,890 μπορείτε πάντα να πάτε στο CDN.CS50.net. Γιατί συμβαίνει αυτό; 511 00:31:54,890 --> 00:32:01,540 CS50 χρησιμοποιεί επίσης το είδος του σαν ένα CDN - ένα δίκτυο διανομής περιεχομένου - 512 00:32:01,540 --> 00:32:06,120 πράγμα που σημαίνει απλά ότι είναι μια δέσμη των servers ίσως κάπου σε όλο τον κόσμο 513 00:32:06,120 --> 00:32:08,120 που βοηθούν εξυπηρετούν τις σελίδες σας για τους επισκέπτες σας. 514 00:32:08,120 --> 00:32:13,770 Αν ο επισκέπτης σας είναι να πάρει μια σελίδα από ένα διακομιστή που είναι πιο κοντά σε αυτούς γεωγραφικά, 515 00:32:13,770 --> 00:32:16,770 τότε πιθανότατα ο επισκέπτης σας πρόκειται να πάρει αυτό το αρχείο πολύ πιο γρήγορα. 516 00:32:16,770 --> 00:32:20,490 Υπάρχουν επίσης σε απευθείας σύνδεση πηγές που σας βοηθούν να το κάνουμε αυτό. 517 00:32:20,490 --> 00:32:24,070 Ένας από αυτούς είναι CloudFlare. Προσφέρουν μια δωρεάν υπηρεσία CDN. 518 00:32:24,070 --> 00:32:26,020 Αν έχετε μεγάλα αρχεία που εξυπηρετούν σας στους χρήστες σας, 519 00:32:26,020 --> 00:32:32,260 τότε ίσως είναι καλύτερα να τα βάλει σε ένα CDN έτσι ώστε να μπορούν να τους γρηγορότερα. 520 00:32:32,260 --> 00:32:39,070 >> Το τελευταίο θέμα της ημέρας είναι η βελτιστοποίηση μηχανών αναζήτησης. 521 00:32:39,070 --> 00:32:41,070 Τι είναι η βελτιστοποίηση μηχανών αναζήτησης; 522 00:32:41,070 --> 00:32:44,070 Αυτό είναι να διασφαλίσουμε ότι οι μηχανές αναζήτησης όπως το Google ή το Bing ή το Yahoo 523 00:32:44,070 --> 00:32:50,740 μπορεί να πάει στο site σας και να ανιχνεύσουμε τον ιστότοπό σας και το δείκτη ιστοσελίδα σας και όταν 524 00:32:50,740 --> 00:32:53,040 Εγώ, για παράδειγμα, πηγαίνετε στο Google.com και να προσπαθώ να ψάξει για κάτι, 525 00:32:53,040 --> 00:32:55,040 τότε το site σας θα εμφανιστεί. 526 00:32:55,040 --> 00:32:57,000 Πώς μπορείτε να βεβαιωθείτε ότι η ιστοσελίδα σας είναι ένα από τα top 10; 527 00:32:57,000 --> 00:33:00,000 Διότι, όπως όλοι γνωρίζουμε, αν ψάχνετε για κάτι στο Google 528 00:33:00,000 --> 00:33:02,880 και δεν είναι στο top 10 είστε πιθανότατα δεν πρόκειται να δούμε στο επόμενο 10. 529 00:33:02,880 --> 00:33:07,160 Αυτό είναι το είδος του θέματος που είναι ένα πέπλο μυστηρίου. 530 00:33:07,160 --> 00:33:09,850 Υπάρχει μια μεγάλη διαφημιστική εκστρατεία εκεί έξω στο διαδίκτυο. 531 00:33:09,850 --> 00:33:14,680 Υπάρχουν πολλές δεισιδαιμονίες για το αν κάνετε x τότε η Google θα σας αρέσει καλύτερα. 532 00:33:14,680 --> 00:33:16,680 Αν y τότε η Google θα σας αρέσει καλύτερα. 533 00:33:16,680 --> 00:33:19,680 Είναι ίσως καλύτερα να εξετάσει τα έγγραφα του γίγαντα αναζήτησης ίδια. 534 00:33:19,680 --> 00:33:27,470 >> Αυτό είναι ένα από τα έγγραφα στο Google που σας πω ακριβώς πώς να βελτιστοποιήσετε το site σας 535 00:33:27,470 --> 00:33:30,860 έτσι ώστε το Google μπορεί να έχει πρόσβαση και το δείκτη αυτό πολύ όμορφα. 536 00:33:30,860 --> 00:33:33,680 Δεν χρειάζεται να αντιγράψετε κάτω από αυτό το URL, επειδή η παρουσίαση αυτή πρόκειται να 537 00:33:33,680 --> 00:33:36,680 να είναι σε απευθείας σύνδεση έτσι κι αλλιώς. 538 00:33:36,680 --> 00:33:38,770 Αν κοιτάξετε σε αυτό και μπορείτε να διαβάσετε αυτό, υπάρχουν μερικές πολύ χρήσιμες συμβουλές εκεί. 539 00:33:38,770 --> 00:33:42,240 Η Google σας λέει - αν πραγματικά θέλετε το site σας να αναπροσαρμόζονται και 540 00:33:42,240 --> 00:33:44,610 τότε θα πρέπει να κάνετε όλα αυτά τα πράγματα. 541 00:33:44,610 --> 00:33:47,570 >> Ένα άλλο πράγμα ότι οι μηχανές αναζήτησης ήθελα πραγματικά είναι φρέσκο ​​περιεχόμενο. 542 00:33:47,570 --> 00:33:49,500 Εάν έχετε περιεχόμενο που ενημερώνεται πολύ τακτικά 543 00:33:49,500 --> 00:33:51,950 τότε οι μηχανές αναζήτησης να πω, ooh, μου αρέσει το site σας. 544 00:33:51,950 --> 00:33:53,950 Πάω να πάει στο site σας πολύ συχνά. 545 00:33:53,950 --> 00:33:56,840 Πάω να δείκτη πολλές σελίδες σας. 546 00:33:56,840 --> 00:33:59,560 Αν έχετε φρέσκο ​​περιεχόμενο, τότε είναι πιο πιθανό να εμφανιστούν - 547 00:33:59,560 --> 00:34:02,540 είστε πιο πιθανό να είναι πιο σχετικό. 548 00:34:02,540 --> 00:34:04,630 Είσαι πιο πιθανό να είναι πιο ενημερωμένο, 549 00:34:04,630 --> 00:34:08,860 και οι μηχανές αναζήτησης είναι πιο πιθανό να βάλει το site σας πάνω από τους άλλους. 550 00:34:08,860 --> 00:34:10,860 >> Βαθιά συνδέσεις είναι επίσης σημαντικές. 551 00:34:10,860 --> 00:34:13,530 Αν ήθελε πραγματικά το site σας να φανεί καλό στα μάτια μιας μηχανής αναζήτησης 552 00:34:13,530 --> 00:34:18,090 έχουν πολλές άλλες ιστοσελίδες που συνδέονται με αυτήν και συνδέεται βαθειά στην ιστοσελίδα σας. 553 00:34:18,090 --> 00:34:20,090 Μην μόνο σύνδεση στην αρχική σελίδα σας. 554 00:34:20,090 --> 00:34:26,719 Link to ίσως yourname.com / κάτι / κάτι / something.php. 555 00:34:26,719 --> 00:34:29,840 Αυτό - σε μια μηχανή αναζήτησης - μέσα, wow, έχουν πραγματικά ενδιαφέρον περιεχόμενο 556 00:34:29,840 --> 00:34:35,350 ότι κάποιος άλλος συνδέει τόσο βαθιά στο site τους ότι θα ήθελα πραγματικά, πραγματικά 557 00:34:35,350 --> 00:34:38,260 να δώσει μεγαλύτερη σημασία στις σελίδες αυτού του ιστότοπου. 558 00:34:38,260 --> 00:34:41,940 >> Αν έχετε ακριβή σελίδα τίτλους, αν δεν έχετε λάθη που είναι καλό γιατί 559 00:34:41,940 --> 00:34:44,670 Αν μια μηχανή αναζήτησης προσπαθεί να επισκεφθείτε την ιστοσελίδα σας, και να πάρει ένα σφάλμα, 560 00:34:44,670 --> 00:34:46,780 είναι κατά πάσα πιθανότητα πρόκειται να παραιτηθεί πολύ, πολύ σύντομα. 561 00:34:46,780 --> 00:34:49,510 Και τέλος, θέλετε να έχετε ένα γρήγορο χρόνο φόρτωσης, επειδή οι μηχανές αναζήτησης - 562 00:34:49,510 --> 00:34:53,820 ακριβώς όπως οι άνθρωποι - μην έχουν πολλή υπομονή για την αργή ιστοσελίδες. 563 00:34:53,820 --> 00:34:57,070 Αυτός είναι ένας τρόπος για να βεβαιωθείτε ότι έχετε δείξει μέχρι υψηλότερη σε 564 00:34:57,070 --> 00:35:01,390 ερωτήματα αναζήτησης του κινητήρα και ελπίζουμε να πάρει αυτόν τον τρόπο μεγαλύτερη επισκεψιμότητα. 565 00:35:01,390 --> 00:35:04,730 Επειδή μετά από όλα, έχετε περάσει όλο αυτό το διάστημα την ανάπτυξη της ιστοσελίδας σας. 566 00:35:04,730 --> 00:35:06,280 Θα περάσει όλο αυτό το διάστημα την έναρξη αυτής της ιστοσελίδα στο διαδίκτυο. 567 00:35:06,280 --> 00:35:11,780 Θέλετε να βεβαιωθείτε ότι έχετε την αφθονία των χρηστών που βλέπουν πραγματικά το περιεχόμενό σας. 568 00:35:13,330 --> 00:35:15,660 >> Άλλες καλές πόρους για να χρησιμοποιήσετε. 569 00:35:15,660 --> 00:35:19,210 Google Webmaster Tools είναι κάτι για να εξετάσει για να. 570 00:35:19,210 --> 00:35:21,780 Αυτό βοηθά μόνο να δείτε - Google δεν είναι ευρετηρίαση του ιστοτόπου μου. 571 00:35:21,780 --> 00:35:24,490 Ποια τα είδη των λαθών είναι αυτό που αντιμετωπίζει; 572 00:35:24,490 --> 00:35:27,490 Πόσες σελίδες έχει ευρετήριο; 573 00:35:27,490 --> 00:35:29,490 Τι πιστεύετε ότι είναι το πιο σημαντικό περιεχόμενο στη σελίδα μου; 574 00:35:29,490 --> 00:35:31,490 Ίσως αυτό δεν είναι αυτό που θέλω να είναι. 575 00:35:31,490 --> 00:35:36,880 Ίσως χρειαστεί να αλλάξετε ιστοσελίδα μου λίγο έτσι ώστε να αντανακλώνται καλύτερα 576 00:35:36,880 --> 00:35:38,880 τι ιστοσελίδα μου είναι πραγματικά περίπου. 577 00:35:38,880 --> 00:35:41,000 Google Analytics είναι ένα άλλο πραγματικά δροσερό εργαλείο. 578 00:35:41,000 --> 00:35:44,120 Μπορείτε να προσθέσετε ένα μικρό κομμάτι της JavaScript στις σελίδες σας. 579 00:35:44,120 --> 00:35:47,020 Και στη συνέχεια, μετά μπορείτε να πάτε στο Google Analytics και θα παρακολουθείτε 580 00:35:47,020 --> 00:35:49,020 Δημογραφικά στοιχεία επισκεπτών σας και την ανάπτυξη το site σας. 581 00:35:49,020 --> 00:35:51,810 Θα σας πω ακριβώς πώς πολλοί επισκέπτες επισκέπτονται το site σας 582 00:35:51,810 --> 00:35:55,310 εντός μια συγκεκριμένη ημέρα, μέσα σε ένα ορισμένο ώρες, μέσα σε ένα ορισμένο εβδομάδα. 583 00:35:55,310 --> 00:35:57,310 Πόσοι επισκέπτες από την Κίνα; Πόσοι επισκέπτες από την Ανταρκτική - 584 00:35:57,310 --> 00:35:59,310 παίρνετε την ιστοσελίδα σας. 585 00:35:59,310 --> 00:36:03,470 αυτό μπορεί να είναι κάτι δροσερό για να δείτε ή θα μπορούσε να είναι χρήσιμη 586 00:36:03,470 --> 00:36:05,470 επειδή προσπαθείτε να στοχεύσετε μια συγκεκριμένη ομάδα. 587 00:36:05,470 --> 00:36:08,410 Ίσως προσπαθείτε να στοχεύσετε τους εφήβους με την ιστοσελίδα σας, και θα δείτε ότι 588 00:36:08,410 --> 00:36:11,410 οι περισσότεροι από τους επισκέπτες της ιστοσελίδας σας είναι ίσως 30 - έως 40 ετών, 589 00:36:11,410 --> 00:36:15,130 τότε ίσως είτε έχετε κάποιο πρόβλημα ή μπορείτε απλώς να πω, 590 00:36:15,130 --> 00:36:19,590 καλά, τότε ίσως θα πρέπει να αλλάξει μόνο εστίαση ιστοσελίδα μου, έτσι ώστε 591 00:36:19,590 --> 00:36:22,240 Θα επικεντρωθεί περισσότερο σε αυτή την ηλικιακή ομάδα. 592 00:36:22,240 --> 00:36:28,500 >> Google Apps - αν θέλετε να έχετε το είδος των e-mail με το όνομα τομέα σας - 593 00:36:28,500 --> 00:36:31,230 ίσως κάτι σαν yourname@yourname.com-- 594 00:36:31,230 --> 00:36:35,270 μπορείτε να χρησιμοποιήσετε το Gmail διευθύνσεις - μπορείτε να χρησιμοποιήσετε την υπηρεσία Gmail 595 00:36:35,270 --> 00:36:38,500 και το Google Apps είναι ένας τρόπος να το κάνουμε αυτό. 596 00:36:38,500 --> 00:36:44,050 Μπορείτε να ρυθμίσετε συγκεκριμένες διευθύνσεις ηλεκτρονικού ταχυδρομείου που είναι ειδικά για σας domain name 597 00:36:44,050 --> 00:36:46,800 αντί of@gmail.com. 598 00:36:46,800 --> 00:36:51,840 >> Και τέλος, υπάρχουν web επεκτάσεις του έργου και add-ons - για το Chrome, 599 00:36:51,840 --> 00:36:56,380 για τον Firefox, για άλλα προγράμματα περιήγησης - που επιτρέπουν σε σας για να πάτε και να επιθεωρήσει 600 00:36:56,380 --> 00:37:02,290 CSS, JavaScript επιθεωρεί, να δούμε ακριβώς τι είναι λάθος με JavaScript script σας, 601 00:37:02,290 --> 00:37:05,290 και ίσως αυτό θα είναι χρήσιμο για την de-υποκλοπών σκοπούς σας, για να μπορείτε να ανακαλύψει - 602 00:37:05,290 --> 00:37:08,630 Λοιπόν, γιατί δεν είναι ιστοσελίδα μου εμφανίζει σωστά σε αυτό το πρόγραμμα περιήγησης; 603 00:37:08,630 --> 00:37:11,800 >> Και τέλος, αν θέλετε να μάθετε περισσότερα για όλα αυτά τα θέματα - 604 00:37:11,800 --> 00:37:14,410 αν θέλετε να μάθετε περισσότερα σχετικά με HTML και CSS και JavaScript - 605 00:37:14,410 --> 00:37:16,790 διότι μετά από όλα, θα διδάσκεται μόνο μια λίγο - 606 00:37:16,790 --> 00:37:21,240 μπορείτε να πάτε ιστοσελίδες όπως W3Schools.com να ψάξουν για περισσότερους πόρους. 607 00:37:21,240 --> 00:37:26,340 Έχουν πολύ ωραία tutorials για το πώς μπορώ να κάνω x ή y τι σημαίνει; 608 00:37:26,340 --> 00:37:30,400 Αν θέλετε να μάθετε περισσότερα σχετικά με αυτές τις γλώσσες, μπορείτε απλά να πάτε εδώ. 609 00:37:30,400 --> 00:37:37,690 >> Εντάξει. Νομίζω ότι ήθελε να αφήσει τα τελευταία λεπτά του αυτή για τις ερωτήσεις, 610 00:37:37,690 --> 00:37:39,810 έτσι ώστε οι τυχόν ερωτήσεις σχετικά με κάτι που μιλήσαμε για εκεί; 611 00:37:39,810 --> 00:37:43,500 [Μέλος του ακροατηρίου] Τι είδους πράγματα είναι σχετικά W3Schools και πώς καλύπτεται; 612 00:37:43,500 --> 00:37:45,500 [Yuechen Zhao] Τι είδους πράγματα; 613 00:37:45,500 --> 00:37:50,180 Έτσι, ένα από τα μεγαλύτερα πράγματα που χρησιμοποιώ πολύ είναι οι αναφορές τους. 614 00:37:50,180 --> 00:37:54,430 Αναφορές τους λεπτομέρεια, για παράδειγμα, για CSS - 615 00:37:54,430 --> 00:37:59,480 τι σημαίνει αυτό ή αν θέλετε να αλλάξετε το φόντο μιας σελίδας - 616 00:37:59,480 --> 00:38:01,480 Πώς το κάνεις αυτό; 617 00:38:01,480 --> 00:38:04,550 Ποια προγράμματα περιήγησης υποστηρίζουν ότι η εντολή; Τα πράγματα όπως αυτό. 618 00:38:04,550 --> 00:38:10,870 Και τότε, επίσης, έχουν μόνο πολύ ωραία tutorials για το HTML, την PHP, την JavaScript, 619 00:38:10,870 --> 00:38:14,290 την MySQL, σε όλα τα είδη των διαφορετικών θεμάτων. 620 00:38:14,290 --> 00:38:18,800 Έχουν ωραία tutorials. Θα σας διδάξει πώς να κάνει τα πράγματα. 621 00:38:18,800 --> 00:38:22,590 Είναι ωραίο να είναι σε θέση να πάει και να μάθετε περισσότερα για αυτά τα θέματα. 622 00:38:22,590 --> 00:38:27,180 >> [Μέλος του ακροατηρίου] HTML 5 δεν είναι ακόμη συμβατό με όλους τους browsers εκεί έξω. 623 00:38:27,180 --> 00:38:30,700 Θα σας προτείνουμε απλά μείνετε μακριά από αυτό λόγω των ζητημάτων συμβατότητας; 624 00:38:30,700 --> 00:38:32,700 Πώς θα ασχοληθεί με αυτό; 625 00:38:32,700 --> 00:38:38,640 [Yuechen Zhao] Ναι, ναι, το ερώτημα είναι HTML5 εξακολουθεί να είναι ένα πρότυπο το μωρό. 626 00:38:38,640 --> 00:38:42,030 Δεν είναι πραγματικά υποστηρίζεται από πολλά προγράμματα περιήγησης, έτσι και εμείς πρέπει να το αποφύγει; 627 00:38:42,030 --> 00:38:48,040 Πέρυσι νομίζω ότι θα ήμουν ένας πολύ μεγάλος υποστηρικτής του, ας μην HTML5 628 00:38:48,040 --> 00:38:52,430 επειδή εξακολουθεί να είναι - είναι ακόμα πολύ νέα και στην πραγματικότητα, το HTML5 πρότυπο 629 00:38:52,430 --> 00:38:55,610 δεν έχει οριστικοποιηθεί ακόμα. 630 00:38:55,610 --> 00:38:58,790 Και έτσι, πραγματικά δεν υπάρχει κανένα πρότυπο HTML5. 631 00:38:58,790 --> 00:39:03,840 Αλλά νομίζω ότι ειδικά αν είστε σχεδιασμό μιας ιστοσελίδας τώρα, 632 00:39:03,840 --> 00:39:07,450 θα μπορούσε να είναι καλύτερα αν πήγαινε με HTML5, διότι αυτό είναι το είδος της πρόκειται να είναι το μέλλον, 633 00:39:07,450 --> 00:39:11,250 και αν θέλετε την ιστοσελίδα σας να είναι το μέλλον-απόδειξη και θέλετε τον ιστοχώρο σας στην εργασία 634 00:39:11,250 --> 00:39:14,320 στο μέλλον browsers, θα ήταν καλύτερα να ξεκινήσει κάτι κτίριο για το μέλλον 635 00:39:14,320 --> 00:39:19,830 ό, τι για το παρελθόν, αλλά και ακριβώς λόγω του γεγονότος ότι το HTML5 δεν είναι πραγματικά ότι διαφορετικά 636 00:39:19,830 --> 00:39:23,080 από HTML4 ή XHTML. 637 00:39:23,080 --> 00:39:29,780 Εάν χρησιμοποιείτε HTML5, τι κανονικά θα λειτουργήσει στα περισσότερα προγράμματα περιήγησης. 638 00:39:29,780 --> 00:39:34,660 Απλά πρέπει να ταξινομήσετε του να πάει και να βεβαιωθείτε ότι με αυτά τα στιγμιότυπα 639 00:39:34,660 --> 00:39:38,630 και να διασφαλίσουμε με πηγαίνει για τον εαυτό σας σε αυτές τις ιστοσελίδες. 640 00:39:38,630 --> 00:39:44,280 Αλλά το πιο πιθανό είναι ότι θα λειτουργήσει αν δεν είστε με πολύ συγκεκριμένα χαρακτηριστικά για HTML5. 641 00:39:44,280 --> 00:39:50,240 Παρατηρήστε επίσης ότι για CS50 - για παράδειγμα, το video player που χρησιμοποιούμε - 642 00:39:50,240 --> 00:39:56,230 χρησιμοποιεί HTML5 και HTML5 βίντεο και να προβάλετε τις διαλέξεις. 643 00:39:56,230 --> 00:39:59,420 Αλλά εάν έχετε ένα πραγματικά παλιό πρόγραμμα περιήγησης, τότε θα πέσει πίσω στο Flash. 644 00:39:59,420 --> 00:40:01,420 Έτσι, αυτό είναι επίσης κάτι άλλο - 645 00:40:01,420 --> 00:40:05,190 έχουν μια πτώση-back σύστημα, όταν ξέρετε ακριβώς ότι ο browser δεν πρόκειται να χειριστεί 646 00:40:05,190 --> 00:40:08,140 τι θέλετε να χειριστείτε. 647 00:40:08,140 --> 00:40:10,140 >> Άλλες ερωτήσεις; 648 00:40:10,140 --> 00:40:13,270 Ό, τι μιλήσαμε. 649 00:40:16,910 --> 00:40:20,750 Εντάξει. Τότε πιστεύω ότι είναι γι 'αυτό για μένα. 650 00:40:20,750 --> 00:40:23,090 Νομίζω ότι είναι αυτό. 651 00:40:23,090 --> 00:40:28,430 (Χειροκροτήματα) 652 00:40:28,430 --> 00:40:30,000 Cool. 653 00:40:30,500 --> 00:40:32,700 [CS50.TV]