2016-04-22 14 views
-2

私は、codeacademyやW3schoolのようなオンラインコースでHTML + CSSを学習しています。私はウェブページを作成することに関して非常に単純な把握をしており、ページを作成して物事をちょうど乱すことによって "サンドボックス"で遊びたいと思っています。ウェブページの練習

私はどこかで私のHTMLとCSSを入力し、私が見ている他のページと同じようにWebページに表示することができます。私は、コースそのもの以外の静かなものを見つけることができませんでした。そんなことさえありますか?

+4

純粋なCSSとHTMLについては、ファイルをデスクトップに保存してブラウザで開きます。 – WillardSolutions

+1

JsFiddle、CodePen、JsBinなどは見ましたか? – SLaks

+1

残念ながら、本、ツール、ソフトウェアライブラリ、チュートリアル、その他のオフサイトリソースをお薦めするか、見つけようとする質問は、オピニオン回答とスパムを引き付ける傾向があるため、スタックオーバーフローについては話題にはなりません。どのような種類の質問が許可されているかについては、[ヘルプ]の記事を参照してください。 – BSMP

答えて

2

あなたはそれはあなたがコーディングソフトウェアsuch as BracketsをダウンロードすることができますJS、HTML、CSSを受け入れ、リアルタイムにレンダリングし...

2

JSFiddle を試みることができます。同じフォルダにhtmlファイルをindex.htmlとして保存し、cssをstyles.css(例)として保存します。
コンピュータのドキュメントでそれらを単にクリックするだけで、デフォルトのブラウザで開くことができます。あなたはhtml/cssのための "オンライン"ツールは必要ありません。

また、私はJsFiddleはあなたが望むもののために働くと思う選択肢

+0

答えにリンクを追加しました。 代替案については、このブログの記事もチェックしてください:http://1stwebdesigner.com/free-coding-software/ – BrainHappy

+0

私は見ました。プラスプラスです。ありがとう。 – Martin

0

ためthis blog postをチェックしてください。また、分岐を開始するときにjavascriptを組み込むこともできます。 Plunkerは、変更が加えられたときにページが自動的に表示される「ライブプレビュー」があるので、私がお勧めするものです。

+1

なぜこれがダウン表示されますか? – Martin

1

私は非常にお勧めしますhttp://codepen.io。私は束の中で最もユーザーフレンドリーであることがわかります

+1

それは何がベスト?多分?あなたのanwserを編集して壮大になるように改善できたら: – Martin

+0

@Martin done sir! –

+1

笑、改善だけど、あなたは*なぜそれが一番ユーザーフレンドリーだと言える?私はそれが意見に向かって振り向いていることを知っていますが、1つの文レビューが訪問者の判断に役立つでしょう:)。ありがとう – Martin

0

000webhostのようなサイトから無料のウェブサイトを入手してください。次に、サーバー上でリアルタイムでコードをアップロードして編集し、例えばそれを見ることができます。 http://example.freehost.comで、リアルタイムで表示できます。また、notepad ++のようなソフトウェアを使用して、コードをアップロードしてからアップロードすることもできます。あなたのホームページがindex.htmlであることを確認してください