Q&A
ソースコードはマークダウンのcode機能を使ってください。質問・解説内容とコードとの境目が不明瞭となりますし、code機能では正しくコードをコピペできるようになりインデントもつけられて読みやすくなり、再現確認も容易となりますので、的確な回答が得やすくなります。
前提・実現したいこと
ドットインストールの「実践！Webサイトを作ろう」でHTML/CSSを勉強しています。
レッスン０３でmarginの調整を始めたところ、プレビューしてもエラーになってしまい反映しなくなりました。
発生している問題・エラーメッセージ
Oops
No application seems to be running here!
と白背景に青文字で表示されています。
該当のソースコード
★htmlファイルには下記の通り記載しています。
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <title>Dotinstall Paneを使ってみよう</title> 6 <link rel="icon" href="favicon.ico"> 7 <link rel="stylesheet" href="dot-install.css"> 8</head> 9<body> 10 <header> 11 <h1>Dotinstall Pane</h1> 12 <p>ドットインストールを見ながら<br> 13 コーディングができるAtomパッケージ</p> 14 <a href="#" target="_blank">詳細を見る</a> 15 </header> 16</body> 17</html>
★CSSファイルには下記の通り記載しています。
css
1body{ 2 font-size:16px; 3 font-family:Verdana,sans-serif; 4 color: #333; 5 margin:0; 6} 7 8header{ 9 color:#fff; 10 background:url(img/bg.png) ; 11 background-size: cover; 12}
試したこと
リロードしてみたり、再度ログインしたりもしましたができませんでした。
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
エラーメッセージで検索しますとそれなりにCloud9関連の記事が出てきますが、それらは幾つか試してみられましたか？試して見られた場合は、その結果も「試したこと」として追記してください。
回答1件
0
HTMLやCSSは静的ファイルです。
previewの方法を間違っていると思います。
左側のツリー構造になっている部分のHTMLファイル上で右クリックを行い、previewを選択してください。
画面上部中央の「preview」は動的プログラミング言語用のpreviewです。
Webサーバを起動してから使うものであり、HTMLファイルを表示するときには使いません。
投稿2019/03/25 09:14
総合スコア654
あなたの回答
tips
プレビュー
