サイトの使い方（Cloud9）

① 事前準備・バックアップ

つくりなおしたい時や、エラーがでて直し方がわからなくなってしまった時に、最初の状態に戻せるよう、ファイルを複製してバックアップをとっておきましょう。

Step2 フォルダを複製する

メニューがでてきたら、Duplicate（複製）をクリックしてください。

Step3 複製されたフォルダを確認する

元のフォルダの下に、フォルダが複製されたことを確認してください。確認できたら次のステップへ進みましょう。

② サンプルの探し方

このサイト左のメニューからパーツの種類別に探すことができます。好きなサンプルをみつけたら、クリックしてください。

③ サンプルの見方・使い方

「できあがりイメージ」に完成見本が、「つくりかた」に具体的な手順があります。

④ サンプルからコピーして自分好みに調整

Step2 コードを貼り付け（ペースト）する

Cloud9の画面で、Step1でコピーしたソースコードを目的の場所に貼り付け（ペースト）してください。 ※どの部分に貼り付けしたらよいかについては、サンプルの解説に書いてあります。

Step3 値を調整する

値を自分のサイトに合うように書き換えることで、見た目を調整することができます。CSSのプロパティによって指定できる値は異なります（色・形状・幅や高さの数値など）。

⑤ 困ったときは？ひとつ前に戻す方法

Cloud9の画面のメニューにある「Edit」→「Undo」を選択でひとつ前に戻すことができます。