HTML&CSSの初心者向け

HTML&CSS初心者向け(パート48):ウェブサイトがオンラインになりました

チュートリアルのすべてのビデオ HTML&CSS入?

通常、ウェブサイトの開発はローカルで行います。そうするためには、適切なディレクトリ構造を作成する必要があります。(これはすでに十分に示されています)

HTML & CSS 初心者向け(パート48): ウェブサイトがオンラインになります


最終的には、この構造をオンラインに公開します。(ここでは静的なHTMLウェブサイトを想定しています。ただし、PHPやMySQLを使用した動的ウェブサイトを開発している場合も、まずはローカルで作業を行うことができます。その場合は、例えばXAMPPなどが魔法の言葉です)。そのため、ディレクトリ名やファイル名にスペースや特殊文字が含まれていないことを必ず確認してください。また、これらの名前には一貫した小文字形式を推奨します。

ウェブサイトをローカルで徹底的にテストしてください。実際にほぼエラーなく動作するはずです。


適切なプロバイダ

ウェブサイトをオンラインで公開するためには、適切なウェブスペースが必要です。(ここでは、サーバーを所有せず、代わりにプロバイダーからウェブスペースを借りることを前提としています)

まずは、プロバイダーからスペースを確保する必要があります。また、最終的にはウェブサイトが後で呼び出されるアドレスであるドメインについても同様です。現在、多くのプロバイダーが、手頃な価格でウェブスペースを借りることができます。プロバイダーやウェブスペースパッケージの選択にあたっては、以下の点に注意する必要があります:

• 少なくとも1.5ギガバイトのスペース

• De-Domainが1つ含まれていること

• 通常、少なくともPHPがサポートされているはずです。

• MySQLデータベースが必要です。

• 無制限のトラフィックには必ず注意してください。

特に最後のポイントは重要です。トラフィックにはしばしば本当の費用の罠が潜んでいます。

言わずもがなですが、上記のことは小規模なウェブサイトの真の最低要件に過ぎません。よくアクセスされるページを運営している場合は、もちろんここでアップグレードする必要があります。ただし、小さいパッケージから大きいパッケージに後で移行することは通常問題ありません。疑問がある場合は、事前にプロバイダーに問い合わせてみてください。

このサイトhttp://www.webhostlist.de/webhosting/vergleich/で、自分に適したプロバイダーを検索することができます。

HTML&CSS初心者向け(第48部):ウェブサイトがオンラインになりました



プロバイダーの選択は、さまざまな基準によって行うことができます。

プロバイダーを決定し、パッケージを選択し、希望のドメインが登録されたら、準備は整います。プロバイダーからは、FTPアクセス情報など、関連するすべての情報が電子メールで送られてきます。

データを転送する

必要なデータを手に入れたら、ローカルファイルをウェブサイトにアップロードできます。ただし、ファイルとその中に含まれる構文をもう一度確認してください。特に以下の点に注意してください:

• すべてのハイパーリンクと画像のパスが正しいかどうかを確認してください。(特に、HTMLページをWYSIWYGエディタで作成した場合、ローカルパスが使用され、オンラインでは合わなくなることがあります)。

• ファイル名とディレクトリ名にスペースや特殊文字が含まれていないか確認してください。

すべて正しいですか?それであれば、ページをオンラインに公開できます。これには、ウェブスペースとのFTP接続が必要です。これはどのFTPツールでも行うことができます。その中で最も優れたかつ無料で利用できる選択肢の1つはFileZillaです。これはhttp://www.filezilla.de/からダウンロードできます。

HTML&CSS入門(Part 48):ウェブサイトがオンラインになります

FileZillaをインストールして起動したら、ファイル>サーバーマネージャーをクリックします。開いているダイアログボックスで新しいサーバーをクリックします。

HTML&CSSの初心者向け(第48部):ウェブサイトがオンラインになります

右側の領域には、プロバイダーから受け取ったFTPデータを入力する必要があります。たとえば、次のようになるかもしれません:

サーバー = www.dein-benutzername.de

サーバータイプ = FTP-ファイル転送プロトコル

接続タイプ = 標準

ユーザー = ftp_sdfsdfsfd@dein-benutzername.de

パスワード = パスワード

ここにFTPデータを入力する必要があります。必要に応じて、プロバイダーに再度問い合わせてください。

接続をクリックしてFTPサーバーとの接続を確立します。

ここでは、ウェブサイトをWebサイトのルートディレクトリに直接コピーすることを前提としています。ルートディレクトリは前置スラッシュによって識別されます。

HTML & CSS の初心者向け(パート48):ウェブサイトがオンラインになります

この直接的な方法の利点は、http://www.deine-domain.de/でウェブサイトに直接アクセスできるということです。つまり、リダイレクトなどを設定する必要がありません。

多くのプロバイダーでは、ルートディレクトリには標準でcgi-dataとcgi-binという2つのディレクトリが存在します。そして、これらのレベルにすべてのディレクトリとファイルをコピーします。FileZillaの左上の領域で、ローカルファイルを探してください。

ローカルデータが含まれるファイルとディレクトリをクリックしてください。

そして、下のウィンドウに表示されているディレクトリとファイルを選択し、選択したディレクトリ/ファイルを右クリックしてアップロードを選択します。

HTML&CSS入門(パート48):ウェブサイトがオンラインになります

データがサーバーにアップロードされます。すべてのファイルが正常に転送されていることを確認してください。特定のファイルがアップロードできない場合の問題を見つける場合は、FileZillaの下部ウィンドウで確認できます。

すべてのコンテンツがサーバーに配置されたら、ウェブサイトのテストを開始できます。特に画像がすべて存在し、リンクが正しいかどうかを確認してください。

終わりとまとめ

これで、このHTML-CSSシリーズの終わりにたどり着きました。あなたが持って帰るべきものは、HTMLとCSSを基にしたウェブサイトを作成し、それを実際に公開するための基本的な手順です。特に明確になっているべきことは、ウェブサイトを作成することは時間のかかるプロセスであるということです。これはデザインから始まり、実際のウェブ開発を経て、ウェブサイトのアップロードや管理まで続きます。新しいウェブサイトを成功させることを願っています!