CSSは読み込まれていません。実際のブラウザでは表示されません。

<head> 
<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<meta name="description" content=""> 
<meta name="author" content=""> 

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" /> 
<link href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.1.1/animate.min.css" rel="stylesheet" /> 
<link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" /> 
<link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet"> 
<!-- style sheet --> 
<link rel="stylesheet" href="css/styles.css" />

私が執筆し、ブラケットにそれを編集し、私はクロームやFirefoxなどのブラウザで表示するために至るまで、すべてがうまく登場してきました。

出典

2016-11-30 Hemayne

私はスタイルシート以外を追加する必要があります。これらのファイルはローカルにはありません。私はここからテーマを得ました：https://graygrids.com/item/landing-zero-free-bootstrap-video-background- template/ – Hemayne

ブラウザのコンソールにエラーがありますか？ – DavidG

http://imgur.com/a/p730s はい、これらですが、これを修正する方法がわかりません。ダウンロードしたファイルにそれ以外のファイルがありません – Hemayne

ブラケットは、バックグラウンドでローカルサーバーを実行しているので、あなたのダブルスラッシュの前にhttp:またはhttps:を追加しよう。

出典

2016-11-30 00:10:46 Flink

URLの 'HTTP：'部分がないと、ブラウザはそのページに使用されているスキームを利用できます。これは完全に有効であり、しばしば推奨されます。 – DavidG

ありがとうございますx – Hemayne

ダーク・イット・フリンク！私にそれを打つ！ –

してくださいセットアップローカルウェブサーバーにあなたのプロジェクト

あなたは確かにすることなく、ローカルコンピュータ上のHTMLページを作成し、テストすることができますが、Web開発環境内

をWebサーバーを使用することの利点ほとんどのWebプロフェッショナルは、独自のWebサーバーを使用しています。

開発環境内のWebサーバーを使用することには多くの利点があります。もちろん、プロダクションホスティング環境では、Webサーバーが不可欠です。また、Webサイトによっては、開発環境でWebサーバーが不可欠な場合があります。私は、「開発環境」と言うとき

、私はあなたが生きて（本番）環境にそれらをコミットする前に、更新を実行するために使用する、通常はローカルマシン上で、あなたのウェブサイトのコピーを参照しています。

は実際には、（このようなテスト、トレーニング、protypesなどなど）、異なる目的のためにあなたのウェブサイトの多くのコピーを持っていますが、ちょうど今の「開発環境」と呼んでみましょうことができます。ここで

は、開発環境内のWebサーバーを使用していくつかの利点がある：

あなたの地元のウェブサイトはより多くのライブ1のように振る舞います。たとえば、ディレクトリセキュリティを構成し、カスタムエラーページなどをテストしてから運用環境にコミットすることができます。 PHPやColdFusionなどのサーバーサイドスクリプト言語を使用できます。コーディングを標準化することができます。たとえば、イメージ参照とハイパーリンク（たとえば、/directory/image.gif）にルート相対パスを使用できます。つまり、パスはコンピュータのディレクトリ構造ではなく、ウェブサイトの構造を表すことができます。ナレッジ。独自のWebサーバーを使用して得た知識は、ライブ環境での動作を理解するのに役立ちます。これは、ホスティングプロバイダとのコミュニケーションが必要なときに、最も効果的に役立ちます。要求/問題を理解しやすくするための用語を使用できるようになります。 WebサーバーなしでHTMLファイルを表示

誰かがチャンスは、彼らが行うことを学ぶ最初のものの一つは、彼らの（新たに作成された）HTMLファイルを表示する方法である、ある、HTMLをコーディングする方法を学習し。彼らはあなたが単にHTMLファイルをダブルクリックすることができ、それが彼らのウェブブラウザでそれを起動することを学ぶでしょう。そしてその時点から、彼らは見たいと思った彼らのウェブページ/ウェブサイトを見ることができる。

ファイル：/// C：/書類％20および％20Settings /ホーマー％20Simpson /マイ％の20Documentsをここ

は、URLがWebサーバーなしでWebページを表示するときのように見えることができるものの例をいくつか示します。 /index.html file：/// C：/Inetpub/wwwroot/index.html

これらの例では、ファイルを表示するためにファイルプロトコルを使用しています。上記の方法でHTMLファイルを表示する

Webサーバーと

一つの問題は、（あなたの代わりにファイルプロトコルを使用している）を使用すると、HTTPプロトコルを使用してウェブサイトを閲覧していない、ということです。

これは、HTML、CSS、クライアントサイドJavaScriptなどのクライアントサイド言語のみを使用している場合、これは通常問題ではありません。しかし、PHP、ColdFusionなどのサーバー側言語を使用しようとすると問題になります。

また、サーバー側の言語を使用していない場合でも、問題が発生する可能性がありますそれがウェブ上でどのように動作すべきかを正確に表現するウェブサイトを開発する。

Webサーバー経由でWebページを表示する場合、URLはhttp：//で始まります。また、URLはIPアドレスまたはドメイン名/ホスト名で構成されます。ここで

は、Webサーバを経由してWebページを表示するときにURLがどのように見えることができるもののいくつかの例です：

http://127.0.0.1

http://localhost

http://www.quackit.com

http://dev.quackit.com

最初にWebサーバーを設定すると、通常はあなたのデフォルトウェブサイトはhttp://localhostまたはhttp://127.0.0.1です。より多くのウェブサイトを追加する場合は、独自のURLを（DNSサーバーまたはHostsファイル経由で）作成し、そのURLをWebサーバー経由でWebサイトに割り当てる必要があります。

出典

2016-11-30 01:17:41 Arun

CSSは読み込まれていません。実際のブラウザでは表示されません。

答えて

関連する問題