ホームページ制作 福岡

レスポンシブ テーブルでPCでもスマホでもきれいに見せれます

ども、中の人です。

ホームページを作る際によくある要望として、テーブルタグをどうしよう?というのがあります。

画像タグでするのか?
テーブルタグでするのか?

またテーブルタグも、横幅を100%として表示させるのか、スクロールさせるのか?

という事もあると思います。

 

これは、適材適所でいいと思っているところではありますが、更新時の利便性でいえば、テーブルタグにしておいて、きれいに見せる為にスクロールさせるという事かなと、現在では思っていたりします。

 

そういった視点で行けば、弊社が制作する際のベースにしているcocoon というテーマは秀逸です。

現在基本として納品するサイトはcocoonをカスタムしている。

このサイトもcocoonをカスタムしています。

 

アフィリエイトサイトではなく、会社のウェブサイトという事であれば、担当者のスキルがピンからキリまであるので、広告ページなどへの誘導についての、本当に細かい調整はアクセスが上がってからで十分かと思います。

それは、効果を出すためにはまずアクセスが発生しないと100%意味がないからです。

また、このcocoonでも十分効果を果たせる機能やシステムがふんだんに盛り込まれているというのも採用している理由です。

 

テーブルをレスポンシブでも対応できるようにしてくれる。

よくあるメニュー表などの比較をおこなったりする場合は、表のような表現がわかりやすかったりします。

ですが、表の表現は、PCで見る分には、あまりきにしなくてもいいのですが、スマートフォンで見ると考えたときに、PCとスマホでは明らかに画面の縦横の比率が逆転していますよね?

 

そこを、絶妙にサポートしてくれているのが素晴らしいと感じます。

 

テーブルタグを実際に表示するとこうなる。

ちょっと佐賀県の人口データを適当に処理してテーブル化しました。

数字や表のデータに意味はありません。

見え方だけに注目していただければと思います。

 

総数828388391276437112年齢構造係数年少人口指数24.1
年少人口114298年少人口58440年少人口55858年少人口13.8老年人口指数49.4
生産年齢人口475189生産年齢人口233248生産年齢人口241941生産年齢人口57.4従属人口指数73.4
老年人口234545老年人口97135老年人口137410老年人口28.3老年化指数205.2