開発環境準備 - paulbarre/RssReader GitHub Wiki
下記の構成でプロジェクト用のフォルダを準備します。
RssReader/
|
+--css/
| |
| +-- ...
|
+--js/
| |
| +-- ...
|
+--index.html
- 全てのHTMLコードは
index.html
ファイルに書いてください。 -
css/
のフォルダーの中に全てのCSSスタイルシートを入れてください(.css
)。 -
js/
のフォルダーの中に全てのJavaScriptのファイルを入れてください(.js
)。
開発するプロジェクトを実際にテストするため、ウエブブラウザーが必要になります。お好きなブラウザーを使ってください。
上記のブラウザーにはデベロッパーツールが入っています。ツールを使うことでHTML、CSS、JavaScriptの内容を確認しながらデバッグを行うことができます。
メニューからツール > ウエブ開発 > 開発ツールを表示
で開けます。

メニューから表示 > 開発/管理 > デベロッパー ツール
で開けます。

メニューから表示 > 開発者用メニューを表示
を選択します。
メニューに開発
が表示され:開発 > 開発者用ツール
で開けます。

下記のドキュメントなどを参考にしてください。
このチュートリアルの終わりにCSSを使いますので、下記リンクも参考にしてください。