ウェブランサー

【携帯サイト】超簡単!コピペで使いまわせるレイアウトのサンプルを配布

  • このエントリーをはてなブックマークに追加

  • mixiチェック
携帯サイト用テンプレート無料ダウンロード改変OK

携帯サイトのレイアウトは、いくつかのブロックの集合体でできています。一見複雑に見えるページでも、ブロックのパーツを組み合わせることで構築することができます。奇抜な構成やイレギュラーな内容でない限り、良く使うパターンというのは決まってくるのです。

今回は、長年携帯サイトを作り続けてきた経験から、コピペで使いまわせるパーツを集めてみました(一部画像使用)。目的ごとにパーツを組み合わせてブロックを並べていくだけで携帯サイトのレイアウトが完成します。

是非活用してみて下さい!

携帯サイトのサンプルソースコードをダウンロード

基本的に携帯サイトは、<div>と<span>の組み合わせでブロックを構築していきます。たまにTableレイアウトを使うと有効です。色の組み合わせと画像の配置次第でいくらでもバリエーションを増やすことができます。

プレビュー

携帯ページレイアウトのサンプル

※サンプルのソースコードはPHPファイルです
※XHTML+CSSで記述しています

  • このエントリーをはてなブックマークに追加

  • mixiチェック
あなたが興味を持ちそうなエントリー
  1. 【CSS3】コピペで使えるCSS3のボタンやグラデーションのサンプルを配布
  2. 超でかいFacebookの「いいね!」ボタンを作ったので配布する
  3. 日本のソーシャルゲームが儲かっている本当の理由
  4. これからWebサイトを作り始める人が知っておくべきこと
  5. ソーシャルゲームで成功を収めるために絶対に外してはならないこと
  6. たったの2クリックでFacebookのニュースフィードを整理する方法
  7. 自宅のPCライフを快適にするビーズクッションのススメ
このエントリーに似た記事を探す
SNSをフォロー
カテゴリー
タグで絞り込む
アーカイブ
ソーシャルブックマーク
リンク