PCゲーマーのWebデザイン備忘録

PCゲーマーのWebデザイン備忘録。東京都内でWEBデザイナーとして働いています。Webデザインやゲームに関することをブログに書いていきます

2014-09-10から1日間の記事一覧

【HTML】2カラムレイアウトのページを作る

課題であがっていた2カラムレイアウトを参考に、作って見ました。 ブラウザレビュー(演習結果) ポイント 必要のないDIVを使わない。 画像を右側へフロートさせている。 フロートさせた画像の高さを保持したいので、overflow:hiddenを使っています。これで…

【Photoshop】 連続する背景画像を作る

Photoshopを使用して、連続する背景画像を作ります。全方向に連続した画像を作る。ページの背景に全方向に連続した背景画像を作ります。今回は雲の画像を作ります。 新規レイヤーを400*400pxで作ります カスタムシェイプツールから雲を選び、真ん中ぐらいに…

【CSS】 position

positionを使って、HTML内でレイヤーのような構造を作る事ができます。posisionの書き方positionはabsolute(絶対的な)を指定した上で、ブラウザの左上からの距離を指定する。CSS #wrapper { width: 760px; /* レイアウト全体の幅を指定 */ overflow: hidde…