Cloud9が立ち上がっている状態で、バックアップしたいフォルダを右クリックしてください。

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

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

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

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

サンプルによって、HTMLの確認が必要な場合、CSSの確認が必要な場合があります。 ソースコード左上の表示で、HTMLもしくはCSSのどちらを対象にしているのかを確認してください。

サンプルの「つくりかた」に書いてある解説を読んでから、HTMLやCSSのソースコードをコピーしてください。

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

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

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