つくりなおしたい時や、エラーがでて直し方がわからなくなってしまった時に、最初の状態に戻せるよう、ファイルを複製してバックアップをとっておきましょう。
Cloud9が立ち上がっている状態で、バックアップしたいフォルダを右クリックしてください。
メニューがでてきたら、Duplicate(複製)をクリックしてください。
元のフォルダの下に、フォルダが複製されたことを確認してください。確認できたら次のステップへ進みましょう。
このサイト左のメニューからパーツの種類別に探すことができます。好きなサンプルをみつけたら、クリックしてください。
「できあがりイメージ」に完成見本が、「つくりかた」に具体的な手順があります。
サンプルによって、HTMLの確認が必要な場合、CSSの確認が必要な場合があります。 ソースコード左上の表示で、HTMLもしくはCSSのどちらを対象にしているのかを確認してください。
サンプルの「つくりかた」に書いてある解説を読んでから、HTMLやCSSのソースコードをコピーしてください。
Cloud9の画面で、Step1でコピーしたソースコードを目的の場所に貼り付け(ペースト)してください。 ※どの部分に貼り付けしたらよいかについては、サンプルの解説に書いてあります。
値を自分のサイトに合うように書き換えることで、見た目を調整することができます。CSSのプロパティによって指定できる値は異なります(色・形状・幅や高さの数値など)。
Cloud9の画面のメニューにある「Edit」→「Undo」を選択でひとつ前に戻すことができます。