ホームページ作成 人気記事ランキング(9ページ目)

携帯端末向けのウェブサイトを作成した場合、実際の携帯電話でどう見えるのかのチェックが必要です。実機を使うのが確実ですが通信費がかかりますね。実機を使わずに携帯端末での見え方を確認する方法があります。

リンク先を新規ウインドウで開くよう記述されているリンクに限定して、アイコンが付加されるようスタイルシートを書いてみましょう。target属性に値「_blank」が指定されているリンクに自動的に画像を表示させます。

HTML＋CSSだけでタブの切り替え機能を作る方法をサンプルと共に解説。複数のタブから見たい対象を選ぶだけで、ページを移動することなく表示内容が一瞬で切り替わります。選択中のタブがどれなのかを明示できるようにタブの色を変化させるのも簡単。JavaScriptなどのスクリプトは不要です。サンプルソースをコピー＆ペーストして試してみて下さい。

携帯電話で閲覧できる「ケータイサイト」作成方法の第3弾です。携帯端末ならではの「絵文字」を表示・入力する方法をご紹介。絵文字を入力するためのツールや入力方法の紹介と、絵文字の装飾方法も解説しています。

短縮URLの作り方おすすめ3選と、短縮URLを自分の独自ドメインで作成する方法をご紹介。外部の短縮URL生成サービスは手軽に利用できて便利ですが、デメリットもあります。転送の仕組みやフリーのツールを使えば、自サイト専用の短縮URLも無料で用意できます。短縮URLの解析サービスも使うと転送先が安全かどうかを調べられます。

複数の画像を使わなくても、たった1つの画像を用意するだけで「3:★★★☆☆」・「4:★★★★☆」のような星レベル（星ランク）を表示させる方法があります。スタイルシートを工夫して簡単に実現する方法をご紹介。

HTMLとは何なのかを初心者にもわかりやすく解説。HTMLとCSSの関係とは？ タグと要素の違いとは？ HTMLの基本的な構造とは？ XHTMLやHTML5って何？ 属性の書き方は？ など、HTMLに関する基本的な疑問を解消できるよう解説しています。

IE6～8でも一部のCSS3プロパティが表示可能になる「CSS3 PIE」をご紹介。この「CSS3 PIE」を使えば、すべてのIE6～8ユーザに対して（一部の）CSS3プロパティを使ったデザインを見せることができます。ボックスの角を丸くしたり、ボックスに影を付けたり、背景色に透明度を付加したりするなど、CSS3で実現できるデザインを活用しているなら、それらを古いIEでも表示可能にしてみましょう。

ホームページをスマホ対応にする方法として、サイト制作前に確認しておきたいポイントや、スマホ用ブラウザの仕様による注意点などを簡単に解説。スマホサイトに特殊な作り方は必要なく、HTML＋CSSはPCサイトとほぼ同じ書き方で作成できます。画面の小さなスマートフォンに適したデザインで、モバイル対応Webサイトを作ってみて下さい。

スマートフォン用にウェブページを作っても、コンテンツが多ければ自動的に縮小されて表示されます。これは、PC用ウェブサイトをうまく閲覧するためには必要な機能ですが、スマートフォン用にデザインしたページの表示では少々困ります。そこで、自動縮小を防ぐ「viewport」の記述を使ってみましょう。