1 00:00:00,000 --> 00:00:02,000 [Powered by Google Translate] [セミナー] [Web用にあなたのサイトの準備] 2 00:00:02,000 --> 00:00:05,000 [Yuechen趙] [ハーバード大学] 3 00:00:05,000 --> 00:00:07,000 【これはCS50です。] [CS50.TV] 4 00:00:07,000 --> 00:00:11,660 >> オーケー。君たちはそれのためにアップしている場合は、ここでは、Web開発の別の時間だ。 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 フレームワークを使用する方法、PHPを使用するためにどのようにHTMLを使用する方法、 9 00:00:24,880 --> 00:00:29,420 そのようなものを - あなたは、データベースと対話することができていることを確認する方法。 10 00:00:29,420 --> 00:00:34,830 しかし、今日、私たちは、あなたのサイトがCS50後に住むために起こっているかについて話してすることになるだろう。 11 00:00:34,830 --> 00:00:40,010 結局のところなので、CS50は12月を過ぎて発生しません。 12 00:00:40,010 --> 00:00:42,090 私たちは、ホスティング、ドメイン名の話をすることになるだろう。 13 00:00:42,090 --> 00:00:44,790 私たちは、どのようなクロスブラウザの互換性の話をすることになるだろう 14 00:00:44,790 --> 00:00:49,540 とクロスプラットフォームの互換性があり、どのようにあなたのサイトことを確認することができます 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 PC上でMacやVMware Playerの上の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サーバだと言ってみましょう - 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サーバを聞いてきます、 33 00:01:57,300 --> 00:01:59,300 "このウェブサイトはどこにあるか知っていますか?" 34 00:01:59,300 --> 00:02:02,200 "あなたはwww.howstuffworks.comのIPアドレスを知っていますか?" 35 00:02:02,200 --> 00:02:05,580 DNSサーバは、 "はい、私がやる。"、と言うかもしれない 36 00:02:05,580 --> 00:02:09,139 その場合には、IPアドレスを取得し、コンピュータはそのIPアドレスにアクセスします。 37 00:02:09,139 --> 00:02:15,050 そうでない場合は、別のDNSサーバーに要求、 "おい!は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 あなたは1つに登録することができます 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 。comや。ネットのような本当の、トップレベルのドメイン名。 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のをたくさん見ていないので、覚えにくいです。 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 >> そして最後に、あなたは多分ネットワークソリューションのようなより多くの広告を行う他の人を持っている。 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 ドメイン名の一年のために、それはおそらく、そのくらいのお金の価値ではありません。 61 00:03:37,400 --> 00:03:40,210 実際には、あなたは。comや。O​​RGまたは。ネットを取得している場合 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 彼らは、それらのネームサーバを介してWebサイトにアクセスすることができるだろう。 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 Managerなど。 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 など、あなたの個人情報が、インターネット上にリークされていません 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 それは言う、ハッシュテーブルのどこかのようにソートのだ 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 最初の?最初のレベルは、実際には通常は、お使いのコンピュータのキャッシュそのものです。 95 00:06:07,910 --> 00:06:12,570 あなたのコンピュータのソートを使用すると、www.google.comに行った最後の時間を覚えている 96 00:06:12,570 --> 00:06:18,090 、それは、このIPアドレスにあった、その後しばらくした後、そのキャッシュの有効期限が切れます 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 通常は、ドメイン名を購入し、あなたがものを登録し、あなたのウェブサイトを設定するとき、 100 00:06:31,040 --> 00:06:35,670 あなたには、ネームサーバので、そのドメイン名を使用してすぐにそのウェブサイトに行くことができない 101 00:06:35,670 --> 00:06:40,180 世界中でまだあなたのドメイン名について知らない。それは移入しています。 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 ホスティングそこに共有さ。仮想ホストであるVPNは(理解できない)あります。 113 00:07:21,870 --> 00:07:23,870 半専用と専用あります。 114 00:07:23,870 --> 00:07:29,030 最後の3のうち、半専用、専用VPNは、通常より高価です。 115 00:07:29,030 --> 00:07:32,660 彼らは通常、より多くのリソースを必要とするWebサイトに使用している。 116 00:07:32,660 --> 00:07:34,680 あなただけのウェブサイトを始めている場合は、 117 00:07:34,680 --> 00:07:40,670 それだけで共有ホスティングで行くより経済的かもしれません。 118 00:07:40,670 --> 00:07:43,430 そして、何を意味を共有するだけでウェブサイトの束が一緒にすべてありさ 119 00:07:43,430 --> 00:07:51,560 このホストサーバー上でこのウェブサイト上の1つのサーバー上のソート、あなたのウェブサイトにアクセスすることができます 120 00:07:51,560 --> 00:07:53,660 ドメイン名を介し。 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と呼ばれる1つを使用しています。 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 アプライアンスのために、本当にそれ自体はコントロールパネルが存在しないことに注意してください。 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 しかし、コントロールパネルを使用すれば、内に行くことができますし、サーバ上のファイルを編集 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 彼らは私が私のサーバーをカスタマイズするために、私のウェブサイトをよりよく実行するために提供しています。 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 通常、私は多分、あなたと私が作るWebサイトためだけ安価なもののために行く - 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 あなたのサイトは、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 データをどのように多くのメガバイトまたはギガバイトのようにユーザーがダウンロードすることができます 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 それはそうだけメガバイトのカップルだし、 178 00:11:20,060 --> 00:11:23,110 通常、私はただ、スペースの多分数ギガバイト分のために行く 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 彼らは自由であるため、ほとんどのホスティングウェブサイトは、これらをサポートしていません。彼らはオープンソースです。 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 彼らは、サーバー上でそれをサポートしていないかもしれないので、それは物事のそれらの種類を探すことが重要です。 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ジョブは、もしかしたら実行したいスクリプトです 194 00:12:17,230 --> 00:12:19,510 5分ごと、10分ごとに、すべての15。 195 00:12:19,510 --> 00:12:22,030 共有ホスティングのWebサイトの多くは、制限を置けばいい 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 そしてあなただけのことを意味して良い稼働時間を持っていることを 205 00:12:54,300 --> 00:12:56,300 あなたのウェブサイトは、すべての回でアクセスできるようになるだろう。 206 00:12:56,300 --> 00:13:01,880 ホストの多くは、本当に悪い稼働時間を持っているし、それはちょうどあなたのウェブサイトがあることを行っていないことを意味し 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またはホストtracker.com、と彼らはちょうどあなたのサイトがどのくらいの頻度でダウンしていることを伝える。 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 >> もう本当に、本当に大きなものは、クロスブラウザの互換性です。 218 00:13:42,740 --> 00:13:45,890 私は、クロスブラウザの互換性とはどういう意味ですか? 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を持っている。私たちは、オペラを持っている。私たちは、イルカがある。私たちは、カミノを持っている。 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 あなたは、1つのアプリケーションだけで、これらのウェブページを表示していない。 226 00:14:13,860 --> 00:14:17,660 そして、別のブラウザが異なる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 あなたのウェブサイトは - それは1ブラウザで動作するかどうか、あなたが書いたコードが動作しません 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 あなたが言う場合は、 "まあ、それは私のコンピュータで作業している。素晴らしい!のが上に移動しましょう​​。" 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ルールが表示されている場合との-moz-や-webkitの - 、それらのルールが固有のものです 242 00:15:10,830 --> 00:15:15,720 MozillaブラウザとWebkitのブラウザの両方に、 243 00:15:15,720 --> 00:15:20,590 とするので、多分あなたはこれらのことを回避したいことを確認するには 244 00:15:20,590 --> 00:15:25,150 なぜならあなたが使用の-moz-その場合、ルールはFirefoxのみで動作するように起こっている。 245 00:15:25,150 --> 00:15:29,640 そして、あなたは本当に、それはまた、インターネットエクスプローラ上で見栄えする場合 246 00:15:29,640 --> 00:15:31,640 あなたは幸運の外にするつもりだ。 247 00:15:31,640 --> 00:15:37,910 また、HTMLの場合、1つのブラウザで作業する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 例えば、私たちはPsetに7でのjQueryを使用しています。 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 しかし、これらの開発者は、それを書いた、そして、彼らはそれがすべてのブラウザで動作することを確認しました。 271 00:17:05,310 --> 00:17:10,280 とブートストラップ - 私たちはPsetに7であなたを示したことを別のCSSフレームワークです - 272 00:17:10,280 --> 00:17:17,000 それは本当によく見るウェブサイトを設計すると頭痛の多くを奪う。 273 00:17:17,000 --> 00:17:19,000 すべてのブラウザである。 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 ワードプレスやJoomlaのかDrupalの。 283 00:17:52,610 --> 00:17:59,400 これらはコンテンツと呼ばれる - これらは基本的にそのパッケージでのCMSと呼ばれ 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開発者は常にしなければならなかったので、 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 また、あなたのCSSをチェックするために、ブラウザのスクリーンショットを使用することができます。 300 00:19:04,380 --> 00:19:08,100 One本当にクールなウェブサイトはbrowserlab.adobe.comです。 301 00:19:08,100 --> 00:19:11,070 これは、Adobeが出して無料のサービスです。 302 00:19:11,070 --> 00:19:15,160 そして、彼らがやっていることは、彼らはあなたのウェブサイトのスクリーンショットを取ることができている 303 00:19:15,160 --> 00:19:18,890 異なる条件の下で実行されている - 別のブラウザで実行されているように、 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 と私が見たであろう、まあ、それはどのようにWindows上でChromeの18に見えるん。 315 00:20:13,020 --> 00:20:17,060 私はスクロールダウンだろうと私は見ること - オハイオ州のNO!アナウンスボックスを見てください。 316 00:20:17,060 --> 00:20:20,200 私のテキストがあふれていた。だから、それは正しい、悪いのですか? 317 00:20:20,200 --> 00:20:23,700 ユーザーがWindows上でChromeを使用して自分のウェブサイトに来ている場合は、 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 >> そして最後に、まあ、ブラウザのスクリーンショットは、あなたのCSSをテストするためにいいです 323 00:20:44,280 --> 00:20:46,020 しかし、あなたのJavaScriptはどうですか? 324 00:20:46,020 --> 00:20:48,660 あなたは何を実行しているいくつかの複雑なスクリプトを持っている場合はどうでしょうか? 325 00:20:48,660 --> 00:20:50,460 さて、あなたは常に、仮想化を行うことができます。 326 00:20:50,460 --> 00:20:56,360 あなたがMacを持っている場合には、多分のコピーを仮想化する合宿or VMWareの使用することができます 327 00:20:56,360 --> 00:20:59,540 WindowsとそこにInternet Explorerを使用しています。 328 00:20:59,540 --> 00:21:03,400 または、あなたは、残念ながら唯一のPC上で動作するSpoon.netような何か、へ行くことができます。 329 00:21:03,400 --> 00:21:05,290 しかし、彼らがやっていることは非常にクールです。 330 00:21:05,290 --> 00:21:10,080 彼らはあなたのためにソフトウェアを仮想化するので、例えば、IEの異なるバージョンを実行することができます。 331 00:21:10,080 --> 00:21:12,080 あなたは、Firefoxの異なるバージョンを実行することができます。 332 00:21:12,080 --> 00:21:15,720 あなたは、サファリの異なるバージョンを実行して、そこにあなたのウェブサイトのすべてをテストすることができます。 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 このトレードオフの間に一種のが常にあり、よく、私は私のウェブサイトが良い見えるようにするつもりです。 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 素晴らしい。オーケー。 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 サーバが何か悪い出来事の場合、ブラウザに送り返されているかもしれない。 350 00:22:17,130 --> 00:22:20,160 400 - 不正な要求。 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 しかし、いずれにしても、ブラウザがこれらの種類 - これらのエラーの種類が起こるのか。 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のサーバー上で動作するものです 360 00:22:51,300 --> 00:22:55,550 作品と同様に、いくつかの他のサーバー上で動作しますか。 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 あなたが行うことができるいくつかのこと。あなたのキャッシュの設定を制御することができます。 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 それともyoursite.com /テスト/ HTML /ページ/ hello.htmlようなものだ、いくつかのURLを持っている 367 00:23:26,980 --> 00:23:31,270 さて、あなたは使用することができますhtaccessファイル - あなたはただyourname.com /こんにちはになることをしたい。 368 00:23:31,270 --> 00:23:34,760 別のWebページをリダイレクトする。 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 >> 最後に、あなたは物事を扱うことができます - あなたがあなたのサーバーを作成する特定のコードを書くことができます 375 00:23:56,370 --> 00:24:03,100 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、特定のディレクトリ内の隠しファイルのすべてを見ることができない場合は、 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 ブーム!私が持っているすべてはそこに1行です - 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 そして、あなたは。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 これは、腕立て伏せをして男であり、彼の猫は助けるためにしようとしています。私はそれがとてもかわいいと思う。 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 我々は、クロスブラウザの互換性について説明しました。 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 Let 'sは、あなたのサイトに写真を入れたいと言う 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 と我々は非常に高速なインターネット接続を持っている。 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メガバイトの画像を使用している場合、それをアクセスしようとしている 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フォトショップのようなもので、画像のサイズを変更できます。 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フォトショップを持っていない場合 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 >> あなたが行うことができますもう一つは、コードを縮小するです。 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 私は下にスクロールした場合 - うわー、それはかなり嫌に見えます。 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 彼らは、コードを縮小。 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 あなたのコードを縮小する場合は、すべての空白を取り除く。 471 00:29:41,710 --> 00:29:45,960 あなたのコード内の任意の空白がある場合はもちろん、あなたのブラウザが気にしません。 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 それはあなたのコードを縮小するために、ほとんど常に良いことだ。 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 その後、また、あなたのコードを縮小することができる、と私はそれを盗むことは難しいだろう 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 このオンラインヘルプのようなサービスでは、あなたが手でそれをしなければならないように、コードを縮小する。 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 あなたがする必要がないことを、よく、それはあなたのウェブサイトにあなたのスクリプトを遅くするために起こっている、 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 >> あなたはキャッシングのように使用することができます少しトリックもあります。 502 00:31:27,300 --> 00:31:28,980 あなたは、PHPを使用している場合 - あなたは、たとえば、ブログを持っている場合、 503 00:31:28,980 --> 00:31:31,980 そしてあなたが持っている - そしてそれは、PHPによって、または他の言語を搭載している - 504 00:31:31,980 --> 00:31:37,690 あなたは静的なページを提供できるようにしましょう​​であなたのブログが50分間隔と言うキャッシュできる 505 00:31:37,690 --> 00:31:40,610 あなたのサイトへの訪問者に、または静的なHTML。 506 00:31:40,610 --> 00:31:43,380 そのようにユーザーは、PHPスクリプトを毎回実行する必要はありません 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 それはちょうどそれが多分どこかで世界中のサーバの束であることを意味します 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 あなたのサイトに行くと、あなたのサイトやインデックスをあなたのサイトや時をクロールすることができます 524 00:32:50,740 --> 00:32:53,040 私は、例えば、Google.comへ行くと、私は何かを検索しよう、 525 00:32:53,040 --> 00:32:55,040 その後、あなたのサイトがポップアップ表示されます。 526 00:32:55,040 --> 00:32:57,000 あなたのサイトがトップ10の1つであることを確認してどのように作るのですか? 527 00:32:57,000 --> 00:33:00,000 なぜなら私たちは皆知っているとして、Googleで何かを検索する場合 528 00:33:00,000 --> 00:33:02,880 そしてそれはあなたが最も可能性の高い次の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での文書の一つである 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はあなたに伝えます - あなたは本当にあなたのサイトがうまくインデックスを作成したい場合 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の、言う。 544 00:33:51,950 --> 00:33:53,950 私は非常に頻繁にあなたのサイトに行くつもりです。 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 と検索エンジンは他の人の上に自分のサイトを置く可能性が高くなります。 550 00:34:08,860 --> 00:34:10,860 >> ディープリンクも重要です。 551 00:34:10,860 --> 00:34:13,530 あなたは本当に検索エンジンの目に良く見えるようにサイトをたい場合 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 多分yourname.com /何か/何か/ something.phpへのリンク。 555 00:34:26,719 --> 00:34:29,840 検索エンジンへ - - 手段、うわー、彼らは本当に面白いコンテンツを持っていることを 556 00:34:29,840 --> 00:34:35,350 他の誰かが自分のサイトに非常に深くリンクしていること、私は本当に、本当に必要があること 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ウェブマスターツールに見て何かである。 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 あなたの訪問者の人口統計とあなたのサイトの成長。 581 00:35:49,020 --> 00:35:51,810 それはあなたのサイトを参照してください正確にどのように多くの来場者を教えてくれます 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 たぶん、あなたはあなたのウェブサイトで10代をターゲットにしようとしている、あなたはそれを見る 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の - あなたのドメイン名を持つメールの並べ替えを持ってしたい場合 - 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 あなたのドメイン名に固有の特定の電子メールアドレスを設定することができます 597 00:36:44,050 --> 00:36:46,800 代わりof@gmail.com。 598 00:36:46,800 --> 00:36:51,840 >> クロムのための、 - そして最後に、ウェブ開発者向けの拡張機能やアドオンがあります 599 00:36:51,840 --> 00:36:56,380 Firefoxでは、他のブラウザのために - それはあなたが行くと検査することができます 600 00:36:56,380 --> 00:37:02,290 CSSは、Javaスクリプトの設定を検査し、あなたのJavaScriptスクリプトが間違っているのかを正確に確認 601 00:37:02,290 --> 00:37:05,290 そして多分それはあなたが見つけるために、あなたのデ盗聴目的のために有用であろう - 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 彼らは私が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趙]物事のどのような? 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 そして彼らはまた、単に、JavaScriptに、PHPで、HTML上で非常に素晴らしいチュートリアルを持っている 619 00:38:10,870 --> 00:38:14,290 MySQLの上に、さまざまなトピックのすべての種類で。 620 00:38:14,290 --> 00:38:18,800 彼らは素敵なチュートリアルがあります。彼らは物事を行う方法を教える。 621 00:38:18,800 --> 00:38:22,590 それが行くと、これらのトピックについての詳細を学ぶことができてうれしいです。 622 00:38:22,590 --> 00:38:27,180 >> [聴衆メンバー] HTML 5はまだそこにすべてのブラウザと互換性がありません。 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趙]はい、そう、質問は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 将来のブラウザでは、将来のために何かを構築を開始したほうがよいかもしれません 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用のことにも注意してください - 642 00:39:50,240 --> 00:39:56,230 それは講義を表示するためにHTML5とHTML5ビデオを使用しています。 643 00:39:56,230 --> 00:39:59,420 あなたが本当に古いブラウザを持っている場合でも、それはフラッシュに頼るでしょう。 644 00:39:59,420 --> 00:40:01,420 だから、それはまた、何か他のものだ - 645 00:40:01,420 --> 00:40:05,190 あなただけのブラウザが処理するつもりはないことを知ったときのためのフォールバックシステムを持っている 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 冷却する。 653 00:40:30,500 --> 00:40:32,700 [CS50.TV]